/* Links and Text */
a {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #003366; text-decoration: none;}
a:hover {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;}
textarea {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px;}
td {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: black; text-decoration: none;}

.footer_text {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #B8B8B8; text-decoration: none;}

a.underline {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;}
a.underline:hover {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #999999; text-decoration: none;}	

a.whitelink {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: underline;}
a.whitelink:hover {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;}

a.bluelink {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #3366CC; text-decoration: none;}
a.bluelink:hover {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #3366CC; text-decoration: underline;}
a.blueheaderlink {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #3366CC; font-weight: bold; text-decoration: none;}
a.blueheaderlink:hover {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #3366CC; font-weight: bold; text-decoration: underline;}

a.greenlink {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #99CC33; text-decoration: none;}
a.greenlink:hover {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #99CC33; text-decoration: underline;}
a.greenheaderlink {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #99CC33; font-weight: bold; text-decoration: none;}
a.greenheaderlink:hover {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #99CC33; font-weight: bold; text-decoration: underline;}

.greentextbold {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #99CC33; font-weight: bold;}
.whitetextbold {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold;}
.bluetextbold {font-family: Arial, Helvetica, Verdana, sans-serif; text-align: center; font-size: 14px; color: #003366; font-weight: bold;}
.bluetextbold2 {font-family: Arial, Helvetica, Verdana, sans-serif; text-align: center; font-size: 18px; color: #003366; font-weight: bold;}
.bluetextbold3 {font-family: Arial, Helvetica, Verdana, sans-serif; text-align: center; font-size: 12px; color: #003366; font-weight: bold;}
.redtextbold {font-family: Arial, Helvetica, Verdana, sans-serif; text-align: center; font-size: 18px; color: #FF0000; font-weight: bold;}
.greytextbold {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #666666; font-weight: bold;}
.greylight{font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #999999; font-weight: bold;}

.padding {	padding-right: 8px;	padding-left: 8px;}

.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }

/* Headers */
h1 { font: bold 2em "Arial", Sans-Serif; color: black; margin: 0; padding-top: 15px; padding-bottom: 20; letter-spacing: -1px; }
H5 { font: bold 2.5em "Arial", Sans-Serif; margin: 0; padding-top: 10px; padding-bottom: 5; color=black; letter-spacing: -1px; }
H6 { font: bold 1.5em "Arial", Sans-Serif; margin: 0; padding-top: 10px; padding-bottom: 5; color=#669933; letter-spacing: -1px; }
h2 { font: bold 2em Arial, Sans-Serif; color: black; margin: 0; padding: 0; }
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }


/* Grey Side Boxes */
.gboxtop { height: 10px; background: #FFFFFF url(images/grey_top.jpg) no-repeat; color: #000; }
.gboxbottom { height: 19px; background: #FFFFFF url(images/grey_bottom.jpg) no-repeat; color: #000;  }
.gbox { width: 175px; background: #EDEDED }
.gbox2 { width: 275px; background: #EDEDED }
.gbox3 { width: 250px; background: #EDEDED }
.gbox p { padding: 4px 10px; margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #666666; text-decoration: none;}

/* Grey Side Boxes 2 */
.gboxtop2 { height: 10px; background: #FFFFFF url(images/grey_top3.jpg) no-repeat; color: #000; }
.gboxbottom2 { height: 19px; background: #FFFFFF url(images/grey_bottom3.jpg) no-repeat; color: #000;  }
.gbox2 { width: 200px; background: #EDEDED }
.gbox2 p { padding: 4px 10px; margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #666666; text-decoration: none;}

/* Grey Side Boxes 4 */
.gboxtop4 { height: 10px; background: #FFFFFF url(images/grey_top4.jpg) no-repeat; color: #000; }
.gboxbottom4 { height: 19px; background: #FFFFFF url(images/grey_bottom4.jpg) no-repeat; color: #000;  }
.gbox4 { width: 250px; background: #EDEDED }
.gbox4 p { padding: 4px 10px; margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #666666; text-decoration: none;}

/* Grey Side Boxes M */
.gboxtopM { height: 10px; background: #FFFFFF url(images/grey_topMedia.jpg) no-repeat; color: #000; }
.gboxbottomM { height: 19px; background: #FFFFFF url(images/grey_bottomMedia.jpg) no-repeat; color: #000;  }
.gboxM { width: 590px; background: #EDEDED }
.gboxM p { padding: 4px 10px; margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #666666; text-decoration: none;}


/* Search Box */
.searchtop { height: 29px; width: 420px; background: #FFFFFF url(images/search_top.jpg) no-repeat; color: #000; }
.searchbottom { height: 19px; width: 420px; background: #FFFFFF url(images/search_bottom.jpg) no-repeat; color: #000;  }
.search { width: 400px; background: #EDEDED url(images/search_back.jpg) no-repeat;}

.search_text {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #666666; text-decoration: none;}
.search_header {font-family: Arial, Helvetica, Verdana, sans-serif;	font-size: 12px; color: #FFFFFF; font-weight: bold;}

input.search { width: 250px; height: 28px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }
select.jump { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #666666;} 


/* Navigation */

#menu 
{
  float: right;
	margin: 2px 20px 0px 0px;
}

#menu2 
{
  float: center;
	margin: 2px 20px 0px 0px;
}


#menu ul 
{
	margin: 0;
	padding: 0;
	white-space : nowrap;
}

#menu ul li 
{
	margin: 0;
	padding: 0;
	display: block;
	float:left;
	text-align: center;
}

#menu ul li a 
{
	color : #12487A;
	background-color: transparent;
	text-decoration : none;
	font-weight: bold;
	display: block;
	border-style:none;
}

#menu ul li a:link, #menu ul li a:visited 
{
	background-image: url(images/menu_tabs.gif);
	background-repeat: no-repeat;
	color: #12487A;
	height: 26px;
	width: 132px;
	line-height: 26px;
	padding-top: 7px;
}

#menu ul li a:hover, #menu ul li a:active 
{
	background-image: url(images/menu_tabs.gif);
	background-repeat: no-repeat;
	background-position: 0px -33px;
	height: 29px;
	width: 132px;
	line-height: 29px;
	padding-top: 4px;
}

 
#menu ul li.active a:hover, #menu ul li.active a:active,#menu ul li.active a:link, #menu ul li.active a:visited 
{
	background-image: url(images/menu_tabs.gif);
	background-repeat: no-repeat;
	background-position: 0px -66px;
	height: 29px;
	width: 132px;
	line-height: 29px;
	padding-top: 4px;
	color: #FFFFFF;
}

/* Navigation  -- Account*/

#menuA 
{
  float: right;
	margin: 2px 20px 0px 0px;
}

#menuA ul 
{
	margin: 0;
	padding: 0;
	white-space : nowrap;
}

#menuA ul li 
{
	margin: 0;
	padding: 0;
	display: block;
	float:left;
	text-align: center;
}

#menuA ul li a 
{
	color : #12487A;
	background-color: transparent;
	text-decoration : none;
	font-weight: bold;
	display: block;
	border-style:none;
}

#menuA ul li a:link, #menuA ul li a:visited 
{
	background-image: url(images/menu_tabs_green.gif);
	background-repeat: no-repeat;
	color: #12487A;
	height: 26px;
	width: 132px;
	line-height: 26px;
	padding-top: 7px;
}

#menuA ul li a:hover, #menuA ul li a:active 
{
	background-image: url(images/menu_tabs_green.gif);
	background-repeat: no-repeat;
	background-position: 0px -33px;
	height: 29px;
	width: 132px;
	line-height: 29px;
	padding-top: 4px;
}

 
#menuA ul li.active a:hover, #menuA ul li.active a:active,#menuA ul li.active a:link, #menuA ul li.active a:visited 
{
	background-image: url(images/menu_tabs_green.gif);
	background-repeat: no-repeat;
	background-position: 0px -66px;
	height: 29px;
	width: 132px;
	line-height: 29px;
	padding-top: 4px;
	color: #FFFFFF;
}

/* Report tables styles */

.verticalBarGraph {
	border-bottom: 1px solid #FFF;
	height: 200px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
.verticalBarGraph li {
	border: 1px solid #555;
	border-bottom: none;
	bottom: 0;
	list-style:none;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 39px;
	}
	
.barGraph {
	background: url(images/reportBarBlue.jpg) bottom left;
	border-bottom: 3px solid #333;
	font: 9px Helvetica, Geneva, sans-serif;
	height: 200px;
	margin: 1em 0;
	padding: 0;
	position: relative;
	}
	
.barGraph li {
	background: #666 url(images/reportBarBlue.jpg) repeat-y top right;
	border: 1px solid #555;
	border-bottom: none;
	bottom: 0; 
	color: #FFF;
	margin: 0; 
	padding: 0 0 0 0;
	position: absolute;
	list-style: none;
	text-align: center;
	width: 24px;
	}
	
.barGraph li.p1{ background-color:#003366 }
.barGraph li.p2{ background-color:#888888 }
.barGraph li.p3{ background-color:#AAAAAA }

.barGraphMenu {
	border-bottom: 3px solid #333;
	font: 9px Helvetica, Geneva, sans-serif;
	height: 2px;
	margin: 1em 0;
	padding: 0;
	position: relative;
	}
	
.barGraphMenu li {
	background: #666 url(images/reportBarBlue.jpg) repeat-y top right;
	border: 1px solid #555;
	border-bottom: none;
	bottom: 0; 
	color: #FFF;
	margin: 0; 
	padding: 0 0 0 0;
	position: absolute;
	list-style: none;
	text-align: center;
	width: 24px;
	}

fauxLineGraph {
	background: url(images/horizontal_line_2.png) bottom left;
	border-bottom: 3px solid #333; 
	font: 9px Helvetica, Geneva, sans-serif;
	height: 200px;
	margin: 1em 0; 
	padding: 0;
	position: relative; 
	}
.fauxLineGraph li {
	border-top: 3px solid #555; 
	border-bottom: none; 
	color: #000;
	bottom: 0; 
	list-style: none;
	margin: 0; 
	padding: 0 0 0 0;
	position: absolute; 
	text-align: center; 
	width: 39px; 
	}

.fauxLineGraph li.p1{ 
	background: url(images/blue_shadow.png) repeat-x top right;
	border-color: #4E536B; 
	}
.fauxLineGraph li.p2{ 
	background: url(images/red_shadow.png) repeat-x top right; 
	border-color: #355B31;
	}
.fauxLineGraph li.p3{ 
	background: url(images/yellow_shadow.png) repeat-x top right; 
	border-color: #88262B;
	}

.pointGraph {
	background: url(images/horizontal_line_2.png) bottom left;
	border-bottom: 3px solid #333; 
	font: 9px Helvetica, Geneva, sans-serif;
	height: 200px;
	margin: 1em 0; 
	padding: 0;
	position: relative; 
	}
.pointGraph li {
	border-bottom: none; 
	bottom: 0; 
	color: #000;
	margin: 0; 
	padding: 15px 0 0 0;
	list-style: none;
	position: absolute; 
	text-align: center; 
	width: 39px; 
	}

.pointGraph li.p1{ background: url(images/nav_step_1.png) no-repeat top center;}
.pointGraph li.p2{ background: url(images/nav_step_4.png) no-repeat top center; }
.pointGraph li.p3{ background: url(images/nav_step_6.png) no-repeat top center; }