* {
    font-family: Tahoma;

    margin: 0;
    padding: 0;
}

body{font-size: 13px;}
.clsMain{
		background:#fff;
		padding-top:5px;
	
		min-height:430px;
}

.clsclearsrn{ overflow:hidden;}

.clsBody{
		display:table;
}
.clsMargin10{
		margin-bottom:10px;
}
.newsNew{
	background:url("/demo_images/new_anim.gif") no-repeat scroll left top transparent;
	padding-left:20px;
}
.newsNew a{
	color:red !important;
	font:bold 12px Arial, Helvetica, sans-serif !important;
}

.clsLoginButtonLeft, .clsLoginButtonRight {
		background:url("/demo_images/login-button-left.gif") no-repeat scroll left top transparent;
		display:block;
		float:left;
		height:18px;
		padding-left:6px;
}



.clsLoginButtonRight {
		background:url("/demo_images/login-button-right.gif") no-repeat scroll right top transparent;
		padding-right:10px;
}
.clsLoginButtonRight input, .clsLoginButtonRight a{
		background:none repeat scroll 0 0 transparent;
		border:0 none;
		color:#FFFFFF;
		cursor:pointer;
		font:normal 11px Tahoma, Geneva, sans-serif;
		line-height:18px;
		text-decoration:none;
}
.clsGreyButtonLeft, .clsGreyButtonRight {
    	background: url("/demo_images/bg-whitebuttonleft.gif") no-repeat scroll left top transparent;
   	 	display: block;
   		float: left;
   		height: 24px;
    	padding: 0 3px;
}
.clsGreyButtonRight {
   		background: url("/demo_images/bg-whitebuttonright.gif") no-repeat scroll right top transparent;
    	line-height: 24px;
    	padding-right: 5px;
}
.clsGreyButtonRight input, .clsGreyButtonRight a {
    	background: none repeat scroll 0 0 transparent;
    	border: 0 none;
    	color: #000000;
   		cursor: pointer;
    	font-weight: normal;
    	text-decoration: none;
}

.clsGreenButtonLeft, .clsGreenButtonRight {
    	background: url("/demo_images/green-button-left.gif") no-repeat scroll left top transparent;
    	display: block;
    	float: left;
    	height: 24px;
    	padding: 0 5px;
}
.clsGreenButtonRight {
    	background: url("/demo_images/green-button-right.gif") no-repeat scroll right top transparent;
    	line-height: 24px;
    	padding-right: 5px;
}
.clsGreenButtonRight input, .clsGreenButtonRight a {
   		background: none repeat scroll 0 0 transparent;
    	border: 0 none;
    	color: #fff;
    	cursor: pointer;
    	font: normal 11px Tahoma, Geneva, sans-serif;
   		text-decoration: none;
}


.clsBlueButtonLeft, .clsBlueButtonRight {
    	background: url("/demo_images/blue-button-left.gif") no-repeat scroll left top transparent;
    	display: inline;
    	float: none; line-height: 24px;
    	height: 24px; margin-right:1px;
   		padding:4px;
   		*padding:0px;
		padding-left:5px;
}
.clsBlueButtonRight {
    	background: url("/demo_images/blue-button-right.gif") no-repeat scroll right top transparent;
    	line-height: 24px;
		*padding:4px;
    	padding-right: 5px;
}
.clsBlueButtonRight input, .clsBlueButtonRight a {
    	background: none repeat scroll 0 0 transparent;
    	border: 0 none;
    	color: #fff;
    	cursor: pointer;
    	font: normal 11px Tahoma, Geneva, sans-serif;
    	text-decoration: none;
}
.clsBgMandatory{
		color:#ff0000;
		font-weight:normal;
}
.clsGridListTable{
		width:100%;
		border-top:1px solid #C5E0E9;
		border-right:1px solid #C5E0E9;
		margin:1em auto;
		border-collapse:collapse;
}
.clsGridListTable td {
		color:#333;
		border-bottom:1px solid #C5E0E9;
		border-left:1px solid #C5E0E9;
		padding:.5em;
		text-align:justify;
		vertical-align:top;
}
.clsGridListTable .head {
background:#C5E0E9;
text-align:center;
font:bold 1.2em/1.5em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
color:#fff;
}
	.clsGridListTable .head td{
		color:#2B7C98;
		font-weight:bold;
		border-left:1px solid #fff;
		text-align:center;
	}
	.clsGridListTable .head td:first-child{
		border-left:1px solid #C5E0E9;
	}
.clsGridListTable .odd td {
background:#f6fbfe
}
.clsGridListTable a{
	height:16px;
	padding-left:18px;
	text-decoration:none;
	font:normal 11px Tahoma, Geneva, sans-serif;
	display:inline-block;
	text-indent:-999em;
}
.clsGridListTable span a{
	height:16px;
	padding-left:22px;
	text-decoration:none;
	font:normal 11px Tahoma, Geneva, sans-serif;
	display:inline-block;
}
.clsTableEditLink{
	background:url("/demo_images/edit_icon.png") no-repeat scroll left center transparent;
}
.clsTableDeleteLink{
	background:url("/demo_images/delete_icon.png") no-repeat scroll left center transparent;
}
.clsTableActiveLink{
	background:url("/demo_images/activate_tick_icon.png") no-repeat scroll left center transparent;
}
.clsTableLockLink{
	background:url("/demo_images/lock_icon.gif") no-repeat scroll left center transparent;
}
.clsTableViewMapLink{
	background:url("/demo_images/viewmap_icon.png") no-repeat scroll left center transparent;
}
.clsTableEditLink,.clsTableDeleteLink,.clsTableStatisticsLink,.clsTableStrcutureAddLink,.clsTableActiveLink,.clsTableLockLink,.clsTableViewMapLink{
	height:16px;
	padding-left:22px;
	text-decoration:none;
	font:normal 11px Tahoma, Geneva, sans-serif;
	display:inline-block;
	text-indent:-999em;
}
.questionContainer{
	overflow:hidden;
 	height:auto;
	
	width: auto;
	background: none repeat scroll 0 0 #F4FEFF;
    border: 1px solid #D2FAFC;
	margin-bottom:10px;
	width:650px;
}
.questionContainer li{
	
	width:450px;
}
.questionBox{
	border:1px solid #fcfcfc;
	margin:2px;
	background:#eaf1f3;
	width:100%;
	color:#325A75;
}

.projectImageList li{
	float:left;
	border:1px solid #999;
	margin:5px 0px;
	margin-left:10px;
	padding:2px;
	text-align: center;
 }
.projectImageList li h3{
 	border:0px solid #666;
	background:#09C;
	color:#FFFFFF;
	width:99%;
	padding:1px 2px;
	margin:0px 0px 1px 0px;
}
.projectImageList{
	display:table;

}

div.siteGames{
	margin-top:10px;
	margin-bottom:5px;
	float:left;
	width:208px;
	height:208px;
	overflow:hidden;
	position:relative;
	padding-right:8px;
}
.siteGames .gamesImages{
	border: 1px solid #ccc;
	padding:3px;
}
.clsGamesTitle{
	position:absolute;
	bottom:4px;
	left:4px;
	width:200px;
	height:25px;
	background:#000;
	filter:alpha(opacity=70);
	opacity: 0.7;
}
.clsGamesTitle a{
	color:#fff;
	margin-left:10px;
	text-decoration:none;
	line-height:25px;
}
.gamesDescriptions{
	color:#666;
	margin-left:5px;
	font-weight:normal;
}
.clsGamesViewTitle h3{
	color:#666;
	font:bold 12px Tahoma, Geneva, sans-serif;
	margin-left:5px;
}
.flashGameContainer
{
	margin:5px;
	text-align:center;
}

.clsImportStudentNote{
	 background: none repeat scroll 0 0 #E1FDF2;
    border: 1px dotted #CEEFF4;
    display: table;
    margin: 5px 0 10px;
    width: 99%;
}
.clsImportStudentNote .clsNote {
    background: url("/demo_images/upload-note-bg.gif") no-repeat scroll left center transparent;
    color: #0D486A;
    float: left;
    font: bold 13px/32px "Trebuchet MS";
    padding-left: 35px;
    padding-right: 20px;
}

.clsImportStudentNote .clsDesc {
    color: #0D486A;
    float: left;
    font: bold 13px/32px "Trebuchet MS";
    margin-left: 5px;
}
.leftCategoryContainer
{
	width:300px;
}
#categoryMenu{
	border:1px solid #CCE7F8;
	margin-top:5px;
}
#categoryMenu li{
 	margin-bottom:2px;
}
#categoryMenu li div{
 	padding:2px 0px 4px 5px;
	cursor:pointer;
	color:#990000;
}
#categoryMenu li div a{
	color:#44AE4A;
	font-weight:bold;
	text-decoration:none;
}
#categoryMenu li p{
	margin:0px;
	padding-left:10px;
	padding-bottom:3px;
	padding-top:1px;
}
#categoryMenu li p a.selected{
	color:#FF3300;
}

#printLabel{
	width:20%;
	margin:1% 1% 1% 5%;
	background-color:#58B7D3;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
#labelSelectedForPrint{
	display:none;
}
#printLabel a{
	color:#FFFFFF;
	text-decoration:none;
}
ul.schoolLabelView
{
	width: 588px;
	height:624px;
	border:1px solid #c9e8fb;
	text-align:center;
	margin-left:5%;
	padding:4px;
	background-color:#E9F6FF;
}

ul.schoolLabelView li
{
	float:left;
	border:1px solid #333;
	padding:3px;
	margin:1px; height:200px;
	background-color:#D9EBF9;
}
ul.schoolLabelView li div{
	text-align:center;
	margin-top:3px;
	border:0px solid #666;
	background-color:#4DB2D0;
	color:#FFFFFF;
	cursor:pointer;
}
#schoolLabelChooseView{
	height: 126px;
}
#schoolLabelChooseViewContainer{
	width:200px;
	border:1px solid #666;
	padding:2px;
	background-color:#2B526B;
}
#schoolLabelChooseViewContainer .nextPrev{
	text-align:center;
	margin-top:3px;
}
ul.printSchoolLabelView{
	width: 588px;
	height:624px;
	border:0px solid #666;
	text-align:center;
	margin-left:5%;
	padding:4px;
}
ul.printSchoolLabelView li
{
	float:left;
	border:1px solid #333;
	padding:2px;
	margin:1px;
}
#printIt{
	cursor:pointer;
	display:inline-block;
	padding:5px;
	background-color:#0099FF;
	margin:3px;
	color:#FFFFFF;
}

div.dictionaryData{
	border:0px solid #666;
	min-height:320px;
	height:auto;
}
ul.dictionaryContent{
	border:1px solid #b8cbd1;
	margin:5px auto;
	width:99%;
	padding:2px;
	border-radius:5px;
}
ul.dictionaryContent li{
	text-indent:5px;
	background:url(/demo_images/dictionary-bullet.gif) no-repeat scroll left center;
	padding-left:20px;
	color:#315872;
	margin-left:5px;
	line-height:25px;
}
ul.dictionaryContent li.odd{
	background-color:#dff6fe;
}
.dictionaryLording{
	background:url("/demo_images/original_loading.gif") no-repeat scroll center transparent;
	height:150px;
	background-color:#fff;
}
.noMeaning{
	background-color:#D9EBF9;
}
.dictionarySearch{
	margin:3px;
	width:70%;
}

#studentZone{
	background:#;
 	text-align:center;
	
 }
#studentZone  ul{
	margin-top:10px;
	display:table;
}
#studentZone  ul li{
	float:left;
	background:#02347D;
	border-radius:2% 2% 0 0;
	margin:0 20px 15px 20px;
}
#studentZone  ul li:hover{
	background:#01B5F0;
	border-radius:3% 3% 0 0;
}
#studentZone  ul li div.image{
	border:0px solid #06C;
	padding:3px;
	width:160px;
	margin:2px 4px;
	border-radius:5px;
 	background:#D9EBF9;
}

#studentZone  ul li div.clsImageText{
	border:0px solid #069;
	text-align:center;
	color:#FFFFFF;
	padding:2px 0;
	background:#02347D;

}
#studentZone  ul li:hover div.clsImageText{
	background:#01B5F0;
}
#studentZone  ul li div.clsImageText a{
	color:#FFFFFF;
	text-decoration:none;
}

.pollOfWeek{
	margin-left:10px;
}
.selGraph
{
	background:#EDEDEF;
}
.fileuploadMsg{
 color:#090;
 font: 11px Tahoma;
}
.graphLabel{
	background:#406C87;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

div.dashBoardContainer {
	display:table;
}
div.dashBoardContainer ul{
	float:left;
}
ul.clsDashboard{
 	display:table;
 	
}

.clscommonDashboard{}

.clscommonDashboard li{
 	border:1px solid #4BB3D0;
	margin: 6px 3px;
	width:365px;
	text-indent:5px;
	text-align:left;
	float:left;
}

ul.clsDashboard li{
 	border:1px solid #4BB3D0;
	margin: 6px 3px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
	behavior:url();
	width:240px;
	text-indent:5px;
	text-align:left;
	float:left;
	height:135px; overflow:hidden;
}

.clsclasstimetable{width:365px!important; height:auto!important;}

.clscommonDashboard li p,ul.clsDashboard li p{
	color:#003679;
	padding:3px 0px;
	text-transform:capitalize;

}
ul.clsDashboard li p.total{
	border-top:1px solid #b4bac8;
}
ul.clsDashboard li p:nth-child(2n){
	 background-color:none;
}
ul.clsDashboard li p:nth-child(2n+1){
	 background-color:none;
}
.clscommonDashboard li p span, ul.clsDashboard li p span{
	float:right;
	padding-right:10px;
	font-weight:bold;
}

.clscommonDashboard li h2,ul.clsDashboard li h2{
	background-color:none;
	cursor:pointer;
	color:#666;
	text-indent:5px; line-height:35px;
	padding:2px 0px 2px 55px; position:relative; margin-bottom:10px;
}

.clscalendericon{   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top transparent;
    height: 40px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 40px;}

.clstimetableicon{   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top transparent;
    height: 40px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 45px;}

.clsmymailicon{   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top transparent;
    height: 40px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 40px;}


.clsmyattendenceicon{   background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top transparent;
    height: 40px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 40px;}

.clsmyexamtimetableicon{ background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top transparent;
    height: 40px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 40px;}

.clsmystoryicon{ background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top transparent;
    height: 40px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 40px;}

.clsmyonlieexamicon{ background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top transparent;
    height: 37px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 40px;}

.clsmyclassnotes{ background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top transparent;
    height: 40px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 40px;}

.clsmyleaveapplication{ background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top transparent;
    height: 40px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 40px;}

.clsmyhomeworkicon{ background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat scroll left top transparent;
    height: 40px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 40px;}

ul.clsDashboard li h4{
	background-color:#0172BE;
  	text-indent:10px;
	color:#FFFFFF;
	text-transform:capitalize;
	padding:2px 0px;
}
.clsExamPrint{
	background: url(/demo_images/test_print.gif) no-repeat scroll left top transparent;
	padding-left:18px;
	float:right;
	margin-bottom:10px;
}



.clsQustionsTable{
	text-align:left;
}
.clsQustionsTable .instruction{
	 color: #C90;
}
.clsQustionsTable td{
	padding-bottom:10px;
	color:#325A75;
	vertical-align:top;

}
.nextPrev,#nav{
 display:inline-block; margin-bottom:10px;
}
.nextPrev{
	margin-top:0px;
}
.clsClearBoth{
	clear:both;
	padding:5px 0;
	display:table;
}
.clsQstNav{
	
	padding:5px 10px;
	display:table;
	float:right;
}
#nav a.activeSlide{
 	background:#09C;
	color:#FFF;
	font-weight:bold;
}
#nav a{
	display:inline-block;
	height:20px;
	width:20px;
	border:1px solid #069;
	color:#003366;
	text-align:center;
	text-decoration:none;
	margin:0 2px;
	cursor:pointer;
}
#nav a.errorPage{
	background:#F11;
	color:#FFFFFF;
}
#nav a:hover{
	background:#325A75;
	color:#fff;
}
div.nextPrev a{
	display:inline-block;
	height:20px;
	width:50px;
	border:1px solid #036;
	background:#D9EBF9;
	text-decoration:none;
	text-align:center;
	color:#00377C;
	cursor:pointer;
	margin:0 3px;
}

a.startExam{
	text-indent:0px;
}

.clsRand{
	color:#55b8b5;
	text-decoration:none;
}
@font-face {
    font-family: 'Digital-7Mono';
    src: url('/demo_css/calculatorFonts/digital-7_mono-webfont.eot');
    src: url('/demo_css/calculatorFonts/digital-7_mono-webfont.eot') format('embedded-opentype'),
         url('/demo_css/calculatorFonts/digital-7_mono-webfont.woff') format('woff'),
         url('/demo_css/calculatorFonts/digital-7_mono-webfont.ttf') format('truetype'),
         url('/demo_css/calculatorFonts/digital-7_mono-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#stu,#resultant{
	background:#c8ddce;
	border:none;
	border-radius:5px;
	font-family: 'Digital-7Mono';
	text-align:right;
}
#stu
{
	font-size:14px;
	padding:0px 1px
}
.mathfun
{
background:url("/demo_images/calculator-button-bg.png") no-repeat scroll center center;
font-size: 10pt;
height: 28px;
width: 38px;
border-radius:5px 8px 5px 8px;
color:#fff;
border:none;
}
.mathfun1
{
background:url("/demo_images/calculator-button-bg2.png") no-repeat scroll center center;
font-size: 10pt;
height: 32px;
width: 38px;
font-family: Monaco, Verdana, Sans-serif;
border-radius:5px 8px 5px 8px;
border:none;
}
.mathfun2
{
background:url("/demo_images/calculator-button-bg5.png") no-repeat scroll center center;
border:none;
border-radius:6px;
font-size:12px;
height:32px;
}
.number
{
background: url("/demo_images/calculator-button-bg3.png") no-repeat scroll center center;
font-size: 12pt;
height: 32px;
width: 38px;
font-family: Monaco, Verdana, Sans-serif;
border:none;
color:#fff;
}
.clearfun
{
background:url("/demo_images/calculator-button-bg4.png") no-repeat scroll center center;
font-size: 9pt;
height: 28px;
width: 38px;
font-family: Monaco, Verdana, Sans-serif;
border-radius:5px 8px 5px 8px;
color:#fff;
border:none;
}
.tabstyle{
font-family: Monaco, Verdana, Sans-serif;
font-size:12px;
background-color: #383643;
border: 4px solid #817f80;
color: #002166;
width:250px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.innertable{
font-family: Monaco, Verdana, Sans-serif;
font-size:12px;
background-color: #383643;
color: #002166;
width:250px;
}


.clsIndexWelcomeBox{
	height:200px;
	width:970px;
	margin-left:10px;
	background:#ecf6ff;
	color:#01539f;
}
	.clsIndexWelcomeLeft{
		float:left;
		width:310px;
	}
	.clsIndexWelcomeRight{
		float:left;
		margin-left:10px;
		width:640px;
	}
	   .clsIndexWelcomeRight h1{
		   font:normal 18px Tahoma, Geneva, sans-serif;
		   color:#01539f;
		   margin-top:5px;
		   margin-bottom:10px;
	   }
	.clsIndexWelcomeContent{
		font:normal 12px Tahoma, Geneva, sans-serif;
		text-align:justify;
	}
	.clsIndexQstBox,.clsIndexProjectBox{
		float:left;
		background: url(/demo_images/homepage-qst-bg.jpg) no-repeat scroll left top transparent;
		width:300px;
		height:68px;
		overflow:hidden;
		margin-top:20px;
	}
	.clsIndexProjectBox{
		background: url(/demo_images/homepage-project-bg.jpg) no-repeat scroll left top transparent;
		margin-left:40px;
	}
	.clsIndexQstBox .clsQstHead,.clsIndexProjectBox .clsProjectHead{
		margin:8px 0 0 8px;
		color:#fff;
		font-weight:bold;
	}
	.clsIndexQstBox .clsQst,.clsIndexProjectBox .clsProject{
		font-size:11px;
		color:#193c50;
		margin-top:7px;
		margin-left:10px;
	}
	.clsIndexProjectBox .clsProject{
		color:#fff;
	}
	.clsIndexQstBox .clsQst a,.clsIndexProjectBox .clsProject a{
		float: right;
		margin-right: 10px;
		margin-top: 5px;
		text-decoration:none;
		color:#576905;
	}
	.clsIndexProjectBox .clsProject a{
		color:#c1d26c;
	}
	.clsPoll{
		font-size:12px;
		color:#193c50;
		margin-top:7px;
		margin-left:10px;
	}

.box_home_all {
	padding: 10px 0px 0px 0px;
	background:#ECF6FF;
	padding:10px 10px 10px 0px;
	display:table;

}
.box_home {
	background: url("/demo_images/box_home.png") no-repeat scroll left top #fff;
    float: left;
    min-height: 260px;
    margin-left: 12px;
    padding: 0 10px 0 10px; position:relative;
    width: 280px;
	border:4px double #3B657E;
	border-radius: 5% 5% 5% 5%;
}

.box_home H1 {
	font-size:18px;
	font-family: Arial;
	color: #3E6A85;
	padding: 17px 0px 17px 51px;
	text-decoration:underline;
	font-weight:100;
}

.tit_img1 {
background:url(/demo_images/tit_img1.png) left 10px no-repeat;}
.tit_img2 {
background:url(/demo_images/tit_img2.png) left 10px no-repeat;}
.tit_img3 {
background:url(/demo_images/tit_img3.png) left 10px no-repeat;}
.read_l {
	height: 23px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.read_l a {
	font-size:12px;
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	display:block;
	width: 58px;
	height: 22px;
	vertical-align:middle;
	float:right;
	padding: 0px 0px 0px 20px;
	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) right top no-repeat;

}

.read_l a:hover {
	font-size:12px;
	text-decoration: none;
}


.clsCategoryBoxContainer
{
	display:table;
	clear:both;
	margin-top:10px;
	padding:0 30px;
}
	.clsCategoryBoxContainer ul li
	{
			width:300px;
			float:left;
			margin-right:10px;
			min-height:200px;
	}
	.clsCategoryBoxContent
	{
		margin-top:5px;
		width:290px;
		overflow:hidden;
		min-height:150px;
		position:relative;
	}
	.clsCategoryBoxContent p a{
		text-decoration:none;
		font:normal 11px Tahoma, Geneva, sans-serif;
		line-height:22px;
		background:url(/demo_images/bullet1.gif) no-repeat scroll left center;
		padding-left:10px;
		color:#0a5588;
	}
	.clsCategoryBoxContent p a:hover{
		text-decoration:underline;
	}
.clsIndexBoxContainer{
	display:table;
	clear:both;
	margin-top:10px;
	padding:0 10px;
}
  .clsIndexBoxItem{
	  float:left;
	  width:310px;
	  padding-right:20px;
  }
  .clsIndexBoxItem:last-child{
	  padding-right:0;
  }
	.clsIndexBoxHead{
		background:#CCE7F8;
		line-height:25px;
		margin-bottom:5px;
	}
	.clsNoticeboardTitleBox{
		background:#CCCCCC;
		line-height:25px;
		margin-bottom:5px; padding:2px 10px;
		font-size:16px;
	}
	.clsIndexBoxHead h3{
		font:bold 15px Tahoma, Geneva, sans-serif;
		line-height:30px; overflow:hidden; position:relative;
		color:#30607f;
		margin-left:10px;
		text-align:left;
	}
	.clsIndexBoxHead h3 a{
		background:url(/demo_images/edit_icon.png) no-repeat scroll left center;
		padding-left:13px;
		text-decoration:none; display:inline-block;  position:absolute; right:10px; top:0px;
		margin-right:10px;
	}
	.clsIndexBoxHead h3 a.back{
		background:url(/demo_images/backarrow.png) no-repeat scroll left center;
		padding-left:20px;
		text-decoration:none;
		float:right;
		margin-right:10px; color:#30607f;
	}
.clsIndexBoxContent{
	margin-top:5px;
	overflow:hidden;
}
	.clsIndexBoxContent p a{
		text-decoration:none;
		font:normal 11px Tahoma, Geneva, sans-serif;
		line-height:22px;
		background:url(/demo_images/bullet1.gif) no-repeat scroll left center;
		padding-left:10px;
		color:#0a5588;
	}
	.clsIndexBoxContent p a:hover{
		text-decoration:underline;
	}
	.clsIndexBoxItem .clsNoticeBoard h3{
		background:url(/demo_images/index-noticeboard-icon.png) no-repeat scroll right center;
	}
	.clsIndexBoxItem .clsIndexEvent h3{
		background:url(/demo_images/eventindex.png) no-repeat scroll right center;
	}
	.clsIndexBoxItem .clsPoll h3{
		background:url(/demo_images/index-poll-icon.png) no-repeat scroll right center;
	}
	.clsIndexBoxItem .clsHealth h3{
		background:url(/demo_images/index-health-icon.png) no-repeat scroll right center;
	}
	.clsHomePollButtons{
		margin-top:5px;
	}
	.clsHomePollButtons p{
		float:left;
		margin-right:10px;
	}
	.clsIndexBoxContent .poll p{
		padding-bottom:2px;
	}
	.clsHomePollButtons p a{
		background:none;
		color:#fff;
		cursor:pointer;
		font:normal 11px Tahoma, Geneva, sans-serif;
		line-height:18px;
		text-decoration:none;
		padding-left:0;
	}
	.clsIndexPollQst{
		font:bold 11px Tahoma, Geneva, sans-serif;
		color:#254961;
		padding-bottom:5px;
	}

.clsAddQuestion
{
	text-indent:0 !important;
}
.clsEditQuestion
{
	text-indent:0 !important;
}
.clsFormLableWidth {
    width: 200px; display:inline-block; padding:10px;
}


.clsFormLable_Width{width:200px; padding:10px;}


.clsPagingList{
	color:#999;
	margin:5px 0 0 5px;
	overflow:auto;
	zoom:1;
	font:normal 11px Arial, Helvetica, sans-serif;
}
* html .clsPagingList{
	overflow:visible;
	height:1%;
}
.clsPagingList ul{
	float:right;
	background:none;
}
.clsPagingList li{
	padding:0 6px;
	float:left;
	margin:0;
	height:17px;
	line-height:17px;
}
	.clsPagingList li a{
		color:#18243E;
		text-decoration:none;
		margin:0 0 0 5px;
		height:17px;
		line-height:17px;
		disply:block;
		font-weight:bold;
		cursor:pointer;
	}
	.clsPagingList li a:hover{
		color:#204862;
	}
	.clsPagingList li.clsCommonPaging{
		padding-left:10px;
		padding-right:10px;
		color:#000;
	}
	.clsPagingList li.clsCommonPaging a{
		color:#000;
	}
	.clsPagingList .clsCurrPage{
		color:#fff;
		line-height:17px;
		padding:0 6px;
		background:#78a5c4;
	}
	.clsPagingList .clsNextPage a{
		color:#3C3C48;
	}
		.clsCurrPageLink{
			color:#fff;
			border:1px solid #4d7b9b;
			background:#78a5c4;
			padding:0 3px !important;
			margin:0 3px !important;
		}
	li.clsPrevPageLink{
		border:1px solid #b1d1e6;
		line-height:17px;
		background:#cce7f8;
	}
	li.clsFirstLinkPage{
		border:1px solid #356b8c;
		color:#fff;
		background:#4884a9;
		line-height:17px;
		margin-right:10px;
	}
	li.clsFirstLinkPage a,li.clsFirstLinkPage a:hover{
	color:#fff;
	}
		li.clsInactiveFirstLinkPage{
			padding-left:18px;
			border:1px solid #cccccc;
			background:#fcfcfc;
			line-height:17px;
			color:#cccccc;
		}
	li.clsNextPageLink{
		line-height:17px;
		border:1px solid #b1d1e6;
		background:#cce7f8;
	}
	li.clsLastPageLink{
		border:1px solid #356b8c;
	    background:#4884a9;
		line-height:17px;
		margin-left:10px;
	}
	li.clsLastPageLink a,li.clsLastPageLink a:hover{
	color:#fff;
	}
		li.clsInactiveLastPageLink{
			padding-right:16px;
			border:1px solid #cccccc;
			background:#fcfcfc;
			color:#cccccc;
			line-height:17px;
		}
		li.clsInactivePrevLinkPage,li.clsInactiveNextPageLink{
			padding-right:16px;
			border:1px solid #cccccc;
			background:#fcfcfc;
			color:#cccccc;
			line-height:17px;
			margin:0 5px;
		}





div.UploadifyButtonWrapper{
    position:relative;
	width:100px;
}
div.clsIconUploaderLeft a span{
    position:absolute; 
    top:0;
    left:0;
    z-index:0;
    display:block;
    float:left;
    border:1px solid #d3e630;
    padding:3px 10px;
    background:#ACCF09;
    color:#fff;
	font:normal 12px Arial,Helvetica,sans-serif;
}

.clsUploadNoteBlock{
	display:table;
	border:1px dotted #ceeff4;
	margin:5px 0 10px 0;
	width:100%;
}
.clsNoteLabel{
background:url("/demo_images/upload-note-bg.gif") no-repeat scroll left center transparent;
color:#0D486A;
font:bold 13px "Trebuchet MS";
line-height:32px;
padding-left:35px;
padding-right:20px;
float:left;
}
.clsNoteDesc{
color:#0D486A;
font:bold 13px "Trebuchet MS";
line-height:32px;
float:left;
margin-left:5px;
}
div.UploadifyObjectWrapper {
    position:relative;
    z-index:10;
}
.clsProfileIconUploader{
background:#fff;
padding:5px;
padding-left:10px;
}
.clsProfileIconUploader h3{
color:#1A1B1F;
font:bold 14px "Trebuchet MS";
margin:0;
padding-bottom:10px;
}
.clsIconUploaderLeft{
float:left;
width:100px;
}
.clsIconUploaderRight{
margin-left:110px;
}
.clsDisabledActive{
color:#FFF;
background:#ACCF09;
}
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}
.clsCropNote{
background:none repeat scroll 0 0 #F4FFE8;
color:#ACCF09;
font:12px Tahoma;
margin-bottom:5px;
padding:7px;
border:1px solid #ACCF09;
}
.clsPreview{
font:normal 11px Tahoma;
color:red;
padding-left:40px;
}



.tlcroundbox{
background:transparent url(/demo_images/form/tlcroundbox.gif) no-repeat;
}
.trcroundbox{
	background:transparent url(/demo_images/form/trcroundbox.gif) no-repeat right top;
	padding:5px;
}
.blcroundbox{
	background:transparent url(/demo_images/form/blcroundbox.gif) no-repeat left bottom;
}
.brcroundbox{
	background:transparent url(/demo_images/form/brcroundbox.gif) no-repeat right bottom;
}
.tbroundbox{
	background:transparent url(/demo_images/form/tbroundbox.gif) repeat-x;
}
.bbroundbox{
	background:transparent url(/demo_images/form/bbroundbox.gif) repeat-x center bottom;
}
.rbroundbox{
	background:transparent url(/demo_images/form/rbroundbox.gif) repeat-y right top;
}
.lbroundbox{
	background:#fff url(/demo_images/form/lbroundbox.gif) repeat-y left bottom;
}

.tlcfooterbox{
background:transparent url(/demo_images/form/tlcfooterbox.gif) no-repeat;
}
.trcfooterbox{
	background:transparent url(/demo_images/form/trcfooterbox.gif) no-repeat right top;
	padding:5px;
}
.blcfooterbox{
	background:transparent url(/demo_images/form/blcfooterbox.gif) no-repeat left bottom;
}
.brcfooterbox{
	background:transparent url(/demo_images/form/brcfooterbox.gif) no-repeat right bottom;
}
.tbfooterbox{
	background:transparent url(/demo_images/form/tbfooterbox.gif) repeat-x;
}
.bbfooterbox{
	background:transparent url(/demo_images/form/bbfooterbox.gif) repeat-x center bottom;
}
.rbfooterbox{
	background:transparent url(/demo_images/form/rbfooterbox.gif) repeat-y right top;
}
.lbfooterbox{
	background:#cce7f8 url(/demo_images/form/lbfooterbox.gif) repeat-y left bottom;
}


#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; 
	max-width: 600px; 
	background: #FFF;
	border: solid 5px #B9D1F0;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #003399;
	background: #eff5ff;
	border: solid 1px #FFF;
	border-bottom: solid 1px #B9D1F0;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
}

#popup_content.confirm {
}

#popup_content.prompt {
}

#popup_message {
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

.clsPageHeading h2,.clsPageHeading h3 {
color:#666;
font:bold 16px "Trebuchet MS";
padding:0 0 15px 5px;
}
#selErrorHeading,.clsErrorHeading {
background:url("/demo_images/form/alert_icon.gif") no-repeat scroll 2px 1px #fff2dd !important;
border:1px solid #fbddaf !important;
color:#FE5C3A;
padding:7px 10px 5px 35px;
margin:5px;
text-align:left;
}
#selSuccessHeading,.clsSuccessHeading   {
background:url("/demo_images/form/success_icon.gif") no-repeat scroll 5px 1px #edffcf !important;
border:1px solid #cbf5bf !important;
color:#237c0b;
padding:7px 10px 5px 35px;
text-align:left;
}
.clsNoRecordsFound{
background:url("/demo_images/form/alert_info.png") no-repeat scroll 9px 5px #F4FEFF;
border:1px solid #CEEFF4;
color:#003399;
padding:7px 10px 5px 35px;
margin:5px;
text-align:left;
}
.clsCarouselNoRecordsFound{
background:url("/demo_images/form/alert_icon.gif") no-repeat scroll 5px 1px #d1d1d1;
border:1px solid #fbddaf;
color:#FE5C3A;
padding:5px 10px 5px 30px;
margin:10px 0 0 100px;
width:200px;

}

.clsLoginForm{ *text-align:left;
	margin-top:10px;
	width:400px; *width:410px;
	margin-left:295px;
}
.clsLoginHeading{
		background:#cce7f8;
		line-height:25px; *width:400px;
		text-align:left;
	}
	.clsLoginHeading h3{
		font:bold 12px Tahoma, Geneva, sans-serif;
		line-height:25px;
		overflow:hidden;
		color:#333;
		position:relative;
		margin-left:10px;
	}

	.clsLoginHeading h3{}
.clsForgotPwdLink a{
	margin-left:10px;
	color:#01539F;
	text-decoration:none;
	line-height:20px;
}
	.clsParentLoginLink,.clsTeacherLoginLink{
		 position:absolute; right:10px; *top:0px;

		margin-right:10px;
		text-decoration:none;
		color:#01539f;
		padding-left:18px;
		background:url(/demo_images/login-icon.png) no-repeat scroll left center;
		font:normal 11px Arial, Helvetica, sans-serif;
		line-height:25px;
	}
	.clsLoginButtonMagin{
		padding-right:10px;
		float:left;
	}
.clsHomeSidebar{
	float:left;
	width:200px;
	margin-left:10px;
}
.clsHomeMaincontent{
	float:left;
	margin-left:10px;
	width:760px;
}
   .clsMyhomeLinks{
	   margin-top:5px;
   }
  .clsMyhomeLinks li{
	  line-height:28px;
  }
	.clsMyhomeLinks li a,.clsMyKids span{
		text-decoration:none;
		padding-left:30px;
		display:block;
	}
	.clsMyhomeLinks li ul{
		margin-left:20px;
	}
	.clsMyhomeLinks li ul li a{
		padding-left:26px;
	}
	.clsMyhomeLinks li a:hover{
		text-decoration:underline;
	}
	.clsMyProfile a{
		background:url(/demo_images/myprofile-icon.png) no-repeat scroll left center;
	}
	.clsMyKids span{
		background:url(/demo_images/mykids-icon.png) no-repeat scroll left center;
		color:#01B5F0;
	}
	.clsKidsMale a{
		background:url(/demo_images/kids-male-icon.png) no-repeat scroll left center;
	}
	.clsKidsFemale a{
		background:url(/demo_images/kids-female-icon.png) no-repeat scroll left center;
	}
	.clsKidsAbsent a{
		background:url(/demo_images/attendance-kids.png) no-repeat scroll left center;
	}
	.clsKidsStory a{
		background:url(/demo_images/story-telling.png) no-repeat scroll left center;
	}
	.clsAcadamicResult a{
		background:url(/demo_images/result-icon-user.png) no-repeat scroll left center;
	}
	.clsMyFriends a{
		background:url(/demo_images/myfriends-icon.png) no-repeat scroll left center;
	}
	.clsClassNotes a{
		background:url(/demo_images/clas-notes-icon.png) no-repeat scroll left center;assignment-icon
	}
	.clsClassAssignment a{
		background:url(/demo_images/assignment-icon.png) no-repeat scroll left center;
	}
	.clsHomework a{
		background:url(/demo_images/homework-icon.png) no-repeat scroll left center;
	}
	.clsOnlineExam a{
		background:url(/demo_images/online-icon.png) no-repeat scroll left center;
	}
	.clsStudentLeaveApplication a{
		background:url(/demo_images/studleave-icon.png) no-repeat scroll left center;
	}
	.clsMyVoice a{
		background:url(/demo_images/myvoice-icon.png) no-repeat scroll left center;
	}
	.clsMyThoughtIcon a{
		background:url(/demo_images/mythought.png) no-repeat scroll left center;
	}
	.clsTransportationIcon a{
		background:url(/demo_images/transportation.png) no-repeat scroll left center;
	}
	.clsTimetable a{
		background:url(/demo_images/timetable-icon.png) no-repeat scroll left center;
	}
	.clsQuestionpaper a{
		background:url(/demo_images/question_paper_icon.png) no-repeat scroll left center;
	}
	.clsHolidayCalendar a{
		background:url(/demo_images/school-calendar-icon.png) no-repeat scroll left center;
	}
	.clsStudentLeave a{
		background:url(/demo_images/student_application.png) no-repeat scroll left center;
	}
	.clsTeacherLeave a{
		background:url(/demo_images/teacher_leave_icon.png) no-repeat scroll left center;
	}
	.clsChangePwd a{
		background:url(/demo_images/change-password-icon.png) no-repeat scroll left center;
	}
	.clsClassParents a{
		background:url(/demo_images/class-parents.png) no-repeat scroll left center;
	}
	.clsKidsExamTime a{
		background:url(/demo_images/exam-timetable.png) no-repeat scroll left center;
	}
	.clsStudentAttendance a{
		background:url(/demo_images/studentAttendance-icon.png) no-repeat scroll left center;
	}
	.clsMail a{
		background:url(/demo_images/mail_icon.png) no-repeat scroll left center;
	}
	.clsUserProject a{
		background:url(/demo_images/project-icon.png) no-repeat scroll left center;
	}
	.clsHelpIcon a{
		background:url(/demo_images/help-school-icon.gif) no-repeat scroll left center;
	}
.clsNoData{
	background:url(/demo_images/no_record_info.png) no-repeat scroll left center;
	padding-left:18px;
	color:#fd5900;
	line-height:18px;
}

.clsSitePageLeftBar{
	float:left;
	margin-left:10px;
	width:300px;
}
.clsSitePageMainContent{
	float:left;
	margin-left:10px;
	width:660px;
}
.clsMyhomeBoardContainer{
	width:730px;
	margin:5px;
	line-height:18px;

}
	.clsBoardHead{
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#145f93;
	}
	.clsBoardContent{
		
	}
	.clsAnswerContent
	{
		
	}
	.continued{
		float:left;
	}
	.adjust{
		margin-left:5px;
	}
	.more-less{

		padding:10px 5px;
		width:91%;

		border-bottom:1px dashed #0099FF;
	}
	.clsViewAll{
		text-align:right;
		margin-right:10px;
		line-height: 20px;
	}
	.clsViewAll a{
		text-decoration:none;
		color:#145f93;
		background:#f4feff;
		padding:2px 5px;
		border:1px solid #d2fafc;
	}
.clsMyhomeBoardContainer

 .clsStaticContentArea{
 }
.clsStaticContentArea{

	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:5px;
	color:#666;
}
.clsStaticContentArea h1,.clsStaticContentArea h2,.clsStaticContentArea h3,.clsStaticContentArea h4,.clsStaticContentArea h5, .clsStaticContentArea h6 {
	font-weight: bold;
    line-height: 100%;
    margin-bottom: 5px;
}
.clsStaticContentArea h2{
	line-height:25px;
	padding:5px 0;
	font-size:150%;
}
.clsStaticContentArea p {

  
}

.clsuser_forumlist{ padding:5px; }

.clsuser_forumlist .clsBlogDetails span{ text-align:left!important;}

.clsforumdiscription ul li, .clsBoardContent ul li, .clsViewCommunityContent ul li  , .clsForumDescription ul li, .clssiteforumdiscription ul li ,  .clsUserForumDescription ul li , .clsViewCommunityspeakContent ul li , .clsDocs_Description ul li, .clsstorytellingcontent ul li, .clscommunityspeakcontent ul li {	list-style:disc; display:list-item;	margin:5px; margin-left:30px;}

.clsforumdiscription ul li a , .clsBoardContent ul li a, .clsViewCommunityContent ul li a, .clsForumDescription ul li a , .clssiteforumdiscription ul li a ,  .clsUserForumDescription ul li a , .clsViewCommunityspeakContent ul li a , .clsDocs_Description ul li a , .clsstorytellingcontent ul li a, .clscommunityspeakcontent ul li a{ color:#006699; text-decoration:none; }

.clsforumdiscription ul li a:hover, .clsBoardContent ul li a:hover, .clsViewCommunityContent ul li a:hover, .clsForumDescription ul li a:hover, .clssiteforumdiscription ul li a:hover, .clsUserForumDescription ul li a:hover, .clsViewCommunityspeakContent ul li a:hover, .clsDocs_Description ul li a:hover, .clsstorytellingcontent ul li a:hover, .clscommunityspeakcontent ul li a:hover{text-decoration:underline;}

.clsforumdiscription ol li , .clsViewCommunityContent ol li , .clsBoardContent ol li ,  .clsForumDescription ol li, .clssiteforumdiscription ol li, .clsUserForumDescription ol li , .clsViewCommunityspeakContent ol li, .clsDocs_Description ol li , .clsstorytellingcontent ol li, .clscommunityspeakcontent ol li {	list-style: decimal; margin:5px; margin-left:30px; display:list-item;}

.clsforumdiscription ol li a , .clsViewCommunityContent ol li a , .clsBoardContent ul li a , .clsForumDescription ol li a , .clssiteforumdiscription ol li a , .clsUserForumDescription ol li a , .clsViewCommunityspeakContent ol li a , .clsDocs_Description ol li a , .clsstorytellingcontent ol li a,  .clscommunityspeakcontent ol li a{color:#006699; text-decoration:none;}

.clsforumdiscription ol li a:hover, .clsViewCommunityContent ol li a:hover, .clsBoardContent ol li a:hover, .clsForumDescription ol li a:hover, .clssiteforumdiscription ol li a:hover, .clsUserForumDescription ol li a:hover, .clsViewCommunityspeakContent ol li a:hover, .clsDocs_Description ol li a:hover, .clsstorytellingcontent ol li a:hover, .clscommunityspeakcontent ol li a:hover{ text-decoration:underline; }

.clsStaticContentArea ul{
	margin-bottom:10px;
}

#holidayCalendar{
		width: 700px;
		margin: 0 auto;
		margin-top:10px;
}
#holidayCalendar .fc-event-title{
	cursor:pointer;
}
#eventDescription{
	display:inline-block;
	display:none;
	position:absolute;
	max-width:200px;
	border:1px solid #09577C;
	padding:3px;
	overflow:hidden;
	border-radius:5px;
	background:#F1F8FD
}

.clsCommonTopShortcutLinks{
	margin:5px 0;
	background:#fcfcfc;
	border:1px solid #E6E6E6;
	display:table;
	text-align:right;
	width:98%;
	height:28px;
	padding:0 5px;
}
   .clsCommonTopShortcutLinks li{
	   float:left;
	   padding-right:10px;
   }
   .clsCommonTopShortcutLinks li a{
	   color:#0077AA;
	   text-decoration:none;
	   display: inline-block;
	   line-height: 25px;
	   padding-left: 20px;
	   padding-right: 3px;
   }
.clsCommonTopShortcutLinks .clsAddLink a{
	background:url("/demo_images/add_nav_small.png") no-repeat scroll left center transparent;
}
.clsCommonTopShortcutLinks .clsViewLink a{
	background:url("/demo_images/view_nav_small.png") no-repeat scroll left center transparent;
}





.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
text-align:left;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #09577C; background: #fff url(../images/autocomplete-bg.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #09577C; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../images/autocomplete-hover-bg.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(../images/autocomplete-hover-bg2.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-widget :active { outline: none; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:0px 0px 4px 4px; }


.ui-autocomplete {
max-height: 100px;
overflow-y: auto;

width: 150px !important;
overflow-x:hidden;
}

* html .ui-autocomplete {
height: 100px;
}







.clsProfileIcon{
margin: 8px 0 5px 28px;
}
.clsProfileLargeImageContainerOuter:hover{
border:1px solid #b8b8b8;
}
.clsNoborder,.clsNoborder:hover{
border:1px solid #ccc;
}
.clsProfileLargeImageContainerOuter{
 height:130px;
 width:130px;
 background:none repeat scroll 0 0 transparent;
 display:table;
 overflow:hidden;
 border:1px solid #ccc;
}
.clsIconChangeBlock{
	background:#000;
	position:absolute;
	height:20px;
	z-index:5;
	padding:5px;
	width:120px;
	display:block;
	margin:-31px 0 0 1px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	text-align:center;
}
 * html .clsIconChangeBlock {
	margin:-20x 0 0 1px;
    width:119px;
 }
.clsIconChangeBlock p a{
color:#01B5F0;
text-decoration:none;
font:normal 11px Tahoma;
}
.clsIconChangeBlock p a:hover{
text-decoration:underline;
}
.clsProfilePageTable{
	color:#006699;
	width:100%;
	margin:5px;
}
.clsProfilePageTable td{
	line-height:25px;
}
.clsProfilePageTable th{
	background:none;
}
.clsProfilePageTable th div{
	background:#EFF5FF;
	padding:5px;
	padding-left:10px;
	width:300px;
	border:1px solid #B9D1F0;
	color:#666;
}
.clsProfileLabel{
	color:#333;
	width:150px;;
	line-height:25px;
}

.timeTableStructure{
	border-collapse:separate;
	width:100%;
	border-spacing:0;
	border:1px solid #ddd;
	border-width:0 1px 1px 0;
	margin-top:2px;
	padding:0px !important;
}
.timeTableStructure td,.timeTableStructure th{
	background:url("/demo_css/cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png") repeat-x scroll 50% top #F2F5F7;
	border:1px solid #ddd;
	border-width:1px 0 0 1px;
	color:#362B36;
	padding:2px 5px;
	vertical-align:middle;
}
.timeTableStructure th{
	text-align:center;
	background:url("/demo_css/cupertino/images/ui-bg_highlight-soft_100_deedf7_1x100.png") repeat-x scroll 50% 50% #DEEDF7;
	font:bold 1em Lucida Grande,Lucida Sans,Arial,sans-serif;
}
.timeTableStructure .clsItem{
	min-height:60px;
}
	.timeTableStructure .clsItem p{
		line-height:25px;
	}
	.timeTableStructure .clsItem p span{
		color:#256ca2;
		padding-right:10px;
	}
	.timeTableStructure .clsItem .clsLiesure{
		color:#47B725;
	}
.clsTimetableLunchTime{
	border: 1px dotted #CEEFF4;
	background:#E1FDF2;
    display: table;
    margin: 5px 0 10px;
    width: 100%;
}
	.clsTimetableLunchTime .clsNote{
		background: url("/demo_images/upload-note-bg.gif") no-repeat scroll left center transparent;
		color: #0D486A;
		float: left;
		font: bold 13px/32px "Trebuchet MS";
		padding-left: 35px;
		padding-right: 20px;
	}
	.clsTimetableLunchTime .clsDesc{
		 color: #0D486A;
		 float: left;
		 font: bold 13px/32px "Trebuchet MS";
		 margin-left: 5px;
	}
	.clsIndexBoxHead h3 span{
		color:#0000FF;
		text-transform:capitalize;
	}
.clsExamItem{
	min-height:30px;
	line-height:30px;
}
.timeTableStructure .title th{
	text-align:left;
	margin-left:10px;
	line-height:20px;
}

.clsAcademicXamResult li{
	background: url("/demo_images/acadamic-xam.png") no-repeat scroll left center transparent;
	padding-left:50px;
	display:block;
	line-height:50px;
}


.clsHorizontalTab {
border-bottom:1px solid #6CC0D8;
color:#000000;
margin:12px 0 0;
padding:0 0 5px 10px;
z-index:1;
}
.clsHorizontalTab li {
display:inline;
list-style-type:none;
overflow:hidden;
}
.clsHorizontalTab a, a.active {
color: #fff;
background: #6CC0D8;
font: bold 1em verdana, Arial, sans-serif;
border: 1px solid #6CC0D8;
padding:5px 10px;
margin: 0px;
text-decoration: none;
cursor:hand; }

.clsHorizontalTab a.active {
background: #ffffff;
color:#11567a;
border-bottom: 3px solid #ffffff;
}
.clsHorizontalTab a:hover {
color: #fff;
background: #4f9eb5;}

.clsHorizontalTab a.active:hover {
background: #ffffff;
color: #666; }

.clsTabContent {font: 0.9em/1.3em verdana, sans-serif;
text-align: justify;
background: #ffffff;
padding: 20px;
border: 1px solid #6CC0D8;
border-top: none;
z-index: 2;
display:none;
}
.clsTabContent a {
text-decoration: none;
color: #E8E9BE; }
.clsTabContent a:hover { background: #aaaaaa; }


.clsEventTab{
margin:20px 5px 0 5px;
padding:4px 5px;
border-bottom:1px solid #F1F1F1;
}
.clsEventTab li{
	display:inline;
}
.clsEventTab li a{
line-height:30px;
background:url(/demo_images/event-disable-tab-left.gif) no-repeat scroll left top transparent;
padding:5px 5px 5px 14px;
color:#555;
text-decoration:none;
}
.clsEventTab li a span{
background:url(/demo_images/event-disable-tab-right.gif) no-repeat scroll right top transparent;
padding:7px 14px 5px 0;
font:bold 11px Arial, Helvetica, sans-serif;
}
.clsEventTab li a:hover{
background:url(/demo_images/event-tab-left.gif) no-repeat scroll left top transparent;
color:#fff;
}
.clsEventTab li a span:hover{
background:url(/demo_images/event-tab-right.gif) no-repeat scroll right top transparent;
}
.clsEventTab .clsActive{
display:inline;
line-height:30px;
background:url(/demo_images/event-tab-left.gif) no-repeat scroll left top transparent;
padding:5px 5px 5px 14px;
color:#fff;
text-decoration:none;
}
.clsEventTab .clsActive span{
background:url(/demo_images/event-tab-right.gif) no-repeat scroll right top transparent;
padding:7px 14px 5px 0;
font:bold 11px Arial, Helvetica, sans-serif;
}
.clsShowEventDetai{
	font:normal 11px Tahoma, Geneva, sans-serif;
}
.clsShowEventDetail tr td{ padding:5px; border-bottom:solid 1px #e5e5e5; padding-left:0px; margin-left:10px; line-height:20px; vertical-align:top; }
 .clsEventImageContainer{
	 width:210px;
	 vertical-align:top;
 }
.clsShowEventLabel{ font-weight:bold; color:#999999; width:75px;}
.clsEventsResultContainer{ width:640px; height:auto; }
.clsEventsImageContainer{ padding:3px; float:left; }
.clsEventsContentContainer{ width:515px; margin-left:5px; float:left; }
.clsClear{ clear:both; }
.clsEventsDate { float:left; padding-left:5px; }
.clsEventsTitleLink{ float:left;}
.clsEventsTitleLink h3 a{	color:#0077AA;	text-decoration:none; font:bold 11px Tahoma, Geneva, sans-serif;}
.clsEventsTitleLink h3 a:hover{	color:#009999; }
.clsPostTitles{float:left; padding:10px; line-height:20px; }
.clsPostTitles a{color:#0077AA;	text-decoration:none;}
.clsPostTitles a:hover{color:#009999;	text-decoration:underline;}
.clsEventsStatsArea {
    background: url("/demo_images/bg-bottom.gif") repeat-x scroll center bottom #F2F2F2;
    padding: 5px 5px 10px;
}
.clsEventSmallImageOuter{
	border:1px solid #ccc;
	padding:1px;
	display:table;
	height:79px;
	width:105px;
}
.clsEventImageOuter{
	border:1px solid #ccc;
	padding:2px;
	display:table;
	height:152px;
	width:203px;
}
 .clsEventImageMiddle{
	 width:100%;
	 vertical-align:middle;
	 display:table-cell;
	}
.clsEventImageInner{
text-align:center;
width:100%;
}
.clsShowEventDetails {
	line-height:18px;
	text-align:justify;
	border:1px solid #ccc;
	margin-top:10px;
	padding:5px;
}
.clsEventGoogleMapBlock{
	 margin-top:10px;
	 margin:0 auto;
	 background:#80BFDE;
 }
   .eventMap{
	 width:640px;
	 height:300px;
 }


.clsProfileContent{
	 color: #FFFFFF;
    margin-top: 10px;
}
ul{
	list-style: none outside none;
}
.clsCommunityAddedtime{
	color:#333 !important;
	font:normal 11px Tahoma, Geneva, sans-serif;
}
.clsViewCommunityContent, .clsDocsInfo{
	display:table;
	overflow:hidden;
	padding:5px 10px; background: url("/demo_images/forumtopicbg.png") repeat-x scroll left bottom #FFFFFF; border:1px solid #e1e1e1;
    border-left: 1px solid #CCCCCC;
    height: 70px; margin-bottom:10px; *height:90px; width:620px;
}
.clsViewCommunityWidth{
	width:625px;
}
	.clsCommentBoxContainer{

		display: table;
		margin-left: 5px;
		padding-bottom: 5px;
		width:98%; margin-bottom:10px;
	}
		.clsCommentBoxContainer p{
			padding:0px;
		}
	.clsCommunityCommentBox {
   	 width: 99.7%; margin-bottom:10px;
	}
	.clsCommentBoxContainer h3{
		background:#77b0d3;
		color:#fff;
		padding:5px;
	}
	#sleWholeCommentList ul li{ list-style:disc; margin-left:40px; padding-left:10px}
	#sleWholeCommentList ol li{ list-style:decimal; margin-left:40px; padding-left:10px}
	.clsCommentItem{
	width:99.8%;
	background: url(/demo_images/forumtopicbg.png) repeat-x scroll left bottom #FFFFFF;
    border-color: #E1E1E1 #E1E1E1 #E1E1E1 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    display: table;
    height: 70px;
    margin-bottom: 5px;
    overflow: hidden;
	padding-bottom:2px;
	}
	.clsCommentUserPic{
	background:#CCE7F8;
    display: table;
    float: left;
    height: 100%;
    width: 75px;
	}
	.clsCommentBox{
   		 margin-left: 52px;
	}
		.clsCommentBoxLeft{
		float:left;
		width:20px;
		min-height:60px;
		}
		.clsCommentBoxRight{
		margin-left:10px;
		min-height:60px; color:#666;
		}
		.clsSiteCommentMessage, .clsCommentBoxRight p{
			padding:10px 10px 10px 64px!important; text-align:justify;
		}
		.clsSiteViewFrorumReply{
			margin-left:25px;
		}
		.clsSiteViewFrorumReply p{
			padding:5px; text-align:justify;
		}
		.clsBlogTitle,.clsCommentDetails{
		border:1px solid #5689ad;
		border-bottom: 2px groove #ccc;
		background:#BAD0DE;
    	padding: 5px 10px;
		}
		.clsSmallgrey{
		color:#808080;
		font-family:Arial,Helvetica,sans-serif;
		font-size:10px;
		font-weight:normal;
		display:inline;
		}
		.clsSmallgrey a{
		text-decoration:none;
		color:#4477AA;
		}
		acronym, abbr {
		border-bottom:1px dotted #333333;
		cursor:pointer;
		}
		.clsCommentUserLink,.clsCommentUserLink:hover{
		color:#02347d;
		text-decoration:none;
		}
		.clsThumbImageOuter {
		 padding:12px 2px;
		}
		.cls64x64ImageOuter {
		background:#D5F3FF;
		border:1px solid #B0D9EA;
		border-collapse:separate !important;
		display:table;
		overflow:hidden;
		height:64px;
		width:64px;
		padding:1px;
		}
		.clsrThumbImageMiddle  {
		display:table-cell;
		vertical-align:middle;
		width:100%;
		}
		.clsThumbImageInner {
		text-align:center;
		width:100%;
		}

.clsNoticeboardItem{
	margin-top:5px;
	display:table;
	width:650px;
}
	.clsMoreLink {
		float:right;
		margin-right:10px;
	}
	.clsMoreLink a{
		color:#0077AA;
		text-decoration:none;
	}
	.clsNoticeboardItemHead h3{
		 background: url("/demo_images/heading-bg.gif") repeat-x scroll center bottom #F2F2F2;
		 line-height:20px;
		 padding:2px 5px;
		 height:25px;
	}

.cls_blogtopiclisting { background: url("/demo_images/forumtopicbg.png") repeat-x scroll left bottom transparent; border:1px solid #F1F1F1;  border-left: 1px solid #CCCCCC; padding:5px; overflow:hidden; margin-bottom:5px;}
.clsforumdiscription{width:425px;}


	.clsforumdiscription,.clsBlogDetails{ float:left}

	.clsNoticeboardItemHead h3 a{
		color:#0077AA;
		text-decoration:none;
		font-size:15px;
	}
	.clsNoticeboardItemHead h3 span{
		color:#333;
		font:normal 11px Arial, Helvetica, sans-serif;
	}
	.clsBlogDetails{
		  width:170px;
		  line-height: 18px;
		  margin-bottom:5px; overflow:hidden;
	}


.clsuser_forumlist .clsforumdiscription{ width:480px; margin-right:10px;  background: url("/demo_images/msgforum.png") no-repeat scroll 5px 10px transparent;
    min-height: 60px;
    padding-left: 60px;}

.clsuser_forumlist .clssiteforumdiscription{ width:380px; margin-right:10px;  background: url("/demo_images/msgforum.png") no-repeat scroll 5px 10px transparent;
    min-height: 60px; padding-left: 60px;
	float:left;
}
	.clsBlogDetails span{
		margin-left:5px; font-size:11px;
	}
	.clsBlogTitle h3{
	 background: url("/demo_images/speachbubblesmall.png") no-repeat scroll left 5px transparent;
    margin:0px;
    padding: 5px 5px 5px 45px;


	}
	.clsBlogTitle h3 a{
		color:#0077AA;
		font-size:12px; text-decoration:none;
	}

		.clsBlogTitle h3 a:hover{ color:#FFFFFF;}
	.clsBlogTitle h3 span{
		color:#333;
		font:normal 11px Arial, Helvetica, sans-serif;
	}
	.clsSatistic{
		margin-right:10px;
	}
	.clsNoticeboardListContent{
		padding:5px;
		overflow:hidden;
	}



.clsCommonTopShortcutLinks .clsInbox a{
	background:url("/demo_images/mail_inbox.png") no-repeat  scroll 3% center transparent;
}
.clsCommonTopShortcutLinks .clsCompose a{
	background:url("/demo_images/mail_compose.png") no-repeat  scroll 3% center transparent;
}
.clsCommonTopShortcutLinks .clsSendMail a{
	background:url("/demo_images/mail_sent.png") no-repeat  scroll 3% center transparent;
}
.clsCommonTopShortcutLinks .clsDrafts a{
	background:url("/demo_images/mail_saved.png") no-repeat  scroll 3% center transparent;
}
.clsCommonTopShortcutLinks .clsTrash a{
	background:url("/demo_images/mail_trash.png") no-repeat  scroll 3% center transparent;
}

#email_content{
	display:none;
}
.noMail td{
	text-align:center !important;
	font-weight:bold;
}
.mailActive a{
	background-color:#D9EBF9 !important;
	border-left:7px solid #5BB9D3;
	border-top:2px solid #5BB9D3;
	border-bottom:2px solid #5BB9D3;
	border-right:1px solid #5BB9D3;
	border-radius:4px;
}
.clsMailTextBox {
    border: 1px solid #D9EBF9;
    color: #09577C;
    padding: 5px 2px 5px 3px;
    width: 430px;
}


.clsMailListTable {
    border: 1px solid #C4E8F8;
    border-collapse: collapse;
    margin: 0.2em auto;
    width: 95%;
}
.clsMailListTable .head {
    background: none repeat scroll 0 0 #EBF5FF;
    color: #66A3D3;
    font: bold 1.2em/1.5em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
    text-align: center;
}
.clsMailListTable td {
    color: #678197;
    padding: 0.4em 0.5em;
    text-align: left;
}
.clsMailListTable a{
   text-decoration:none;
   color:#666;
}
.clsMailListTable td span{
	padding:0 10px;
	display:inline-block;
	text-indent:-999em;
	line-height:15px;
}
.clsMailListTable .clsNew span{
	background:url("/demo_images/newmail.gif") no-repeat scroll left center transparent;
}
.clsMailListTable .clsRead span{
	background:url("/demo_images/mailread.gif") no-repeat scroll left center transparent;
}
.clsMailListTable .clsReplied span{
	background:url("/demo_images/replied.gif") no-repeat scroll left center transparent;
}
.clsMailListTable .clsForward span{
	background:url("/demo_images/forwarded.gif") no-repeat scroll left center transparent;
}
.clsMailListTable .clsNew a{
	font:bold 11px Verdana, Geneva, sans-serif;
	color:#333;
}

.clsMailButtonBlocks{
	display:table;
	width:98%;
	height:20px;
	margin-top:10px;
	
	line-height:20px;
	padding:5px;
	
}
.clsMailButtonBlocks li{
	padding-right:15px;
	float:left;
}
.clsMailButtonLeft, .clsMailButtonRight {
background:url("/demo_images/mail_button_left.gif") no-repeat scroll left top transparent;
display:block;
float:left;
height:22px;
line-height:22px;
padding:0 8px 0 5px;
}
.clsMailButtonRight {
background:url("/demo_images/mail_button_right.gif") no-repeat scroll right top transparent;
}
.clsMailButtonBlocks li a,.clsMailButtonBlocks li a:hover{
color:#fff;
text-decoration:none;
line-height:22px;
}
.clsReadMailHeader,.clsReadMailContent{
	margin-top:10px;
	display:table;
	width:98%;
	padding:5px;
	border:1px solid #cdd7d9;
	background:#f4f4f4;
	color:#333;
}
.clsReadMailHeader p{
	padding:5px 0;
}
.clsReadMailHeader span{
	font-weight:bold;
	padding-right:5px;
}
.clsReadMailContent{
	background:#f9f9f9;
	min-height:300px;
	display:block;
	border:none;
}
.clsMailNextPrevNav{
	float:right;
}
.clsMailNextPrevNav a{
	text-decoration:none;
	margin-right:10px;
	color:#ccc;
	cursor:default;
}
.clsMailNextPrevNav .clsActive{
	color:#79A8D9;
	cursor:pointer;
}





.homeWorkStudentList li{
	display:inline-block;
	border:2px solid #B9D1F0;
	padding:4px;
	margin:1px;
	min-width:100px;
	color:#305871;
}
div.students{
	width:98%;
	border:1px solid #B9D1F0;
	text-align:left;
	margin:0;
	margin-top:15px;
	padding:5px;
	display:table;
}
.homeWorkclassSectionList{
	width:200px;
	height:80px;
}


.clsDocsListContainerLeft{
float:left;
width:110px;
height:122px;
}
.clsDocsListContainerRight{
height:122px;
}
.clsDocsListBg{
background:url(/demo_images/document-list-bg.jpg) no-repeat scroll left center transparent;
width:83px;
height:107px;
margin:5px 0 0 16px;
}
.clsDocsTypeImageBg{
width:58px;
height:58px;
position:relative;
left:5px;
top:-70px;
}
.clsViewDocsContainer{
display:table;
}


.clsViewDocsInfoContainer{
 background-color: #F4FEFF;
    border: 1px solid #CEEFF4;
    color: #0077AA;
    display: table;
    margin-bottom: 10px;
    padding: 10px;
    width: 628px;
}
.cls_Docs_Info li{
display:block;
line-height:25px; color:#238DB6; margin-left:10px;
}
.cls_Docs_Info li span{
color:#777777;
width:109px;
display:inline-block;
}

.clsDocsInfo li{
display:block;
line-height:25px; color:#238DB6;
}
.clsDocsInfo li span{
color:#777777;
width:109px;
display:inline-block;
}
.clsDocsInfo .clsDocsDescription{
color: #666666;

    margin-top: -25px;
    padding-left: 109px;

}
.clsDocsDownloadBlock{
float:left;
padding-top:10px;
margin-left:50px;
}
.clsDocsDownloadBlock a{
background:url("/demo_images/docs_download.png") no-repeat left top;
display:block;
width:32px;
height:32px;
padding-left:35px;
padding-top:5px;
text-decoration:none;
font:bold 15px verdana, Arial, sans-serif;
}
.clsDocsDownloadInfo{
background-color:#f6f6f6;
border:solid 1px #ccc;
width:450px;
line-height:20px;
padding:5px;
margin-top:5px;
}
.clsDocsDownloadInfo span{
font-weight:bold;
}

.downloadClassNotes{
		background:url(/demo_images/documents/docs_download.png) no-repeat;
		cursor:pointer;
		height:32px !important;
		padding: 8px 8px 8px 35px !important;
		width:32px;
}

.clsSearchSchoolInfo{
	padding:5px;
	width:98%;
	border:1px solid #E0E0E0;
	background:#F4F4F4;
	border-radius:5px;
	display:table;
	color:#333;
}
	.clsSearchSchoolInfo h2 a
	{
		text-decoration:none !important; font:normal 16px Arial ;
	}

.clsSearchSchoolInfo h2 a:hover
	{
		text-decoration:underline!important;
	}


.clsSearchSchoolInfo p{
	line-height:20px;
}
.clsScholarshipInfo{
	padding:5px;
	width:98%;
	border:1px solid #bfd0d5;
	background:#dde7ea;
	border-radius:5px;
	display:table;
	color:#333;
}
	.clsScholarshipInfo h2 a
	{
		text-decoration:none !important;
	}
	.clsScholarshipAddLable{ font-weight:bold;}
.clsScholarshipInfo p{
	line-height:20px;
}
.clsSchoolInfoDetails
{
	font-family:Tahoma, Geneva, sans-serif;!important;
	font-size:12px;
}
 .clsSchoolInfoLable{
	 color:#55a903;
 }
.clsSearchSchoolName{
	font:bold 11px Tahoma, Geneva, sans-serif;
	color:#165191;
}
.clsSchoolInfoRow{
	border-bottom:1px dashed #ccc;
	display:block;
	padding-bottom:5px;
	margin-bottom: 10px;
}
.clsSchoolLogoImg{
	padding:10px;
	border:1px solid #ccc;
}
.clsSchoolInfo{
	color:#333;
	line-height:18px;
	padding-left:10px;
}
	.clsSchoolInfo span{
		color:#666;
		font-weight:normal;
	}
	.clsSchoolInfo em{
		font:bold 11px Tahoma, Geneva, sans-serif;
	}
	.clsSchoolInfo a{
		color:#0A5588;
		text-decoration:none;
	}
	.clsSchoolInfo a:hover{
		text-decoration:underline;
	}


.clsFriendList{
	width:98%;
	margin:0 auto;
	display:table;
	margin-top:10px;
}
  .clsFriendList li{
	  padding-bottom:10px;
	  border-bottom:1px solid #E9E9E9;
	  clear:both;
	  display:table;
	  width:100%;
	  margin-top:10px;
  }
  .clsFriendList .clsParentImg{
	  float:left;
  }
  .clsFriendList .name{
	  color:#3B5998;
	  text-decoration:none;
	  font:bold 13px "lucida grande",tahoma,verdana,arial,sans-serif;
  }
  .clsFriendListRight{
	  float:left;
	  margin-left:10px;
	  width:70%;
  }
  .clsFriendAddButton{
	  float:right;
  }
  .clsFriendAddButton a{
	  float:right;
	  padding:3px 5px;
	  background:#E4E5E5;
	  border:1px solid #999;
	  margin-right:10px;
  }
  .clsFriendAddButton a{
	  color:#333;
	  text-decoration:none;
	  font-weight:bold
  }
  .clsFriendListRight .clsStudent{
	  margin-right:5px;
	  line-height:30px;
	  float:left;
  }
  .clsStudent img{
	  border:1px solid #ccc;
  }
  .clsFriendListRight .clsDetail{
	  color:grey;
  }
.clsFriendContainer{
border:1px solid #ccc;
background:#fcfcfc;
width:300px;
display:table;
padding:2px;
}
.clsFriendList td{
padding:10px;
 display:inline-block;
}
.clsFriendItemLeft{

width:74px; margin:5px auto;
}
.clsFriendItemRight{
margin-left:0px; text-align:center;

}
 .clsFriendItemRight p{
 line-height:18px; display:block;
 }
.clsFriendImg{
width:64px;
height:64px;
padding:3px;
background:#fff;
border:1px solid #ccc;
}
.clsFriendListTotalFriends{
text-decoration:none;
}
.clsSearchForm td{
padding-right:5px;
}

.clsFriendsManage{
float:right;
position:relative;
top:-33px;
padding-right:10px;
font-weight:bold;
text-decoration:none;
}



a.leaveApplicationAccept{
	text-indent:0px;
	margin-right:5px;
}
a.leaveApplicationReject{
	text-indent:0px;
	margin-right:5px;
}


.leaveEndDate{
	margin-top:4px;
	display:none;
}
.clsUsersList{
	display:table;
}
.clsUsersList li{
	float:left;
	margin-right:10px;
	background:#F2F8FB;
	padding:5px;
	border:1px solid #B0D9EA;
	margin-bottom:10px;
}
.clsMyThought
{
	margin: 20px 0 0;
}
.clsMyThought li{
	margin: 0 0 20px;
}
.clsMyThoughtcomment {
    border-left: 6px solid #356895;
    padding: 5px 10px;
}
.clsMyThought li a{
	color: #000000;
    font-weight: normal;
    text-decoration: none;
}
.clsMyThought li a {
	color: #000000;
    font-weight: normal;
    text-decoration: none;
}
.clsMyThought li a:hover {
    color: #01B5F0;
    font-weight: normal;
    text-decoration: none;
}
.altrow {
    background-color: #EEEEEE;
    border-left: 6px solid #4096EE;
}

.clsQusTime
{
	margin-right:10px; width:640px;
}
.clsTotalTime{ margin-left:300px; }
.clsTimerLable{float:left; margin-right:10px; width:150px; text-align:right;}
.clsTotalTimep{margin-left:10px; color:#CB4F29;}
.clsRemainTime{}
.clsRemainTimep{}
.clock { color:#CB4F29; }
.clsQAAnswer{
	font:13px Tahoma,Geneva,sans-serif; line-height:25px; min-height:100px;
	width:630px;
}
.clsQAAnswer li{ width:600px !important; float:left}
.clock ul {text-align: left; }
.clock ul li { display:inline; font-size:13px; }


.clsCloudSmallSize a{
color:#85C81D;
font-size:11px;
font-weight:600;
text-decoration:none;
}
.clsCloud10Size a{
color:#FF005A;
font-size:12px;
font-weight:600;
text-decoration:none;
}
.clsCloud30Size a{
color:#639E06;
font-size:15px;
font-weight:600;
text-decoration:none;
}
.clsCloud50Size a{
color:#01B5F0;
font-size:17px;
font-weight:600;
text-decoration:none;
}
.clsCloud70Size a{
color:#FFCC66;
font-size:19px;
font-weight:600;
text-decoration:none;
}
.clsCloudLargeSize a{
color:#ccc;
font-size:19px;
font-weight:600;
text-decoration:none;
}
.clsCloudSmallSize a:hover,.clsCloud10Size a:hover,.clsCloud30Size a:hover,.clsCloud50Size a:hover,.clsCloud70Size a:hover,.clsCloudLargeSize a:hover{
text-decoration:underline;
}


.clsResSchoolName{font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:bold; text-align:center; padding:20px; background:#deeffa;}
.clsResSession{font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; text-align:center;padding:10px; background:#edf6fc;}
.clsResNameRoll{font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; text-align:left;  padding:5px 5px 5px 50px;}
.clsResUnderlineName{    display: inline-block;
    margin-left: 43px;
    text-decoration: underline;
    width: 275px;}

.clsResUnderlineRole{text-decoration:underline; margin-left:50px;}

.clsResUnderline{ margin-left: 15px; display: inline-block;
    text-decoration: underline;
    width: 275px}

.clsReseattendance{ margin-left: 15px;
    text-decoration: underline;
    }

.clsResMargin200{margin-left:10px;}
.clsResMargin278{margin-left:10px;}
.clsResAcadamic{font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:bold; text-align:left; margin-top:20px; margin-bottom:20px; margin-left:10px;text-decoration:underline; color:#0369A9;}
.clsResScholastic{font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; text-align:left;margin-bottom:10px; margin-left:10px;}
.clsResTables{margin-left:10px;}
.clsResTables table tr td{text-align:center; color:#999;}
.clsResTables table tr th{text-align:center; line-height:25px;border-left: 1px solid #C5E0E9; border-bottom: 1px solid #C5E0E9;}


#footer{
	height:70px;
	margin-top:10px;
	margin-left:10px;
	background:#fff;
	width:970px;
	display:table;
	font:normal 11px Tahoma, Geneva, sans-serif;
	text-align:center;
}
	.clsFooterLinks{
		display:table;
		margin:0 auto;
		margin-top:10px;
		text-align:center;
	}
		.clsFooterLinks li{
			float:left;
			border-right:1px solid #3e6883;
			line-height:13px;
			padding-right:15px;
		}
		.clsFooterLinks li:last-child{
			border:0;
		}
			.clsFooterLinks li a{
				text-decoration:none;
				color:#000;
				padding-left:15px;
			}
			.clsFooterLinks li a:hover{
				text-decoration:underline;
			}
.clsCopyRights{
	margin-top:5px;
	padding-bottom:10px;
	color:#49b1ce;
}
	.clsPowerdBy{
		color:#3e6883;
		text-decoration:none;
	}
	.clsPowerdBy:hover{
		color:#3e6883;
		text-decoration:underline;
	}

.clsForumDescription{
	color: #666666;
    margin-top: 0px;
    padding-left: 0px; text-align:justify;
	width: 620px;

}
.clsForumDescription p{
	color: #666666;
	overflow:auto;
    padding: 5px 5px 5px 5px;
	height:auto;
}
.clsForumDescription p span{
	color: #666666;
    display:inline;
    width: auto;
}
.clsUserForumDescription{
	color: #666666;
    margin-top: -25px;
    padding-left: 109px;
	width: 620px;

}
.clsUserForumDescription p{
	color: #666666;
	overflow:auto;
    padding: 5px 5px 5px 5px;
	height:auto;
}
.clsUserForumDescription p span{
	color: #666666;
    display:inline;
    width: auto;
}

.forumtopicdisc , .forumpostedby , .forumposteddate,.forumsitetopicdisc, .forumsitepostedby{float:left;}
.forumtopicdisc {width:400px; padding:5px; background: url(/demo_images/speachbubble.png) no-repeat 5px top; padding-left:50px; height:50px; overflow:hidden;}
.forumsitetopicdisc {width:320px; padding:5px; background: url(/demo_images/speachbubble.png) no-repeat 5px top; padding-left:50px; height:50px; overflow:hidden;}
.forumtopicdisc  p{font-size:11px; color:#666;}

.forumsitetopicdisc  p{font-size:11px; color:#666;}
.forumtopicheading h2{ padding:5px; background:url(/demo_images/topicpin.png) no-repeat left 5px; padding-left:20px; margin:5px 0px 0px 5px; font-size:14px;    }

.forumtopicheading h2 a{color:#0077AA;}

.forumpostedby{width:150px; padding:5px; color:#999;}
.forumsitepostedby{width:150px; padding:5px; color:#999;}
.forumposteddate{ width:100px; padding:5px; color:#0077AA}

.forumtopicbg{ height:100px; background: #fff url(/demo_images/forumtopicbg.png) repeat-x  left bottom ;  border-left:1px solid #ccc;}

.forumtopicbg:hover{ height:100px; background: #fff url(/demo_images/forumtopicbghover.png) repeat-x  left bottom;  border-left:1px solid #ccc;}

.spanhilitecolor{ color:#0066CC;}

.forumposteddate span,.forumpostedby span, .forumsitepostedby span{ font-size:11px;}

.myforumcls{background:url(/demo_images/forumicon.png) no-repeat left;}

.myposteduser{color:#0077AA;}

.arrowDown,.arrowUp{
	background:url(/demo_images/downarrow.png) no-repeat center center scroll;
	text-align:center;
	text-indent:-999em;
}
.arrowUp{
	background:url(/demo_images/uparrow.png) no-repeat center center scroll;
}
.dictionaryData table{
	background:#DDF0F6 !important;
}
.dictionaryData table tr:first-child{
	background:#CCE7F8 !important;
	color:#333  !important;
}
.dictionaryData table tr{
	background:#fcfcfc !important;
}
.dictionarybg{
	background:url(/demo_images/dictionary-bg.jpg) no-repeat center center scroll;
	width:600px;
	height:300px;
	margin:0 auto;
	margin-top:10px;
	filter:alpha(opacity=50);
	opacity: 0.5;
}


.clscommunityspeak{}


 .cls_Blog_Title,  .cls_Comment_Details{ }


 .cls_Blog_Details {
    border: 1px solid #D9EBF9;
    border-radius: 10px 10px 10px 10px;
    line-height: 25px;
    margin-bottom: 5px;float:none;
}

 .cls_Blog_Title h3  {
    background: #EDF6FC;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
	z-index: 0;
	position:relative;
    height: 25px;
    line-height: 25px;
    padding: 2px 10px;
}


 .clsforum_discription {}

 .cls_Blog_Details{  padding: 5px 10px;  width: 97%;}

 .cls_Satistic {float:right;}

  .clsBlog_Title h3 a:hover {  color: #0077AA; }

.clscommunityspeak   p {
    background: none;
    height: auto;
   overflow:visible;
    padding: 10px 5px;
}

.cls_content_blog_highlite p,
 .clscommunityspeakcontent  P{     background: none;
    height: auto;
   overflow:visible;
    padding: 10px 5px; text-align:justify; color:#666;
}

.clscommunityspeakcontent{
	display:table; color:#666;
	overflow:hidden;
	padding:5px 10px; background:none; border:none;
    height: auto; margin-bottom:10px;
}


.clsCommunityspeakCommentBox {
    width: 99.7%; margin-bottom:10px;
}


.clsCommentBox_Right{ background: none repeat scroll 0 0 #F9F9F9;
    border: #EDEDED 1px solid; border-left:none;
    margin-left: 10px;
    min-height: 60px;
	}


.clsCommentBox_Left {
    background: url("/demo_images/comment-box-left.gif") no-repeat scroll 0 0 transparent;
    float: left;
    min-height: 60px;
    width: 20px;
}


 .clsComment_User_Pic {  background: none;
    display: table;
    float: left;
    height: 100%;
    width: 45px;}



 .clsComment_Item {
    clear: both;
    margin: 5px;
    overflow: hidden;
    padding: 5px;
	 background: none;
    border:none;
    display: table;
    height:auto;
    width: 96.8%;
}


input[disabled] {
	color:#ACA899;
}
.clsPopupConfirmation {
	text-align:center;
}

.progressContainer {
	background-color:#fff;
	border:1px solid #d1efc2;
	margin:5px;
	overflow:hidden;
	padding:4px;
}
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
.error_file {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.error_file a.progressCancel {
	background-image:url(/demo_images/swfUploader-cancel.gif);
	background-position:0px 0;
}
.progress_file {
	background-color:#d1efc2;
	border:1px solid #c2f1ab;
}
.completed_file {
	background-color:#d1efc2;
	border:1px solid #d1efc2;
}

.progressBarStatus {
	margin-top:2px;
	text-align:left;
	white-space:nowrap;
	width:337px;
	color:#5d5d5d;
}
.green .progressBarStatus{
	color:#666;
}
.progressName {
	color:#000;
	height:14px;
	line-height:15px;
	overflow:hidden;
	text-align:left;
	white-space:nowrap;
	width:575px;
}
.green .progressName {
	color:#000;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color:#5d9f3b;
	margin-top: 2px;
}
.progressWrapper {
	overflow:hidden;
	
}
.clsTableBackground td {
	padding:5px;
	text-align:left;
	vertical-align:top;
}
.clsTableUploadPopUp td {
	padding:1px 5px;
	text-align:left;
	vertical-align:top;
}
.clsTableUploadPopUpSeperator {
	background:url(/demo_images/uploaderpseperator.gif) repeat-x left bottom;
	padding:15px 0;
}
a.progressCancel {
	background-image:url(/demo_images/swfUploader-cancel.gif);
	background-position:-12px 0;
	display:block;
	float:right;
	font-size:0;
	height:12px;
	width:12px;
}
.clsNoBgColor {
	background:none;
}
.clsNoBgColor span, .clsBgMandatory{
	color:#ff0000;
	font-weight:normal;
}
.clsPhotoCountTitle {
	background:#eef6f9;
	padding-left:5px;
}
clsNoPointer, input.clsNoPointer, a.clsNoPointer {
cursor:default !important;
}



.projectImages p{
	margin:0px 1px;
	float:left;
	display:inline-table;
	border:1px solid #999;
	background:#6699FF;
	position:relative;
}
.projectImages p span{
	border:1px solid #333;
	position:absolute;
	background-color:#FFFFFF;
	z-index:10;
	border:1px solid #666;
	background:#00CCFF;
	color:#FF0000;
	cursor:pointer;
	float:right;
	border-radius:0% 0% 50%;
	padding:3px;
}
.projectAudios div span{
	border:1px solid #69F;
	padding:2px;
	font-size:12px;
	margin-left:2px;
	background:#6CF;
	border-radius:0% 0% 0% 50%;
	color:#FF0000;
	cursor:pointer;
}
.projectAudios div{
	border:1px solid #6CF;
	display:inline-block;
	padding:2px 0px 2px 2px;
	color:#0066FF;
	margin-bottom:5px;
}
.projectImages p img{
	margin:1px;
}
.projectImages{
  display: inline-table;
}


 .clsThumbImage_Outer{background: none repeat scroll 0 0 transparent;
    border: 1px solid #E0E0E0;
    border-collapse: separate !important;
    display: table;
    height: 45px;
    overflow: hidden;
    padding: 1px;
    width: 45px;}


.cls_Blog_Title h3 a{text-decoration:none;}


.clsforumdiscription p, .clsDocsDescription p{  }

.clsDocsDescription p{}

 .clsusercommunityspeakholder{ margin-top:10px;}

 .clsusercomuspktitle{
    background: none repeat scroll 0 0 #EDF6FC;
	border-radius: 10px 10px 10px 10px;
    height: 25px;
    line-height: 25px;
    padding: 2px 10px;
}

.cls_Blog_Title h3{

}
.clsMultipleSelect{
	color:#00CC66;
	font-weight:normal;
}


.clsSubmitLeft, .clsSubmitRight { background:url("/demo_images/bg-searchbuttonleft.gif") no-repeat scroll left top transparent; display:block; float:left; height:24px; padding:0 3px 0 3px; }

.clsSubmitRight {background:url("/demo_images/bg-searchbuttonright.gif") no-repeat scroll right top transparent; line-height:24px; padding-right:5px; }

.clsSubmitRight input, .clsSubmitRight a{background:none repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; cursor:pointer; font-weight:normal; text-decoration:none;}

.clsusercomuspkpostcontent p{ padding:10px;}

.mythoughtslink{	font-size:12px !important;	text-indent:0px !important;    color:#0066FF !important;}
.linkdownload{	font-size:12px !important;	text-indent: 0px !important;}

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

.clsusercomuspkpostbycount{ border: 1px solid #D9EBF9;    border-radius: 10px 10px 10px 10px;    float: none;    line-height: 25px;    margin-bottom: 5px; padding:3px 10px; overflow:hidden;}

.clsusercomuspkpostbycount .clsmakfltlft{ float:left;}
.clsusercomuspkpostbycount .clsmakfltright{float:right;}

.clsusercomuspktitle a{ font-weight:bold; text-decoration:none;}

.clsViewCommunityspeakContent{padding:10px; color:#666;}

.clsCommunityspeak_CommentBox{width:733px; margin-bottom:10px;}

.clsCommentBox_Right p{padding-left:10px!important;}

.clsDocs_Info {  margin-bottom:10px;}

.clsDocs_Info span{float:left; width:120px; padding:0px 10px;}

.clsDocs_Info p span{width:100%;}

.clsDocs_Description{margin:10px 10px 10px 140px;}

.clsDocs_Info .clscommtitles{}

.clsprojectviewdetails  table td{ padding:15px 5px; vertical-align:top; color:#777;}

.clsprojectviewdetails  table td h1{padding:10px 5px; font:Normal 20px Arial; color:#046db6; border-bottom:2px solid #046db6;}

.clsprojectviewdetails  table td h2{padding:10px 5px 10px 60px; font:Normal 16px Arial; color:#777; }

.clsprojectviewdetails  table td h3{font:Normal 16px Arial; color:#777; padding:0px 10px;}

.clsprojectviewdetails  table td span{ font-size:12px; font-weight:bold; margin:10px 0px; display:block;}

.clsprojectviewdetails  .clsprojectpicture{background: url(/demo_images/projectpictureicon.png) no-repeat;}
.clsprojectviewdetails  .clsprojectaudio{background: url(/demo_images/projectaudioicon.png) no-repeat;}
.clsprojectviewdetails  .clsprojectvideo{background: url(/demo_images/projectvideoicon.png) no-repeat;}

.clsprojectviewdetails  .clsprojectcommonholder{background:#fff url(/demo_images/projectbg.png) repeat-x top; margin-top: 10px; width:616px; min-height:130px; padding: 10px;}

.projectdiscbg{background:#fff url(/demo_images/projectdiscbg.png) repeat-x bottom; padding-bottom:10px; margin-bottom:10px;  width:100%;}

.audioPopUpBox{display:inline-block;}

.cls_projectdisplay { display:none; width:40px; height:40px; overflow:hidden; padding:10px 0px;  }

.cls_projectdisplay img{width:40px; height:40px;}

.clsvideoicon{background:url(/demo_images/videoicon.png) no-repeat left top; padding:5px; padding-left:25px; font-size:11px;}
.clsaudioicon{background:url(/demo_images/speakericon.png) no-repeat left top; padding:5px; padding-left:25px; font-size:11px;}
.clscameraicon{background:url(/demo_images/cameraicon.png) no-repeat left top; padding:5px; padding-left:25px; font-size:11px;}

#container_wrapper{width:400px; margin:0px auto;}

.display_videotitle h1{padding:10px 0px; color:#036; font:normal 15px Arial;}

.clsDocsDescription p {background:none; padding-left:10px;}


.clsStaticContentdisplay {padding:10px;}

.clsStaticContentdisplay p{margin:5px;}


.clsforumdiscription li{list-style:outside; margin-left:15px;}

#inlineLoginBox h3{*width:200px;}

.clsFormTable table{*width:380px;}

.clsIframeTextBox{
	border:1px solid #cfcfcf;
	color:#4e4843;
	padding:2px;
	_height:18px;
	width:170px;
}


.clskidstimetable{overflow:hidden; border-bottom:1px solid #C9DCEA; margin-bottom:10px;}

.clstimesec,.clstimetable,.clsteacherattend{float:left; width:160px;}

.headinghighlite{background:#CBE9FA; width:96%; padding:5px 10px; color:#1C85A8; margin-bottom:10px;}

.clsfltlft{float:left ; margin-left:5px;}
.clsfltrgt{float:right; margin-right:5px;}

#inlineloginForm .clsTextBox{ text-transform:none;}

.clsheadalign{text-align:center; position:relative;}

.clsheadalign a{top:40px;}

.clslogindezchange td{ padding:20px 10px 10px;}

#mobile_no{width:210px;}

.homeWorkStudentList img{width:50px; height:50px; margin:0px auto;}

.homeWorkStudentList .namelimit{width:80px; overflow:hidden; float:right;}

.homeWorkStudentList .clsinnervals{width:100px; overflow:hidden; text-align:center;}

.clsAnswerContent p{ padding:5px 0px; }

.clsAnswerContent ul li{padding-left:20px ; list-style:inside; text-indent:-15px; margin-left:20px;}

.clsindexmorebutton{float:right; margin-bottom:5px; position:absolute; bottom:10px; right:5px;}

#tat_table{width:200px!important;}

.clsFriendItemRight p , .clsfriendname{ overflow: hidden; width: 300px;}

.clsSearchSchoolInfo ul , .clsSearchSchoolInfo ol{margin-left:40px;}

.clsSearchSchoolInfo ul li{padding:5px 5px 5px 10px; list-style:disc outside ;}

.clsSearchSchoolInfo ol li{padding:5px 5px 5px 10px; list-style: decimal outside;}

.cls_kids_leaveapp_type{float:left; width:150px;}
.cls_kids_leaveapp_date{float:left; width:240px;}
.cls_kids_leaveapp_status{float:left; width:100px;}

.nopadding{padding:0px!important;text-indent:0px!important;}

#box p{text-align:left; overflow:hidden; padding:0px 20px; border-bottom: 1px solid #C9DCEA;
    padding-bottom: 5px; margin-bottom:5px;}
#box p span{text-align:right; float:right;}


.clsmain_page_banner{padding:5px 4px 0px 4px;}

.cls_aboutachoolcorner{ float:left; width:630px; m}

.cls_aboutachoolcorner h1 { color:#FFFFFF; font-weight:normal;  width:290px; margin-left:10px; }

.cls_aboutachoolcorner h1 .wischeadercurvemiddle{font-size:25px !important;}

.clspolloftheweekblock h1 span, .clsnewprojects h1 span{font-size:20px !important;}

.cls_aboutachoolcorner h2{ color:#3c6581; font-weight:normal; font-size:17px !important; padding:15px; }

.cls_aboutachoolcorner ul li{ padding:10px 10px;}

.cls_mainpageleftblocks { float:right; width:320px; margin-top:35px; }

.cls_mainpage_blocks{margin-top:40px; padding:10px;}



.wisclb{background:url("/demo_images/wisclb.jpg") repeat-y scroll left bottom rgb(255, 255, 255);}
.wiscrb{background:url("/demo_images/wiscrb.jpg") repeat-y scroll right top transparent;}
.wiscbb{background:url("/demo_images/wiscbb.jpg") repeat-x scroll center bottom transparent;}
.wiscblc{background:url("/demo_images/wiscblc.jpg") no-repeat scroll left bottom transparent}
.wiscbrc{background:url("/demo_images/wiscbrc.jpg") no-repeat scroll right bottom transparent}
.wisctb{background:url("/demo_images/wisctb.jpg") repeat-x scroll 0% 0% transparent;}
.wisctlc{background:url("/demo_images/wisctlc.jpg") no-repeat scroll 0% 0% transparent;}
.wisctrc{background:url("/demo_images/wisctrc.jpg") no-repeat scroll right top transparent;}


.wischeadercurveleft{background:url(/demo_images/wisccurveleft.jpg) no-repeat left top; padding-left:10px;}
.wischeadercurveright{background:url(/demo_images/wisccurveright.jpg) no-repeat right top;  padding-right:10px;}
.wischeadercurvemiddle{background:url(/demo_images/wisccurvemiddle.jpg) repeat-x center top; padding:5px;}

.clsaboutschoolcornerblock{ padding:10px; min-height:350px;}

.clsaboutschoolcornerblock ul li{ background:url(/demo_images/frontpageliststyle.png) left 15px no-repeat; padding-left:40px; color:#29a1bf; font-size:14px;}

.pnprightlb{background:url("/demo_images/pnprightlb.jpg") repeat-y scroll left bottom rgb(255, 255, 255);}
.pnprightrb{background:url("/demo_images/pnprightrb.jpg") repeat-y scroll right top transparent;}
.pnprightbb{background:url("/demo_images/pnprightbb.jpg") repeat-x scroll center bottom transparent;}
.pnprightblc{background:url("/demo_images/pnprightblc.jpg") no-repeat scroll left bottom transparent}
.pnprightbrc{background:url("/demo_images/pnprightbrc.jpg") no-repeat scroll right bottom transparent}
.pnprighttb{background:url("/demo_images/pnprighttb.jpg") repeat-x scroll 0% 0% transparent;}
.pnprighttlc{background:url("/demo_images/pnprighttlc.jpg") no-repeat scroll 0% 0% transparent;}
.pnprighttrc{background:url("/demo_images/pnprighttrc.jpg") no-repeat scroll right top transparent;}


.clspolloftheweekblock, .clsnewprojects{padding:5px; min-height:170px; margin-bottom:10px;}


.clspolloftheweekblock h1 , .clsnewprojects h1{color:#2190aa; font-weight:normal; padding:10px 5px 10px 50px;  border-bottom:1px solid #e3e2e2;}

.clspolloftheweekblock h1{  background:url(/demo_images/polltitlebg.png) no-repeat left center;}

.clsnewprojects h1{  background:url(/demo_images/newprojects.png) no-repeat left center;}

.clspolloftheweekblock li , .clsnewprojects li{padding:12px 5px 0 10px;}

.clspolloftheweekblock li a , .clsnewprojects li a{color:#7f7f7f; text-decoration:none;}

.clspolloftheweekblock li a:hover , .clsnewprojects li a:hover{ color:#036;}

.clspolloftheweekblock a.more , .clsnewprojects a.more{text-align:right; display:block; margin:10px 20px 12px 0px; text-decoration:none; color:#349e3c;}


.clsclearsrn{ overflow:hidden;}

.clsMargin10{margin-bottom:10px;}

.cls_add_projects{ background:#eee; width:700px;}

.cls_add_projects td{ padding:10px; vertical-align:top;}

.cls_pro_tidisc{ width:400px; padding:5px;}

.cls_pro_req{ margin-bottom: 5px; margin-right: 15px; padding: 5px;  width: 335px;}

.cls_overall_pro_hold{}

.cls_pro_content{ border-top:1px solid #E2E2E2; }

.cls_pro_disc{float:left; width:520px; background:#fff; border:1px solid #e2e2e2; border-width:0px 1px 1px 1px; padding: 1px 10px 15px;}

.cls_pro_disc h3{margin:5px 0px; color:#006699;}

.cls_pro_step{float:right; position:relative;}

.stepaddlink{ background: url("/demo_images/stepaddlink.png") no-repeat scroll right top; border: medium none; padding:1px 0px 10px 0px;  right: -17px; position: absolute; width: 156px; visibility:visible ; top:-1px;}

.cls_attach_icon{background:url(/demo_images/attach_file.png) no-repeat left center; width:20px; height:20px; border: none; cursor:pointer;}

.cls_add_req{background:url(/demo_images/addnextreqbtn.png) no-repeat left center ;  border: none; cursor:pointer; padding:1px 0px 1px 15px;}

.cls_projectrequirement{ text-align:left; }

.cls_projectrequirement p{ font-size:18px; color:#004f69 ; margin:30px 0px 10px 0px; }

.cls_projectrequirement h3{  font-size:20px!important;}

.clsflt_lft { font-size:18px ; color:#999; }
.prereq_cls{width:300px; float:left;}
.clsflt_rgt{ float:right; }

.cls_projectrequirement ol li{ list-style:decimal; margin:10px 0px 5px 40px; color: #215F83; font-size:14px;}

.clsProjectPage{background:url(/demo_images/projectbottom.png) repeat-x bottom; padding:10px; min-height:300px;}

.clsProjectPage h2,.clsProjectPage h3{ margin:10px 0px;}

.clsProjectPage h2{color:#006699; font-size:25px; font-weight:normal; border-bottom:2px solid #046DB6; padding-bottom:10px;}

.clsProjectPage h3{color: #9B0004; font-size:18px; font-weight:normal;}

#PageContent{width:100%;}

.cls_projectdiscimage img{ }

.cls_popupvierwfront{text-align:left; float:left; width:300px;}

.clstext_alignleft{text-align:left!important; color:#249ec6!important;}





* {
    font-family: Tahoma;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.clsclearsrn{ overflow:hidden;}

.clsMargin10{margin-bottom:10px;}

.cls_add_projects{ background:#eee; width:700px;}

.cls_add_projects td{ padding:10px; vertical-align:top;}

.cls_pro_tidisc{ width:400px; padding:5px;border: 1px solid #CCE3EB;}

.cls_pro_req{ margin-bottom: 5px; margin-right: 15px; padding: 5px;  width: 335px;border: 1px solid #CCE3EB;}

.cls_overall_pro_hold{}

.cls_pro_content{ border-top:1px solid #E2E2E2; }

.cls_pro_disc{float:left; width:520px; background:#fff; border:1px solid #e2e2e2; border-width:0px 1px 1px 1px; padding: 1px 10px 15px;}

.cls_pro_disc h3{margin:5px 0px; color:#006699;}

.cls_pro_step{float:right; position:relative;}

.stepaddlink{   background: url(/demo_images/stepaddlink.png) no-repeat scroll right top transparent;
    border: medium none;
    color: #1B6B8C;
    padding: 4px 11px 8px 5px;
    position: absolute;
    right: -22px;
    text-align: right;
    top: -1px;
    visibility: visible;
    width: 135px;
	}
.projectDescAttachment{resize:none; border:1px solid #CCE3EB;}
.closeDesc{
	left: 79%;
    position: relative;
    text-decoration: none;
	display:inline-block;
  	background:url("/demo_images/delete_icon.png") no-repeat;
	height:10px;
	width:10px;
 }
.cls_attach_icon{background:url(/demo_images/attach_file.png) no-repeat left center; width:20px; height:20px; border: none; cursor:pointer; display: inline-block;margin-left: 2px;}
.deleteUpload{
	background-position: -24px 0;
 	background-image: url("/demo_images/swfUploader-cancel.gif");
 	display: block;
	float: right;
	font-size: 0;
	height: 12px;
	width: 12px;
	visibility: visible !important;

}
.attachmentContainer{
	display:block !important;
}
.errorHide{
	display:none !important;
}
#overLay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
 	z-index:99;
	display:none;
}
#overLay div{
	width:10%;
	border:1px solid #333;
	border-top:0px;
	padding:5px 3px;
	background:#D9EBF9;
	margin:0 auto;
	text-align:center;
	color:#325973;
	font-weight:bold;
	border-radius:0px 0px 10px 10px;
	opacity: 0.9;
 	filter: alpha(opacity = 90);
}
select:focus,input:focus, textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 1px 3px 3px rgba(0, 20, 10, 0.016) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
#bar
{
	background-color:#CCE3EB;
	width:0px;
	height:16px;
}
#barbox
{
	float:right;
	height:16px;
	background-color:#FFFFFF;
	width:100px;
	border:solid 1px #307D99;
	margin-right:3px;
}
#count
{
	float:right;
	margin-right:8px;
	font-weight:bold;
	color:#666666
}





#selLiveSupportContainer {
	z-index:999;
	position:fixed;
	bottom:0;
	right:0;
}

#helpForm span.close
{
 	background-image: url("/demo_images/delete_icon.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    padding-left: 18px;
}


#helpContainer
{
    position:relative;
    float:right;
    font-size:12px;
}

#helpButton
{


    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}


#helpButton  span
{
    background-color:#2D546E;
	color:#FFF;
    font-size:14px;
    padding:10px 50px 10px 50px;
    display:inline-block;
	margin-top:30px;


}
#helpButton span:hover
{
    background:#B5C75B;
}



#helpBox
{
    position:absolute;
    top:-265px;
    right:0;
    display:none;
    z-index:29;
}
.liveSupportHead
{
	color:#FFF;
}
.clsliveErrHead
{
	color:#FFF;
	background:#294F68;
	padding:15px;
}
#helpForm
{
    width:250px;
    border:1px solid #899caa;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    background:#294F68;
    padding:10px 6px 6px 6px;
	margin-top: -5px;
}

#FailureMessage
{
    width:250px;
    border:1px solid #899caa;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    background:#294F68;
    padding:10px 6px 6px 6px;
	margin-top: -5px;
}

#helpForm fieldset
{
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body
{
    background:#E2E2E2;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}


#helpForm input,#helpForm textarea
{
    width:95%;
    border:1px solid #899caa;
    padding:8px 8px;
    font-size:11px;
	font-weight:bold;
}
#helpForm span
{
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}
#helpForm img
{
cursor:pointer;
}


#helpForm span a
{
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}

label.error
{
    background: url("/demo_images/form/error-icon.gif") no-repeat scroll 0 0.3em transparent;
    color: #FE5C3A !important;
    display: block;
    font-size: 11px;
    padding: 0.2em 0 0.2em 1.5em;
}



.chat
{
	width:100px;
	border: 0px !important;;
    padding: 0px !important;;
    width: auto !important;;
}
.clsMaxwindow
{
	background-image: url("/demo_images/maximize-icon.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 35px;
    margin-left: 275px;
	width: 35px;
}
.clsChkUrData
{
	float: left;
    margin-left: 60px;
    margin-top: -25px;
}

.clsParentLoginForm,.clsTeacherLoginForm,.clsAdminLoginForm{
	float:left;
	width:300px;
	margin:10px;
}
.clsParentLoginForm h3 span,.clsTeacherLoginForm h3 span,.clsAdminLoginForm h3 span{
	padding-left:28px;
	height:28px;
	display:inline-block;
	float:left;
	
}
.clsParentLoginForm h3,.clsTeacherLoginForm h3,.clsAdminLoginForm h3{
	  background-color: #4db2d0; background: #4db2d0;  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4db2d0), to(#a8d9e7));  background: -webkit-linear-gradient(top, #a8d9e7, #4db2d0);  background: -moz-linear-gradient(top, #a8d9e7, #4db2d0);  background: -ms-linear-gradient(top, #a8d9e7, #4db2d0);  background: -o-linear-gradient(top, #a8d9e7, #4db2d0); 
 margin-bottom: 5px;
 line-height:28px;
 color:#fff;
}
.clsdemologinform{
	margin-top:20px;
}
.clsParentLoginForm,.clsTeacherLoginForm,.clsAdminLoginForm{
	border:1px solid #6cc0d8;
	border-radius:5px;
}
.clsParentLoginForm h3 span{
	background: url("/demo_images/parent-icon.png") no-repeat scroll left center transparent;
}
.clsTeacherLoginForm h3 span{
	background: url("/demo_images/teacher-icon.png") no-repeat scroll left center transparent;
}
.clsAdminLoginForm h3 span{
	background: url("/demo_images/admin-icon.png") no-repeat scroll left center transparent;
}
.clsdemologinform .clsTextBox{
	width:160px;
}