/*
==========================================================================
ENTITY Styles
==========================================================================
*/

* {
	line-height: 140%;
}

html {
	height: 100%;
}


body {
	margin:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #565A66;
	color: #666666;

	height: 100%;
	min-height: 101%;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


table
{
	font-size: 12px;
}

a, a:link {color: #369;}
/*a:visited {color: #3B69A1;}*/
a:hover   {color: #369;}
a:active  {color: #369;}

/* CLASS Styles */

/* header */
table.header td {
	background-image: url(/images/bgTop.jpg);
	background-color: #e5e5c9;
}

/* body-cell */
td.body-cell {
	padding: 10px 4px;
	background-color: white;
}


td.nav-cell {
	padding: 10px 0px 20px 2px;
	width: 20%;
	width: 175px;
	background-color: white;
}

/* footer */
td.footer {
	background-color: rgb(204,204,153);
	font-size: smaller;
	text-align: left;
	color: #036;
	padding: 4px;
}

/*
==========================================================================
HORIZONTAL MENU
==========================================================================
*/

#h_nav_main {
	background-color: #036;
	padding: 0px;
	padding: 3px 3px 3px 3px;
	padding: 4px 12px 4px 2px;
	margin: 0;
	color: white;
	text-transform: uppercase;
	text-transform: capitalize;
	font-size: 1.2em;
}

#h_nav_main li {
	padding: 0px;
	padding-right: 8px;
	display: inline;
	list-style-type: none;
}

#h_nav_main li a {
	color: white;
	text-decoration: none;
	padding: 1px 5px;
}

#h_nav_main li a:hover, #h_nav_main li a.current {
	background-color: white;
	color: #036;
}



/*
==========================================================================
VERTICAL MENU
==========================================================================
*/

#h_nav_sub {
	list-style-type: none;
	font-weight: bold;
	color: #369;
	background-color: white;
	margin-left: 0;
	padding: 12px 2px 8px 20px;
	text-transform: none;

}

#h_nav_sub li {
	list-style-type: none;
	list-style-image: url(/images/navButton-off.gif);
	margin-left: 0;
	padding: 2px 0px 8px 0px;
}


#h_nav_sub li#current {
   	list-style-type: none;
   	list-style-image: url(/images/navButton-on.gif);
	margin-left: 0;
	padding: 2px 0px 8px 0px;
}


#h_nav_sub a {
	display: block;
	text-decoration: none;
}

#h_nav_sub a:hover {
	color: white;
	background-color: #036;
	text-decoration: none;
}


#h_nav_sub li ul {
	color: #036;
	background-color: white;

	margin-left: 0;
	padding-left: 0;
	padding: 2px 2px 8px 22px;
	text-transform: none;
}

#h_nav_sub li ul li {
   	list-style-type: none;
   	list-style-image: url(/images/subnav.gif);
	color: red;

	margin-left: 0;
	padding-left: 0;
	padding: 2px 0px 8px 0px;

}

#h_nav_sub li ul a {
	display: block;
	text-decoration: none;
	color: #666666;
}

#h_nav_sub li ul a:hover, li ul li a:hover {
	text-decoration: none;
}

#h_nav_sub li ul li#current {
	list-style-type: none;
	list-style-image: url(/images/subnav.gif);
	margin-left: 0;
	padding-left: 0;
	padding: 2px 0px 8px 0px;
}



/*
==========================================================================
REPORTS
==========================================================================
*/

INPUT:focus, BUTTON:focus, TEXTAREA:focus {
	color: #000;
	background-color: #FBC87F;
}

fieldset {
	background-color: #F2F3D9;
	background-color: #f7eec3;
	padding: 10px 10px 50px 10px;
	margin-left: 0px;
	height: auto;
	text-align: justify;

	/***********
	min-height: 10%;
	***********/
}

fieldset legend {
	font-size: 14px;
	font-size: 1.5em;
	font-weight: bold;
	color: #369;

	padding: 2px 10px;
	margin-bottom: 2px;
	background-color: #FFFFFF;
	border: 1px solid gray;
	margin-left: -12px;
}

fieldset h2 {
	/****************************
	color: #336699;
	****************************/
	font-weight: bold;
	font-size: 1.5em;
	display: block;
	margin-top: 30px;
	margin-bottom: 4px;
}

fieldset p {
	margin-top: 0px;
	margin-bottom: 25px;
}

fieldset ul {
	list-style: square;
	padding-left: 20px;
	margin-top: 20px;
}

fieldset ul li {
	padding-bottom: 4px;
	margin-bottom: 6px;
}

fieldset ul ul {
	list-style: disc;
	margin-bottom: 18px;
	margin-top: 6px;
}
fieldset a, a:link {
	color: #369;
}
fieldset a:hover {
	color: #369;
	font-weight: bold;
}
fieldset a:active {
	color: #369;
}


.tableData {
	width: 95%;
	width: 100%;
	align: center;
}
.tableData thead, th {
	color: #FFFFFF;
	/******************
	background-color: #003366;
	******************/
	background-image: url(/images/bg.png);
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	## font-weight: bold;
	## padding: 0 8 0 0;
	font-size: 12px;
	font-weight: bold;
}
.header_row {
	color: #FFFFFF;
	background-color: #003366;
	font-size: 14px;
	text-align: left;
	## font-weight: bold;
	## padding: 0 8 0 0;
	font-size: 12px;
	font-weight: bold;
}
.tableData td {
	vertical-align: top;
}
.tableData table.altrow0, tr.altrow0, table.table.altrow0 {
}
.tableData table.altrow1, tr.altrow1, table.table.altrow1 {
	background-color: #FFFEE8;
	background-color: #F2F3D9;
	background-color: #ccfcaa;
	background-color: #FFEAAA;
	background-color: #cccfaa;
	background-color: beige;
	background-color: palegoldenrod;
	background-color: #FBC87F;
}
.tableData table.altrow0:hover, tr.altrow0:hover, table.altrow1:hover, tr.altrow1:hover
{
	background-color: #EAEAFF;
	background-color: #FFFAAE;
	background-color: #FFEAAA;
	background-color: #cccfaa;
	background-color: #E5ECF3;
	background-color: #7FCAFF;
}



/*
==========================================================================
ACCESS TABLE
==========================================================================
*/
#h_nav_flip {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#h_nav_flip ul {
	list-style: none;
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#h_nav_flip li {
	display: inline;
	padding: 0;
	margin: 0;
}


#h_nav_flip a:link, #h_nav_flip a:visited {
	padding: 2px 10px 2px 10px;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	border: 0px solid #336699;
}

#h_nav_flip a:hover {
	color: #F2F3D9;
	background-color: #336699;
}



/*
==========================================================================
FORMS
==========================================================================
*/
.cr_form {
	width: 450px;
}

.cr_form_buttons {
	margin-top: 6px;
	margin-left: 100px;
	display: inline;
}
.cr_form_buttons button, .cr_form_buttons input  {
	width: 80px;
	margin-top: 6px;
	margin-right: 8px;
}

.cr_form_entry {
	display: block;
}
.cr_form_entry label {
	width: 100px;
	float: left;
	text-align: left;
	padding-top: 6px;
	font-weight: bold;
}

div.cr_form_entry input {
	margin-top: 6px;
	width: 350px;
}
.cr_form_entry textarea {
	margin-top: 6px;
	width: 350px;
	height: 200px;
}



/*
==========================================================================
MISC
==========================================================================
*/
.heading {
	font-size: 1.4em;
	margin-bottom: 10px;
	font-weight: normal;
}
.bold {
	font-weight: bold;
	padding-bottom: 6px;
}
.blue {
	color: #336699;
	padding-bottom: 6px;
}
.blue_bold {
	color: #336699;
	font-weight: bold;
	/****************
	display: block;
	****************/
	text-decoration: none;
	padding-bottom: 6px;
}

.errorMsg {
	## font-family: Verdana, Arial, Helvetica, sans-serif;
	## font-size: 12px;
	## font-weight: normal;
	color: red;
	## line-height: 140%;
}

.syntax0 {
	background-color: red;
}
.syntax1 {
}

.licenseText {
	color: red;
	font-weight: bold;
}
.licenseText:first-letter {
	color: red;
}

.page_top, .page_top a {
	text-align: right;
	padding: 2px 2px 12px 2px;
	margin: 0px 0px 10px 0px;
}



/*
==========================================================================
BARCHARTS
==========================================================================
*/
.barchart_stacked {
	height: 17px;
	float: left;
	vertical-align: top;
	vertical-align: bottom;
}

.barchart_side {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	display: inline;
	list-style-type: none;
}

.barchart_side li {
	vertical-align: top;
	line-height: 0px;
}

.barchart_side img {
	height: 17px;
}
.barchart_side span {
	line-height: 17px;
	vertical-align: top;
}



/*
==========================================================================
INFO BOX - DEFAULT
==========================================================================
*/
.info_box {
	/***************
	border-right: 1px solid #5a5b5d;
	width: 172px;
	width: 98%;
	width: 90%;
	text-align: justify;
	***************/
	padding: 7px !important;

	margin-bottom: 5px;
	margin-bottom: 18px;
	background-color: #fff;
	border: 1px solid #0061a1;
}

.info_box h4 {
	color: #fff;
	background-color: #0061a1;
	font-size: 14px;

	/***************
	font-size: 12pt;
	padding: 4px;
	padding-left: 6px;
	margin: -5px -5px 9px -5px;
	***************/
	padding: 2px 4px 2px 6px;
	margin: -6px -6px 10px -6px;
}

.info_box h4 a {
	color: #fff;
}

.info_box h5 {
	font-size: 9pt;
	font-weight: bold;
}

.info_box p {
	### margin-bottom: 18px;
}

.info_box ul {
	list-style: square;
	### margin-bottom: 18px;
}

.info_box li {
	margin-left: 14px;
}

.info_box li p {
	padding: 0 !important;
	margin: 0 !important;
}

.info_box table {
	margin: 0 !important;
}

.info_box form {
	padding: 6px 4px 0px 4px;
	margin: 0 !important;
}


.info_box a, a:link {
	color: #369;
}
.info_box a:hover {
	color: #369;
	font-weight: bold;
}
.info_box a:active {
	color: #369;
}



/*
==========================================================================
INFO BOX MORE LINK
==========================================================================
*/
.more_link {
	text-align: right;
	display: block;
}
.more_link INPUT, .more_link BUTTON {
	display: inline;
	text-decoration: none;
	border: 0px solid;
	font-weight: bold;
	color: #369;
	background-color: white;
}



.more_link INPUT:hover, .more_link BUTTON:hover {
	display: inline;
	border: 0px solid;
	font-weight: bold;
	color: white;
	background-color: #036;
	text-decoration: none;
}



/*
==========================================================================
INFO BOX MORE LINK
==========================================================================
*/
.more_link_db {
	text-align: right;
	display: block;
}
.more_link_db INPUT, .more_link_db BUTTON {
	display: inline;
	text-decoration: none;
	border: 0px solid;
	font-weight: bold;
	color: #369;
	background-color: #F2F3D9;
	background-color: #f7eec3;
}



.more_link_db INPUT:hover, .more_link_db BUTTON:hover {
	display: inline;
	text-decoration: none;
	border: 0px solid;
	font-weight: bold;
	color: #f7eec3;
	background-color: #369;
}



/*
==========================================================================
REPORT CHARTS
==========================================================================
*/
.chart_header {
	color: #336699;
	font-weight: bold;
	font-size: 18px;
	margin-top: 50px;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: underline;
	width: 100%
}

#chart {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	height: 90%;
	width: auto;
	background-color: #f7eec3;
}

#chart0 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	height: 90%;
	width: auto;
	background-color: #f7eec3;
}

#chart1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	height: 90%;
	width: auto;
	background-color: #f7eec3;
}

#chart2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	height: 90%;
	width: auto;
	background-color: #f7eec3;
}

#chart3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	height: 90%;
	width: auto;
	background-color: #f7eec3;
}

#chart4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	height: 90%;
	width: auto;
	background-color: #f7eec3;
}

#chart5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	height: 90%;
	width: auto;
	background-color: #f7eec3;
}

#chart6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	height: 90%;
	width: auto;
	background-color: #f7eec3;
}

#chart7 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	height: 90%;
	width: auto;
	background-color: #f7eec3;
}

#chart8 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	height: 90%;
	width: auto;
	background-color: #f7eec3;
}

#chart9 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	height: 90%;
	width: auto;
	background-color: #f7eec3;
}