/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
body{   margin: 0px;font-size:12px;font-family: Arial, Helvetica, sans-serif;color:#000; line-height:20px;}
a{	color:#162635;text-decoration:none;	}
a:hover{text-decoration:underline;	}
a:active{	}
a:visited{	}
.left{ float:left; }
.right{ float:right; }
.clear{	clear:both; }

.padding{	padding:10px; }
.popupTitle { font-size:16px; font-family:Arial; font-weight:bold; color:#01516f;}

/* ------------------------------------------------------------------------------------
ELEMENTS			 */
h1{color:#2d2d2d;padding:0px;margin:0px;margin-top:10px;padding:10px;}
h2{color:#2d2d2d;font-family: Arial, Helvetica, sans-serif;font-size:20px;padding:10px;margin:0px;}
h3{color:#2d2d2d;padding:0px;margin:0px;padding:5px;}
h4{color:#2d2d2d;padding:0px;margin:0px;padding:5px;}
h5{color:#2d2d2d;padding:0px;margin:0px;padding:5px;}
p{padding:10px;background:#fff;}
input{
font-size: 12px; /*height: 18px;*/ color:#8b8888; padding: 5px 5px; background:#fff; border: 1px solid #d9d9d9; -webkit-border-radius: 4px;
  -moz-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;  
   -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;  behavior: url(/PIE.htc);  /*margin-bottom:5px;*/}
input:hover { border: 1px solid #4780ae;  }
input:focus { border: 1px solid #4780ae; -webkit-box-shadow: #4780ae 0px 0px 1px;  -moz-box-shadow: #4780ae 0px 0px 1px; -o-box-shadow: #4780ae 0px 0px 1px; box-shadow: #4780ae 0px 0px 1px;}
input.radio {margin:2px 5px 0px 0px; padding:0px; border:0; height:15px;}
select {font-size: 12px; color:#8b8888; background:#fff; border: 1px solid #d9d9d9; -webkit-border-radius: 4px;
  -moz-border-radius: 4px;  -o-border-radius: 4px;    border-radius: 4px;  /* We dont need sshadows  -webkit-box-shadow: #666 0px 1px 1px;  -moz-box-shadow: #666 0px 1px 1px;  -o-box-shadow: #666 0px 1px 1px;  box-shadow: #666 0px 1px 1px;  */  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;  behavior: url(/PIE.htc);  margin-bottom:5px; }
ul{list-style:circle;margin:10px;margin-left:20px;}
ol{list-style:decimal;margin:10px;margin-left:20px;}
p.info{border:1px solid #6aa6d6;background:#c9e3f8;}
fieldset{border:1px solid #ddd;padding:10px;background:#fff;margin:10px 0px;}
legend{border:1px solid #ddd;padding:5px;background:#fff;}
hr { border: 1px #ddd solid; width: 80%;}

.button { background: #fa8564; /*border:solid 1px #f96c44;*/ color: #fff; padding: 6px 22px; cursor: pointer; }
.button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; /*border: 1px solid #780100;*/ font-size: 13px; }
.button {  text-decoration:none;  }

.button:hover { background: #ed7554; border:solid 1px #f95c2f; color: #fff; text-decoration:none;}

.button1 { background: #005681 url(../images/buttonbg3.png) repeat-x ;  color: #fff; padding: 4px 15px; cursor: pointer; }
.button1 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #780100; font-size: 12px; }
.button1 { text-shadow: 1px 1px #395380;  text-decoration:none;  }
.button1 { -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
.button1:hover { background: #005681 url(../images/buttonbg3.png) repeat-x 0 -36px; color: #fff; text-decoration:none;}
.button1:active { color: #fff;  text-decoration:none;}

.button1.rightarrow{ position:relative;padding-right:40px; }
.button1.rightarrow span{ display:block;height:31px;width:30px;background:url('../images/button-rightarrow.png') no-repeat;position:absolute;right:0;top:-1px; }
.button1.leftarrow{ position:relative;padding-left:40px; }
.button1.leftarrow span{ display:block; height:31px;width:30px;background:url('../images/button-leftarrow.png') no-repeat;position:absolute;left:0;top:-1px; }	


/* ------------------------------------------------------------------------------------
Login					 */
#login{background:url(../img/security.jpg) #fff 220px 55px no-repeat;padding-left:10px;text-align:left;}
#login_container{	overflow:hidden;   width:360px; margin:0 auto;background:url(../img/overlay.jpg) no-repeat;}
#login label span{display:block;width:100px;float:left}
div#login {width:260px;margin: 10px auto;border-top:2px solid #162635;}
a#passwordrecoverylink{font-size:10px;text-decoration:underline;display:block;text-align:right;color:#999;}
a:hover#passwordrecoverylink{color:#000;}
.loginbutton{margin-left:160px;}
#login input#remember{margin:10px 5px 0px 10px;}
/* ------------------------------------------------------------------------------------
MENUS*/
#navigation, #navigation ul { padding:0; margin:0; list-style:none; line-height:1; float:left;	}
#navigation a {	display:block; padding:6px 10px; text-decoration:none;	}
#navigation a:hover{ text-decoration:underline; padding:6px 10px;}
#navigation li { float:left; width:auto;	}
#navigation li{	padding:0; margin:0; }
#navigation li ul li{ padding:1px 0px;}
#navigation li ul li a{ padding:6px 10px; width:110px; }
#navigation li ul { position:absolute; padding-top:1px; width:130px; left:-999em; }
#navigation li ul ul { margin: -1.5em 0 0 130px;	}
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {	left: -999em;}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul,
#navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto;	}

#top_menu ul {margin:0px;padding:0px;list-style:none;font-size:12px;}
#top_menu ul li{float:left;display:block;}
#top_menu ul li a{text-decoration:none;color:#fff;display:block;padding:12px 15px 10px 15px;}
#top_menu ul li a:hover{background:url(../img/menutop_hover.jpg) bottom center no-repeat}
/* ------------------------------------------------------------------------------------
STRUCTURE					 */
#container{	overflow:hidden;   width:960px; margin:0 auto;background:url(../img/overlay.jpg) no-repeat;}
#header{}
#footer{clear:both; }
#content_main{background:#f1f1f1;width:940px;padding:10px;-moz-border-radius:3px;}
#content_iframe{background:#f1f1f1;width:96%; padding:10px;-moz-border-radius:3px;}
#top_menu{background:url(../img/menutop.jpg) no-repeat top center;width:960px;margin-top:30px;height:35px;}
#profile_info{background:url(../img/loginbox.jpg) no-repeat top center;width:231px;height:59px;padding:4px;float:right;margin-top:35px;font-size:12px;color:#fff;line-height:10px;}
#profile_info p{background:none;}
#avatar{float:left;margin:0px 10px;}
#postedit{background:#f1f1f1;width:940px;padding:10px;-moz-border-radius:3px;}
#dashboard{width:640px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#innerpage{width:725px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#innerpage1{width:920px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.innerpage2{width:920px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.innerpage3{width:920px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#innerpage1ifr{width:96%;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#innerpagect{width:725px;background:#fff;padding:10px;border:1px solid #ddd;-moz-border-radius:3px;margin-top:10px; height:100%; overflow:hidden;}
#sidebar{width:250px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-moz-border-radius:3px;}
#sidebar1{width:165px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-moz-border-radius:3px;}
#footer{background:#f1f1f1;width:940px;padding:10px;-moz-border-radius:3px;margin-top:10px;}
#footer p{background:none;padding:0px;margin:0px}
.panel{min-height:285px;}
.section,.panel,#shortcuts,#shortcuts1,#chart,.quickview{background:#fff;padding:10px;border:1px solid #ddd;-moz-border-radius:3px;}
.quickviewheight {background:#fff;padding:10px;border:1px solid #ddd;-moz-border-radius:3px; height:163px;}
#postedit,#panels,#shortcuts,#shortcuts1{margin-top:10px;}
.section{margin-top:10px;}
.panel {width:290px;margin:5px;}
.calendar {width:210px;margin-right:0px;}
.photo {width:300px;margin-left:0px;margin-right:10px;}
.form_sidebar{width:220px;margin-left:10px;margin-top:5px;padding:4px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#form_middle_cont{width:940px}
/* ------------------------------------------------------------------------------------
ICONS				 */
.ico_mug{background:url(../img/ico_mug.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:20px; }
.ico_posts{background:url(../img/ico_posts.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_attendance{background:url(../img/attensmaic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_examination{background:url(../img/examinationc_sic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_user{background:url(../img/ico_user.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_holidays{background:url(../img/holidayssic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_timetable{background:url(../img/timetable_sic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_performance{background:url(../img/performance_sic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_staff{background:url(../img/staff_sic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_lessonplanner{background:url(../img/lessonplanneric.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_Fee{background:url(../img/feesic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_accounts{background:url(../img/myac_sic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_elearning{background:url(../img/elearnsic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_content{background:url(../img/contentsic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_admin{background:url(../img/adminsic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_smaster{background:url(../img/mastersic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}
.ico_reports{background:url(../img/reportsmic.jpg) no-repeat 5px center #f1f1f1; padding-left:30px;}



.ico_success{padding-left:20px;background:url(../img/success.jpg) no-repeat left center}
.ico_cancel{padding-left:20px;background:url(../img/error.jpg) no-repeat left center}
.ico_error{padding-left:20px;background:url(../img/ico_error.jpg) no-repeat left center}
.ico_pending{padding-left:20px;background:url(../img/ico_hourglass.jpg) no-repeat left center}
.ico_chart{padding-left:20px;background:url(../img/ico_chart_bar.jpg) no-repeat left center}
.ico_dash{background:url(../img/dashboardic.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:18px; }
.ico_panel{background:url(../img/pannelic.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:10px; }
.ico_quick{background:url(../img/quciklinks.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:20px; }
.ico_info{background:url(../img/infoicon.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:20px; line-height:30px;l font-size:14px; font-weight:bold; }

/* ------------------------------------------------------------------------------------
LOGO				 */
#logo {padding:0px;margin:0px; height:80px;}
.logoheight {padding-top:30px;}

/* ------------------------------------------------------------------------------------
CUSTOM				 */

#placeholder{width:180px;height:95px;padding:10px;padding-bottom:14px;}
.more{font-size:13px;}
.approved{font-weight:bold;color:#25a21f}
#success{margin:-px 0px;border:1px solid #b2dc4d;color:#40550d;font-family:"Arial", Arial, sans-serif;font-size:12px;background:#cce297;font-weight:700;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}
#fail{margin:5px 0px;border:1px solid #c82820;color:#c82820;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#e7928d;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}
#warning{margin:5px 0px;border:1px solid #efdc90;color:#a9a014;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#fffecc;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}

.form_sidebar ul{margin:0px;padding:0px;list-style:none;}
.form_sidebar ul li ul{margin:0px 10px;padding:0px;list-style:none;}

span.date{display:block;padding-left:20px; font-style:italic;font-family:10px;}
.odd{background:#eee;border-top:1px solid #DDDDDD;padding:3px;}
.even{border-top:1px solid #DDDDDD;padding:3px;}
a#visit{
 background-color: #33DD44; background-image: -moz-linear-gradient(top, #80bd5e, #2c7009);
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80bd5e', EndColorStr='#2c7009')";
	color: white;
	display: block;
	padding: 4px;
	margin: 5px 15px 0px 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dfdfdf;
	behavior: url(PIE.htc);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #80bd5e), color-stop(1, #2c7009));;
}




a.add{display:block;width:80px;text-align:center;color:#fff;background:#4780ae;border:1px solid #4780ae;padding:4px;margin:10px 15px 0px 0px;-moz-border-radius:3px;text-transform:uppercase;}
#profile_info p{font-size:11px;padding-top:2px;padding-bottom:4px;}
#profile_info p a{font-size:11px;color:#f9d71c;}
#profile_info p a:hover{font-size:11px;color:#f7d202;text-decoration:underline;}
#profile_info p.last_login{font-size:10px;padding-top:5px;color:#dfdfdf}

#tabledata {width:308px; margin-left:10px;}
#table_options ul li a {color:#000;display:block;padding-top:5px;}

.quickview ul{margin:0px;padding:0px;list-style:none;}
.quickview ul li{padding:3px;font-size:12px;}
.quickview ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8}

#shortcuts{width:640px;}
#shortcuts ul {margin:0px;padding:0px;list-style:none;margin-top:20px;}
#shortcuts ul li{float:left}
#shortcuts ul li.first_li a{margin-left:0px;}
#shortcuts ul li a{border:1px solid #999;-moz-border-radius:3px;display:block;padding:5px;margin:5px;width:70px;text-align:center;}
#shortcuts ul li a span{font-size:10px;margin-top:5px;display:block;background:#eee;padding:2px;}
#shortcuts ul li a:hover{border:1px solid #ececec;text-decoration:none;}


#shortcuts1{width:960px; height:100%; overflow:hidden;}
#shortcuts1 ul {margin:0px;padding:0px;list-style:none;margin-top:20px;}
#shortcuts1 ul li{float:left}
#shortcuts1 ul li.first_li a{margin-left:0px;}
#shortcuts1 ul li a{border:1px solid #999;-moz-border-radius:3px;display:block;padding:5px;margin:5px;width:70px;text-align:center;}
#shortcuts1 ul li a span{font-size:10px;margin-top:5px;display:block;background:#eee;padding:2px;}
#shortcuts1 ul li a:hover{border:1px solid #ececec;text-decoration:none;}




.photo ul{margin:0px;padding:0px;list-style:none;}
.photo ul li{float:left; border:1px solid #999;-moz-border-radius:3px;padding:3px;margin:3px 1px;position:relative;}
.photo ul li span{font-size:10px;margin-top:5px;display:block;padding:4px 1px;width:83px;position:absolute;bottom:0px;left:0px;}
.todo ul {margin:0px;padding:0px;list-style:none;}
.todo ul li{margin-left:0px;padding-left:0px;list-style:none;}
.todo p{margin:0px;padding:0px;}
ul#menu{margin:0px;padding:0px;list-style:none;margin-top:20px;}
ul#menu, ul#menu ul {list-style-type:none; margin: 0; padding: 0; }
ul#menu a { display: block; text-decoration: none;	}
ul#menu li { margin-top: 1px;}
ul#menu li a {color: #000;padding: 10px;padding-left:25px;border-bottom:1px solid #ddd;}
ul#menu li a:hover {border-bottom:1px solid #ddd; }
ul#menu li ul li a { background: #fff; color: #000; padding-left: 18px; border-bottom:1px solid #f8f7f7; background:url(../img/arrow.png) no-repeat left center;}
ul#menu li ul li a:hover { background: #eee; border-left: 5px #4780ae solid; padding-left: 13px;}


uul#menu1{margin:0px;padding:0px;list-style:none;margin-top:20px;}
ul#menu1, ul#menu1 ul {list-style-type:none; margin: 0; padding: 0; }
ul#menu1 a { display: block; text-decoration: none;	}
ul#menu1 li { margin-top: 1px;}
ul#menu1 li a {color: #000;padding: 10px;padding-left:25px;border-bottom:1px solid #ddd;}
ul#menu1 li a:hover {border-bottom:1px solid #ddd; }
ul#menu1 li ul li a { background: #fff; color: #000; padding-left: 18px; border-bottom:1px solid #f8f7f7; background:url(../img/arrow.png) no-repeat left center;}
ul#menu1 li ul li a:hover { background: #eee; border-left: 5px #4780ae solid; padding-left: 13px;}

input#post_title{width:925px;margin:0px;border-left:1px solid #a8a8a8;border-top:1px solid #a8a8a8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;-moz-border-radius:3px;font-size:28px;padding:5px;}
.form_sidebar span{display:block;padding:5px 5px;background:#eee;margin-bottom:10px;}
#save{width:100px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;}

#table{width:100%;border:1px solid #c3c3c3;}
#table th{background:#eee;padding:5px;text-align:left;}
#table td{padding:5px;}
#table .table_date{color:#5e5e5e;font-weight:bold;}
#table .table_check{width:20px;background:#eee;}
#table .table_title a{color:#26608e;text-decoration:underline;font-weight:bold;}

#table_options{background:#fff;border:solid #c3c3c3;border-width:0px 1px 1px 1px;padding:5px;}
#table_options label{margin:0px;padding-top:2px;}
#table_options ul{list-style:none;margin:0px;padding:0px;}
#table_options ul li{float:left;padding:5px;margin-right:10px;}

.pagination{margin-top:20px;}
.pagination a, .pagination span{background:url("../img/borderbottom.html") bottom repeat-x #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius: 3px;}

.file{border:1px solid #eee;}
.homeschoolhd {font-weight:bold; color:#003366; font-size:13px;}
.demoschool {float:left; width:300px;}
lable {margin-right:10px; line-height:22px;}
.row {background-color:#EFEFEF;}

#slidingDiv {
	background-color: #99CCFF;
	padding:20px;
	margin-top:10px;
	border-bottom:5px solid #3399FF;
}

#show_hide {
	display:none;
}
.br {border:1px solid #CCCCCC;}
.tdpad{padding:5px;}
.tdpad a{color:#003366; margin-right:5px; padding:5px 0 5px 20px; background:url(../img/button.jpg) no-repeat center left;}
.tdpad a:hover{color:#003366; margin-right:5px; padding:5px 0 5px 20px; background:url(../img/button.jpg) no-repeat center left;}
.graybg {background-color: #CCCCCC; line-height:30px; font-size:14px; font-weight:bold; padding:0 8px;}

.tdpad1{padding:5px;}
.tdpad1 a{color:#003366; margin-right:5px; padding:5px 0 5px 20px; padding:5px 0 5px 20px; line-height:29px; background:url(../img/button.jpg) no-repeat center left;}
.tdpad1 a:hover{color:#003366; margin-right:5px; padding:5px 0 5px 20px; padding:5px 0 5px 20px; line-height:29px; background:url(../img/button.jpg) no-repeat center left;}
.show_hide {
	display:none;
}

/*table content */
div.tabbar .tabContent {
		padding:10px 5px;
		border-left:1px solid #d0d0d0;
		border-right:1px solid #d0d0d0;
		border-bottom:1px solid #d0d0d0;
		overflow:hidden;
		}
	
	
	/**
	****** UI Components - Table  ****************************************************************
	**/	
	.uiTable {
		width:100%;
		border-left:1px solid #e9eef0;
		border-top:1px solid #e9eef0;
		border-bottom:none;
		margin:auto;
		}
		
	.uiTable th {
		background:#4284c8 /*url(table/header-bg.gif)*/; 
		/* text-align:left; */
		color:#ffffff; 
		border:1px solid #fff; 
		border-right:none;
		}
		
	.uiTable th {
		font-size:11px; 
		padding:6px 6px 6px
		}
		.uiTable th a{
		color:#FFFFFF;
		}	
	.uiTable td {
		padding:4px 6px 6px;
		border-bottom:1px solid #b5cfea;
		border-right:1px solid #b5cfea;
		border-left:none;
		color:#4c748c;
		}
		.uiTable td:first-child { border-left:1px solid #b5cfea;}
	.uiTable .head h3 {
		background:url(table/sort.html) 7px center no-repeat; 
		cursor:pointer; 
		padding-left:18px
		}
		
	.uiTable .desc, .sortable .asc {
		background:url(table/header-selected-bg.gif);
		}
		
	.uiTable .desc h3 {
		background:url(table/desc.html) 7px center no-repeat; 
		cursor:pointer; 
		padding-left:18px
		}
		
	.uiTable .asc h3 {
		background:url(table/asc.html) 7px  center no-repeat; 
		cursor:pointer; 
		padding-left:18px
		}
		
	.uiTable .head:hover, 
	.uiTable .desc:hover, 
	.uiTable .asc:hover { 
		color:#fff; 
		}

	.uiTable .evenrow td {
		background:#f9fafa;
		}
		
	.uiTable .oddrow td {
		background:#f7f8f9;
		}
		
	.uiTable td.evenselected {
		background:#f7f8f9;
		}

	.uiTable td.oddselected {
		background:#f3f5f6;
		}
		
	.uiTable tfoot {
		background:#fff; 
		font-weight:bold;
		}
		
	.uiTable tfoot td {
		padding:6px 8px 8px;
		}
	

	
	.uiTable .ceck{
		width:20px;
		background:none;
	}
	
	.uiTable tr th.ceck h3{ background:transparent;}
	
	
	.uiTable a:link 			{ }
	.uiTable a:visited		{ }
	.uiTable a:hover 		{ text-decoration:underline;}
	.uiTable a:active 		{ color:black;}
	.uiTable input 			{ width:auto;margin:3px;padding:0px;}
	
	
	
	
	.uiTable1 {
		width:100%;
		border-left:1px solid #e9eef0;
		border-top:1px solid #e9eef0;
		border-bottom:none;
		margin:auto;
		}
		
	.uiTable1 th {
		background:url(table/header-bg.gif); 
		text-align:left; 
		color:#ffffff; 
		border:1px solid #fff; 
		border-right:none;
		}
		
	.uiTable1 th {
		font-size:11px; 
		padding:4px 4px 4px
		}
		.uiTable1 th a{
		color:#FFFFFF;
		}	
	.uiTable1 td {
		padding:2px 4px 4px;
		border-bottom:1px solid #e9eef0;
		border-right:1px solid #e9eef0;
		color:#4c748c;
		}
		
	.uiTable1 .head h3 {
		background:url(table/sort.html) 7px center no-repeat; 
		cursor:pointer; 
		padding-left:18px
		}
		
	.uiTable1 .desc, .sortable .asc {
		background:url(table/header-selected-bg.gif);
		}
		
	.uiTable1 .desc h3 {
		background:url(table/desc.html) 7px center no-repeat; 
		cursor:pointer; 
		padding-left:18px
		}
		
	.uiTable1 .asc h3 {
		background:url(table/asc.html) 7px  center no-repeat; 
		cursor:pointer; 
		padding-left:18px
		}
		
	.uiTable1 .head:hover, 
	.uiTable1 .desc:hover, 
	.uiTable1 .asc:hover { 
		color:#fff; 
		}

	.uiTable1 .evenrow td {
		background:#f9fafa;
		}
		
	.uiTable1 .oddrow td {
		background:#f7f8f9;
		}
		
	.uiTable1 td.evenselected {
		background:#f7f8f9;
		}

	.uiTable1 td.oddselected {
		background:#f3f5f6;
		}
		
	.uiTable1 tfoot {
		background:#fff; 
		font-weight:bold;
		}
		
	.uiTable1 tfoot td {
		padding:4px 6px 6px;
		}
	

	
	.uiTable1 .ceck{
		width:20px;
		background:none;
	}
	
	.uiTable1 tr th.ceck h3{ background:transparent;}
	
	
	.uiTable1 a:link 			{ }
	.uiTable1 a:visited		{ }
	.uiTable1 a:hover 		{ text-decoration:underline;}
	.uiTable1 a:active 		{ color:black;}
	.uiTable1 input 			{ width:auto;margin:3px;padding:0px;}
	
	
	
	
	/**
	****** Form components ****************************************************************
	**/			
	
	
.header { color:#000;
		background: #b2b2b2;
		border-radius: 5px 5px 0 0;
	   -moz-border-radius-topleft: 5px;
	   -moz-border-radius-topright: 5px;
	   -webkit-border-top-left-radius: 5px;
	   -webkit-border-top-right-radius: 5px;
		position: relative;padding: 7px 0 9px 20px;
	}
	.shade{padding:15px; background: #f2f5f7;}
			

.butNav{
		font-size:12px;
		line-height:12px;
		padding:1px 6px;
		color:#ffffff; background:#404040;
		text-decoration:none; font-weight:bold;
	}
	
	.butNav:link			{ color:#494949;}
	.butNav:visited 			{ color:#494949;}
	.butNav:hover			{ color:black;background:#F5F5F5;}
	.butNav:active			{ color:#dbdbdb;background:#909090;}
		
	.butPage {
		font-size:12px;
		line-height:12px;
		padding:0 6px;
		color:white;
		background:#404040;
		text-decoration:none;
	}
		
	.barNav{
		padding:10px 0; 
		text-align:right;
	}
	.barNav table td{background:#CCCCCC;}
	
.wrowbg2 {background:#f1f1f1; padding:8px; line-height:24px;} .wrowbg2:hover {text-decoration:none;}
.wrowbg3 {background:#f1f1f1; padding:8px; line-height:24px; border:1px solid #E0E0E0;} .wrowbg3:hover {text-decoration:none;}
.headbg {background:#f1f1f1; padding:4px; line-height:24px;}
.success{margin:5px 0px;border:1px solid #b2dc4d;color:#40550d; width:100%; font-family:"Arial", Arial, sans-serif;font-size:12px;background:#cce297;font-weight:700;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}
.fail{margin:5px 0px;border:1px solid #c82820;color:#c82820;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#e7928d;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}
.warning{margin:5px 0px;border:1px solid #efdc90;color:#a9a014;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#fffecc;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;}
.imgh {margin-bottom:-4px;}
.sbr {border:1px solid #E0E0E0; padding:8px 5px;}
.sbrgr {border:1px solid #E0E0E0; padding:8px 5px;}
.greegnbg {background-color:#2f720c; height:5px;}
.rowbg td{background:#f1f1f1; padding:4px;}
.rowbg1 td{padding:4px;}
.tdspace td {padding:2px;}
.lightrowbg2 { font-family: Arial, Helvetica, sans-serif;  color:#000000; font-weight:bold; font-size: 13px; padding: 8px;}


 .pagebg2 {
	/*background-color: #777777;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	vertical-align: middle;
	background-image: #bababa url(../images/hdbg.gif);
	background-repeat: repeat-x;
	background-position: left middle;
}

	.txt 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
}
.txt a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration: none;
font-weight: normal;
}
.txt a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration: underline;
font-weight: normal;
}
	
.brblue {
border:2px solid #777777;
}
.brblue1 {
border:1px solid #777777;
}
.bluebg {
background-color:#bed9e4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
}

#mainform img {cursor:pointer;}
.mainform img {cursor:pointer;}

#mainform select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:28px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:322px; -moz-box-shadow: inset 0 0 10px #fcfcfc;  -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc;  margin-bottom:10px}
#mainform select:hover { border: 1px solid #4780ae;  }
#mainform select:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); }

#mainform checkbox {margin:0; padding:0; height:16px; width:16px; background:none;}

#mainform input[type="text"]{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:18px; 
                              background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; 
                              padding:4px; width:315px; -moz-box-shadow: inset 0 0 10px #e5e5e5;  -webkit-box-shadow: inset 0 0 10px #fcfcfc; 
                              box-shadow: inset 0 0 10px #fcfcfc;  margin-bottom:10px;}

#mainform input[type="text"]:hover { border: 1px solid #4780ae; }
#mainform input[type="text"]:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}

#mainform input[type="button"] { background: #005681 url(../images/buttonbg3.png) repeat-x ;  color: #fff; padding: 4px 15px; cursor: pointer; }
#mainform input[type="button"]  { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #395380; font-size: 12px; }
#mainform input[type="button"]  { text-shadow: 1px 1px #395380;  }
#mainform input[type="button"]  { -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
#mainform input[type="button"] :hover { background: #005681 url(../images/buttonbg3.png) repeat-x 0 -36px; color: #fff; text-decoration:none;}
#mainform input[type="button"] :active { -moz-box-shadow: inset 2px 2px 2px #12274c; -webkit-box-shadow: inset 2px 2px 2px #12274c; box-shadow: inset 2px 2px 2px #12274c; color: #fff;  text-decoration:none;}


.mainform select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:28px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:322px; -moz-box-shadow: inset 0 0 10px #fcfcfc;  -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc;  margin-bottom:10px}
.mainform select:hover { border: 1px solid #4780ae;  }
.mainform select:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); }

.mainform checkbox {margin:0; padding:0; height:16px; width:16px; background:none;}

.mainform input[type="text"]{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:18px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:315px; -moz-box-shadow: inset 0 0 10px #e5e5e5;  -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc;  margin-bottom:10px;}

.mainform input[type="text"]:hover { border: 1px solid #4780ae; }
.mainform input[type="text"]:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}

.mainform input[type="button"] { background: #005681 url(../images/buttonbg3.png) repeat-x ;  color: #fff; padding: 4px 15px; cursor: pointer; }
.mainform input[type="button"]  { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #395380; font-size: 12px; }
.mainform input[type="button"]  { text-shadow: 1px 1px #395380;  }
.mainform input[type="button"]  { -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
.mainform input[type="button"] :hover { background: #005681 url(../images/buttonbg3.png) repeat-x 0 -36px; color: #fff; text-decoration:none;}
.mainform input[type="button"] :active { -moz-box-shadow: inset 2px 2px 2px #12274c; -webkit-box-shadow: inset 2px 2px 2px #12274c; box-shadow: inset 2px 2px 2px #12274c; color: #fff;  text-decoration:none;}



.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
.tooltip.top{margin-top:-3px;padding:5px 0;}
.tooltip.right{margin-left:3px;padding:0 5px;}
.tooltip.bottom{margin-top:3px;padding:5px 0;}
.tooltip.left{margin-left:-3px;padding:0 5px;}
.tooltip-inner{max-width:200px;padding:8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;}
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#ffffff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);white-space:normal;}.popover.top{margin-top:-10px;}
.popover.right{margin-left:10px;}
.popover.bottom{margin-top:10px;}
.popover.left{margin-left:-10px;}
.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}.popover-title:empty{display:none;}
.popover-content{padding:9px 14px;}
.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}
.popover .arrow{border-width:11px;}
.popover .arrow:after{border-width:10px;content:"";}
.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0, 0, 0, 0.25);bottom:-11px;}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#ffffff;}
.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0, 0, 0, 0.25);}.popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#ffffff;}
.popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0, 0, 0, 0.25);top:-11px;}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#ffffff;}
.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0, 0, 0, 0.25);}.popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#ffffff;bottom:-10px;}

.push-top1{margin-top:5px;}
.push-top2{margin-top:10px;}
#pixels{height:0;}
a[rel="tooltip"]:hover,a[rel="popover"]:hover{text-decoration:none;}
.loading-horizontal-dots{position:relative;padding-top:2px;width:65px;margin:0 auto;height:10px;}
.loading-dot{float:left;width:8px;height:8px;margin:0 4px;background:black;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:0;-webkit-box-shadow:0 0 2px black;-moz-box-shadow:0 0 2px black;-ms-box-shadow:0 0 2px black;-o-box-shadow:0 0 2px black;box-shadow:0 0 2px black;-webkit-animation:loadingFade 1s infinite;-moz-animation:loadingFade 1s infinite;animation:loadingFade 1s infinite;}.loading-dot:nth-child(1){-webkit-animation-delay:0s;-moz-animation-delay:0s;animation-delay:0s;}
.loading-dot:nth-child(2){-webkit-animation-delay:0.1s;-moz-animation-delay:0.1s;animation-delay:0.1s;}
.loading-dot:nth-child(3){-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s;}
.loading-dot:nth-child(4){-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;animation-delay:0.3s;}
@-webkit-keyframes loadingFade{0%{opacity:0;} 50%{opacity:0.8;} 100%{opacity:0;}}@-moz-keyframes loadingFade{0%{opacity:0;} 50%{opacity:0.8;} 100%{opacity:0;}}@keyframes loadingFade{0%{opacity:0;} 50%{opacity:0.8;} 100%{opacity:0;}}


.bluetxt{font-family:Verdana; font-size:11px; color:#0F4D92; font-weight:bold; margin-left:20px;}

.bluetxt1{font-family:Verdana; font-size:13px; color:#ae0000; font-weight:bold; margin-left:20px; line-height:26px;}