/* project: School Mangement System
*/

   
/* default styles
   -------------- */
    
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height: 1.5em; margin:0; padding:0;} 
a {	color: #E0691A;	background: inherit; text-decoration:none;}
a:hover { color: #6C757A; background: inherit; }

li a {	color: #E0691A;	background: inherit; font: 14px; Tahoma, sans-serif;}
li a:hover { color: #6C757A; background: inherit; }
 
h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
/*h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }*/
p {	margin: 0 0 5px 0; }
ul { margin: 0; padding : 0; list-style : none; }
form { 	margin: 0; }

input.search { 
	width: 292px; 
	border: 0;
	background: #FFF url(input.gif) no-repeat;
	padding: 4px; 
	color: #E0691A;
	font-weight: bold;
}

input.submit {
	background: #E0691A url(submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

input.login { 
	width: 160px;
	border: 0px;
	background: #FFF url(input.gif) no-repeat;
	padding: 2px; 
	color: #E0691A;
	font-weight: bold;
}

/* layout
   ------ */

.content { 
	margin: 0px auto 0px ;
	width: 100%;
	padding: 0px 0px 0px 0px ;
	}

.header2 { height:40px !important; background:url(header_bg.png) repeat-x 0 -5px;}

.top_info {

	float: right;
	width: 600px;
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #808080;
}

	.top_info_left {
		width: 300px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 250px;
		padding: 0 0px 0 10px;
		border-left: 1px solid #eee;
	}

.browse_category  {
	font-size: 0.9em;
	width: 190px;
	color: #FFF;
	background: inherit;
}

.bar { 
	clear: both;
	height: 3px; 
	color: #FFF;
	/*border-top: 1px solid #000000;*/
/*	background: #FF9148;*/
	/*background: #F9CA3E ;*/
	
}

.radiant {

}
	.bar li { 
		margin: 0; 
		padding: 7px 12px 5px 12px;
		color: #FFEADC;
		background: #FF9148;
		float: left; 
	}
	
	.bar li.active { 
		background: #E0691A url(bar.gif) no-repeat center top; 
		color: #fff;
		font-weight: bold; 
		padding: 7px 10px 6px 10px;
	}
	
	.bar li a { 
		font-weight: bold;
		color: #FFF; 
		background: inherit;
		text-decoration: none;
	} 
	
	.bar li a:hover { 
		color: #E0691A; 
		background: inherit;
	} 

.search_field { 
	 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 5px 10px 10px 10px;
	margin: 5px 0;
	height: 16px;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: left; }

.subheader {
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #eee;
	padding: 1px 0 0px 0;
	background: #A4A4A4;
	color: #fff;
}

.scrTitleLabel {color:#fdfefe; font-size:12px; font-weight:bold;  *padding:3px 0px 0 5px;}

.scr-Title {border-top: 1px solid #EDEEF1;font-size:12px !important; font-weight:bold !important;
background: #0081C2 url(corner_tl.gif) no-repeat left top !important;border-top: none !important;
color:#fffdff !important;width:100%;height:20px;padding:3px 5px;}

.scr-Title tr td{ padding:0 !important; margin:0 !important;}

.menu-Bar1{background: #028cd1 !important; padding:0px 0 0 2px !important; width:100%; }
	 .menu-Bar1 button{ background:#dddddd url(btn_bg.jpg) repeat-x 0 -4px; height:18px; margin:1px 0 0 1px; width:55px !important;  border:1px solid #dddddd !important; font-size:10px !important;}
	.menu-Bar1 button:hover{background-color:#daefd7; background-position: 0 -21px; height:18px; margin:1px 0 0 1px; width:55px !important; border:1px solid #daefd7 !important;}
	
	.menu-Bar2 table tr td{ vertical-align:middle !important;}
.menu-Bar2{
background: #d0e7f5 !important; color:#3e739f !important; width:100%; padding:0px 0px 0px 5px; font-size:10px !important;
}


.menu-Bar{background: #0081C2 !important;border-bottom: 0px solid #e0e0e0 !important;width:100%; }

.mainPanel{height:100%; width:100%; }
/* -------------New clases as on 9jan10----------- */
.scr-container{ width:390px !important; height:100px !important; /*border-left:1px solid #e8e8ea;*/}
/*	.scr-Sub2Table{ border:1px solid #000 !important; height:200px !important; width:200px !important;}*/

* html .mpanel{
padding:0;
margin:0 0 0 10px !important;
height:100%;
width:100%;

}
.mpanel{
padding:0 0 0 0px;
margin:0 0 0 -5px !important;
height:100%;
width:100%;
border-left:1px solid #f2f1f1;
}
/* left side
   --------- */

.left {
	width: 100%;
	margin: 0 0 10px 0;
	min-height:410px !important; 
}

.load_img{ width:100%;}

.left h3{
	clear: both;
	/*background: #A9C0CE url(corner.gif) no-repeat top right;*/
	color: #0000;
	/*padding: 7px 0 7px 5px;*/
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
	/*height:14px;*/
	}
	.left_side {

		float: left;
		width: 180px;
		padding: 0 0 0 10px;
		margin: 10px 0;

	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }
	
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 34.6%;
	margin: 0 0 10px 0;
}

.right h3 {
	/*background: #6C757A  url(corner.gif) no-repeat top right;;*/
	color: #FFF;
	/*padding: 7px 0 7px 5px;*/
	/*font: bold 1em Tahoma, Arial, Sans-Serif;*/
	margin: 0 0 3px 0;
}

	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
.image {
	/*float: left; */
}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 5px 0 0px 0;
	margin: 0;
	height:50px;
	background:none !important;
}

.footer table{ background:#D0E7F5; margin-bottom:5px;} /* edf4fb*/
.bubble {}
.bubble1 { }

.style15 {font-size: 12px}

.style21 {font-weight: bold; color:#666666;}
/* Logo TD */
.style22 { padding:8px 0 5px 4px !important;}
.style31 {color: #666666}

.footer a {color: #136a88; text-decoration : none;}
.footer a:hover { text-decoration : underline;}

.signOut a{color:#136A88; text-decoration:none; cursor:pointer; font-size:11px; font-weight:600; margin:0px 0 0 8px; line-height:28px;}
.signOut a:visited{color:#136A88; text-decoration:none; cursor:pointer; font-size:11px; font-weight:600;}
.signOut a:hover{ text-decoration:underline;}



.label {
color:#55565a;
font-weight:600;
font-size:11px !important;
}


.loading {
color:#FFFFFF;
padding:1px;
font: 11px Verdana;
font-weight: normal;
}

.frame {
border:0px solid #666666;
}



.gwt-ToggleButton {
  background-position: 0 -513px;
  width: 23px;
  height: 22px;
  margin: 10px 0px 0px 10px;
  padding: 10px;
}


.headerLbl {
	color:#000000;
	font: 16px Arial;
}

.headerLblSubject {
	color:#333333;
	font: 16px Arial;
	margin-left:15px;
}

.headerLblMid {
	color:#000000;
	font: 13px Arial;
}

.headerLblMMid {
	color:#000000;
	font: 12px Arial;
}

.headerLblMid2 {
	color:#000000;
	font: bold 13px Arial;
}

.headerLblMid2WoBold {
	color:#000000;
	font: normal 13px Arial;
}

.headerLblMidRed {
	color:#CC0000;
	font: bold 13px Arial;
}

.headerLblMidYellow {
	color:#FF9900;
	font: bold 13px Arial;
}

.headerLblMidBlue {
	color:#006699;
	font: bold 13px Arial;
}

.headerLblSmall {
	font: bold 10px Arial;
}

.headerLblSmallWoBold {
	font: normal 10px Arial;
}

.headerLblSmallRed {
	color:#CC0000;
	font: bold 10px Arial;
}

.headerLblSmallYellow {
	color:#FF9900;
	font: bold 10px Arial;
}

.headerLblSmallBlue {
	color:#006699;
	font: bold 10px Arial;
}

.btn{background: url(btn_bg.jpg) repeat-x; height:20px; margin: 0 2px; width:auto !important; border:1px solid #949292 !important; font-size:11px;}
.btn:hover{background-position: 0 -21px; height:20px; margin: 0 2px; width:auto !important; border:1px solid #66a95d !important;}

.loginbutton{

    /*border: 1px solid #CCCCCC;
    background:#E6E6E6 url(tbbutton.gif) repeat-x;
    font: 12px tahoma;
    width: 100px;
    height: 26px;
    color:#333333;*/
}

.button[disabled]
{
    background:#dddddd url(btn_bg.jpg) repeat-x 0 0px; color:#a7a7a7; height:18px; margin: 0 2px; width:auto !important; border:none !important;
}

.button[disabled]:hover{
	 background-position: 0 -16px;  color:#a7a7a7; height:18px; margin: 0 2px; width:auto !important; border:none !important;
}

.criteriabutton{color: #003366;background: url(btn_bg.jpg) repeat-x; height:20px; padding:0px 0 0px 0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 2px; width:auto !important; border:1px solid #d9e5e1 !important;}
.criteriabutton:hover{background-position: 0 -21px; height:20px; padding:0px 0 0px 0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0 2px; width:auto !important; border:1px solid #069417 !important;}
.criteriabutton[disabled]
{
    color:#a7a7a7; height:20px; margin: 0 2px; width:auto !important; border:none !important;
}

.criteriabutton[disabled]:hover{
	 color:#a7a7a7; height:20px; margin: 0 2px; width:auto !important; border:none !important;
}


.criteriaLb{
height: 20px;
color: #3e739f;
font: 11px verdana;
margin-right:5px;
margin-top:3px;
margin-bottom:3px;
}


.criteriaRdo { vertical-align:top;}
.criteriaRdo label{font:11px verdana; margin-right:5px; margin-left:3px; }


.toolbar-button
{
    border: 1px solid #9FBEE4;
	background-color:#EBF1FC;
	height: 20px;
	width: 50px;
	font: 11px verdana;
	color: #003366;
	margin-right:0px;
	margin-top:1px;
	margin-bottom:1px;
}

.toolbar-button[disabled]
{
    background:#dddddd url(btn_bg.jpg) repeat-x 0 0px; color:#a7a7a7; height:18px; margin-right:0px; margin-top:1px;	margin-bottom:0px; border:none !important; border-bottom:2px solid #dddddd !important;
}

.toolbar-button:hover {
	border: 1px solid #555555;
	background-color:#EBF1FC;
	height: 18px;
	width: 50px;
	color: #00293E;
	font: 11px verdana;
	margin-right:0px;
	margin-top:1px;
	margin-bottom:1px;
}

.toolbar-button[disabled]:hover{
     background-color:#daefd7; color:#a7a7a7; height:18px; margin-right:0px;	margin-top:1px;	margin-bottom:0px;  border:none !important; border-bottom:2px solid #daefd7 !important;
}



.dockPanel{ margin:0; padding:0;
width:100%;
height:100%;
background: #ffffff;
border-bottom:1px solid #dcdcdc !important;

}

.login-table{

width: 250px;
height: 150px;

}

.login-outer{
background: url('saHeader.gif') no-repeat top right;
}



.loginpage{

/*login page is for the login component has a simple panel to which is the loginouter table added*/

}


.login-inner{
color:#000000;
font:14px verdana;
margin-top:3px;
}


.loginTb  {
    
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;

	}
	


.passwordTb{
    
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:tahoma, arial, sans-serif;

	}


.loadingPanel
{

}

.linkSml {background: inherit; text-decoration:none; font: bold 10px Arial;}




.btnDashboard {
    background-color: #FFFFFF;
    border: 1px solid #ffffff;
	height: 75px;
	width: 75px
}


.btnDashboard[disabled]:hover {
   border: 1px solid #eeeeee;
	height: 75px;
	width: 75px
}



.btnDashboard:hover {
    border: 2px solid #0066CC;
	height: 75px;
	width: 75px
}



.lblDashboard {
color: #8D8D8D;
align:center;

}

.radiobuttonStyle{}
.radiobuttonStyle label, .gwt-RadioButton label {}

.checkboxStyle label {}
.textbox  {
    
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	font: 12px Arial;
	height: 13px;
	padding:3px;
	/*margin-right:4px;
	margin-bottom:4px;
	*/
}

.listbox  {
    
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	font: 12px Arial;
	height: 23px;
	padding:3px;
	/*margin-right:4px;
	margin-bottom:4px;
	*/
}

.textarea {
    
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	font: 12px Arial;
	padding:3px;
	/*margin-right:4px;
	margin-bottom:4px; */

}