﻿body 
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

th 
{
    text-align: left;
    vertical-align: top;
    
}

a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #df0c12;
	font-weight:bold;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #df0c12;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

a:active {
	text-decoration: none;
	color: #df0c12;
}

.small
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #df0c12;
	font-weight:bold;
}

.small a:link {
	text-decoration: none;
	font-size: 10px;
}

.small a:visited {
	text-decoration: none;
	color: #df0c12;
	font-size: 10px;
}

.small a:hover {
	text-decoration: none;
	color: #000000;
	font-size: 10px;
}

.small a:active {
	text-decoration: none;
	color: #df0c12;
	font-size: 10px;
}

a.carousel 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight:normal;   
}

a:link.carousel {
	text-decoration: none;
	font-size: 11px;
	color:#000000;
}

a:visited.carousel {
	text-decoration: none;
	color: #000000;
	font-size: 11px;
}

a:hover.carousel {
	text-decoration: none;
	color: #df0c12;
	font-size: 11px;
}

a:active.carousel {
	text-decoration: none;
	color: #000000;
	font-size: 11px;
}

a.footer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

a:link.footer {
	text-decoration: none;
}

a:visited.footer {
	text-decoration: none;
	color: #000000;
}

a:hover.footer {
	text-decoration: underline;
	color: #000000;
}

a:active.footer {
	text-decoration: none;
	color: #000000;
}

.label 
{
    font-weight: bold;
}

.required
{
    color: #FF0000;
    font-size: 10px;
    font-weight: normal;
 }
 
 .alert-box
 {
     color: #cf0052;
     background-color: #ffffcc;
     border-style: solid;
     border-width: 1px;
     border-color: #ffcc00;
     padding: 10px;
     width: 100% - 20px;
     
 }
 
 div.message-box 
 {
     width:auto;
     _height:48px;
     min-height:48px;
     margin: 0 0 10px 0;
     border:1px solid #fc0;
     padding:12px 40px 0 12px;
     background-repeat:no-repeat;
     background-position:20px 14px;
     background-color:#ffffcc;
     font-size:1em;
}
 
 div.message-box.error 
 {
     border-color:#ffcc00;
     padding-left:80px;
     color:#c60000;
}


#current 
{
color:	#000000;
	}
	
.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}

.greybox-header
{
    background-color: #0072bb;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    width: auto;
}

.greybox-body
{
    background-color: #f7f7f7;
    padding: 15px;
}

.menu 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 999;
	}

.menulevel1
{
	height: 15px;
	font-size: 12px;
	padding: 4px;
	font-weight: bold;
	z-index: 999;
}


table.menulevel1 td
{
	font-size: 12px;
	z-index: 999;
} 

a.menulevel1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
	z-index: 999;
}

a:link.menulevel1 {
	text-decoration: none;
}

a:visited.menulevel1 {
	text-decoration: none;
	color: #000000;
}

a:hover.menulevel1 {
	text-decoration: none;
	color: #df0c12;
}

a:active.menulevel1 {
	text-decoration: none;
	color: #000000;
}

.menulevel2
{
	height: 15px;
	font-size: 12px;
	padding: 4px;
	font-weight: bold;
	background-color: #b8b8b8;
	z-index: 999;
}

table.menulevel2 td
{
	font-size: 12px;
	display: block;
	z-index: 999;
} 

a.menulevel2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
}

a:link.menulevel2 {
	text-decoration: none;
}

a:visited.menulevel2 {
	text-decoration: none;
	color: #000000;
}

a:hover.menulevel2 {
	text-decoration: none;
	color: #df0c12;
}

a:active.menulevel2 {
	text-decoration: none;
	color: #000000;
}

h3
{
color: #df0c12;
margin-top: 0px;
font-size: 18px;
}

h4
{
color: #909090;
margin-top: 0px;
font-size: 16px;
}

.box1 {
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
width: auto;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
}

.box1-l 
{
width: 50%;
height: auto;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}

.box1-l-inner 
{
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
width: auto;
min-height: 120px;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 10px;
padding: 10px;
}


.box1-r 
{
width: 50%;
height: auto;
float: right;
margin-top: 10px;
margin-bottom: 10px;
}

.box1-r-inner
{
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
width: auto;
min-height: 120px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
padding: 10px;
}

.box-container 
{
    width: 100%;
}

.box-container:after { 
    content:''; 
    display:block; 
    clear:both; 
} 

.gridview-footer
{
    background-color: #df0c12;
    color: White;
    text-align: right;
    font-weight: bold;
}

/* modal */

.popup-control {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modal-background {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modal-popup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.cumulative 
{
    color: #FFFFFF;
    background-color: #CC0000;
    
}

.monthly
{
    color: #FFFFFF;
    background-color: #009933; 
}

.quarterly
{
    color: #FFFFFF;
    background-color: Navy;
    
    
}

.numbers
{
vertical-align: top;
display:inline;
text-decoration: underline;    
}


.a2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Navy;
	font-weight:bold;
}

.a2:link {
	text-decoration: none;
}

.a2:visited {
	text-decoration: none;
	color: Navy;
}

.a2:hover {
	text-decoration: none;
	color: #000000;
}

.a2:active {
	text-decoration: none;
	color: Navy;
}

.reqstar 
{
  color:Red;   
}

a:link.plain  {
	text-decoration: none;
	color: #FFFFFF;
}

a:visited.plain  {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover.plain  {
	text-decoration: none;
	color: #FFFFFF;
}

a:active.plain  {
	text-decoration: none;
	color: #FFFFFF;
}

.twocols {width:auto;}
.twocols:after {content:''; display:block;clear:both;}
.twocols_col1 {float:left;}
.twocols_col2 {float:right;}

#loading {z-index:999; position:absolute; width:100%; height:100%; background-color: #fff; filter: alpha(opacity=90); MozOpacity:0.9; opacity: 0.9; padding:0px; margin:0px; text-align:center; font-weight:bold;}