/* CSS Document */

body {
 margin: 0px;
 padding: 10px;
 color: #333333;
}

table {
 font-family: verdana, arial, helvetica, sans serif;
 width: 100%;
}

table {font-size: 0.7em;}
table table {font-size: 1em;}

td, th {
 padding: 0px;
}

img {
 border: none;
}

h1 {
 color: #0064DD;
 font-weight: bold;
 font-size: 1.3em;
}

h2 {
 color: #0064DD;
 font-weight: bold;
 font-size: 1.1em;
}

h3 {
 color: #333333;
 font-weight: bold;
 font-size: 1.1em;
 margin-bottom: 8px;
}

h4 {
 color: #333333;
 font-weight: bold;
 font-size: 1em;
 margin-bottom: 4px;
}

p, ul, ol {
 margin-top: 4px;
 margin-bottom: 8px;
}

li {
 margin-top: 3px;
}

a, a:visited {
 color: #0064DD;
 text-decoration: underline;
}

a:hover, a:visited:hover {
 text-decoration: none;
}

input, select, textarea {
 font-family: verdana, arial, helvetica, sans serif;
 font-size: 1em;
 color: #333333;
}
.text, select, textarea {width: 150px;}
.form .text, .form select, .form textarea {width: 375px;}
.number, .form .number {width: 60px;}
.value, .form .value {width: 60px;}
.date {width: 7em;}
.account {width: auto;}
.accountSmallFont {width: auto; font-size: smaller}
.year, .form .year {width: 8em;}
.button {width: auto;}
.title {width: 40px;}
.auto, .form .auto {width: auto;}
.addNew {float: right; height: 30px;}
.addPlanArea {float: right; margin-top: 5px;}
.description {width: 180px;}
.unitChange {width: auto; color: Red; font-weight: bold;}
/*Buttons*/

.tabs {border-bottom: 1px solid #CCCCCC; padding: 4px 3px 3px 3px; margin: 5px 0px 10px 0px;}
.tabs h3, .tabs a, .tabs a:visited {display: inline; text-align: center; font-weight: bold; font-size: 1.1em; border-style: solid; border-color: #CCCCCC;}
.tabs h3 {background: #FFFFFF; border-width: 1px 1px 0px 1px; padding: 3px 5px 4px 5px; margin: 0px 3px 0px 2px;}
.tabs a, .tabs a:visited {color: #CCCCCC; background: #EEEEEE; border-width: 1px 1px 1px 1px; padding: 3px 5px; color: #666666; margin: 0px 0px 0px 2px;}
.tabs .alert {font-size: 1em;}

.button {
 background: #DDDDDD;
 border-right: 2px solid #BBBBBB;
 border-bottom: 2px solid #BBBBBB;
 border-top: 2px solid #EEEEEE;
 border-left: 2px solid #EEEEEE;
 margin: 8px 0px;
 padding: 3px 3px 3px 3px;
 color: Black;
 text-decoration:none
}

.button:visited {
 text-decoration: none;
 color: Black
}

.button:hover {
 text-decoration: none;
 color: Gray
}

.small 
{
 margin: 0px 0px;
 width: 20px;
 text-align: center;
 vertical-align: bottom	
}

.key {
 background: #D9EAFF;
 border-right: 2px solid #BBDFFF;
 border-bottom: 2px solid #BBDFFF;
 border-top: 2px solid #E8F4FF;
 border-left: 2px solid #E8F4FF;
}

.sideBar .button, .search .button, .form .button {
 margin: 0px;
}

/*Search*/
.search {
 margin: 3px 0px;
 width: 580px;
}
.search th {
 text-align: left;
 font-weight: bold;
 width: 20%;
 padding-right: 5px;
 vertical-align: middle;
}

.search td {
 width: 70%;
 padding: 8px 8px 0px 0px;
 vertical-align: middle;
 height: 24px;
}

.twoCol td {
 width: 30%;
}

.free, .free td, .free th {
 width: auto;
}

.paging {text-align: center; color: #0064DD; margin: 5px 0px; font-size: 0.9em;}
.paging .previous {text-align: left; float: left;}
.paging .next {text-align: right; float: right;}
.paging a, .paging a:hover, .paging a:visited, .paging a:visited:hover  {color: #0064DD;}

.results {
 border: 1px solid #DDDDDD;
 margin: 3px 0px;
 background: #FFFFFF;
}

.results th {
 background: #0064DD;
 color: #FFFFFF;
 font-weight: bold;
 padding: 3px 4px 3px 3px;
 vertical-align: top;
 text-align: center;
}

.results th a, .results th a:visited {
 color: #FFFFFF;
}

.results td {
 border-top: 1px solid #DDDDDD;
 padding: 2px 4px 2px 2px;
 vertical-align: top;
}

.results a {
 font-weight: bold;
}

.footer td, .footer th {
 border-top: 1px solid #0064DD;
}

.results .footer th {
 text-align: right;
 color: #333333;
 background: transparent;
}

.resultsWithBorder {
 border-width: 0px 0px 1px 1px;
 border-style: solid;
 border-color: #DDDDDD;
 margin: 3px 0px;
 background: #FFFFFF;
}

.resultsWithBorder th {
 background: #0064DD;
 color: #FFFFFF;
 font-weight: bold;
 padding: 3px 5px 3px 5px;
 vertical-align: top;
 text-align: center;
 border-width: 1px 1px 0px 0px;
 border-style: solid;
 border-color: #DDDDDD;
}

.resultsWithBorder th a, .resultsWithBorder th a:visited {
 color: #FFFFFF;
}

.resultsWithBorder td {
 border-width: 1px 1px 0px 0px;
 border-style: solid;
 border-color: #DDDDDD;
 padding: 2px 4px 2px 2px;
 vertical-align: top;
}

.resultsWithBorder a {
 font-weight: bold;
}

.resultsWithBorder .footer th {
 text-align: right;
 color: #333333;
 background: transparent;
}

.colCode {text-align: center;}
.colText {text-align: left;}
.colCheckbox {text-align: center;}
.colYearMonth {text-align: center;}
.colDate {text-align:center;}
.colNumber {text-align:right;}
.colPrice {text-align: right;}
.colLinks {text-align: right;}

.extraDetail {
 width: 400px;
 border: 1px solid #BBDFFF;
 background: #D9EAFF;
 padding: 5px;
 position: absolute;
 z-index: 10;
 display: none;
}

.extraDetail .record {
 width: 100%;
}

.NA {
 font-weight: bold;
 color: #666666;
}

/*Tooltip Styles*/

.toolTip
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	visibility: hidden;
	font-size: 11px;
	background: #D9EAFF;
	padding: 5px;
	border: 1px solid #BBDFFF;
	font-family:Arial;
	text-align:left;
}

.toolTipRecord {
 border: 1px solid #CCCCCC;
 border-top: none;
 width: 270px;
 margin: 4px 0px;
 background: #D9EAFF;
}

.toolTipRecord th {
 text-align: left;
 border-top: 1px solid #CCCCCC;
 color: #333333;
 background: #EEEEEE;
 padding: 2px;
 width: 50%;
 vertical-align: top;
}

.toolTipRecord td {
 border-top: 1px solid #CCCCCC;
 padding: 2px;
 background: #ffffff;
 width: 50%;
 vertical-align: top;
}

/*Record*/

.record {
 border: 1px solid #CCCCCC;
 border-top: none;
 width: 580px;
 margin: 4px 0px;
 background: #D9EAFF;
}

.record th {
 text-align: left;
 border-top: 1px solid #CCCCCC;
 background: #EEEEEE;
 padding: 2px;
 width: 30%;
 vertical-align: top;
}

.record td {
 background: #FFFFFF;
 border-top: 1px solid #CCCCCC;
 padding: 2px;
 width: 70%;
 vertical-align: top;
}

/*Form*/

.form {
 margin: 3px 0px;
 width: 580px;
 border-bottom: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}

.form th {
 text-align: left;
 font-weight: bold;
 width: 30%;
 padding: 3px;
 vertical-align: top;
 background: #EEEEEE;
 border-top: 1px solid #CCCCCC;
}

.form td {
 width: 70%;
 padding: 2px 3px;
 vertical-align: top;
 border-top: 1px solid #CCCCCC;
}

.form td td {
 border-top: none;
 padding: 1px;
 width: auto;
}

.labelNotes {
 font-size: 0.9em;
 font-weight: normal;
 font-style: italic;
}

.mandatory {
 color: #0064DD;
}

.alert, .alert:visited {
 color: #FF0000;
 font-weight: bold;
 font-size: 1.2em;
}

.adobe {
 float: right;
 margin-top: 5px;
}
.infoLine {
 color: #0064DD;
 font-style: italic;
}

/*Layout*/
.header {margin-bottom: 10px;}
.logo {width: 158px;}
.banner {text-align: right; background: url('../images/header.gif') left no-repeat; padding: 10px;}
.menuCol {width: 158px;}
.contentCol {padding-left: 10px;}
.fullWidthCol {width: 100%;}
.sideBar {width: 40%; float: right; border: 1px solid #BBDFFF; background: #D9EAFF; padding: 5px;}
.box {border: 1px solid #BBDFFF; background: #D9EAFF; padding: 5px; margin: 10px 0px;}
.box h3 {margin-top: 0px;}
.withSideBar {margin-right: 41.5%;} /*use with box on pages that also have a sidebar*/
.sideBar select, .sideBar input, .box select .box input {margin-top: 3px;}

/*Menu*/
.menu {width:158px; background: #EEEEEE; border: 1px solid #CCCCCC; padding: 5px; font-size: 1.1em;}
.menuItem a, .menuItem a:visited {padding: 3px; color: #333333; text-decoration: none; display: block; width: 100%;}
.menuItem a:hover, .menuItem a:visited:hover {padding: 2px; border: 1px solid #CCCCCC;}
.selected {border: 1px solid #CCCCCC; background: #DDDDDD;}
.subMenu {padding: 0px 5px 5px 5px; font-size: 0.9em;}
.subMenu .selected {border: none; background: #CCCCCC; font-size: 1.0em;}
.collapsed {display: none;}
#divCollapseMenu, #divCollapsed {display: none;}

.error {
 font-weight: bold;
 color: Red;
}

error:link {
color: Red;
text-decoration:none;
}

.error:visited {
 font-weight: bold;
 color: Red;
}

div.spacer {
  font-size: 4px;
  clear: both;
}

.list label {
 margin-right: 10px;
}