/* Navigation Bar */
ul#globalnav { position:relative; display:block; margin:0; padding:0; zoom:1; height:36px;}
ul#globalnav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul#globalnav li { display:inline; line-height:36px;}
/* For buttons that are 200px in width instead of 250, change the width to 200px and use globalnav_200.png as background image */
ul#globalnav li a { float:left; width:250px; height:36px; overflow:hidden; background:url(../Images/globalnav_250.png) no-repeat; cursor:pointer; color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
}

/* ACTION STATES */

ul#globalnav li a { background-position:100% 0; outline:none; }
ul#globalnav li a.before { background-position:100% -36px; }
ul#globalnav li a:hover,
ul#globalnav li a:focus  { background-position:100% -72px; }
ul#globalnav li a:active { background-position:100% -108px; }

/* ON STATES */
#globalheader.home 				li#home  			a,
#globalheader.reports    		li#reports  		a,
#globalheader.local_access	 	li#local_access  	a,
#globalheader.contact_us 		li#contact_us	    a { background-position:100% -144px !important; }


div.myaccount {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	text-align:right;
	vertical-align:top;
	padding-top:13px;
	padding-right:10px;
	float:right;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

td.placeholder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#666666;
	padding-bottom:13px;
}

.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
}

.large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

div.background{
	width:1000px;
	min-height:650px;
	height:auto !important;
	height:650px;
	background-color:#D5D5D5;
}	

div.banner{
	background: url(../Images/banner.jpg) no-repeat;
	background-size:100% 100%;
	height: 125px;
}

div.index{
	background-color:#4AB6EF;
	border:solid 1px #D5D5D5;
	moz-border-radius: 10px;	
	border-radius: 10px;
	overflow:hidden;
}

div.round {
	border:solid 1px #555;
	moz-border-radius: 10px;	
	border-radius: 10px;
	overflow:hidden;
}

div.full {
    float:left;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

div.left {
	float:left;
	width:50%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

div.right {
	float:right;
	width:50%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

table.round {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
}

td.left{
	text-align:right;
	width:50%;
	background-color:#EEEEEF;
}

td.right{
	text-align:left;
	width:50%;
	background-color:#FFFFFF;
}

a {
	text-decoration:none; 
	color:#0065CA;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	background-color: #F5F5F5;
	padding: 5px 10px 5px;
	border:solid 1px #555;
	moz-border-radius: 5px;	
	border-radius: 5px;
	overflow:hidden;
}

.button_funds {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	background-color: #F5F5F5;
	padding: 4px 4px 4px;
	border:solid 1px #555;
	moz-border-radius: 5px;	
	border-radius: 5px;
	overflow:hidden;
}

.button_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
	background-color: #DD3333;
	border: 1px solid #999999;
}
.button_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
.buttonsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	background-color: #F5F5F5;
	border: 1px solid #999999;
}
.buttonbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	background-color: #D5D5D5;
	border: 1px solid #666666;
}

.shadow {
	width:1000px;
	/*Add drop shadow*/
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;
}

div.footer {
	width:1000px;
}

a.footer {
	color:#D5D5D5;
	font-size: 11px;
	font-weight: bold;
}

a.footer:hover{
	color:#FFFFFF;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:normal;
	color:#D5D5D5;
	text-decoration: none;
}
.formfield {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	color: #666666;
}

.bigbutton {
	background: #222 url(../Images/alert-overlay.png) repeat-x; 
	background-size:100% 100%;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: middle;
	margin: 0 2px;
	width: 350px;
	/* When specifying icon images, make sure they are 32x32 pixels */
	height: 78px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 19px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 1.2em 0.5em 1.2em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	color:#ffffff;
	border: solid 1px #555;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	/* Confines padding within width/height */
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.bigbutton:hover {
	text-decoration: none;
}

.bigbutton:active {
	position: relative;
	top: 1px;
}

.disabled{
	pointer-events:none; 
	style:default;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.red {
	background-color:#B33131;
}
.red:hover {
	background-color:#861212;
}
.orange {
	background-color:#FF6F00;
}
.orange:hover {
	background-color:#D55F05;
}
.aqua {
	background-color:#009D91;
}
.aqua:hover {
	background-color:#017C72;
}
.green {
	background-color:#33B22D;
}
.green:hover {
	background-color:#0E9407;
}
.yellow {
	background-color:#FFD300;
}
.yellow:hover {
	background-color:#E1BC04;
}
.purple {
	background-color:#6E31B2;
}
.purple:hover {
	background-color:#570FAA;	
}
.pink {
	background-color:#CC72C9;
}
.pink:hover {
	background-color:#C44FC0;
}
.gray {
	background-color:#7F7F7F;
}
.gray:hover {
	background-color:#575757;
}
.black {
	background-color:#333232;
}
.black:hover {
	background-color:#000000;
}
.blue {
	background-color:#323EC2;
}
.blue:hover {
	background-color:#0F1BA6;
}