﻿
/*################################*
  Common Colors
  - Note: Only color, background 
    and font-* properties here to 
	allow for changing themes
 *################################*/
.columnDataStyle { background: #f2f2f2; position: relative; white-space: normal; }
.columnHeaderStyle { background: #fff; font-weight: bold; color: #525252; }
.zebraHeader { background: white; font-weight: normal; color: #757575; }
.zebraOddRow { background: #e6e6e6; font-weight: normal; color: #000; }
.zebraEvenRow { }
.OmbFormCellHeader { background: #fff;  }
.OmbFormCellValue { background: #c9c9c9; }
.listTableTop { background: #d8d8d8; color: #000; padding: 4px; overflow: hidden; }
.listTableTop .itemSubTitle { font-weight: normal; font-style: italic; position: absolute; top: 4px; right: 4px; }
h1.dataPartName { text-align: center; font-size: 2em; font-weight: bold; background: #d8d8d8; color: black; border-top: 1px solid; border-bottom: 1px solid; width: 97%; }
h2.dataPartName { text-align: left; border-bottom: 2px solid black; font-size: 1.5em; margin: 0; padding: 4px; padding-top: 1em; width: 97%; }
h2.smallDataPartName { text-align: left; border-bottom: 2px solid black; font-size: 1em; margin: 0; padding: 4px; padding-top: 1em; width: 97%; }

/*################################*
  List-o-tables
 *################################*/
ul.listTable { list-style: none; margin: 0; padding: 0; position: relative; white-space: nowrap; width: 485px; border-bottom: 1px solid black; }
ul.listTable li { display: block; white-space: nowrap; position: relative; border-bottom: 1px solid #000; }
ul.listTable li span.top { font-weight: bold; text-align: left; display: block; width: 100%; position: relative; }
ul.listTable li span.left { font-weight: bold; text-align: left; display: inline-block; width: 45%; position: relative; vertical-align: top; padding: 4px; } 
ul.listTable li span.right{ font-weight: bold; text-align: left; display: inline-block; width: 55%; position: relative; vertical-align: top; margin-left: -8px; overflow: hidden; }
ul.listTable li span.right  ul.twoColumnList { width: 100% !important; }
ul.listTable li span.right  ul.twoColumnList li.columnDataStyle { position: relative; }

/*################################*
  Mailing Address
 *################################*/
 .mailingAddress { position: relative; }
 .mailingAddress .line1, .mailingAddress .line2, .mailingAddress .location { display: block; }

/*################################*
  Two Column List Styles
 *################################*/
ul.twoColumnList { list-style: none; margin: 0; padding: 0; width: 485px; position: relative; }
ul.twoColumnList li { border-bottom: 1px solid #d8d8d8; position: relative; display: block; white-space: nowrap; overflow: hidden; }
ul.twoColumnList li span.rowHeader { width: 15%; min-width: 9em; display: inline-block; text-align: right; } 
ul.twoColumnList li span.rowValue {	width: 84%; display: inline-block; } 
span.rowHeader,  span.rowValue { padding: 4px; }
.header span.underline { border-bottom: 1px solid #9c9c9c; width:100%; display: block; line-height: 2px; }
table.twoColumnList { margin: 0; padding: 0; width: 485px; position: relative; }
table.twoColumnList tr { position: relative; display: block; white-space: nowrap; overflow: hidden; margin:0;padding: 0;width: 485px;}
table.twoColumnList tr td { border-bottom: 1px solid #d8d8d8;}
table.twoColumnList tr td.rowHeader { width: 15%; min-width: 9em; display: inline-block; text-align: right;vertical-align: top;padding: 4px; } 
table.twoColumnList tr td.rowValue {	width: 84%; display: inline-block;padding: 4px; } 
.col10 { width: 10% !important; } /* min-width: 4.8em !important; } */
.col12 { width: 12% !important; } /* min-width: 4.8em !important; } */
.col20 { width: 20% !important; } /* min-width: 8em !important; } */
.col22 { width: 22% !important; } /* min-width: 8.8em !important; } */
.col25 { width: 25% !important; } /* min-width: 10em !important; } */
.col30 { width: 30% !important; } /* min-width: 12em !important; } */
.col40 { width: 40% !important; } /* min-width: 16em !important; } */
.col50 { width: 50% !important; } /* min-width: 20em !important; } */
.col60 { width: 60% !important; } /* min-width: 24em !important; } */
.col70 { width: 70% !important; } /* min-width: 28em !important; } */
.col80 { width: 80% !important; } /* min-width: 32em !important; } */


/*################################*
  Four Column List Styles
 *################################*/
ul.fourColumnList { list-style: none; margin: 0; padding: 0; width: 485px; white-space: nowrap; position: relative; }
ul.fourColumnList li { border-bottom: 1px solid #d8d8d8; position: relative; display: block; white-space: nowrap; overflow: hidden; }
ul.fourColumnList li span.rowHeader { width: 13%; min-width: 8em; display: inline-block; text-align: right;}
ul.fourColumnList li span.rowValue {	width: 33%; display: inline-block; }

/*################################*
  OMB Form Style (US Tax Forms)
 *################################*/
table.OmbForm { margin: 0; border-width: 1px; width: 485px; border-style: outset; border-spacing: 0; border-collapse: collapse; border-top: 2px solid #000; position: relative; }
table.OmbForm tr { border-bottom: 2px solid #000; border-style: inset;}
table.OmbForm th, table.OmbForm td { border-width: 1px; padding: 0; margin: 0; border-style: outset; vertical-align: top; }
span.boxName { overflow: hidden; text-align: center; font-size: 0.75em; clear: both; width: 100%; display: block; white-space: nowrap; border-bottom: 1px solid #999;}
span.value { display: block; height: 1em; width: 100%;  }
table.OmbForm th.tableHeader { background: white; padding: 0.3em; border-top: 2px solid #000; }

/*################################*
  4 Column List
 *################################*/
.basic_demographic {	border: 1px solid #D8D8D8; position: relative; }
.basic_demographic th { background: white;  width: 10em; text-align: left; }
.basic_demographic td { background: #F2F2F2;  text-align: left; }
.basic_demographic tr { border-bottom: solid 1px #D8D8D8; }

/*################################*
  Zebra List
 *################################*/
ul.zebraList { list-style: none; margin: 0; padding: 0; width: 485px; /*position: relative;*/ }
ul.zebraList span { width: 10em; }
ul.zebraList li { display: block; /*position: relative;*/ }
ul.zebraList li.header { border-bottom: 1px solid #9c9c9c; background: white; color: #707070; }
.zebraList .oddrow { background: #d8d8d8 !important; }
.zebraList .evenrow { background: #ffffff !important; }
.zebraList .underline { padding: 0 !important; }
.zebraList td  { padding: 4px; }
table.zebraList { border-collapse:collapse; width: 485px; }
tr.underlineRow { border-bottom: 1px solid #9c9c9c; }
	  
.padded { padding: 4px; }	  
	  
.physical_description
{
    font-family: Tahoma, Arial, Sans-serif;
}
.physical_description table
{
    border-top: solid 1px #D8D8D8;
    text-align: left;
}
.physical_description th
{
    background: white;
    width: 10em;
    font-weight: bold;
    border-bottom: solid 1px #D8D8D8;
}

.physical_description td
{
    background: #F2F2F2;
    width: 100%;
    text-align: left;
    border-bottom: solid 1px #D8D8D8;
}

