body {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  color:#333333;
  font-family : Arial, Helvetica, sans-serif;
}

.bg1 {background-color : #004786;}
.bg2 {background-color : #bbd2e3;}
.bg3 {background-color : #ffffdd;}
.bg4 {background-color : #f5f5f5;}
.bg5 {background-color : #cccccc;}
.bg6 {background-color : #9ebbd5;}
.bg7 {background-color : #ffffff;}
.bg8 {background-color : #d0e0e3;}

.font1 {color : #004786; font-family:Arial, Helvetica, sans-serif; font-size: .8em;}
.font2 {color : #bbd2e3; font-family:Arial, Helvetica, sans-serif; font-size: .8em;}
.font3 {color : #ffffdd; font-family:Arial, Helvetica, sans-serif; font-size: .8em;}
.font4 {color : #f5f5f5; font-family:Arial, Helvetica, sans-serif; font-size: .8em;}
.font5 {color : #cccccc; font-family:Arial, Helvetica, sans-serif; font-size: .8em;}
.font6 {color : #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: .8em;}
.font7 {color : #CC0000; font-family:Arial, Helvetica, sans-serif; font-size: .8em;}
.font8 {color : #9ebbd5; font-family:Arial, Helvetica, sans-serif; font-size: .8em;}


.genericBorderRequired
{
  background-color: rgb(255,255,160);
  border: 1px inset;
}

.genericTD
{
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 0px;
}

.ftr	{
  font-family : MS Sans Serif, Arial, Helvetica, sans-serif;
  font-size: .7em;
  color: #336699;
  margin-left: 10px;
  margin-right:10px;
  margin-top:3px;
  margin-bottom:3px;
}

.leftHandNavigationItem {
  /*padding-left:10px;
  padding-right:10px;
  padding-top:3px;
  padding-bottom:3px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align:left;
  white-space: nowrap;*/
}

.leftHandNavigationHr {
  /*padding-left:10px;
  padding-right:10px;
  padding-top:0px;
  padding-bottom:0px;*/
}

.leftHandNavigationItemNextLevel {
  /*padding-left:10px;
  padding-right:10px;
  padding-top:3px;
  padding-bottom:3px;*/
}

#page_body_envelope {
  background-color: #ffffff;
  border: none;
  border-collapse: collapse;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}

#page_body {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  margin-top: 0px;
  padding-top: 0px;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

.text {
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 70%;
  font-style: normal;
  font-weight: normal;
  padding-left: 5px;
  text-decoration: none;
}

.textBold {
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 70%;
  font-style: normal;
  font-weight: bold;
  padding-left: 5px;
  text-decoration: none;
}

.heading {
  color: #003366;
  font-family: Verdana, Arial, sans-serif;
  font-size: 80%;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

.subheading	{
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: 75%;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

.link {
  font-size: 105%;
  font-weight: bold;
  color: #003366;
  text-decoration: none;
}

.linksm {
  color: #003366;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
}

.attn {
  color: #cc0000;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none ;
  vertical-align: text-top;
}

.sectionnav	{
  color: #003366;
  font-family: Verdana, Arial, sans-serif;
  font-size: 70%;
  text-decoration: none;
}

.sectionnav a:active {
  color: #003366;
  text-decoration: none;
}

.sectionnav a:visited {
  color: #666666;
  text-decoration: none;
}

.sectionnav a:link {
  color: #003366;
  text-decoration: none;
}

.sectionnav a:hover	{
  color: #000000;
  text-decoration: underline;
}

.header {
  font-family: Verdana, Arial, sans-serif;
  font-size: 70%;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}

.header a:active {
  color: #003366;
  text-decoration: none;
}

.header a:visited {
  color: #003366;
  text-decoration: none;
}

.header a:link {
  color: #003366;
  text-decoration: none;
}

.header a:hover {
  color: #000000;
  text-decoration: underline;
}

.pageHeaderTable {
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  width: 100%;
}

.errorText {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

.pageFooterText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  padding-left: 5px;
  padding-right: 5px;
}

.formTable {
  border: 1px solid #000066;
}

.fieldFormat {
  border-bottom: #000066 1px solid;
  border-left: #000066 1px solid;
  border-right: #000066 1px solid;
  border-top: #000066 1px solid;
}

.fieldHeaderFormat {
  background-color: #9ebbd5;
  background-repeat: repeat;
  border-bottom: #000066 1px solid;
  border-left: #000066 1px solid;
  border-right: #000066 1px solid;
  border-top: #000066 1px solid;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  padding: 5px;
  text-decoration: none;
}

.statementFieldFormat {
  border-bottom: #000066 1px solid;
  border-left: #000066 1px solid;
  border-right: #000066 1px solid;
  border-top: #000066 1px solid;
}

.statementFieldFormat A:link {
  color: blue;
}

.statementFieldFormat A:visited {
  color: blue;
}

.statementFieldFormat0 {
  border-right: #000066 1px solid;
  border-top: #000066 1px solid;
  background-color: #FFFFFF;
  border-left: #000066 1px solid;
  border-bottom: #000066 1px solid;
}

.statementFieldFormat1 {
  border-right: #000066 1px solid; border-top: #000066 1px solid; background: #ffe7ce; border-left: #000066 1px solid; border-bottom: #000066 1px solid
}

.filingFieldFormat0 {
  border-right: #000066 1px solid; border-top: #000066 1px solid; background: #c3e6f5; border-left: #000066 1px solid; border-bottom: #000066 1px solid
}

.filingFieldFormat1 {
  border-right: #000066 1px solid; border-top: #000066 1px solid; background: #e1e1e1; border-left: #000066 1px solid; border-bottom: #000066 1px solid
}

.fieldHeaderFormat2 {
  border-right: #000066 1px solid;
  border-top: #000066 1px solid;
  border-left: #000066 1px solid;
  border-bottom: #000066 1px solid;
  background-color: #eeeeee;
  background-repeat: repeat;
  padding: 5px;
}

.PortalNameWhite {
  font-family: Verdana, Arial, sans-serif;
  font-size: 70%;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  font-style: normal;
  padding-right: 10px;
}

.AttentionBackground {
  font-family: Verdana, Arial, sans-serif;
  font-size: 75%;
  font-weight: bold;
  color: #003366;
  border: thin #000000 none;
  background-color: #FF0000;
  padding: 5px;
}
.AttentionTable {
  border: 1px solid #FF0000;
}

.nowrap {
  white-space: nowrap;
}

.linkButton {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-style: normal;
  text-decoration: none;
}

.inactiveLinkButton {
  background-color: transparent;
  border: none;
  font-style: normal;
  text-decoration: none;
}

.todo {
  color: #ff0000;
  font-weight: bold;
}

.error {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  line-height: 1em;

}

td.fieldHeaderFormat div, td.fieldHeaderFormat form div {
  text-align: left;
  }

td.fieldHeaderFormat div span, td.fieldHeaderFormat form div span {
  float: left;
}

td.fieldHeaderFormat div div {
  display: inline;
}

td.fieldHeaderFormat div div form {
  display: inline;
}

.fieldDataFormat {
  padding: 15px;
  text-align: left;
  vertical-align: top;
}

.fieldDataFormat2 {
  padding: 15px;
  vertical-align: top;
}

table#page_body {
  margin: 1em auto;
  text-align: left;
}

.criteriaTable {
  border-collapse:collapse;
  width:100%;
  margin:0px;
  padding-left:5px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:0px;
  border-width:1px;
  border-color:#9ebbd5;
  border-style:solid;
}



.resultsTableHeaderStyle {
  border-left-width:1px;
  border-left-color:#004786;
  border-left-style:solid;
}

.buttonsTable {
   margin-left:5px;
   margin-right:5px;
   margin-bottom:10px;
   margin-top:10px;
   border-collapse:separate;
}

.backToSearchButtonTable {
  border-collapse:collapse;
  margin-left:15px;
  margin-right:15px;
  width:98%;
}

.buttonsTableRight {
  margin:0px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:10px;
  padding-top:10px;
  border-collapse:separate;
  width: 100%;
  text-align: right;
}

.rightButton {
  width:20px;
}

.resultsNavigationTable {
  width:98%;
  margin:0px;
  padding-left:5px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:0px;
  border-collapse:collapse;
}

.resultsNavigationTable tr td {
  padding-left:0px;
  padding-right:0px;
  padding-bottom:2px;
  padding-top:2px
}

.widthDataTable {
  width: 98%;
}

.adminDataTableWidth {
  width:98%;
}

.customerDataTableWidth {
  width:98%;
}

.widthSearchDataTable {
  width:100%;
}


.buttonsTableRight tr td {
  padding-left:5px;
  padding-right:0px;
  padding-bottom:5px;
  width: 100%;
}

.buttonTableRight tr td input{
  float: right;
}

.buttonsTable tr td {
  text-align:left;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
}


.defaultForm {
  margin: 0px;
  padding: 0px;
}



.tdSpecialLeft
{
  padding-left: 10px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
}

.tdSpecialRight
{
  padding-left: 0px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 5px;
}

.dataLoginTable {
  border-collapse:collapse;
  margin:15px;
  border-width:1px;
  border-color:#9ebbd5;
  border-style:solid;
}

.reportTable {
  border-collapse:collapse;
  width: 400px;
  margin:0px;
  border-width:1px;
  border-color:#9ebbd5;
  border-style:solid;
}

.errorTableNoTopMargin {
  border-collapse:collapse;
  width:100%;
  margin-bottom:15px;
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
  border-width:1px;
  border-color:#9ebbd5;
  border-style:solid;
}

.errorTable {
  border-collapse:collapse;
  width:100%;
  margin-bottom:15px;
  margin-top:15px;
  margin-left:0px;
  margin-right:0px;
  border-width:1px;
  border-color:#9ebbd5;
  border-style:solid;
}

.resultTableRowBorderLeft {
  border-left:1px #004786 none;
}

.resultTableRowBorderBottom {
  border-bottom:1px #004786 none;
}

.dataTableRowBorderBottom {
  border-bottom:1px #9ebbd5 solid;
}

.resultsTable tr th div {
  font-size: 10pt;
  color : #ffffff;
}

.resultsTable tr td {
  padding-left:5px;
  padding-right:5px;
  padding-bottom:3px;
}


.resultsTable tr td div {
  color : #004786;
}

.panelResultsTable tr td div {
  color : #004786;
  font-size: 10pt;
  width: 100%;
}

.criteriaTabLeftCol {
  width: 10%;
  padding-left:10px;
  padding-right:2px;
  padding-bottom:2px;
  padding-top:5px;
  text-align: left;
}

.criteriaTabLeftCol span {
  font-size:10pt;
  font-weight:900;
}

.criteriaTabRightCol {
  padding-left:5px;
  padding-right:10px;
  padding-bottom:2px;
  padding-top:5px;
  color: #004786;
  font-family:Arial, Helvetica, sans-serif;
  font-size: .8em;
}

.criteriaTabRightCol span {
  font-size:10pt;
}

.dataTableLabel {
  color : #004786; font-family:Arial, Helvetica, sans-serif; font-size: .8em;
  white-space: nowrap;
  width: 10%;
  padding-left: 15px;
}

.dataTableLabel4MessageBoxL {
  color : #004786; font-family:Arial, Helvetica, sans-serif; font-size: .8em;
  white-space: nowrap;
  width: 10%;
  padding-left: 10px;
}

.dataTableLabel4MessageBoxR {
  color : #004786; font-family:Arial, Helvetica, sans-serif; font-size: .8em;
  white-space: nowrap;
  width: 10%;
  padding-left: 10px;
}

.dataTableInput {
  white-space: nowrap;
  width: 90%;
  padding-left: 5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: .8em;
}


.dataTableInput input, .dataTableInput select, .dataTableInput textarea, .dataTableInputWithNumber input {
  border-width:1px;
  border-color:#9ebbd5;
  border-style:solid;
}


.dataTableInputWithNumber {
  padding-left: 5px;
}

.dataTableValue {
  color : #004786;
  font-family:Arial, Helvetica, sans-serif;
  font-size: .8em;
  padding-left: 5px;
}

.dataTableValueWithWrap {
  color : #004786;
  font-family:Arial, Helvetica, sans-serif;
  font-size: .8em;
  padding-left: 5px;
}

.dataTablePaddingFirst {
  padding-bottom: 0px;
  padding-top: 10px;
}

.dataTablePaddingLast {
  padding-bottom: 10px;
  padding-top: 5px;
}

.dataTablePaddingStandard {
  padding-bottom: 0px;
  padding-top: 5px;
}

.dataTablePaddingOnlyOne {
  padding-bottom: 10px;
  padding-top: 10px;
}

.dataTable tr td {
  padding-right: 5px;
  text-align:left;
  vertical-align:top;
}

.errorTable tr td, .errorTableNoTopMargin tr td {
  padding-left:10px;
  padding-right:2px;
  padding-bottom:2px;
  padding-top:4px;
  font-size:10pt;
  text-align:left;
  vertical-align:top;
}

.dataTable tr td input {
  font-size:10pt;
}

.dataTable tr td span, .errorTable tr td span, .errorTableNoTopMargin tr td span {
  font-weight:900;
  font-size:10pt;
}


.dataTable2 {
  border: none;
  border-collapse: collapse;
  margin: 1px;
  padding: 5px;
  text-align: left;
  /* width: 100%; */
}

.modifyTable {
  border-style: none;
  padding: 5px;
  width: 100%;
  text-align: left;
}

.bodyTable {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
 }

.displayTable {
  border: 1px solid #000066;
  border-collapse: collapse;
  margin: 0px;
  padding: 10px;
  width: 100%;
  text-align: center;
}


.customerTr td {
  border: 1px dotted #000066;
  padding-left: 0.5em;
  text-align: left;
  vertical-align: top;
}
.reportTr td {
  border-bottom: 1px solid #000066;
  background-color: #9ebbd5;
  padding-left: 0.5em;
  text-align: left;
  height: 30px;
}

.reportTr2 td {
  text-align: left;
  vertical-align: top;
}

.reportTr2 td table {
  border: none;
  padding: 5px;
  width: 100%;
}

.headTr2 td {
  text-align:center;
  background-color: #9ebbd5;
  border: 1px solid #000066;
}

.headTr td, .dataTable2 tr td {
  background-color: #9ebbd5;
  border: 1px solid #000066;
}

.rowEven{
  background-color : #ffffff;
}

.rowOdd {
  background-color : #d0e0e3;
}

.required {
  color: red;
}
.aCenter {
  text-align: center;
}

.trNumbersAndDates {
	font-family: Verdana, Arial, sans-serif;
  	text-align: right;
  	font-size: 10pt;
}

.trStrings {
	font-family: Verdana, Arial, sans-serif;
  	text-align: left;
  	font-size: 10pt;
}

.trDivPadding{
	padding: 5px;
	line-height: 12px;
	width: 100%;
}

.divWidth100P{
	width: 100%;
}

.widgetDetails table {
  margin-top: 1em;
  border: 1px solid #000066;
  border-collapse: collapse;
  text-align: center;
  width: 95%;
}

.widgetDetails td {
  text-align: left;
  border: 1px solid #000066;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  padding: 5px;
  text-decoration: none;
}

.widgetDetails th {
  background-color: #9ebbd5;
  border: 1px solid #000066;
  text-align: center;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  padding: 5px;
  text-decoration: none;
}

.requiredField {
  background-color: rgb(255,255,160);
}

/*This is what is used for the clean up*/

/*This is the tables section*/
/*!this class can't be under .dataTableForDialog  class*/
.dataTable {
  width: 100%;
  border-collapse:collapse;
  margin: 0px;
  padding-top:0px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:0px;
  border-width:1px;
  border-color:#9ebbd5;
  border-style:solid;
}
.dataTableForDialog {
  width: 100%;
  border-collapse:collapse;
  margin: 0px;
  padding-top:0px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:0px;
  border-width:0px;
}

.dataTableNoBorder {
  width: 100%;
  border-collapse:collapse;
  margin: 0px;
  padding-top:0px;
  padding-left:5px;
  padding-right:0px;
  padding-bottom:0px;
  border-width:0px;
  border-color:#9ebbd5;
  border-style:solid;
}

.resultsTable {
  border-collapse:collapse;
  width: 100%;
  margin:0px;
  padding-left:5px;
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  border-width:1px;
  border-color:#9ebbd5;
  border-style:solid
}

.panelResultsTable {
  border-collapse:collapse;
  width: 100%;
  margin:0px;
  padding-left:5px;
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
}

/*This is the tables tr th section*/
.dataTable tr th, .errorTable tr th, .criteriaTable tr th, .reportTable tr th, .errorTableNoTopMargin tr th
{
  background-color : #9ebbd5;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:3px;
}

.dataTableNoBorder tr th
{
  background-color : #9ebbd5;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:3px;
}

.dataTable tr th div, .dataTableNoBorder tr th div, .errorTable tr th div, .criteriaTable tr th div, .reportTable tr th div, .errorTableNoTopMargin tr th div {
  font-size: 10pt;
  float: left;
  color : #ffffff;
}

.resultsTable tr th {
  background-color : #9ebbd5;
  border-collapse:collapse;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:3px;
  border-bottom-width:1px;
  border-bottom-color:#004786;
  border-bottom-style:solid;
}

.inputStrings {
	color : #004786;
	font-family: Verdana, Arial, sans-serif;
  	text-align: left;
  	font-size: 10pt;
}

.input1 {
  width: 10px;
}

.input2, input3, .input5, .input9, .input10 {
  width: 100px;
}

.input14, .input15, .input16 {
  width: 150px;
}

.input20, .input30 {
  width: 200px;
}

.input40 {
  width: 400px;
}

.input60, .input50 {
  width: 500px;
}

.input100, .input150, .input200, .input255{
  width: 500px;
}

.tarea {
  width: 500px;
  height: 150px;
}

#errorDiv {
	color: red;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	height: 100%;
}

#ulError{
	list-style-position: inside;
	vertical-align: middle;
	text-align: left;
	font-family: Verdana, Arial, Helvetica;
	height: 90%;
}

#ulError div{
	vertical-align: middle;
	text-align: left;
  	padding-left: 0px;
  	padding-top: -3px;
  	padding-right: 0px;
  	padding-bottom: 5px;
}

[disabled].canDisable{
  background: #F0F0F0;
  color: #BDBDBD;
}
