/* http://www.colormatch.dk/ to find matching colors
	Current color scheme:
	Color 1: #5C7A64 - Button text color.
	Color 2: #146989 - Menu bar background color. #1B8EBA - Top border (up 3 notches in Fireworks)
	Color 3: #95C7A2
	Color 4: #FFFFFE - Mast, footer background color. #EFEFEF - Bottom border (down 3 notches in Fireworks)
	Color 5: #89A178
	Color 6: #CFE6DD - Menu item text color
	Color 7: #DCDCDC - Body background color
	Color 8: #146988 - Body text color
	Color 9: #FFFFFF
	Color 10: #F2F2F2 - Mast, footer text color
	Color 13: #004148 - Menu item text hover color
	Color 14: #1D98C4 - Form title background, form border, form footer
		Get this value by starting with the mast background color, then go up 5 notches. (in Fireworks)
		The bottom border is then down 3 notches from that.
	Color 15: #1D98C5 - Left panel title background, left panel border, left panel footer
		Get this value by starting with the menu background color, then go up 5 notches. (in Fireworks)
		The bottom border is then down 3 notches from that.
 */
body {
	background: #DCDCDC;
	font: 12px Helvetica, Verdana, Arial, sans-serif;
	color: #146988;
	margin: 0 0 20px;
}
#mast {
	background: #FFFFFE;
	color: #F2F2F2;
	border-bottom: 1px solid #EFEFEF;
}
/*main structure elements*/
#contain {
	margin: 0 15px;
}
#containapp {
	margin: 0 15px;
}
#main {
	margin: 15px 0;
/*	position: relative;  This causes javascript popup controls (calendar and overlib) to have the wrong "y" coordinates. */
	padding: 1px;
	/*border: 1px solid #ABC0D5;*/
}
#leftpanel {
	position: absolute;
	top: 135px; /* Had to set these values after commenting out position:relative in #main above. They were 0 and 0*/
	left: 15px;
	margin: 15px 0;
	width: 210px;
}
#leftwrapper {
	background: #fff;
	border-right:1px solid #1D98C5;
	border-left:1px solid #1D98C5;
	border-bottom:1px solid #1D98C5;
	margin: 0px;
}
#primarypanel {
	clear: both;
	margin: 0 0 20px 0px;
/*	width: 710px;*/
}	 	 
#primaryapppanel {
	clear: both;
/*	width: 710px;*/
}	 	 
#rightpanel {
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	margin: 0;
	min-width: 220px;
}
#footerwrapper {
	position: absolute;
	bottom: 0;
}
#footer {
	text-align: center;
	background: #FFFFFE;
	color: black;
	padding-bottom: 4px;
}
#formwrapper {
	background: #fff;
	border-right:1px solid #1D98C4;
	border-left:1px solid #1D98C4;
	border-bottom:1px solid #1D98C4;
	margin: 0px;
}
#mainformwrapper {
	background: #fff;
	border-right:1px solid #1D98C4;
	border-left:1px solid #1D98C4;
	border-top:1px solid #1D98C4;
	border-bottom:1px solid #1D98C4;
	margin: 0px;
}
#formtitle {
	background: #1D98C4;
	border-bottom: 1px solid #7A8F6B;
	margin: 0px;
}
#lefttitle {
	background: #1D98C5;
	border-bottom: 1px solid #177A9F;
	margin: 0px;
}
#corpformcontent {
/*	background: #fff;*/
	margin: 0px 0px 0px 10px;
	width: 600px;
	color: #146989;
	font-size: 13px;
	font-family:  Tahoma, Verdana, sans-serif;
}
#corpformcontent a{
	text-decoration: underline;
	color: #146989;
	font-size: 13px;
	font-family:  Tahoma, Verdana, sans-serif;
}
#corpformcontent a:hover {
	text-decoration: underline;
	color: #26ACDF;
}

#homecontent {
/*	background: #fff;*/
	color: #146989;
	margin: 0px 0px 0px 10px;
}
#homecontent a{
	text-decoration: underline;
	color: #146989;
	font-size: 13px;
	font-family:  Tahoma, Verdana, sans-serif;
}
#homecontent a:hover {
	text-decoration: underline;
	color: #26ACDF;
}
#homecontent h2 {
	margin: 0;
	padding: 0px 0px 8px 0px;	
	color: #146989; 
	font-size: 14px;
}
#homecontent h3 {
	margin: 0;
	padding: 0px 0px 8px 0px;	
	color: #146989; 
	font-size: 18px;
}

#formcontentleft {
	background: #fff;
	margin: 10px;
}
#formcontentleft a{
	text-decoration: none;
	font-weight: bold;
	color: #146989;
	font-size: 13px;
	font-family:  Tahoma, Verdana, sans-serif;
}
#formcontentleft a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #26ACDF;
}
#formcontent {
	margin: 10px;
}
#side {}
#districtLogo {
	margin: 0 0 10px 0;
}
#favorites {
	margin: 10px 0;
} 
.flinks {
	border-top:1px solid #FAEFC8;
	border-bottom:1px solid #BDB597;
	background: #EBE1BC;
	padding: 5px 10px;
}
.flinks a {
	padding: 0 2px;
}	
.tree {
	background: #FAEFC8; 
	border: 1px solid #FAEFC8;
	padding: 0 7px;
}
#primary {
	background: #146989;
}
#errormessageswrapper {
	border: 1px solid red;
	margin-bottom: 5px;
}
#errormessagetitle {
	color: red;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 10px;
}
#errormessagetitle img {
	margin-right: 5px;
	vertical-align: middle;
}
#errormessages {
	color: red;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 35px;
}
#usermessage {
	color: #006699;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}
#forminstructions {
	font-size: 12px;
	color: #888888;
}
#requiredfields{
	color: red;
	margin-top: 5px;
	margin-bottom: 5px;
}
#mast a {
	color: #F2F2F2;
	text-decoration: none;
}
#logo {
	float: left;
/*	margin: 5px;*/
}
#logo h1 {
	margin: 10px 0;
}	
#logo img {
	float: left;
	margin: 1px 0px 0px 0px;
/*	border: 1px solid #A9759D;*/
}
#ynav  {
	text-align: right; 
	float: right;
	margin: 2px 10px;
}
#treenav, #treenav ul {margin: 3px 0;
	padding: 0; 
	list-style: none;
	font-size: 10px;
	/**/}
#treenav li {
	padding: 3px 3px 3px 33px;
	list-style: none;
	background: url(../images/plus.gif) no-repeat 0 0px; 
 }	
#treenav li.opened {background: url(../images/minus.gif) no-repeat 0 0px;}
#treenav li.graph {background: url(../images/report.gif) no-repeat 0 3px;
	padding-left: 20px;}
#treenav li.checked {background: url(../images/query.gif) no-repeat 0 3px;
	padding-left: 20px;}	
 
/*nav------------------------------------------*/
#nav {
	padding-top: 22px;
	background: #146989;
	border-top: 1px solid #1B8EBA;
}
#navin {
/*	background: #905984;*/
	background: #146989;
}
#navin ul {margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	color: #fff;
	 }
#navin li {display: inline }	 
#navin li a {
	margin: 4px 5px 0 5px;
	display: block;
	float: left;	
	padding: 0 0 0 8px;
	text-decoration: none;
	
 }
#navin li a span{
	display: block;
	float: left;	
	color: #fff;
	padding: 8px 10px 6px 2px;
	text-align: center;
		} 
		
/*selected tabs. use id in body to change------------------*/	 
#navin li a:hover, #query #navin li#selected a {
	background: url(../images/nbL.png) no-repeat left top;
	
}
#navin li a:hover span, #query #navin li#selected a span {background: url(../images/nbR.png) no-repeat right top;	
cursor: pointer; 
}
/*side navigation*/
#sidenav ul {margin: 0;
	padding: 0;
	list-style: none;
	background: #DBE4FC; }
#sidenav li {
	vertical-align:bottom;
	 display: inline;}
#sidenav li a {
	padding: 0 5px;
 	margin: 1px 0;
	border: 3px solid #95ADF9;
	display: block;
	vertical-align: bottom; 
	background: #96AEF9 url(../images/sidebg.gif) repeat-y left top;
	color: #1E354E;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#sidenav li	li {
	background: #DBE4FC;
	margin: 0;
	padding: 4px 10px;
	border: 0;
	display: block;
	}
#sidenav textarea, #sidenav li li select {width: 95%;
	overflow: auto; }	
#sidenav .last a {border-bottom: 0; }
#sidenav a img {vertical-align: middle; margin: 0 7px 0 0;}
.sideon { background: url(../images/sideDown.gif) no-repeat right center;
	display: block;
	padding: 2px; }
.sideoff { background: url(../images/sideSide.gif) no-repeat right center;
	display: block;
	padding: 2px; }	
/*rounded corners---------------------------------------*/
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4, .sb1, .sb2, .sb3, .sb4, .db1, .db2, .db3, .db4, .lb1, .lb2, .lb3, .lb4, .pb1, .pb2, .pb3, .pb4, .cb1, .cb2, .cb3, .cb4{display:block; overflow:hidden;}
.xb1, .xb2, .xb3, .sb1, .sb2, .sb3, .db1, .db2, .db3, .lb1, .lb2, .lb3, .pb1, .pb2, .pb3, .cb1, .cb2, .cb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#146989; border-left:1px solid #146989; border-right:1px solid #146989;}
.sb2, .sb3, .sb4 {background:#FFFFFE; border-left:1px solid #FFFFFE; border-right:1px solid #FFFFFE;}
.db2, .db3, .db4 {background:#1D98C4; border-left:1px solid #1D98C4; border-right:1px solid #1D98C4;}
.cb2, .cb3, .cb4 {background:#1D98C5; border-left:1px solid #1D98C5; border-right:1px solid #1D98C5;}
.lb2, .lb3, .lb4 {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.pb2, .pb3, .pb4 {background:#824775; border-left:1px solid #824775; border-right:1px solid #824775;}
#side .xbottom b {background: #96AEF9; border-color: #95ADF9; }
#favorites .xbottom b { border-color: #FAEFC8; background: #FAEFC8;}
#side .xbottom {margin-top: -1px; }
.xb1, .sb1, .db1, .lb1, .pb1, .cb1 {margin:0 5px; background:#146989;}
.sb1 {background: #FFFFFE; }
.db1 {background: #1D98C4; }
.cb1 {background: #1D98C5; }
.lb1 {background: #FFFFFF; }
.pb1 {background: #824775; }
.xb2, .sb2, .db2, .lb2, .pb2, .cb2 {margin:0 3px; border-width:0 2px;}
.xb3, .sb3, .db3, .lb3, .pb3, .cb3 {margin:0 2px;}
.xb4, .sb4, .db4, .lb4, .pb4, .cb4 {height:2px; margin:0 1px;}

/*headers--------------------------*/
h1 {
	font: 24px Helvetica, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #F2F2F2;
}	 
h2 {
	font-family:  Tahoma, Verdana, sans-serif;
}	
h3 {
	font-family: Tahoma, Verdana, sans-serif;
}	
h4 {
	font-family: Tahoma, Verdana, sans-serif;
}	
#mast h2 {
	margin: 0 0 3px;
	font-size: 14px;
}
#mast h3 {
	margin: 0 0 3px;
	font-size: 13px;
	font-style: italic;	
}
#side h2, #primary h2, #favorites h2, #formtitle h2, #lefttitle h2 {
	margin: 0;
	padding: 5px 5px 5px 15px;	
	color: #fff; 
	font-size: 18px;
	border-bottom: 1px solid #1B3471;
}
#primary h2 {
	border-color: #703964;
	padding: 4px 5px 5px 15px;
}
#side h2 {
	background: #5B7FD9;
}
#formtitle h2, #lefttitle h2 {
	font-size: 18px;
	border-bottom: 0px;
	white-space: nowrap;
	font-weight: normal;
	font-family: Verdana;
}
#favorites h2 {border-color: #94582E;
	background: #D9A65C }
.bar h3 {font-size: 12px;
	margin: .3em; } 
#formcontent h4 {
	font-size: 16px;
	border-bottom: 0px;
	white-space: nowrap;
	font-weight: normal;
	color: #FF6633;
}
.expand {/*background: url(../images/expandDown.gif) no-repeat left center;*/
	padding: 3px 0 3px 20px;
	color: #fff;
	text-decoration: none;
	}	
.subrow {background: #E2C9E2 url(../images/subrow.gif) repeat-x left top; 
	border: 1px solid #D4ABCB;
	color: #703964;
	margin: 0;
	padding: .2em 10px;
	font-size: 14px;}	
.subrow a {background:  url(../images/downArrow.gif) no-repeat left center; 
	padding: 0 18px;
	color: #703964;
	text-decoration: none;
	 }
.subrow .closed {background:  url(../images/sideArrow.gif) no-repeat left center;  }	 	

/*form elements-----------------------*/
#loginForm {
	margin: auto !important;
	width: 200px !important;
	color: #1E354E; }
form {margin: 0;
	padding: 0; 
	color: #1E354E; }
#disclaimer {
	border: 1px solid #C1C1C1;
	padding: 5px;
	margin: 5px 0;
	color: gray;
	font-size: 10px;
}	
#fieldset {
	background: #FAFAFA;
	border: 1px solid #C1C1C1;
	padding: 5px;
	margin: 5px 0;
}	
#fieldset h2 {
	font-size: 12px;
	margin: 15px;
}
#fieldset h3 {
	background: #F0F0F0;
	border-bottom: 1px solid #C1C1C1;
	margin: 0;
	padding: 5px;
	font-size: 12px;
}
#fieldset td {
	font-weight: bold;
	font-size: 11px;
}

.formhead {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #C1C1C1;	
	padding: 5px; 
	background: #F0F0F0;
	font-size: 13px;}
.formmain {background: #fff;
	padding: 10px; }	
input, select, textarea {
	color: #1E354E;
	font-family: verdana;
	font-size: 11px;
}	
.strong {font-weight: bold; }		
label {
	font-weight: bold;
	font-size: 11px;
}	
.labels {margin: 5px 0; }
.labels label {text-align: right;}
.formtext {
	font-family: verdana;
	font-size: 10px;
}
.forms {
	width: 100%;
	margin: 5px 0;
	border-width:0;
	padding: 0;
	border-collapse: collapse;
	background: #FAFAFA;
}
.forms th {
	text-align: left;
	}	
.lbl th {text-align: right;}	
.forms select {font-size: 10px; 
	margin: 3px;}	
.btnrow {
	text-align: right;
	padding:  2px 0;
}
.btnrow a {
	text-decoration: none;
}
.btnrowleft {
	text-align: left;
	padding:  2px 0;
}
.btnrowleft a {
	text-decoration: none;
}
.btnrowcenter {
	text-align: center;
	padding:  2px 0;
}
.btnrowcenter a {
	text-decoration: none;
}
.btn, .btn2, .btnmini, .btnnomargin {
	background: #F5EAD8 url(../images/btnbg.gif) repeat-x left top; 
	border: 1px solid #57735F;
	border-color: #57735F #57735F #55715C;
	color: #5C7A64;
	font-weight: bold;
	font-size: 11px;	
	margin: 3px;
	padding: 2px;
	text-decoration: none;
}
.btnnomargin {
	margin: 0px;
}
.btn2 {
	font-weight: normal;
}
.btnmini {
	background: #F5EAD8 url(../images/btnminibg.gif) repeat-x left top; 
	font-weight: normal;
	font-size: 10px;	
	margin: 3px;
	padding: 0px;
}
button {cursor: pointer; }
button img {vertical-align: middle; 
	padding-left: 5px;}
* html .bar button {width: 110px;}
/*tables---------------------------*/
.plancomparison {
	border-color: #1D98C5;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	padding: 0px;
/*	width: 95%;  Let IE size the table itself or else weird stuff happens. */
}
.plancomparison td {
	border-color: #1D98C5;
	border-width: 1px;
	border-style: solid;
	font-size: 12px;
	text-align: center;
	width: 150px;
}
.abouttable {
	padding: 0px;
}
.abouttable td{
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	font-weight: normal;
}
.simpletable {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	padding: 0px;
/*	width: 95%;  Let IE size the table itself or else weird stuff happens. */
}
/* IE hack. IE can't understand this one, so it will use the width above.
   All other browsers will use this one. */
html>body .simpletable {
	width: 100%;
}
.simpletable thead tr {
	background-color: #EAF8FD;
}
.simpletable tr.even {
	background-color: #FFFFFF;
}
.simpletable tr.odd{
	background-color: #EEEEEE;
}
.simpletable th{
	text-align: left;
	vertical-align: bottom;
	font-size: 10pt;
	font-family: helvetica;
	font-weight: bold;
	color: #000000;
}
.simpletable td{
	border-color: #CCCCCC;
	text-align: left;
	vertical-align: middle;
	font-size: 8pt;
	font-weight: normal;
	color: #2C547C;
}
.simpletable td.centered {
	border-color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	font-size: 8pt;
	font-weight: normal;
	color: #2C547C;
}
.simpletable td.RJustified {
	text-align: right;
}
.simpletable td a{
	text-decoration: underline;
	font-weight: normal;
	color: #0000FF;
}
.simpletable td a:hover {
	background: #FFFFFF;
	color: #999999;
}
.simpletable thead a{
	text-decoration: underline;
	font-weight: bold;
	color: #0D0D0D;
}
.simpletable thead a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #0D0D0D;
}
.simpletable thead a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #0D0D0D;
}
.simpletable th.sortable a, th.sortable a:visited, th.sortable a:hover{
	background-position: left;
/*	display: block;*/
    background-color: transparent;
    width: 100%;
}
.simpletable th.sorted a, th.sorted a:visited, th.sorted a:hover{
	color: #990033;
	background-position: left;
/*	display: block;*/
    background-color: transparent;
    width: 100%;
}
.simpletable th.sortable a {
	background-image: url(../images/sort-none.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 18px;
}
.simpletable th.sortable a:hover {
	background-repeat:no-repeat;
	color: #0D0D0D;
}
.simpletable th.order1 a, th.order1 a:hover {
	background-image: url(../images/sort-asc.gif);
	background-repeat:no-repeat;
	color: #0D0D0D;
	padding: 0px 0px 0px 18px;
}
.simpletable th.order2 a, th.order2 a:hover {
	background-image: url(../images/sort-desc.gif);
	background-repeat:no-repeat;
	color: #0D0D0D;
	padding: 0px 0px 0px 18px;
}
.simpletable2 {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	padding: 0px;
/*	width: 95%;  Let IE size the table itself or else weird stuff happens. */
}
/* IE hack. IE can't understand this one, so it will use the width above.
   All other browsers will use this one. */
html>body .simpletable2 {
	width: 100%;
}
.simpletable2 thead tr {
	background-color: #EAF8FD;
}
.simpletable2 tr.even {
	background-color: #FFFFFF;
}
.simpletable2 tr.odd{
	background-color: #EEEEEE;
}
.simpletable2 th{
	text-align: left;
	vertical-align: bottom;
	font-size: 10pt;
	font-family: helvetica;
	font-weight: bold;
	color: #000000;
}
.simpletable2 td{
	border-color: #CCCCCC;
	text-align: left;
	vertical-align: middle;
	font-size: 8pt;
	font-weight: normal;
	color: #2C547C;
}
.simpletable2 td.centered {
	border-color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	font-size: 8pt;
	font-weight: normal;
	color: #2C547C;
}
.simpletable2 td.RJustified {
	text-align: right;
}
.simpletable2 td a{
	text-decoration: underline;
	font-weight: normal;
	color: #0000FF;
}
.simpletable2 td a:hover {
	background: #FFFFFF;
	color: #999999;
}
.simpletable2 thead a{
	text-decoration: underline;
	font-weight: bold;
	color: #0D0D0D;
}
.simpletable2 thead a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #0D0D0D;
}
.simpletable2 thead a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #0D0D0D;
}
.simpletable2 th.sortable a, th.sortable a:visited, th.sortable a:hover{
	background-position: left;
/*	display: block;*/
    background-color: transparent;
    width: 100%;
}
.simpletable2 th.sorted a, th.sorted a:visited, th.sorted a:hover{
	color: #990033;
	background-position: left;
/*	display: block;*/
    background-color: transparent;
    width: 100%;
}
.simpletable2 th.sortable a {
	background-image: url(../images/sort-none.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 18px;
}
.simpletable2 th.sortable a:hover {
	background-repeat:no-repeat;
	color: #0D0D0D;
}
.simpletable2 th.order1 a, th.order1 a:hover {
	background-image: url(../images/sort-asc.gif);
	background-repeat:no-repeat;
	color: #0D0D0D;
	padding: 0px 0px 0px 18px;
}
.simpletable2 th.order2 a, th.order2 a:hover {
	background-image: url(../images/sort-desc.gif);
	background-repeat:no-repeat;
	color: #0D0D0D;
	padding: 0px 0px 0px 18px;
}
.nestedtable {
}
.nestedtable th{
	background: #EEEEEE;
}
.infotable {margin: 20px 4%;
	width: 90%; }

.hometablecontain {
}
.hometablecontain td {
	vertical-align: top;
}
.hometable {
	padding: 0px;
/*	width: 95%;  Let IE size the table itself or else weird stuff happens. */
}
/* IE hack. IE can't understand this one, so it will use the width above.
   All other browsers will use this one. */
html>body .hometable {
	width: 100%;
}
.hometable td{
	text-align: left;
	vertical-align: top;
	font-size: 9pt;
	font-weight: normal;
	padding: 4px;
}
.hometable td a{
	text-decoration: underline;
	font-weight: normal;
}
.hometable td a:hover {
	background: #FFFFFF;
}

.hometableborder {
	border-color: #1D98C5;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	padding: 0px;
/*	width: 95%;  Let IE size the table itself or else weird stuff happens. */
}
/* IE hack. IE can't understand this one, so it will use the width above.
   All other browsers will use this one. */
html>body .hometableborder {
	width: 100%;
}
.hometableborder td{
	border-color: #1D98C5;
	text-align: left;
	vertical-align: top;
	font-size: 9pt;
	font-weight: normal;
	padding: 4px;
}
.hometableborder td a{
	text-decoration: underline;
	font-weight: normal;
}
.hometableborder td a:hover {
	background: #FFFFFF;
}

caption {font-weight: bold;}	
.infotable th {background: #F6F6F6; }
/*elements in page*/
.bar {
	border-top: 1px solid #A9759D;
	border-bottom: 1px solid #703964;
	background: #824775;
	padding: 5px;
	color: #fff;
 }	
 .expanded {background: #fff; }
.menus {background: #fff; }

/*misc------------------------------*/
.line {margin-top: 1px; }
.inner {margin: 8px 10px; }
.fl {float: left; }
.fr {float: right; }
.colLeft {width: 58%; }
.colMiddle {width: 20%;}
.colRight {width: 20%;}
.colL {width: 55%; }
.colM {width: 43%;
	margin: 0 0 0 5px;}
.colA {clear: both; 
	margin: 10px 0;}	
.hid {display: none; }
.separator {
	font-size: 3px;
}
.backto {
	color: #fff; 
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	margin-right: 5px;
	width: 100%;
}
.backto img {
	margin-right: 5px;
	vertical-align: top;
}
.required {
	text-align: right;
	color: red;
	font-size: 12px;
	padding-right: 2px;
}
.left {
	text-align: left;
}
.topplusborder {
	vertical-align:top;
	border: 1px solid #EFEFEF;
}
.labelcol {
	width: 1%;
	white-space: nowrap;
	text-align: right;
	color:black;
}
.labelcolleft {
	width: 1%;
	white-space: nowrap;
	text-align: left;
	color:green;
}
.help {
	color: #146989;
	font-weight: normal;
	font-size: 14px;
}
.helptext {
	color: #999999;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	white-space: nowrap;
	padding-left: 10px;
}
.tinytext {
	color: #146989;
	font-weight: normal;
	font-size: 11px;
}
.messagescript {
	background: #DFDFDF;
	border: 1px solid black;
}

.exportlinks {
	background: #DFDFDF;
	border: 1px solid black;
	margin: 10px 0 0 0;
	padding: 5px;
}
.exportlinks a {
	text-decoration: none;
}
.cellborder {
	border-color: #1D98C5;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	float:left;
}
.aligntop {
	vertical-align: top;
}

.aligntop img{
	vertical-align: top;
}

.asterisk {
	font-weight: bold;
	color: #146989;
	font-size: 10px;
	font-family:  Verdana, Tahoma, sans-serif;
}

h2 a {
	font-size: 10px;
	color: #555;
	padding-left: 10px;
}
.displayTable {
	width: 900px;
}
/*hax-------------------------------*/
#mast:after, #navin ul:after, .formmain:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}#mast, #navin ul, .formmain {display: inline-table;}
/* Hides from IE-mac \*/
* html #mast, * html #navin ul, * html .formmain {height: 1%;}
#mast, #navin ul, .formmain {display: block;}


/* End hide from IE-mac */