html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	behavior : url('css/csshover.htc');
	margin: 0;
	font-family: Arial, sans-serif;
}

#contents {
	position: absolute;
	top: 0;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */

#main {
	margin-bottom: 5em;
	height: auto;
	padding: .0em;
}            
                    
body {
	font-family: Verdana;
	font-size: 10px;
}


body h2 {
	text-indent : 20px;
	color : #9ec7e6;
	font-size : 15px;
	font-weight : bold;
}

body h3 {
	text-indent : 20px;
	color : #10465f;
	font-size : 12px;
	font-weight : bold;
}

#Panel {
	background-color: gray;
	border-bottom: 1px solid black;
	height: 22px;
	margin: 5px;
}

#Page {
	height : auto;	
	min-height: 100%;	
}

#Page a {
	margin-left : 10px;
	color : #3087c9;	
}

#Page table {
	width: 100%;
	height : auto;
}

#Page table.list {
	width: 98.3%;
	margin-left : 10px;
	height : auto;
}

#Page th{
	font-weight: bold;
	background-color: #DFDFDF;
	color: #10465f;
	height: 24px;
}

#Page td {
	text-align: center;
	height: 24px;
	background-color: #eeeeee;
}

.error {
	color: red;
	font-weight: bold;
}

.gray {
	color: gray;
}

.red {
	color: red;
}

.green {
	color: green;
}

#Page td.tdheader {
	text-align: left;
	text-indent : 0px;
	height: 24px;
	background-color: #FFFFFF !important;
	color : #10465f;
	border-bottom : 1px solid gray;
	font-size : 12px;
	white-space: nowrap;
}

#Page tr.header td {
	background-color: #dfdfdf;
	color : #10465f !important;
}

#Page td.h_label {
	background-color: #dfdfdf;
	color : #10465f !important;
	text-align: right;
	padding-right: 8px;
	padding-left: 32px;
	white-space: nowrap;
	width: 20%;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}

#Page td.h_data {
	width: 80%;
	text-align: left;
	padding-left: 8px;
	padding-right: 32px;
	padding-top: 4px;
	padding-bottom: 4px;
	white-space: nowrap;
}

#Page td.v_label {
	background-color: #dfdfdf;
	color : #10465f !important;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	white-space: nowrap;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}

#Page td.v_data {
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	white-space: nowrap;
}

#Page td.blank {
	text-align: center;
	white-space: nowrap;
	background-color: white;
}

#Page td.option {
	width : 86px;
	padding-left : 4px;
	padding-right : 4px;
	white-space: no-wrap;
	vertical-align: top;
}

#Page span.type {
	color: navy;
	text-decoration: underline;
	cursor: pointer;
}

#header {
	margin : 0px;
	padding : 0px;
	top: 0px;
	left: 0px;
	height : 65px;
	width: 100%;
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-x;
}

#menu {
	position : relative;
	top : -2px;
	width: 100%;
	height : 18px;
	background : #427a94;
	text-align : left;
}

#menu_container div {
	background : #427a94;
	float : left;
	padding-left : 10px;
	padding-right : 10px;
	height : 18px;
	font-size : 10px;
	color : white;		
}

#menu_container {
	padding-left : 23px;
	padding-right : 18px;
	float : left;
	height : 18px;	
	text-align : left;
	cursor : pointer;	
}

#menu_container div:hover {
	background : #3087c9;	
}

hr {
	display:block;
	border: none 0px white;
	height : 1px;
	background-color: black;
}

div.line_h {
	background-image: url(../images/line_h.png);
	background-repeat: repeat-x;
	width : 98%;
	margin-left : 12px;
	margin-top : 5px;
	margin-bottom : 5px;	
	height : 1px;
}

#Page td a {
	margin-left : 0px;
	width: 86px;
	height: 21px;
	text-align: center;
	font-weight: bold;
	color : white;		
	cursor : pointer;
	padding-top : 2px;
	background-image: url(../images/btn_blue_gray.png);
	font-size : 11px;
	border : 0px;
	display : block;	
	text-decoration : none;
}

#Page td a.small {
	margin-left : 0px;
	width: 28px;
	height: 21px;
	text-align: center;
	font-weight: bold;
	color : white;
	cursor : pointer;
	padding-top : 2px;
	background-image: url(../images/btn_blue_gray_small.png);
	font-size : 11px;
	border : 0px;
	display : block;
	text-decoration : none;
	margin-left: 2px;
	margin-right: 2px;
}

#Page td a.chart {
	margin-left : 1px;
	width: 22px;
	height: 14px;
	color : white;		
	background-image: url();
	border : 0px;
	display : inline;
	text-decoration : none;
}

.button_blue_gray {
	width: 86px;
	height: 23px;
	text-align: center;
	font-weight: bold;
	color : white;		
	cursor : pointer;
	padding-bottom : 5px;
	background-image: url(../images/btn_blue_gray.png);
	font-size : 11px;
	border : 0px;
}

.gray_bg {
	background : #efefef;
}

#loginbox_wrapper {
	margin-top : 20px;	
}

#loginbox {
	margin : 0px auto;
	width : 98%;
	padding-bottom : 10px;
}

#loginbox table {
	margin-left : 100px;
	width : 350px;
}

#loginbox table tr {
	height : 25px;
}

#loginbox table td {
	text-align : left;
}

#loginbox_wrapper div.error {
	color : red;
	text-indent : 185px;
	font-size : 11pt;
}

#footer {
	bottom : 10px;
	position : absolute;
	width : 100%;
	left :0px;
	color : #818181;
	font-size : 9px;	
}

#position_filter {
	padding-top : 20px;
}

#position_filter table {
	width : 99%;
	padding-left : 13px;
}

#position_filter table tr {
	height : 35px;
}

#position_filter table td {
	text-align : left;
}

#profilebox_wrapper {
	margin-top : 20px;	
}

#profilebox {
	margin : 0px auto;
	width : 98%;
	padding-bottom : 10px;
}

#profilebox table {
	margin-left : 0px;
	width : 800px;
}

#profilebox table tr {
	height : 25px;
}

#profilebox table td {
	text-align : left;
}

#profilebox_wrapper div.error {
	color : red;
	text-indent : 225px;
	font-size : 11pt;
}                 

/* -------------------------------------------------------------------------- */
/* Newsletter */

#newsletter_form {

}

#newsletter_form table {
	width: 98% ! important;
	margin-left: 12px;
}

#newsletter_form td.label {
	text-align: right;	
	width: 10%;
}

#newsletter_form td.data {
	text-align: left;
	width: 90%;
}

#newsletter_results table {
	width: 98% ! important;
	margin-left: 12px;
}

#newsletter_history table {
	width: 98% ! important;
	margin-left: 12px;
}

.module {
	width: 98.3%;
	margin-left : 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.gray-background {
	background-color : #EEEEEE;
}

/* -------------------------------------------------------------------------- */

#Error
{
	width : 100%;
	margin-top : -2px;	
	background : #FFFFCE;
	height : 25px;
	color : red;
	text-indent : 50px;
	padding-top : 5px;	
	font-size : 8pt;
	font-weight : bold;	
}

#message.error {
	border: red 1px solid;
	width: 98%;
	margin: 1%;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	color: #800000;
	font-weight: bold;
	background-color: #FF8C8C;
}
