html, body {height:100%}

body {
	background-color: #ffffff;
	margin: 0px;
	font-size: 11px;
	font-size: 0.7em;
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 1.4em;
	font-family: Arial, Sans-Serif;
	height:100%;
	min-width:994px;
	max-width:994px;
	width:auto !important;
	width:994px;
	margin: 0 auto;

}

td, th {
	font-size: 11px;
	font-size: 1em;
	line-height: 1.3em;
}

a,
a:link,
a:active {
	color: #0000ff;
	text-decoration: none;
}

a:visited {
	color: #3300cc;
}

a:hover {
	text-decoration: underline;
}


form {
	margin: 0px;
}

input {
	font-size: 1em;
}

select {
	font-size: 1em;
}

.bold {
	font-weight: bold;
}

.nonbold {
	font-weight: normal;
}

p {
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}

p.fineprint {
	font-size: 10px;
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 0.7em;
	color: #666666;
}

p.dottedtop {
	background-image: url(horizontal-cccccc.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 4px;
}

p.dottedspacer {
	background-image: url(horizontal-cccccc.gif);
	background-position: center left;
	background-repeat: repeat-x;
	margin: 0px;
	font-size: 1px;
	line-height: 1px;
}

ul {
	margin: 0px;
	padding-left: 2.5em;
}

ul.steps { 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(dots_horiz.gif) #f5f5f5 repeat-x left bottom; 
	FLOAT: left; PADDING-BOTTOM: 1px; 
	MARGIN: 0px; PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none 
}

ul.steps li { 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	BACKGROUND: url(dots_horiz.gif) #f5f5f5 repeat-x left top; 
	FLOAT: left; PADDING-BOTTOM: 5px; 
	MARGIN: 0px; 
	FONT: 16px Verdana, Arial, Helvetica, sans-serif; 
	COLOR: #cccccc; PADDING-TOP: 5px 
}
	
ul.steps li SPAN { 
	DISPLAY: block; 
	FONT: 24px Times, Times New Roman, Georgia, serif; 
	COLOR: #cccccc 
}
	
ul.steps li.current { 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #223e6e 
}

ul.steps li.current SPAN { 
	DISPLAY: block; 
	COLOR: #ffffff 
}


/* these two classes are used to stack items that normally
would have vertical margins separating them. to stack two
datatables, for instance, class the top one as .last and the
bottom one as .first */

.first {
	margin-top: 0px !important;
}

.last {
	margin-bottom: 0px !important;
}

#outer{ 
min-height:100%;
margin-left:176px;
margin-right:0px;
background:white;
border-left:0px solid #D3D3D3;
border-right:0px solid #D3D3D3;
color: #000000;
margin-bottom:-132px;
}
* html #outer{height:100%;he\ight:1px} /* IE6 and under treat height as min-height anyway*/

#header{
background-color: #223E6E;
border-top:0px solid #D3D3D3;
border-bottom:0px solid #D3D3D3;
color: #000;
text-align:center;
position:relative;
margin-left:-176px;
min-height:0;/* ie 7 haslayout fix */
}
/* mac hide \*/
* html #header{height:56px;he\ight:1px}/* height needed for ie to force layout*/
/* end hide*/

#header a {
	color: #ffffff;
}
#header a:visited {
	color: #ffffff;
}

#banner {
	position: relative;
}

#header h2 {
	color: #082577;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8em;
	line-height: 18px;
	line-height: 1em;
	padding: 0px;
	margin: 0px;
	padding-top: 11px;
	z-index: 5000;
}

#header h2 a {
	color: #082577 !important;
}

#headerlinks {
	font-size: 10px;
	font-size: 1em;
	color: #3D6089;
	margin-bottom: 5px;
	margin-left: 5px;
}

#lblAppTitle {
	color: #CACED9;
}

/*
	each headerlink is an A tag
	current link should be defined with span.current instead of an A tag
*/

#headerlinks a {
	font-weight: normal;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}


#headerlinks a:hover {
	text-decoration: underline !important;
}

#headerlinks span.current {
	font-weight: bold;
	color: #99ddff;
	padding: 1px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

/*====================================================
	topnav
	each link is an A tag
	current link should be defined with div.current
	instead of an A tag
=====================================================*/

#topnav {
	background-color: #082577;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 1.0em;
	font-weight: bold;
	font-family: Verdana, Arial;
	background-image: url(/images/bg-topnav.gif); /*top_nav_bg1.jpg*/
	white-space: nowrap;
	min-height:0; /* ie 7 haslayout fix */
	text-align:left;

}

/* mac hide \*/
*html #topnav {height:30px;he\ight:1px}
/* end hide*/

#topnav a {
	color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: .6em;
	padding-bottom: .5em;
	text-decoration: none;
}

#topnav a:hover {
	text-decoration: none;
		color: #125580;
		background-image: url(/images/bg-topnavhover-ggrad.gif);
		background-repeat: repeat-x;
		padding-bottom: .6em;
		color: #125580;
}


#topnav span.divider {
		background-image: url(/images/bg-topnav-divider.gif);
		background-repeat: no-repeat;
		background-position: center;
		width: 1px;
		padding-top: 5px;
		padding-bottom: 6px;
		
	}

* html #topnav span.divider {
		font-size: 3px;
		padding-top: 11px;
		padding-bottom: 6px;
}


#topnav a.current {
	background-image: url(/images/bg-topnavhover-ggrad.gif);
	background-repeat: repeat-x;
	color: #125580;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: .6em;
	padding-bottom: .6em;
	text-decoration: none;
}

#topnav a.current:hover {
	text-decoration: underline;
}
/*====================================================
	subnav
	each link is an A tag
	current link should be defined with span.current
	instead of an A tag
=====================================================*/

#subnav {
	line-height: 2.45em;
	padding-bottom: .6em;
	background-image: url(/images/bg_tertiary_nav.gif);
	background-repeat: repeat-x;
	white-space: nowrap;
	min-height:0;/* ie 7 haslayout fix */
}

/* mac hide \*/
*html #subnav {height:30px;he\ight:1px}
/* end hide*/

#subnav a {
	font-family: verdana, arial, helvetica;
	color: #446293;
	text-decoration: underline;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: .5em;
	padding-bottom: .6em;
	margin:0px;
}


#subnav a:hover {
	background-image: url(/images/bg_tertiary_nav_on.gif);
	background-repeat: repeat-x;
	border-top: 1px #FFD08A solid;
	border-bottom: 1px #CF7B00 solid;
}


#subnav a.current,
#subnav a.current:hover {
	font-family: verdana, arial, helvetica;
	color: #233c66;
	font-weight: bold;
	background-image: url(/images/bg_tertiary_nav_current.gif);
	background-position: center;
	border-top: 1px #FFD08A solid;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: .5em;
	padding-bottom: 1.5em;	
	margin-left: 0px;
}

#subnav a.current {
	text-decoration: none !important;
}

#subnav a.current:hover {
	text-decoration: underline !important;
	border: 0;
}

* html #subnav a.current,
* html #subnav a.current:hover {
	padding-bottom: 1.6em;	
}


#left {
position:relative;/*ie needs this to show float */
width:175px;/* same as the left margin on #outer*/
float:left;
margin-left:-174px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/ 
left:-2px;/* push column into position*/
padding-top:10px;
padding-left: 0px;
}
#left p {padding-left:0px;padding-right:0px}

#centrecontent p {padding-left:10px;padding-right:10px;padding-top:2px;}

#centrecontent {
width: auto;
padding-top: 10px;
font-size: 1.1em;
padding-left: 6px;
}


#footer {
width:100%;
clear:both;
height:130px;
border-top:1px solid #D3D3D3;
border-bottom:0px solid #D3D3D3;
background-color: white;
color: #000000;
text-align:center;
position:relative;
}
* html #footer {/*only ie gets this style*/
\height:132px;/* for ie5 */
he\ight:130px;/* for ie6 */
}

#clearfooter{clear:both;height:135px;}/*needed to make room for footer*/ 
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

/*====================================================
	modules
	the .module class is the basic building block
	for most non-data content in the site
=====================================================*/

.module {
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding-left: 8px;
	padding-right: 8px;
	background-color:#FAFAFA;
}
* html .module {
	padding-bottom: 8px;
	padd\ing-bottom: 0px;
}

.module h3 {
	background-color: #add2e2; /*#add2e2; /*#ccc; */
	background-image:url(/images/blue_head_bg.gif); /*top_nav_bg1.jpg*/
	font-size: 12px;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -8px;
	margin-right: -8px;


}

* html .module h3 {
	padding-top: 4px;
	padding-bottom: 4px;
	padd\ing-bottom: 5px;
}

.module h1 {
	background-color: #add2e2; /*#add2e2; /*#ccc; */
	background-image:url(/images/blue_head_bg.gif); /*top_nav_bg1.jpg*/
	font-size: 12px;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -8px;
	margin-right: -8px;
}

* html .module h1 {
	padding-top: 4px;
	padding-bottom: 4px;
	padd\ing-bottom: 5px;
}

.module p {
	margin-top: 0.9em;
	margin-bottom: 1em;
}

.module.ad {
	border: 0px;
	padding:0px;
}

.module.ad h3 {
	background-color: #add2e2; /*#add2e2; /*#ccc; */
	background-image:url(/images/blue_head_bg.gif); /*top_nav_bg1.jpg*/
	margin-left: 0px;
	margin-right: 0px;
	text-align:center;
	}
* html .module.ad h3 {
	padding-top: 4px;
	padding-bottom: 4px;
	padd\ing-bottom: 5px;
}


.module.ad img {
	display: block;
}

.module.solid {
	background-color: #efefef;
}

.module.bp {
	padding-bottom: 8px;
}

.module.scroll {
	background-color: #efefef;
	padding:0px;
	font-size:0.9em;	/* Smaller font size than the rest of the page */
	height:1%;
}

.module.scroll h3 {
	background-color: #add2e2; /*#add2e2; /*#ccc; */
	background-image:url(/images/blue_head_bg.gif); /*top_nav_bg1.jpg*/
	margin-left: 0px;
	margin-right: 0px;
	text-align:center;
	}
* html .module.scroll h3 {
	padding-top: 4px;
	padding-bottom: 4px;
	padd\ing-bottom: 5px;
}
.module.scroll.min50px{
height:50px
}


.module.glossary {
	margin-top: 20px;
	width: 600px;
}
.module.glossary h3 {
	color: #333300;
}

.module.subhead {
	border-width: 3px;
	font-weight: bold;
}

.module .bottomrightbutton {
	float: right;
	margin: 0px;
}
* html .module .bottomrightbutton {
	position: absolute;
	right: 10px;
	bottom: 8px;
}


/*====================================================
	login components
=====================================================*/

.module.loginmodule {
	border-color: #003366;
	background-color: #71a4c1; /*#003366; */
	color: #ffffff;
	margin-bottom: 10px;
}

.module.loginmodule h3 {
	background-color: #71a4c1; /*#003366; */
	color: #ffffff;
	background-image:None;
}

.module.loginmodule a {
	color: #ffffff !important;
	text-decoration: underline;
}

.module.loginmodule p.dottedtop {
	background-image: url(/images/horizontal-ffffff.gif);
}

.module.loginmodule input.text {
	margin-bottom: 6px;
}

.module.loginmodule select {
	margin-top: 6px;
	margin-bottom: 6px;
}

#loginrelatedlinks p {
	background-image: url(/images/horizontal-0000ff.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 9px;
	padding-right: 9px;
}

.module.loginmodule #btnLogin {
	margin-right: 3px;
}


#dhtmlgoodies_menu{		
		font-family: verdana,arial,helvetica,sans-serif;	/* Font for main menu items */
		width:175px;	/* Width of main menu */
    	padding-bottom: 16px;
	}
	#dhtmlgoodies_menu	li{	/* Main menu <li> */
		list-style-type:none;	/* No bullets */
		margin:0px;	/* No margin - needed for Opera */
	}
	#dhtmlgoodies_menu ul{	
		margin:0px;	/* No <ul> air */
		padding:0px;	/* No <ul> air */
	}
	#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
		padding-left:10px;
	}
	#dhtmlgoodies_menu	li a{	/* Main menu links */
		text-decoration:none;	/* No underline */
		color:#c60;	/* Black text color */
		height:20px;	/* 20 pixel height */
		line-height:20px;	/* 20 pixel height */
		vertical-align:middle;	/* Align text in the middle */
		border:1px #C5D5DF solid;	/* Black border */
		background-color:#FAFAFA;	/* Light blue background color */
		margin:1px;	/* A little bit of air */
		padding:1px;	/* Air between border and text inside */
		padding-left:5px;
		font-weight: bold;
		display:block;		
	}
	#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
		color:#FFF;
		background-color:#317082;
	}
	.dhtmlgoodies_subMenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		border:1px solid #C5D5DF;
		background-color:#FAFAFA;
		font-family:arial;
		text-align:left;

	}
	.dhtmlgoodies_subMenu ul{
		margin:0px;
		padding:0px;	
	}
	.dhtmlgoodies_subMenu ul li{
		list-style-type:none;
		margin:0px;
		padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
		padding-left:5px;
		padding-right:5px;
	}
	.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
		white-space:nowrap;	/* No line break */
		text-decoration:none;	/* No underline */
		color:#000;	/* Black text color */
		height:16px;	/* 16 pixels height */
		line-height:16px;	/* 16 pixels height */
		padding:1px;	/* 1px of "air" inside */
		display:block;	/* Display as block - you shouldn't change this */
	}
	.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
		color:#FFF;	/* White text */
		background-color:#317082;	/* Blue background */
	}

/*====================================================
	datatable
=====================================================*/

.datatable {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	margin-top: 10px;

}

.datatable td.bar {
	background-color: #ccc;
	font-size: 12px;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 2px;
	background-image: none;
}
* html .datatable td.bar {
	padding-top: 3px;
	padding-bottom: 4px;
}

.datatable td.bar .subhead {
	padding-left: 5px;
	font-weight: normal;
}

.barlinks {
	float: right;
	font-size: 11px;
	font-size: 0.9em;
	font-weight: normal;
	padding-left: 10px;
}

.barlinks span,
.barlinks a {
	padding-left: 5px;
	padding-right: 5px;
}
* html .barlinks a {
	height: 1em;
}

.datatable th, 
.datatable td {
	padding: 4px 5px;
}

.datatable.narrow th,
.datatable.narrow td,
.datatable .narrow th,
.datatable .narrow td,
.datatable th.narrow, 
.datatable td.narrow { 
	padding-top: 1px;
	padding-bottom: 1px;
}

.datatable td {
	vertical-align: top;
}

.datatable th {
	text-align: left;
	vertical-align: bottom;
	padding-top: 5px;
	padding-bottom: 3px;
}

.datatable .right {
	text-align: right;
}
.datatable .center {
	text-align: center;
}

.datatable tr.dotted,
.datatable td.dotted {
	background-image: url(dottedlines/horizontal-cccccc.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.datatable tr.ruled td,
.datatable tr.ruled th,
.datatable td.ruled,
.datatable th.ruled {
	border-bottom: 1px solid #ccc;
}

.datatable tr.totals td {
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	padding-bottom: 3px;
	font-weight: bold;
}

.datatable .currency {
	text-align: right;
	white-space: nowrap;
}

.datatable .indent {
	padding-left: 15px;
}

.datatable .good {
	color: #008800;
}

.datatable .bad {
	color: #cc0000;
}

.datatable td.filled {
	background-color: #efefef;
}

.datatable tr.padtop td,
.datatable tr.padtop th {
	padding-top: 10px;
}

.datatable .unpadright {
	padding-left: 9px;
	padding-right: 1px;
}

.datatable .unpadleft {
	padding-left: 1px;
	padding-right: 9px;
}

.datatable .summary {
	font-weight: bold;
	background-color: #efefef;
}

.datatable .summary.top td {
	border-top: 3px solid #ccc;
}

.datatable .summary.bottom td {
	border-bottom: 3px solid #ccc;
}

.datatable td.spacer {
	border-left: none !important;
	border-right: none !important;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
	padding: 0px;
}

.datatable.grid {
	border: none;
	margin-bottom: 12px;
	border-collapse: collapse;
}

.datatable.grid td,
.datatable.grid th,
.datatable.summary td,
.datatable.summary th {
	border: 1px solid #ccc;
}

.datatable.grid .unpadright,
.datatable.summary .unpadright,
.datatable.combogrid .unpadright {
	border-right: none !important;
}

.datatable.grid .unpadleft,
.datatable.summary .unpadleft,
.datatable.combogrid .unpadleft {
	border-left: none !important;
}

.datatable.grid td td,
.datatable.grid td th,
.datatable.grid th td,
.datatable.grid th th {
	border: none; /* turn off border on nested tables */
}

.datatable.combogrid {
	border-collapse: collapse;
}

.datatable.combogrid td,
.datatable.combogrid th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.datatable.combogrid .dotted {
	border-bottom: none;
}
.datatable.combogrid .noborderbottom {
	border-bottom: none;
}
.datatable.combogrid .noborderright {
	border-right: none;
}

.datatable .borderleft {
	border-left: 1px solid #ccc;
}
.datatable .borderright {
	border-right: 1px solid #ccc;
}
.datatable .borderbottom {
	border-bottom: 1px solid #ccc;
}

.datatable.unlined {
	border: none;
}

/* used when 2 or more datatables are nested in columns inside a content module */
.moduletable {
	margin-top: 8px;
	width: 100%;
}
* html .moduletable {
	width: 97%;
	width: 100%;
}

a.chart {
	background-image: url(images/icon_chart.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 16px;
}
a:hover.chart {
	text-decoration: none;
	
}
* html a.chart {
	height: 1em;
}