@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
}

/**header styles**/
.header-container{
	padding:3px;
	width:100%;
	min-height:50px;
    position:fixed;
    right:0px;
    z-index:1px;
    -moz-box-shadow: 0px 0px 8px #000;
	-webkit-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=180, Color='#000000');
}
.header{
	min-height:50px;
	font-size:11px;
	width:100%;
	margin:0px;
}
.schoolinfo{
	font-size:24px;
	padding:2px 2px 2px 10px;
	text-transform:capitalize;	
}
.school-name{
	font-size:24px;
	padding:2px 2px 2px 5px;
	text-transform:capitalize;
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display:inline-block;
	height:auto;
}
/**#schoollogo
{
    max-width:100%;
	height:auto;
	width:auto\9;
}
**/
.header .login-pane a{	
	text-decoration:none;
	font-size:12px;
}
.header .login-pane a:hover{
	text-decoration:underline;
}
/**footer styles**/
.footer-container{
	padding:3px;
}
.footer-inner{
	height:30px;
	font-size:11px;
	padding:15px 2px 2px 15px;
}
/**main side menu panel styles**/
.mainmenupanel{
	width:5px;
	position:fixed;
	left:0px;
	bottom:0px;
	top:0px;
	padding:10px 5px 10px 0px;
	z-index:17;
}
.mainmenupanel .close{
	padding:8px;
	font-size:11px;	
}
.mainmenupanel .close span{
	cursor:pointer;
	padding:5px;
	background:#f8f8f8;
	color:#666;
	font-weight:bold;
	border-radius:5px;
}
.mainmenupanel .item{
	padding:2px 2px 2px 10px;
	margin:8px 0px 0px 0px;	
	background:#333333;
	border:#333333;
}
.mainmenudetailspanel{
	width:200px;
	position:fixed;
	left:80px;
	bottom:0px;
	top:0px;
	padding:10px;
	z-index:17;
	display:none;
	background:#000;
}
.mdt
{
    display:none;
}
.mdt p
{
    font-size:11px;
    color:#f9f9f9;
}
.mdt i
{
    font-size:12px;
    color:#f9f9f9;
}
.mdt span
{
    font-size:9px;
    color:#f9f9f9;
    text-transform:uppercase;
}
.mdt_info
{
    margin-top:48px;
}
/**search panel styles**/
.searchpanel{
	width:0px;
	position:fixed;
	right:0px;
	bottom:0px;
	top:0px;
	padding:10px;
	z-index:17;
	display:none;
}
.searchpanel .close{
	padding:8px;
	font-size:11px;	
}
.searchpanel .close span{
	cursor:pointer;
	padding:5px;
	background:#f8f8f8;
	color:#666;
	font-weight:bold;
	border-radius:5px;
}
.searchpanel .searchresult
{
    height:520px;
	width:215px;	
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;	
}
.searchpanel .searchresult, .searchpanel .searchresult a{
	font-size:12px;	
	text-decoration:none;
}
.searchpanel .searchresult a:hover{
	text-decoration:underline;
}
/**top search panel styles**/
#top_search_container
{
    display:none;
    width:850px;
    height:80px;
    padding:20px 0px 20px 0px;
    /**border:6px solid #000;**/
    background: url(../images/stud_search_bg.png) no-repeat;
    position:fixed;
    z-index:19;
}
#top_search_container .txttopsearch
{
    width:700px;
    color:#666;
    height:30px;
    border:none;
    font-size:16px;
    padding:6px;
    border-radius:8px 0px 0px 8px;
}
#top_search_container .btntopsearch
{
    height:42px;
    color:#666;
    border:1px solid #f8f8f8;
    border-radius:0px 8px 8px 0px;
}
#topsearchresult
{
    display:none;
    position:fixed;
    z-index:19;
    width:700px;
    max-height:500px;
    padding:6px;
    overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;	
    background:#ccc;
    -moz-box-shadow: 5px 3px 4px #000;
	-webkit-box-shadow: 5px 3px 4px #000;
	box-shadow: 5px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
/**notify message**/
.notify_count{
	background:#ff0000;
	color:#FFFFFF;
	padding:2px 4px 2px 4px;
	position:absolute;
	z-index:2;	
	font-size:9px;
	float:right;
}
/**content styles**/
.content-container{
	min-height:550px;
}
.content{
	min-height:400px;
}
.content .title{
	font-size:32px;
	padding:10px 2px 10px 16px;
	text-transform:capitalize;
	border:none;
}
.content .sub-content{
	padding:30px 0px 0px 0px;
}
.content .sub-content .cap{
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #DDD;
	background:#EFEFEF;
}
.content .sub-content .lbl{
	font-size:12px;
	font-weight:bold;
}
.content .sub-content .input-txt-regno{
	width:200px;
}
.content .sub-content .input-txt{
	width:145px;
}
.content .sub-content .input-btn{
	
}
.content .sub-content .select-opt{
	width:160px;
}
.content .sub-content a{
	text-decoration:none;
	font-size:12px;
}
.content .sub-content a{
	text-decoration:underline;
}
.col-left{
	width:50px;
	background:#383838;	
}
.side-menu-pane
{
    width:50px;
    float:left;
	background:#383838;	
}
.nano 
{
    width:50px;
}
.inner-content-container
{
    margin-left:5px;
}
.col-right{
	padding:10px;
}
.left-col-pane{
	padding:0px 0px 20px 0px;
	min-height:470px;
	color:#f8f8f8;
	background:#333333;
}
.left-col-pane .item{
	padding:2px 2px 2px 10px;
	margin:8px 0px 0px 0px;	
	background:#333333;
	border:#333333;
}
.left-col-pane .item-menu a{
	font-size:11px;
	text-decoration:none;
	color:#f8f8f8;
}
.left-col-pane .item-menu a:hover{
	text-decoration:underline;
}
.sub_menu_text
{
    display:none;
}
.item-cap{
	font-size:16px;
	padding:8px 2px 5px 0px;
	color:#f9f9f9;
}
.item-menu
{
    display:none;   
}
 .mainmenudetailspanel .item-menu-details a
 {
    color:#F53D0C;
    font-size:11px;
	text-decoration:none;
 }
  .mainmenudetailspanel .item-menu-details a:hover
  {
      text-decoration:underline;
  }
.tab-menu{
	padding-left:16px;
}
.tab-menu ul{
	list-style:none;
}
.tab-menu tr td{
	width:150px;
	height:30px;	
	padding:2px;	
}
.tab-menu tr td.menu  a{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;	
}
.tab-menu tr td.menu  a:hover{
	text-decoration:underline;	
}
.tab-menu .selected-menu a{
	text-decoration:none;
}
.tab-menu .selected-menu a:hover{
	text-decoration:underline;
}
.sub-title{
	padding:5px 2px 5px 18px;
	font-size:18px;
	font-weight:bold;
}
.sub-inner-header{
	padding:5px;
}
.result .school-name{
	font-size:24px;
	padding:4px 4px 4px 8px;
}
.result .school-motto{
	font-size:12px;
	padding:4px 4px 4px 8px;
}
.tbl-tr-row
{
    font-size:12px;
}
.studpreview
{
    position:fixed;
    z-index:12;
    background:#f7f7f7;
    top:100px;
    font-size:11px;
}
.studpreview-header
{
    background:#000;
    color:#f8f8f8;
    padding:10px;
    font-size:10px;
}
.studpreview-footer
{
    background:#ccc;
    color:#f8f8f8;
    padding:10px;
    font-size:10px;
}
.studpreviewbackground
{
    position:fixed;
	top:0px; bottom:0px; right:0px;
	z-index:11;
	width:100%;
	display:none;
	background:#666;
	opacity:0.6;
	filter:alpha(opacity=60);
}

input[type="text"], input[type="password"]
{
    border:1px solid grey;
   border-radius:8px;
    padding:3px;
}
input[type=text]:focus, input[type=password]:focus
{
    border:1px solid green;
    border-radius:8px;
    padding:3px;    
    outline: none;
    box-shadow: 0 0 10px green;
}
textarea
{
    border:1px solid #000;
    border-radius:8px;
    padding:3px;
}
textarea:focus
{
    border:1px solid green;
    border-radius:8px;
    padding:3px;
}
input[type=button], button, input[type=file], input[type=submit]
{
    background:url(../images/btn.png);
    border:0px;
    border-radius:8px;
    padding:3px;
    color:#f8f8f8;
}
input[type=button]:hover, button:hover, input[type=file]:hover, input[type=submit]:hover
{
    background:url(../images/btn_hover.png);
    border:0px;
    border-radius:8px;
    padding:3px;
    color:#666;
}

select  {
    outline: 0;
    overflow: hidden;
    height: 25px;
    background: #2c343c;
    color: #f7f7f7;
    border: #2c343c;
    padding: 5px 3px 5px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 10px;
}

select option {border: 1px solid #000; background: #010;}