img, div { behavior: url(iepngfix.htc) }



#header-section{



	background-image:url(../images/banner_top.jpg);



	height:266px;



	background-repeat:no-repeat;



}



#menu-section{



	background-image:url(../images/banner_bottom.jpg);



	background-repeat:no-repeat;

}
#menu-section ul{
	z-index:9999;
}



#sub-title{



	padding-top:55px;



	font-size:36px;



}



#login-set{



	width:200px;



	padding:3px;



	border:none;



}



#login-set label{



	color:#E41B24;



	font-size:12px;



	padding-bottom:2px;



	font-weight:normal;		



}



.login{



	border:1px solid #E41B24;



	padding:2px;



	width:200px;



	



}



.portalbutton{



	background-color:#E41B24;



	color:#FFF;



	font-size:12;



	font-weight:normal;



	border:1px solid #E41B24;



	margin:2px;



}



.content-title{



	font-size:16px;



	font-weight:bold;



	background-image:url(../images/star-red-blue.jpg);



	background-repeat:no-repeat;



	padding-left:20px;



}



p{



	font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;



	font-size:12px;



	text-align:justify;



}



.bodyContent p{



	padding-right:80px;



}







.right-section{



	font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;



	color:#014f80;



	font-size:12px;



}



.right-section lh{



	font-weight:bolder;



	font-size:12px;











}



.right-section blockquote{



	font-size:11px;



}



.right-section li{



	list-style-type:none;



	padding-left:20px;



	padding-top:3px;



	



}



.right-section a{



	text-decoration:none;



	color:#014f80;



}



.right-section a:hover{



	color:#E41B24;



}



.right-section a:active{



	color:#E41B24;



}



.img-left{



	float:left;



	padding-right:10px;



}



#footer{



	margin-top:100px;



	font-size:10px;



	



}







/* Moo tools style navigation */



.nav, .nav ul{



margin:0;



padding:0;



list-style-type:none;



list-style-position:outside;



position:relative;



line-height:1.5em; 



font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;



}







.nav a{



display:block;



padding:0px 5px;



color:#000;







/*



border:1px solid #F54949;



color:#000;



background-color:#E41B24;/*red*/



text-decoration:none;



font-size:12px;



font-weight:bold;



}







.nav a:hover{



/*background-color:#fff;*/



color:#E41B24;



}







.nav li{



float:left;



position:relative;







}



.nav ul {



position:absolute;



display:none;



width:12em;



top:1.5em;



}







.nav li ul a{



width:18em;



height:auto;



float:left;



/*background-color:#E41B24; */



background-color:#EEF6FC;







/*background-image:url(../images/menu_bg.jpg);*/



/*background-repeat:repeat-x;*/



border:1px solid #74B2E2;



}



.nav li ul a:hover{



	color:#E41B24;



}



.nav ul ul{



top:auto;



}	







.nav li ul ul {



left:12em;



margin:0px 0 0 10px;



}







.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{



display:none;



}



.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{



display:block;



color:#FF0;



}



#accordion td{



	vertical-align:text-top;



}



.odd{



	background-color:#FFF;



}



.even{



	background-color:#F0F0F0;



}



.attendance_status{



	border:none;



	



}



#attendance_table{



	border-collapse:collapse;



	border:1px solid #333;



	font-size:12px;



}



#attendance_table td{



	border:1px solid #333;



	vertical-align:top;



}



#attendance_table tr:hover{



	background-color:#FF9;



}



.no-padd{



	padding:0;



}







.highlight{



	background-color:#0F3;



	padding:1px;



}



#attendance_classDetails{



	list-style-type:none;	







}



#attendance_classDetails li{



	display:inline;



	padding: 0 10px 0 0;



	font-weight:bold;	



}



#attendance_classDetails li label{



	font-weight:normal;	



	color:#00F;







}



.Attendance_report_table{



	border-collapse:collapse;



	border:1px solid #333;



	font-size:12px;







}



.Attendance_report_table td{



	border:1px;



	vertical-align:top;



}



#tabAttendance p{



	padding:5px;



}



.pTitle{



	text-align:center;



	color:#00F;



}







/* File Manager*/



/*.folder{



	list-style-type:none;



}



.tools  a{



	position:relative;



	padding-left:20px;



}







.tools li a span{



	position:absolute;



	top:50%;



	margin-top:-8px



}



*/







/* File Manager*/



.treeview, .treeview ul { 



	padding: 0;



	margin: 0;



	list-style: none;



		font-size:11px;



}







.treeview ul {



	



	margin-top: 4px;







}







.treeview .hitarea {



	background: url(images/treeview-default.gif) -64px -25px no-repeat;



	height: 16px;



	width: 16px;



	margin-left: -16px;



	float: left;



	cursor: pointer;



}



/* fix for IE6 */



* html .hitarea {



	display: inline;



	float:none;



}







.treeview li { 



	margin: 0;



	padding: 3px 0pt 3px 16px;



}







.treeview a.selected {



	background-color: #eee;



}







#treecontrol { margin: 1em 0; display: none; }







.treeview .hover { color: red; cursor: pointer; }







.treeview li { background: url(images/treeview-default-line.gif) 0 0 no-repeat; }



.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }







.treeview .expandable-hitarea { background-position: -80px -3px; }







.treeview li.last { background-position: 0 -1766px }



.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); }  



.treeview li.lastCollapsable { background-position: 0 -111px }



.treeview li.lastExpandable { background-position: -32px -67px }







.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }







.treeview-red li { background-image: url(images/treeview-red-line.gif); }



.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview-red.gif); } 







.treeview-black li { background-image: url(images/treeview-black-line.gif); }



.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  







.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }



.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } 







.treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }



.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); } 











.filetree li { padding: 3px 0 2px 16px; }



.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }



.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }



.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }



.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }







#myFiles{



	width:400px;



}



#selectedFiles{



	font-size:11px;



	font-family:Arial;



}



#selectedFiles li{



	list-style-type:none;



}







.buttons{



	padding: .4em 1em .4em 20px;



	text-decoration: none;



	position: relative;



	font-size:10px;



}



.buttons span.ui-icon {



	margin: 0 5px 0 0;



	position: absolute;



	left: .2em;



	top: 50%;



	margin-top: -8px;



}



.buttons:hover{



	cursor:pointer;



}



.toogle_link{



	font-size:9px;	



}



.toogle_link:hover{



	cursor:pointer;



}



.permissionListTable td{



	vertical-align:top;



}



.permissionList,permissionList li{



	font-family:Arial;



	font-size:11px;



	list-style-type:none;



}



.permissionList li{



		padding:0 0 10px 0;



}



.txtLink{



	padding: .4em 1em .4em 20px;



	text-decoration: none;



	position: relative;



	font-size:8px;



}



.txtLink span.ui-icon {



	margin: 0 0 0 0;



	position: absolute;



	left: .2em;



	top: 50%;



	margin-top: -8px;



}



.txtLink:hover{



	cursor:pointer;



}



#consolidatedMarks{



	width:100%;



	height:400px;



	overflow:auto;



	border:1px solid #333;



	



}



#consolidatedMarks td{



	border:1px solid #000;







}



#spellcheckresults { position: absolute; background: #fff; margin: 0; border: 1px solid #000; padding: 5px; }



				#spellcheckresults dl { margin: 0; padding: 0; }



					#spellcheckresults dl dt { float: left; clear: left; margin: 3px 0; padding: 0; font-weight: bold; }



					#spellcheckresults dl dd { float: left; margin: 3px 10px; padding: 0; cursor: pointer; color: green; }



					#spellcheckresults dl dd.ignore { color: red; font-style: italic; }



			



			a.checkspelling {  }



				a.checkspelling img { margin: 0 5px; border: 0; }











/* callouts*/



.calloutUp



    {



        height: 0;



        width: 0;



        border-bottom: 12px solid #ffffff;



        border-left: 12px dotted transparent;



        border-right: 12px dotted transparent;



        left: 0px;



        top: 0px;



        margin-left: 20px;



        z-index: 10;



    }



    .calloutUp2



    {



        position: relative;



        left: -10px;



        top: 2px;



        height: 0;



        width: 0;



        border-bottom: 10px solid #9999ff;



        border-left: 10px dotted transparent;



        border-right: 10px dotted transparent;



        z-index: 11;



    }



    .calloutDown



    {



        height: 0;



        width: 0;



        border-top: 12px solid #ffffff;



        border-left: 12px dotted transparent;



        border-right: 12px dotted transparent;



        left: 0px;



        top: 0px;



        margin-left: 20px;



        z-index: 11;



    }



    .calloutDown2



    {



        position: relative;



        left: -10px;



        top: -12px;



        height: 0;



        width: 0;



        border-top: 10px solid #9999ff;



        border-left: 10px dotted transparent;



        border-right: 10px dotted transparent;



        z-index: 10;



    }



    .divContainerUp



    {



        background-color: #9999ff;



        border: solid 1px #ffffff;



        position: relative;



        top: -1px;



        z-index: 9;



        width: 500px;



        padding: 4px;



		



    }



	.divContainerUp blockquote{



		font-weight:normal;



		color:#000;



	}



    .divContainerDown



    {



        background-color: #9999ff;



        border: solid 1px #ffffff;



        position: relative;



        top: 1px;



        z-index: 3;



        width: 500px;



        padding: 4px;



    }



    .divContainerMain



    {



        background-color: #ccccff;



        padding: 8px;



		



    }



.link {

	padding: .4em 1em .4em 20px;

	text-decoration: none;

	position: relative;

}

.link span.ui-icon {

	margin: 0 5px 0 0;

	position: absolute;

	left: .2em;

	top: 50%;

	margin-top: -8px;

	zoom: 1;



}



/* end call outs*/



/*SHOWCASE*/
.clear {
	clear:both
}

#showcase {
	position:relative;
	height:360px
}
	#showcase a {
		float:left;
		position:absolute;
	}
	
	#showcase a img {
		border:none;
	}
	
	#showcase a.show {
		z-index:500
	}

	#showcase .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#showcase .caption .content {
		margin:5px
	}
	
	#showcase .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}

/*END SHOWCASE*/