@charset "utf-8";
/* CSS Document */

* {padding: 0; margin: 0; outline:none;}

/*---------------common---------------------*/

body{text-align: center; font:normal 12px Arial; height: 100%;  color:#4d4d4d;}

a:link, a:active, a:visited{color:#27488b; text-decoration:none;}
a:hover{color:#27488b; text-decoration:underline;}

ul,li{list-style:none;}h1,h2,h3,h4,h5,h6{font-weight:normal;}img{border:0;}
.fr{float:right;}.fl{float:left;}.tac{text-align:center;}.tar{text-align:right;}.tal{text-align:left;}.block{display:block;}.w100{width:100%; float:left;}

	/*========== Headings ==========*/
	h1{}
	h2{font-size:30px; color:#000000;}
	h3{font-size:20px; color:#888787;}
	
	
	/*========== fonts size ==========*/
	.ft14{font-size:14px;}.ft16{font-size:16px;}.ft18{font-size:18px;}.ft13{font-size:13px;}.ft20{font-size:20px;}.ft11{font-size:11px;}
	.ft12{font-size:12px;}.ft24{font-size:24px;}.ft28{font-size:28px;}.ft30{font-size:30px;}

	/*========== divs margin and paddings ==========*/
	.mr18{margin-right:18px;}.pt3{padding-top:3px;}.pt7{padding-top:7px;}.pt35{padding-top:35px;}.pt5{padding-top:5px;}.pt15{padding-top:15px;}
	.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml31{margin-left:31px;}.ml40{margin-left:40px;}.ml50{margin-left:51px;}.p5{padding:5px;}
	
	
	/*========== Fonts colors styling ==========*/
	.black{color:#000000;}.green{color:#62a51e;}
	.orange{color:#f26724;}.orange a{color:#f26724;}.orange a:hover{color:#a13805;}
	.grey{color:#2e3032;}.grey a{color:#2e3032;}
	.blue{color:#27488b;}.blue a{color:#27488b; text-decoration:underline;}.blue a:hover{text-decoration:none;}
	
	/*========== Divs Widths ==========*/
	.w100{width:100%; float:left;}
	
	.bor-bt{border-bottom:1px dashed #cecdcd;}
	

/*---------------Layout Design--------------*/

#mainwrap{width:989px; margin:11px auto; text-align:left;}

	/*========== Header ==========*/
	.header{width:100%; float:left;}
	
	/*========== Logo ==========*/
	#logo{width:378px; height:99px; float:left; cursor:pointer; background:url(../images/logo.jpg) no-repeat left top; margin-left:33px;}
	.leftlink{float:right; width:524px; text-align:right; padding:60px 41px 0 0; font-weight:bold; color:#4d4d4d;}
	.leftlink a{color:#0e4b82; margin:0 10px;}
	.leftlink a:hover{color:#62a51e; border-bottom:1px dotted #0e4b82; text-decoration:none;}.leftlink a.selected{color:#62a51e; text-decoration:none;}
	
	/*========== CONTENT ==========*/
	#content{width:989px; float:left; padding:24px 0;}
	.lefty{width:190px; float:left;}
	.freeacc{width:182px; height:182px; font-size:17px; padding:18px 0 0 12px; float:left;}
	.freeacc a{width:182px; height:157px;  padding-top:25px; display:block; text-align:center; background:url(../images/st-sh.jpg) no-repeat left top; color:#FFFFFF; line-height:24px; float:left;}
	.freeacc a:hover{background:url(../images/st-sh.jpg) no-repeat left -181px; text-decoration:none;}
	
	.welcometxt{padding:32px 0 0 19px; width:535px; float:left;}
	.welcometxt h2{padding-bottom:10px;}
	
	.gra-btn{width:258px; height:60px; margin-top:15px; float:left;}
	.gra-btn a {width:256px; height:55px; padding-top:5px; line-height:22px; background:url(../images/btn-bg.jpg) repeat-x left -1px; color:#FFF;							
	 text-decoration:none; display:block;  border:1px solid #39701d; float:left;}
	.gra-btn a:hover{background:url(../images/btn-bg.jpg) repeat-x left bottom}
	
	.welimg{width:223px; float:left; background:url(../images/welimg.jpg) no-repeat center top; padding-top:270px; margin-left:18px; text-align:center; 	
	 font-size:11px; color:#787878;}
	
	/*========== Registration ==========*/
	.regdiv{width:535px; float:left;}
	.regdiv h3{width:535px; float:left; padding-top:15px; color:#27488b; font-size:24px;}
	.regdiv h4{width:525px; float:left; padding:5px; margin:5px 0 15px; color:#27488b; font-size:14px; background:#d5d5d5; color:#000;}
	.regdiv form{width:100%; float:left; margin-top:20px;}
	.regdiv form br{clear:left;}
	.regdiv form label {width: 208px; display: block;float: left;font-size:14px; color:#3e3e3e; text-align:right; padding:5px 10px 0 0; margin-bottom:10px; 	
	 }

	.regdiv form input[type=text]{border:1px solid #c2c2c2; background:url(../images/inputbg.jpg) repeat-x left top; padding:5px; width:285px; color:#333; 		
	 border-top-width:0; margin-bottom:10px;}
	.regdiv form textarea{border:1px solid #c2c2c2; border-top-width:0; background:url(../images/inputbg.jpg) repeat-x left top #fff; padding:5px;width:350px; 	 color:#333; margin-bottom:10px;}
	.regdiv form input[type=password]{border:1px solid #c2c2c2; border-top-width:0; background:url(../images/inputbg.jpg) repeat-x left top; padding:5px; 	
	 width:285px; color:#333; margin-bottom:10px;}
	.regdiv form select{border:1px solid #c2c2c2; color:#333; padding:3px 5px; width:297px; margin-bottom:10px;}
	.regdiv form input:focus{border:1px solid #2f394c; border-top-width:0; background:url(../images/inputbg-foc.jpg) repeat-x left top;}
	.regdiv form button{width:141px; height:50px; border:1px solid #2f394c; background:url(../images/btn1-bg.jpg) repeat-x left top; color:#FFFFFF; font-size:28px; font-family:"Myriad Pro"; line-height:50px; cursor:pointer;}
	.regdiv form button:hover{border:1px solid #0b57ad; background:url(../images/btn1-bg-hov.jpg) repeat-x left top; }
	/*========== Footer ==========*/
	#footer{border-top:0px solid #d5d5d5; padding-top:110px; width:60%; float:left; margin-left:90px;}
	#footer p{width:100%; float:left; text-align:center;}
	
	.grasection{width:977px; float:left; padding-left:12px;}
	.grasection .w100 p{width:100%; float:left; padding-bottom:8px;}
	.grasection h2{width:977px; float:left; padding-bottom:25px;}
	.grasection .left{width:625px; float:left;}
	.grasection .left p{width:625px; float:left; padding-bottom:10px;}
	.grbtn{ height:101px; width:196px; display:block; float:left;}
	.grbtn a{background:url(../images/btn-new.jpg) no-repeat left top; height:79px; width:196px; text-align:center; color:#0e4b82; font-size:24px; padding-top:22px; display:block;}
	.grbtn a:hover{background:url(../images/btn-new.jpg) no-repeat left bottom; color:#000; text-decoration:none; }
	
	.grasection .right{width:318px; float:left; padding:0 12px 0 20px;}
	.grasection .right .box{border:#CCCCCC 1px solid; width:316px; float:left; min-height:400px;}
	.grasection .right .box-top{width:294px; float:left; padding:20px 11px 11px 11px;}
	.grasection .right .box-left{width:94px; float:left;}
	.grasection .right .box-right{width:200px; float:left;}.grasection .right .box-right h6{width:200px; float:left; color:#0e4b82; padding-bottom:8px; display:block; font-size:16px; font-weight:bold;}
	
	.logwrap{ width:514px; margin:10px auto; }
	.log-sec{width:514px; float:left; background:url(../images/log-rep.jpg) repeat-y left top; margin-top:12px; margin-bottom:20px;}
	.log-sec .top{width:470px; float:left; background:url(../images/log-top.jpg) no-repeat left top; padding:22px 22px 10px 22px;}
	.log-sec .top h2{width:450px; float:left; background:#5c6a84; font-size:24px; color:#FFFFFF; border:1px solid #38455c; padding:5px 5px 5px 15px;}
	.log-sec .top dl{width:470px; float:left; padding:40px 0;}
	.log-sec .top dd{width:135px; float:left; padding-right:20px; text-align:right; font-size:18px; display:block;  color:#3e3e3e;}
	.log-sec .top dt{width:310px; float:left;  display:block;}
	.log-sec .top dt input[type=text]{border:1px solid #c2c2c2; background:url(../images/inputbg.jpg) repeat-x left top; padding:5px; width:285px; color:#333; 	border-top-width:0; margin-bottom:12px;}

	.log-sec .top input[type=password]{border:1px solid #c2c2c2; border-top-width:0; background:url(../images/inputbg.jpg) repeat-x left top; padding:5px; 	
	 width:285px; color:#333; margin-bottom:12px;}
	
	.log-sec .bot{width:514px; float:left; background:url(../images/log-bot.jpg) no-repeat left top; height:12px;}
	.log-sec button{width:101px; height:30px; border:1px solid #2f394c; background:url(../images/btn1-bg.jpg) repeat-x left center; color:#FFFFFF; font-size:20px; font-family:"Myriad Pro"; line-height:30px; cursor:pointer; margin-top:10px;}
	.log-sec button:hover{border:1px solid #0b57ad; background:url(../images/btn1-bg-hov.jpg) repeat-x left top; }
	
	.tab{ width:242px; float:left; background:url(../images/tabbg.jpg) repeat-y left top;}
	.tabtop{ width:242px; float:left; background:url(../images/tabtp.jpg) no-repeat left top; height:6px;}
	.tabmid{ width:212px; float:left; padding:15px; padding-top:10px;}
	.tabmid h2{ width:212px; float:left; padding-bottom:10px; color:#294889; font-size:20px;}
	.tabmid ul{width:212px; float:left; list-style:none; }
	.tabmid li{width:212px; float:left; color:#3b3a3a; display:block;}
	.tabmid li a{color:#3b3a3a; text-decoration:none; background:url(../images/li-arr.jpg) no-repeat left 0; font-size:12px; padding:0 0 8px 20px;  display:block; width:192px; text-transform:capitalize;}
	.tabmid li a:hover{ color:#27488b;}
	
	.tabbot{ width:242px; float:left;  background:url(../images/tabbot.jpg) no-repeat left top; height:6px;}

	.tabright{width:727px; float:left; padding-left:20px;}
	.tabright form{width:100%; float:left; margin-top:20px;}
	.tabright form br{clear:left;}
	.tabright form label {width: 208px; display: block;float: left;font-size:14px; color:#3e3e3e; text-align:right; padding:5px 10px 0 0; margin-bottom:10px; 	
	 }

	.tabright form input[type=text]{border:1px solid #c2c2c2; background:url(../images/inputbg.jpg) repeat-x left top; padding:5px; width:285px; color:#333; 		
	 border-top-width:0; margin-bottom:10px;}
	.tabright form password[type=text]{border:1px solid #c2c2c2; background:url(../images/inputbg.jpg) repeat-x left top; padding:5px; width:285px; color:#333; 			 border-top-width:0; margin-bottom:10px;}
	.tabright form select{border:1px solid #c2c2c2; color:#333; padding:3px 5px; width:297px; margin-bottom:10px;}
	.tabright h4{width:525px; float:left; padding:5px; margin:5px 0 15px; color:#27488b; font-size:14px; background:#d5d5d5; color:#000;}
	
	
	.tabright .head{ width:717px; float:left; margin-bottom:20px; border:1px solid #cecdcd; background:#d5d5d5; padding:5px;}
	.tabright h2, .stud-det h2{ font-size:20px; color:#000000; width:100%; float:left; padding-bottom:15px;}
	.tabright .w100{ width:100%; float:left; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #cecdcd;}
	.tabright .div{ width:717px; float:left; margin-bottom:20px; padding:5px;}
	.tabright .w100 h5{ width:100%; float:left; padding-bottom:5px; color:#f26724; font-size:14px; font-weight:bold;}
	.tabright input[type=text]{border:1px solid #c2c2c2; background:url(../images/inputbg.jpg) repeat-x left top; padding:5px; width:285px; color:#333; 		
	 border-top-width:0;}
	.tabright textarea{border:1px solid #c2c2c2; border-top-width:0; background:url(../images/inputbg.jpg) repeat-x left top #fff; padding:5px;width:350px; 	 color:#333;}
	.tabright button{width:90px; height:27px; border:1px solid #2f394c; background:url(../images/btn1-bg.jpg) repeat-x left center; color:#FFFFFF; font-size:20px; font-family:"Myriad Pro"; line-height:25px; cursor:pointer;  margin-left:5px;}
	.tabright button:hover{border:1px solid #0b57ad; background:url(../images/btn1-bg-hov.jpg) repeat-x left top; }
	
	.bgbl{background:#d1d9e8;}.bgwh{background:#fff;}.bgvl{background:#dbbdf9;}.bgrd{background:#fcdfdf;}.bggr{background:#d0e7b8;}.bgyl{background:#f4f4c3;}
	.bggrey{background:#dcdcdc!important;}
	
	.tableemp td, th{padding:7px; background:#FFFFFF;}.tableemp td:hover, th:hover{background:#e8ebf1;}
	
	.stud-det{width:949px; float:left; padding:0 20px;}
	.stud-det .head{ width:937px; float:left; margin-bottom:20px; border:1px solid #cecdcd; background:#f3f3f9; padding:5px;}
	.stud-det .head input[type=text]{border:1px solid #c2c2c2; background:url(../images/inputbg.jpg) repeat-x left top; padding:5px; color:#333; 		
	 border-top-width:0; margin-left:10px;}
	 .stud-det .head button{width:40px; height:27px; border:1px solid #2f394c; background:url(../images/btn1-bg.jpg) repeat-x left center; color:#FFFFFF; font-size:20px; font-family:"Myriad Pro"; line-height:25px; cursor:pointer;  margin:0 10px;}
	.stud-det .head button:hover{border:1px solid #0b57ad; background:url(../images/btn1-bg-hov.jpg) repeat-x left top; }
	 
	 
	.pb15{padding-bottom:15px;}
	
/*---------------style fonts embed--------------*/

@font-face {
 font-family:"Myriad Pro";
 src: url(../font/MyriadPro-Regular.otf ); /* IE */
}
/* THEN use like you would any other font */  
.myriad {
font-family:"Myriad Pro", Arial;
}

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/

font:normal 12px arial;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding:3px 5px;
text-decoration: none;

}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0; color:#000000;
}