*{ margin:0px; padding:0px;}

html, body
{
	font-size: 12px;
	font-family: Arial, sans-serif;
	margin:0px;  
	padding:0px; background:url(../img/bg.jpg) repeat-x top;
	height:100%;
	width:100%;
}

h1, h2, h3
{
	font-size: 16px;
	margin: 0 0 20px 0;
}
.right{float:right; padding:6px 10px 10px 10px;}
.floatLFeed{float:left;padding-left:5px; text-align:left;}
.floatL{float:left;padding-left:5px; text-align:left; font-size:11px;}
.clear{ clear:both;}
.border-none{border-right:none !important;}
#wrapper{ position:relative; margin:0 auto;}
#Layoutcontainer{ width:1024px; margin:0 auto; min-height:300px; height:200%; overflow:hidden; clear: both; padding-bottom:29px;}
.innerContent{ width:1024px; margin:0 auto;}
.nav{  height:48px; width:100%; clear:both; padding-top:10px;}

ul.navbar {width: 548px;float: left;margin-left: 29px;}
ul.navbar li{ display:block; list-style-type:none; float:left; text-align:center; font-weight:bold; line-height:30px; min-width:50px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;}

ul.navbar li a{ text-decoration:none; color:#000;background:url(../img/navbg.jpg) no-repeat;outline-style:none; display:inline-block;padding:6px 4px;  width:129px; }
ul.navbar li a:hover{ text-decoration:none; background:url(../img/navbg-hover.jpg) no-repeat; color:#fff; }

ul.navbar li .icon{ float:left;}

ul.navbar li .icon img{ text-decoration:none; border:none;}

.topright{ width:300px; float:right;}

.searchbox{ float:right;position:relative; padding-top:10px; position: relative;
   
}
.search-btn{ background:url(../img/search.jpg) no-repeat; height:21px; width:21px; border:0px;}


.topLink{ clear:both; float:right; width:100%;}

/*.topLink ul { float:right; margin:0px; position:relative; right:20px; background:url(../img/toplinkbg.png) no-repeat; width:200px; padding-left: 5px; }*/

.topLink ul { float:right; margin:0px; position:relative; right:20px; background:none repeat scroll 0 0 #0678bf ; width:auto; padding: 0 5px 0 3px; border-radius: 5px; }
.topLink ul li{ float:left; font-size:11px; display:block;  padding:7px 0px; list-style-type:none;color:#666; }
.topLink ul li a{ color:#d7dde0;   text-decoration:none; border-right:#fff 1px solid; padding-right:5px; padding-left:3px; }
.topLink ul li a:hover{ text-decoration:none; color:#CCFF00;}

.searchbox input[type='text']{width:200px; height:18px;}
.searchbtn{ width:24px; float:right; position:relative;right:22px;}
.mindimg{width:100%; background:#fff; float:left; margin:0 auto; padding-top:10px; position:absolute;z-index:1000; height:408px;}
#Mindfooter{  background:url(../img/footerbg.jpg) repeat-x; height:210px;  }
.copyright{ color:#fff; font-size:12px; float:left; position:relative; padding:20px 0px; }
.FooterText{ width:1024px; margin:0 auto;}
.div1{ float:left; }
.div2{ width:200px;}
.div2 ul li{ list-style-type:none; }
.div2 ul li a{ color:#d3d3d3; font-size:11px; text-decoration:none; }
.div2 h3{color:#CCC; font-size:12px; }.div2 img{ position:relative; top:7px;}
#logo{ width:250px; height:80px; float:left; position:relative; top:-20px; }
#logo1{ position:absolute;  width:250px; height:261px;}

#leftpanel{ width:233px; margin-right:15px; float:left;}
#rightpanel{ width:770px; float:left; border:#ccc 1px solid;  background:#e9e9e9; }
#rightpanel h1{background:#2482da; padding:5px; font-size:14px; color:#fff; margin:0px; }
ul.topnav {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.topnav li { }
ul.topnav li .icon{ float:left; padding-right:10px; height:32px; width:32px;  }
ul.topnav li .icon img{ text-decoration:none; border:none; height:22px; width:22px; position:relative; top:6px;}
ul.topnav li a {
	line-height: 30px; padding-left:10px;
	font-size: 13px;
		color: #fff;
	display: block;
	text-decoration: none;background:url(../img/sidemenu.jpg) repeat-x;
	height:35px;
	font-weight: bolder;
}
.menucolor1{background:url(../img/sidemenu1.jpg) repeat-x !important;}
.menucolor2{background:url(../img/sidemenu2.jpg) repeat-x !important;}
ul.topnav li a:hover {
	background-color:#55b2ec;
	color:#000;
}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;border:#CCCCCC 1px solid;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;list-style-type:none;  
}

ul.topnav ul li a {
	padding-left: 20px;
	font-size: 12px;
	font-weight: normal;background:none;
	outline:0; color:#000;
}


ul.topnav ul li a:hover {
	background-color:#91d9ee;
	color:#675C7C;
}

ul.topnav ul ul li a {
	color:silver;
	padding-left: 40px;
}

ul.topnav ul ul li a:hover {
	background-color:#91d9ee;
	color:#675C7C;
}

ul.topnav span{
	float:right;
}

.submitbtn{ background:url(../img/btnstrip.png) no-repeat !important; margin-top: -7px;  background-position:0px -31px !important ; height:28px  !important; width:77px  !important; border:none; color:#fff; font-weight:bold; font-family:Verdana, Geneva, sans-serif; background-position:0px 0px;}
.submitbtn:hover{ background-position:0px 0px !important; cursor:pointer;}

.btnsmall{
    background: #1993e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #1993e1 0%, #2989d8 100%, #077bc4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1993e1), color-stop(100%,#2989d8), color-stop(100%,#077bc4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1993e1 0%,#2989d8 100%,#077bc4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1993e1 0%,#2989d8 100%,#077bc4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1993e1 0%,#2989d8 100%,#077bc4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1993e1 0%,#2989d8 100%,#077bc4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1993e1', endColorstr='#077bc4',GradientType=0 ); /* IE6-9 */
    border: 0 solid #F4F4F4;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    margin: -5px 2px 0px ;
    padding: 4px;
    width: 50px !important;
}
 
 
.btnsmall:hover {
	background: #67d01a; /* Old browsers */
	background: -moz-linear-gradient(top,  #67d01a 0%, #429a01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67d01a), color-stop(100%,#429a01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #67d01a 0%,#429a01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #67d01a 0%,#429a01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #67d01a 0%,#429a01 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #67d01a 0%,#429a01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d01a', endColorstr='#429a01',GradientType=0 ); /* IE6-9 */
    border: 0 solid #F4F4F4;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    margin: -5px 2px 0px ;
    padding: 4px;
    width: 50px !important;
	cursor:pointer;
}

.addsubmitbtn{
		 /*background:url(../img/add_button.png) no-repeat !important;*/
    
    background: none repeat scroll 0 0 #A3742C;
	background-position:0px -31px !important ;
    border-bottom: medium none;
	background-position:0px -31px !important ;
	height:28px  !important;
	width:77px  !important;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline;
    font-size: 1.2em;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 2px 45px;
  
 } 
 .addsubmitbtn1
 {
 background:url(../img/btnstrip.png) no-repeat !important; text-decoration:none !important; border-radius: 5px 5px 5px 5px; padding: 8px 17px; font-size:12px; background-position:0px -31px !important ; height:28px  !important; width:77px  !important; border:none; color:#fff !important; font-weight:bold; font-family:Verdana, Geneva, sans-serif; background-position:0px 0px;
 }
 
 #DataGrid .buttonalign
 {
	float:left; 
	padding-left:5px;
 }
 
 #DataGrid .addsubmitbtn1
 {
	padding:8px 24px;
 }
 
 
 .addsubmitbtn1 a:link, .addsubmitbtn1 a:active, .addsubmitbtn1 a:visited{text-decoration:none !important; color:#ffffff;}
 .addsubmitbtn1:hover{ background-position:0px 0px !important;}
 .show-image{ background-image:url(../img/date.jpg);   width:75px; height:75px ; }
 

 
#DataGrid{border:#ccc 1px solid; width:100%; float:left;}
#DataGrid table{border-collapse:collapse;}
#DataGrid th{ text-align:left; padding:7px 9px;}
#DataGrid tr{}
#DataGrid td{ background:#fff;border-bottom:#ddd 1px solid; padding:9px; vertical-align:top; }
//#DataGrid td a{ color: #0066FF; }
#DataGrid input[type="checkbox"]{ background:#fff;padding:5px; }
/*---------------------------Form CSS-------------------------------------------*/
/* ----------- My Form ----------- */
.MindFormFull{
margin:0 auto;
width:730px;
padding:10px; float:left; 

}
.MindFormFull #DataGrid{border:#ccc 1px solid; width:100%;}

.Mindform{
margin:0 auto;
width:355px;
padding:10px; float:left; 

}
.frmtext{ padding:10px;}

.myform legend{font-size:14px;
font-weight:bold;
padding:8px;}
.searcharea {clear:both; padding:10px 0px; margin:0 auto;background:#abcaea;float:left;width:100%;}
.searcharea select{margin-left:10px; border:#dfdfdf 1px solid;width:190px; height:20px;}
.searcharea input{margin-left:10px; border:#dfdfdf 1px solid;width:190px; height:20px;}
/*in case of full width*/
.stylizedfull {clear:both; padding:5px; margin:0 auto;}
.stylizedfull select{font-size:12px; border:solid 1px #dfdfdf; width:196px; margin:2px 0 5px 10px; padding:3px 2px;}
.stylizedfull label{width:180px !important; float:left;}
.stylizedfull textarea{margin-left:10px;  border:#dfdfdf 1px solid;}
.stylizedfull fieldset{ padding:5px;}
.stylizedfull legend{ padding:5px; color:#666; font-weight:bold;}
.stylizedfull .smalltxtbox{ width:55px !important;}
.comment{ text-align:center; color:#999; padding:10px;}
/* ----------- stylized ----------- */
.stylized{
background:#f6f6f6; 
-ms-filter: progid:DXImageTransform.Microsoft.Shadow( Strength=2, Direction=135, Color='#999999' );
-moz-box-shadow: 0 0 2px #888;
-webkit-box-shadow: 0 0 2px#888;
box-shadow: 0 0 2px #888;
/*for check box*/
float: left;
width: 100%;
}

.stylized h1 {
font-size:12px;
font-weight:bold; color:#2e8fc7; background:url(../img/h1bg.jpg) repeat-x;
padding:5px;
margin:10px; position:relative; 
}
.stylized h1 span{ background:#f6f6f6; padding:0 6px; margin-left:20px;}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
.stylized label{
display:block;
color:#666666;
font-size:12px;
text-align:right;
width:120px;
line-height:25px;
float:left;
}
.stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
.stylized input[type='text'],.stylizedfull input[type='text']{
font-size:12px;
padding:4px 2px;
border:solid 1px #dfdfdf;
width:190px;
margin:2px 0 5px 10px;
}

.stylized input[type='number'],.stylizedfull input[type='number'], .stylizedfull input[type='tel']{
font-size:12px;
padding:4px 2px;
border:solid 1px #dfdfdf;
width:190px;
margin:2px 0 5px 10px;
}

.stylized input[type='password']{
font-size:12px;
padding:4px 2px;
border:solid 1px #dfdfdf;
width:190px;
margin:2px 0 5px 10px;
}

.stylized textarea {
  border-bottom:solid 1px #b7ddf2;
}
.stylized input[type='checkbox']{margin: 5px 15px;}

.stylized input:hover{

	 border:solid 1px #6ebeec; 

}

.buttonalign{width:350px; margin:0 auto;clear:both; padding-left:15px; padding-top: 10px;height:30px;}

.padding-file{margin-left:13px;}

label.error { float: right; color: red; padding-right: 10.5em; vertical-align: top; }

.errorextra { float:left !important; }

.error-message{ float: right; color: red; padding-right: 10.5em; vertical-align: top; display:block; }

.errorForm input.error  , select.error{  border: 1px solid red; color:#000;}

.errorForm textarea.error, input.error {color:#FF0000;}

.errorForm .label.error { display: none !important; }

span.error { display: block ; float:none; padding-left:1.5em; color:red, font-size:11px; }

#chklist li { width:auto; list-style:none; padding-top:3px; }

#role_span { color:#55B2EC; cursor:pointer; }

#AddStudentForm label.error { display: none !important; }

.dash_icons { list-style-type:none ; float:left; padding:10px; }

a.nolink { text-decoration:none; color:#2482DA; padding:5px;}

.padding-15 { padding:15px; } 

.padding-10 { padding:10px; } 

.submit input[type="submit"]{ background:url(../img/btnstrip.png) no-repeat !important; background-position:0px -31px !important ; height:28px  !important; width:77px  !important; border:none; color:#fff; font-weight:bold; font-family:Verdana, Geneva, sans-serif; background-position:0px 0px;}

.submit input[type="submit"]:hover{ background-position:0px 0px !important; cursor:pointer;}

.pagealign { width:300px; margin:0 auto; clear:both; ; padding: 5px 0 5px 100px; }

.pagealign a { text-decoration:none; color:#2482DA; padding: 1px; }

.pagealign  .disabled { display:none; }

.uploadfile { text-align: left; padding-left: 200px; }

.error_div { width:750px; float:left; padding-bottom:5px; }

.error_div #successMessage 
{
	border: 2px solid #00CC33;
    border-radius: 5px 5px 5px 5px;
    color: #009900;
    padding: 5px 5px 5px 10px;
}

.error_div #failMessage 
{
	border: 2px solid #FF3300;
    border-radius: 5px 5px 5px 5px;
    color: #FF0000;
    padding: 5px 5px 5px 10px;sssss
}

.smallselect { width: 50px !important;  float:left !important;}

#email_unique_error { color:red; padding-left:12px;}

.checkbox{float: left;padding-right: 15px;}

.textbox{width:140px; height:18px; border:1px solid #ccc; text-indent:5px;}

.lbl{font-size:11px; font-weight:bold; padding-right:5px;float:left;}
.margin_top_8px{float:left;margin-top:8px;}
.height_none{height:auto;margin-bottom:5px;}
.margin_btn_top{margin-top:-4px;}
.dd_width{width:134px !important;}
.searcharea label{font-weight:bold;margin-right:5px;}
.seprate_top_lbl{ margin-top: 10px;}
.errorextra{width:100px !important;}
.input checkbox error{margin-top:-30px !important;}
/*.text{float:left;}*/

.ajax_loader{
	display:none;
	float:right;
	margin-top:-23px;
	margin-right:315px;
	}

#check_error {
	color: red; display: none; float: right; padding-right: 100px;	
}

.addbtnactive
 {
	 background:none repeat scroll 0 0 #2482DA; 
	 text-decoration:none !important;
	 border-radius: 5px;
	 padding: 7px;
	 border:none;
	 color:#fff !important;
	 font-weight:bold;
	 font-family:Verdana, Geneva, sans-serif;
 }
 
 .addbtninactive
 {
	 background:none repeat scroll 0 0 #999; 
	 text-decoration:none !important;
	 border-radius: 5px;
	 padding: 7px;
	 border:none;
	 color:#fff;
	 font-weight:bold;
	 font-family:Verdana, Geneva, sans-serif;
 }
 
 
 .addsubmitbtn1 a:link, .addsubmitbtn1 a:active, .addsubmitbtn1 a:visited{text-decoration:none !important; color:#ffffff;}
 .addsubmitbtn1:hover{ background-position:0px 0px !important;}
 .show-image{ background-image:url(../img/date.jpg);   width:75px; height:75px ; }
 
 #box1View
{
	width: 240px;
	height: 200px;	
}

#box2View
{
	width: 240px;
	height: 200px;	
}
.floatS { float:left;width:335px;margin-left:6px; }
.floatS .text { float:left; }
.floatS .text label { width:80px !important;float:left;text-align:left; }
.stud_alloc { background:#E9E9E9 !important; border:1px solid #ccc; }
.search_stud_alloc label { text-align:left; padding-left:15px; width:200px !important }

.tooltip{
	position:absolute;
	width:270px;
	background-color:#FFFFCC;
	background-position:left center;
	color:#000;
	padding:5px 5px 5px 18px;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;}
	
.tooltip-image{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:3px;}	

.tooltip span{font-weight:700;color:#ffea00;}
    
.batch_list { font-size:11px; font-weight:bold; }	

.batch_list a {text-decoration:none; color:#434343; }

.sf { font-size:10px;  }

.noresult { text-align:center; color:#BF073B; }

.datebg{background:url('<?php echo $this->webroot;?>img/datebg.png') no-repeat; width:75px; height:75px; font-family:arial;}
.datemonth{text-align:center; font-size:12px; padding:10px 5px 0px 5px;color:#000000; text-transform:uppercase;}
.dateday{text-align:center; font-size:34px; color:#BF073B; font-weight:bold;}
.dateday_selected{text-align:center; font-size:34px; color:#0C6; font-weight:bold;}
.dateday_selected a{color:#0C0;}
.dateday a:link, .dateday a:active, .dateday a:visited{text-decoration:underline; color:#BF073B;}
.input.select{}
.columnleft{ float:left; }
#dynamic_month{ float:left;clear:both;margin-top:20px; }
.batch_heading { font-weight:bold; font-size:11px; color:#BF073B; }

.batch_heading a { font-weight:bold; font-size:11px; color:#BF073B; text-decoration:none; }

.batch_heading a:hover { text-decoration:underline; }


.floatD { float:left; padding-left:35px;}
.dash_schedule { float:left; padding:5px 5px 15px 25px; }

.success-text { font-weight: bold ; color: green;}

.pending-text { font-weight: bold ; color: red;}

div.reschedule { padding: 5px 10px 10px; }

.reschedule a { color:red; font-weight:bold; text-decoration: none; }

.req-col { color:red; }