/* CSS Document */

/* 
    Theme Name: Sri Sai Ram Engineering College.
	Website Url: http://wwww.sairamgroup.in
	Description: iTech India Pvt Ltd website design - April 2011.
	Version: 2.0
	Author: MuthamilSelvan S (MSM38), iTech India Pvt Ltd.
	Author URL: http://www.iTech-India.com/
	*/


/*@import url("../CSS/TabNews.css");
*/

/* --
	Styles Index
	=======
	1.0 Document Body
	
	2.0 Header
	
	3.0 Site structure
		 
	4.0 Inner pages Site structure
	
	5.0 Footer
	
	6.0 Common Classes
	
-- */

 
/* -- 1.0 Document Body -- */
@charset "utf-8";
body {
	margin:0px auto; 
	padding:0px;    
	background-color:transparent;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}


/* -- 2.0 header -- */
#Header {
	display:block;
	vertical-align:middle;
	float:none; 
	width:100%;
	height:93px;
	/*background:#C30;*/
	background:url(../Images/HeaderBG.jpg) repeat-x;
}

#LogoArea{ margin:0px auto;
		   padding:0px;
           width:1000px; 
           height:100%;		    
		   display:block;
		   float:none;		   
}

#Search {
	display:block;
	float:left; 
	width:290px;
	height:93px;
	/*background-image:url(../images/Search.jpg);*/
}



#Login {
	display:block;
	float:right;
	width:280px;
	height:93px;
	/*background-image:url(../Images/Login.jpg);*/
}



/* -- 3.0 Site structure -- */
.Clr {clear:both;}

#Wrapper{ width:1000px; 
          max-width:1000px; 
		  margin:0px auto;
	      padding:0px 0px 0px 0px;
		  height:auto;
		  float:none;
		  display:block; 
		  min-height:50px;		  
}

#TopMenuList {
	display:block;
	float:none; 
	width:100%;
	height:162px;
}

#TopMenu{ width:1000px; 
           margin:0px auto;
		   float:none;
		   padding:0px;
           height:162px;	    
		   display:block;
		   background:url(../Images/TopMenuBG.jpg) repeat-x;
}
 
#LftContent {
	display:block;
	float:left; 
	width:190px;
	height:auto;
	
}

#RgtContent {
	display:block;
	float:left;
	width:809px;
	height:auto;
	border-left:#d8deee solid 1px;
}

#LftMenuArea {
	display:block;
	width:190px;
	height:286px;
	/*background-color:#CFC;*/
}

#BannerArea { 
    display:block;
	float:none;
	width:809px;
	height:286px;
}

#BodyContent {
    display:block;
	float:left;
	width:800px;
	height:auto;
	margin-top:10px;
}
 
#ChairmanMsg{
	float:none;
	display:block;
	width:100%;
	height:270px; 
}


#QuickLinks{
	float:none;
	display:block;
	width:100%;
	height:275px; 
}


#NewsArea { margin-left:30px;
           /*padding-left:20px;*/
            background:url(../Images/NewsBG.jpg) no-repeat; 
			width:755px; 
			max-width:755px; 
			height:323px;
			float:none; 
			display:block;
           }

/* -- 4.0 Inner pages Site structure -- */
#HeaderLinks {
	display:block;
	float:right;
	width:280px;
	height:93px;
 
}

#BannerAreaIN { 
    display:block;
	float:left;
	width:100%;
	height:200px;
}

#BodyContentIN {
    display:block;
	float:left;
	width:790px;
	padding-left:19px;
	height:auto;
	margin-top:10px;
}

#BodyContentINM {
    display:block;
	float:left;
	width:790px;
	padding-left:19px;
	height:auto;
}

#LogoIN { 
    display:block;
	float:none;
	width:100%;
	height:200px;
}

#Brudcurms{
	    width:100%;
		height:25px;
		float:none;
		display:block;
		border-bottom:1px #fd9a01 solid;
		line-height:25px;
		text-indent:10px;
}

#Tittle { 
        width:100%;
		height:40px;
		float:none;
		display:block;
		background:url(../Images/TittleBG.jpg) repeat-x;
		line-height:40px;
		text-indent:10px;
}

#LftInCont {
	         width:185px;
			 height:auto;
			 background:url(../Images/LftConCent.jpg) repeat-y;
			 display:block;
			 min-height:15px;
			 float:none;
}

#LftInTop {
	         width:185px;
			 height:39px;
			 background:url(../Images/LftConTop.jpg) no-repeat;
			 display:block;
			 float:none;
}

#LftInBtm {
	         width:185px;
			 height:39px;
			 background:url(../Images/LftConBtm.jpg) no-repeat;
			 display:block;
			 float:none;
}

/* -- 5.0 Footer -- */

#FooterArea {
    display:block;
	float:none;
	width:100%;
	height:72px;
	background:#0C6;
	background:url(../Images/FooterBG.jpg) repeat-x;
}

#Footer{ width:1000px; 
           margin:0px auto;
		   padding:0px;
           height:72px;		    
		   display:block;		   
}

#LftBtm {
	display:block;
	float:left; 
	width:290px;
	height:32px;
/*	background-image:url(../images/SocialNW.jpg);*/
}

#BtmCurve {
	display:block;
	float:left;  
	width:420px;
	height:32px;
	background-image:url(../Images/GroupCurve.jpg);
}

#RgtBtm {
	display:block;
	float:right;
	width:290px;
	height:32px;
}


#BtmLink{ width:1000px;
           height:40px;		    
		   display:block;
		   float:none;
		   background:url(../Images/BtmCurveCentr.jpg) no-repeat center;
		  /* background-image:url(../images/FooterLinks.jpg);	*/   
}


/*======================================================================================================================================*/

 
/* -- 6.0 Common Classes -- */
.Bdymsm381{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:justify; color:#4d4c4c; text-decoration:none;}
.BdyMSM38 {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:9pt; line-height:18px; text-align:justify;}

.BlueTxt {font-family:Arial, Helvetica, sans-serif; color:#014b92; font-weight:bold; font-size:9pt; font-style:italic; line-height:18px;}

.Tittle {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#014b92; font-weight:normal; font-style:normal; }
.Tittle2 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#c00000; font-weight:normal; font-style:normal; }		
.Heading1 {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#014b92; font-weight:normal; font-style:normal; border-bottom:1px   solid #d8deee; line-height:25px; }

.Menu {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; text-decoration:none; }
.Menu a:link, .Menu a:visited{font-family:Arial, Helvetica, sans-serif; font-weight:normal;color:#000; text-decoration:none; border-bottom:1px #d8deee solid; text-indent:20px; line-height:30px; display:block; width:155px; }
.Menu a:hover, .Menu a:active{ font-weight:bold; color:#c00000; text-decoration:none; border-bottom:1px #d8deee solid; background:url(../images/MenuSelect.jpg) no-repeat left; text-indent:20px; display:block; width:155px;} 	
.MenuCurrent { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#c00000; text-decoration:none; border-bottom:1px #d8deee solid; background:url(../images/MenuSelect.jpg) no-repeat left; line-height:30px; text-indent:20px; display:block; width:155px;}

.RedHead { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#c00000; text-decoration:none; line-height:30px; } 
.BlueHead { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#014b92; text-decoration:none; line-height:20px; }

.ListLink { font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:8pt; font-style:normal; text-decoration:none; }
.ListLink a:link, .ListLink a:visited { font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:8pt; font-style:normal; text-decoration:none; }
.ListLink a:hover, .ListLink a:active {  color:#dcff72; font-size:8pt; font-style:normal; text-decoration:blink; }

.WLink { font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:8pt; font-style:normal; text-decoration:none;  }
.WLink a:link, .WLink a:visited { font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:8pt; font-style:normal; text-decoration:none; }
.WLink a:hover, .WLink a:active {  color:#fff; font-size:8pt; font-style:normal; text-decoration:blink; }

.more { font-family:Verdana, Geneva, sans-serif; color:#dcff72; font-size:11px; font-style:normal; text-decoration:none; }
.more a:link, .more a:visited {font-family:Verdana, Geneva, sans-serif; color:#dcff72; font-size:11px; font-style:normal; text-decoration:none; }
.more a:hover, .more a:active {  color:#fff; font-size:11px; font-style:normal; text-decoration:underline; }

.more2 { font-family:Verdana, Geneva, sans-serif; color:#c00000; font-size:11px; font-style:normal; text-decoration:none; }
.more2 a:link, .more2 a:visited {font-family:Verdana, Geneva, sans-serif; color:#c00000; font-size:11px; font-style:normal; text-decoration:none; }
.more2 a:hover, .more2 a:active {  color:#c00000; font-size:11px; font-style:normal; text-decoration:underline; }

.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.hidden { display: none; }
.width { width:1000px; margin: 0px auto;}

.News {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; text-decoration:none; }
.News a:link, .News a:visited{font-family:Arial, Helvetica, sans-serif; font-weight:normal;color:#000; text-decoration:none;}
.News a:hover, .News a:active{ font-weight:normal; color:#c00000; text-decoration:none;  text-decoration:none; } 


.Btm {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#599ada; text-decoration:none; }
.Btm a:link, .Btm a:visited{font-family:Arial, Helvetica, sans-serif; font-weight:normal;color:#fff; text-decoration:none;}
.Btm a:hover, .Btm a:active{ font-weight:normal; color:#599ada; text-decoration:none;   text-decoration:blink;} 

.Qlink {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#8a8888; text-decoration:none; }
.Qlink a:link, .Qlink a:visited{font-family:Arial, Helvetica, sans-serif; font-weight:normal;color:#8a8888; text-decoration:none;}
.Qlink a:hover, .Qlink a:active{ font-weight:normal; color:#c00000; text-decoration:none;   text-decoration:blink;} 

.Brud {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#989898; text-decoration:none; }
.Brud a:link, .Brud a:visited{font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#fd9901; text-decoration:none; }
.Brud a:hover, .Brud a:active{ font-weight:normal; color:#fd9901; text-decoration:none;  text-decoration:blink; }

.maiL { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; font-style:normal; text-decoration:none; }
.maiL a:link, .maiL a:visited {font-family:Arial, Helvetica, sans-serif; color:#9e0b0f; font-size:12px; font-style:normal; text-decoration:none; }
.maiL a:hover, .maiL a:active {  color:#014b92; font-size:12px; font-style:normal; text-decoration:blink; }

.TopLink { font-family:Arial, Helvetica, sans-serif; color:#014b92; font-size:12px; font-style:normal; text-decoration:none; }
.TopLink a:link, .TopLink a:visited {font-family:Arial, Helvetica, sans-serif; color:#8a8888; font-size:12px; font-style:normal; text-decoration:none; }
.TopLink a:hover, .TopLink a:active {  color:#9e0b0f; font-size:12px; font-style:normal; text-decoration:none; }

.HeadLink, .HeadLink a:link, .HeadLink a:visited{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#014b92; font-weight:bold; font-style:normal; text-decoration:none; }
.HeadLink a:hover, .HeadLink a:active { font-size:24px; color:#c00000;   font-style:normal; text-decoration:blink; }

.TblBG { background-color:#e8eaeb; border:5px #adacac outset;}
.TblCont {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:9pt;  background-color:#f6f6f6;}
.TblCont1 {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:9pt;  background-color:#f0f0f0;}

.Sublink {font-family:Arial, Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#000; text-decoration:none; }
.Sublink a:link, .Sublink a:visited{font-family:Arial, Verdana, Geneva, sans-serif; font-weight:normal; color:#016aad; text-decoration:none; }
.Sublink a:hover, .Sublink a:active{ font-weight:normal; color:#c00000; text-decoration:none;  text-decoration:blink; }

.WHead {font-family:Arial, Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#fff; text-decoration:none; background-color:#828a8f;}

.Happening { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR:#60615e; FONT-FAMILY:Arial, Helvetica, sans-serif; line-height:18px; padding-bottom:9px; }
.Happening A:link { FONT-WEIGHT: normal; FONT-SIZE: 12px ; COLOR:#014b92;FONT-FAMILY:Arial, Helvetica, sans-serif; TEXT-DECORATION: none;  }
.Happening A:visited { COLOR: #014b92; TEXT-DECORATION: none;}
.Happening A:hover { COLOR:#60615e; TEXT-DECORATION:underline;   }
.Happening A:active {COLOR: #60615e; TEXT-DECORATION: none;}

.NewInfo {
background:url(../images/NewBoxanima.gif) no-repeat 0 1px;
float:left;
font-size:12px;
font-weight:normal;
margin-right:3px;
text-align:center;
margin-top:7px; 
line-height:21px;
padding:1px 2px;
width:156px;
}
.NewInfo a:link, a:visited { color:#003A83; text-decoration:none; }
.NewInfo a:hover, a:active { color:#EF030A; text-decoration:underline; }


.HMenu ul{
font: bold 13px Arial;
padding-left: 0;
margin-left: 0;
height:auto;
width:auto;

}

.HMenu ul li{
list-style: none;
display: inline;  
padding:3px; 
background:#e7e7e7;
color:#c00000;
}

.HMenu ul li a{ background-color:#fff;
padding: 2px 0.5em;
text-decoration: none;
float:none;
color: black;
 
border: 2px solid #737272; /*You can change this color*/
}

.HMenu ul li a:hover{
background-color: #005aad; /*You Can Change This Color*/
color:#fff;
border-style: outset;
}

html>body .HMenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

 .dottedline{  border-top-width: 1px;  border-top-color: #005aad;  border-top-style: dashed;}
  .dottedlineB{  border-bottom-width: 1px;  border-bottom-color: #005aad;  border-bottom-style: dashed;}
.gridView
{
font-family: verdana, arial, tahoma;
font-size: 12px;
width:1000px;
}

.gridHeader
{
font-family: verdana, arial, tahoma;
font-size: 8pt;
color: #FFFFFF;
background-color: #1760A5;
height: 20px;
padding-left: 12px;
}

.gridFooter
{
font-family: verdana, arial, tahoma;
font-size: 12px;
}

.gridContent
{
font-family: verdana, arial, tahoma;
font-size: 12px;
}

.gridAltContent
{
font-family: verdana, arial, tahoma;
font-size: 12px;
background-color: #CED8F6;
}

.graylinkRec
{
font-family: Verdana, Tahoma, Arial;
font-size: 50px;
font-weight: bold;
color: #333333;
text-decoration: none;
}
.graylink
{
font-family: Verdana, Tahoma, Arial;
font-size: 12px;
font-weight: bold;
/*color: #8A0808;*/
color: #333333;
text-decoration: none;
}
.clsNune
{
       color:#CC0099;
   font-weight:bold;
    }
.clsSearchAppLable
{
    color:#CC3300;
    font-size:12px;
    font-weight:bold;
    }
.recGrdTxt
{
    font-size:20px;
    }
.DetailsHeader
{
font-family: verdana, arial, tahoma;
font-size: 8pt;
color: #FFFFFF;
background-color: #333333;
height: 20px;
padding-left: 12px;
}

#navigation { width:auto; font-size: 95%; }
#navigation, #navigation ul, #navigation ul li, #navigation ul li a  { margin: 0; }
#navigation, #navigation ul { padding: 0; }
#navigation ul li a , #navigation ul li  { display: block; float: left; }
#navigation ul { list-style: none; background: url(../images/header.gif) repeat-x top left; overflow: hidden; border: 1px solid #0e6aa4; }
#navigation ul li { padding: 0 2px 0 0; background: url(../images/separator.gif) no-repeat 100% 50%; }
#navigation ul li a { color: #fff; font-weight: bold; text-decoration: none; }
#navigation ul li a:link, #navigation ul li a:visited { padding: 7px 10px; }
#navigation ul li a:hover, #navigation ul li a:active { background: url(../images/menubg_h.gif) repeat-x 0 50%; }

.button
{
    color: #fff;
    background-color: #5FB404;
    border: 3px ridge #2E9AFE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 1px;
    vertical-align: middle;
    font-weight: bold;
    font-size:12px;
    font-family:Verdana, Arial;
}

.imgbtnRG
{
    border: 3px ridge #2E9AFE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background:url(../images/Regular.jpg) no-repeat;
}
.imgbtnRG:hover
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background:url(../images/Lateral_On.jpg) no-repeat;
}

.imgbtnLE
{
    border: 3px ridge #2E9AFE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background:url(../images/Lateral.jpg) no-repeat;
}
.imgbtnLE:hover
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    background:url(../images/Lateral_On.jpg) no-repeat;
}

.instruction {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
 text-align:left;
 width:800px; 
margin:0px auto; 
line-height:24px;
}

.instruction ul {	
height:auto;
display:block; 
text-align:left; 
}

.instruction ul li { 
 text-align:left;
list-style-image:url(../images/QBullet.jpg);
padding: 5px;
}

.instruction ul li a {
font-size: 80%;
display: block; 
text-decoration: none;
color:#e4f1ff;
 
}

.instruction ul li a:hover, .instruction ul li a:focus {
color: #fff; text-decoration:underline;
}

/*Calendar Control CSS*/
.cal_Theme1 .ajax__calendar_container   {
background-color: #DEF1F4;
border:solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_Theme1 .ajax__calendar_day {
color: #004080;
text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
color: #004080;
font-weight: bold;
background-color: #DEF1F4;
}

.cal_Theme1 .ajax__calendar_today   {
font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
}

.TextStyle2013
{
	background-color:#e6f8fd;
	border:1px solid #258dc8;	
}
.TextStyleNoBG2013
{
	background-color:white;
	border:1px solid #258dc8;	
}

/********Progress Bar****************/
#progressBar {
		width: 400px;
		height: 22px;
		border: 1px solid #111;
		background-color: #292929;
}

#progressBar div {
		height: 100%;
		color: #fff;
		text-align: right;
		line-height: 22px; /* same as #progressBar height if we want text middle aligned */
		width: 0;
		background-color: #0099ff;
}
/************Refresh Grid**********/
#RegreshGrid {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    border-bottom-left-radius: 13px;
    border-top-left-radius: 13px;
    color: #CC0000;
    display: block;
    float: none;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;   
    line-height: 45px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 230px;
    width: 140px;
}
.css_btn_class {
	font-size:17px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:1px solid #268a16;
	padding:3px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(56%, #77d42a), color-stop(49%, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 56%, #5cb811 49% );
	background:-ms-linear-gradient( top, #77d42a 56%, #5cb811 49% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	color:#306108;
	display:inline-block;
	text-shadow:0px 0px 0px #aade7c;
 	-webkit-box-shadow:inset 1px 1px 0px -1px #caefab;
 	-moz-box-shadow:inset 1px 1px 0px -1px #caefab;
 	box-shadow:inset 1px 1px 0px -1px #caefab;
}.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(56%, #5cb811), color-stop(49%, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 56%, #77d42a 49% );
	background:-ms-linear-gradient( top, #5cb811 56%, #77d42a 49% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.css_btn_class:active {
	position:relative;
	top:1px;
}