/* Copyright (C) 2000-2010 Beyond SQL.com, Inc., Beyond SQL International, Inc. */

/***************
    DEFAULTS
****************/


/* default body style */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
background-color: #FFF;
margin:0;
color: #333333;
}

/* default headers */
h1, h2, h3, h4, h5 {
margin: 0;
color:#0085CF;
padding: 5px 20px 0px 20px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 12pt;
}

h1 {
font-size: 14px;
padding-bottom: 2px;
}

h2 {
font-size: 12px;
}

h3 {
font-size: 12px;
}

h4 {
font-size: 12px;
}

h5 {
font-size: 12px;
}

/*** document headers ***/

h1.doc, h2.doc, h3.doc, h4.doc, h5.doc {
color: #333333;
font-weight: normal;
}

h1.doc {
font-size: 12px;
font-weight: bold;
padding-top: 0;
}

a .doc {
text-decoration: underline;
}

h2.doc {
font-size: 18px;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 20px;
padding: 5px 20px 5px 20px;
}

h3.doc {
line-height: 10px;
font-size: 10px;
padding: 2px 20px 0px 20px;
}

h4.doc {
line-height: 10px;
font-size: 10px;
padding: 5px 20px 0px 20px;
}

h5.doc {
font-size: 10px;
clear: both;
}


.imgMargin {
margin-left: 130px;
padding: 0px 20px 0px 20px;
}

.noImgPadding {
padding: 5px 20px 0px 20px;
margin:0;
}

.displayListRowOdd .editLink {
margin: 0;
color: red;
padding: 2px 0px 5px 0px;
background: #FFF;
font-size: 10pt;
line-height: 30px;
font-weight: normal;
font-style: normal;
}

a.editLink {
font-size: 9pt;
padding: 0;
}

hr {
width: 100%;
height: 1px;
color: #2e3f75;
}

/* default links */
a {
color: #0085CF;
text-decoration: underline;
}

.displaySidebar a{
font-size: 8pt;
}

.displaySidebar .sb_inform a{
color: #FFF;
}

a:link {
text-decoration: underline;
}

a:active {
text-decoration: underline;
}

a:hover {
text-decoration: underline;
}

a:visited {
text-decoration: underline;
}

img {
border: none;
display: block;  /* IE hack: without IE displays a few pixels of white space under image */
}

.menuLogo img {
display: inline;  /* IE hack: overwrite hack setting so that the image will get centered */
}

div.imgDocument {
float: left;
width: 125px;
padding: 4px 0pt 20px 20px;
}

.imgDocument img {
border: 1px solid gray;
}

p {
padding: 5px 20px 15px 20px;
margin:0px;
line-height: 12pt;
clear: both;
}

p.doc {
padding:0px;
padding-bottom:12px;
margin-top:0;
margin-bottom:12;
line-height: 12pt;
}

li {
margin:0;
padding:0;
line-height: 12pt;
}

.displayListRowOdd li {
padding:0 0 6px 0;
}

ul {
margin:0px;
padding:5px 10px 5px 50px;
line-height: 12pt;
}

div.displayFormBodyAdmin p {
padding-left: 0px;
}

div.displayFormBodyAdmin h1 {
padding-left: 0px;
}

div.displayFormBodyAdmin h2 {
padding-left: 0px;
}


div.displayFormBodyAdmin h3 {
padding-left: 0px;
}

div.displayFormBodyAdmin h4 {
padding-left: 0px;
}

/***********
    MENU
************/

/* menu background colour, default font */
body.menu {
width: 1000px;
}

div.menuContainer {
margin: 5px 0 0 0;
padding: 0px;
width: 832px;			/* Why 832? */
background: #FFF;
float:left;
}

div.menuLogo {
width:165px;
float:left;
text-align: center;
}

div.menuBanner {
float:left;
width:667px;
}

div.menuContainerTwo {
margin: 4px 0 0 0;
padding: 0px;
float:left;
}

img.sidebarLogo {
margin-top:5px;
}

div.menuCommon {
float: left;
width: 165px;
background-color: #FFF;	/* IBI = #916b19, SIA = #505050*/
}

div.menuCommon span.menuCommon {
float: left;
text-align: left;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 4px;
padding-top: 4px;
}

span.menuLoginInvisibleText {	/* IBI Login Invisible menu text; color of text equals color of background */
float: left;
text-align: left;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 4px;
padding-top: 4px;
color: #505050;
}

/* admin menu layout */
div.menuAdmin {
position: absolute;
top: 70px;
left: 835px; 
width:157px;
}

div.menuAdmin span.menuAdmin {
float: right;
text-align: right;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
padding-top: 3px;
}

/* menuMain */

.menuContainerTwo div.menuMain {
float: left;
width: 657px;
background-color: #fafafa;
background-image: url('../image/menu_background.png');
background-repeat: no-repeat;
line-height: 23px;
padding-left:10px;
}

.menuContainerTwo a.menuMain {
color: #002e5b;
font-family: helvetica, arial;
font-weight: bold;
font-size: 12px;
text-decoration: none;
float: left;									/* why do I need a float left here? */
padding: 4px 10px;
border-right: solid 1px gray;
}

.menuContainerTwo a.menuMain:hover {
text-decoration: none;
background: #0085CF;
}

.menuContainerTwo a.menuMainCurrent {
color: #002e5b;
font-family: helvetica, arial;
font-weight: bold;
font-size: 12px;
text-decoration: none;
float: left;									/* why do I need a float left here? */
padding: 4px 10px;
border-right: solid 1px gray;
background: #0085CF;
}


/***********
    MENU LOGIN
************/

div.loginForm {
float: left;
width: 164px;
padding: 0 0 0 4px;
margin-top: 8px;
color: #00517a;
text-align: center;
height: 75px;
}

.loginForm p {
padding: 0;
margin:0px;
line-height: 12pt;
clear: both;
}

input.loginText {  
width: 320px; 
margin-top: 5px;
}

/* display banner messages & errors */
div.loginBannerMessages {
padding-left: 0pt;
float: left;
width: 168px;
padding: 0px;
margin: 0;
color: #00517a;
text-align: center;
border: solid 1px gray;
}


/*********** TOC ************/

/* NOTE: height: 100%; on the "container" is required to fix a known IE6 bug.  The setting must be used together with
/* position: absolute; and overflow-y:auto; settings on DIV that we are positioning. */
body {
width:1100px!important;
overflow:auto;
}
body.toc {
background: #fff;	/* IBI = #cfbd8f, SIA = #CCCCCC */
height: 100%; 
}

/* layout style for toc body area */
div.tocBody {
padding-left:2px;
width:163px;
float: left;
min-height:300px;
height:auto !important;
height:300px;
}

.rootItem1 a:hover { text-decoration:none!important;}

.hide {
display: none;
visibility: hidden;
}

.tocBody a {
color: #333;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left: 10px;
text-decoration: none!important;
display: block;
}
 
.tocBody div.tocBannerMessages {
padding-left: 0pt;
padding-top: 5pt;
font-size: 10pt;
font-weight: normal;
color: #0085CF;
width: 225px;
}

.tocBody a.editLink {
color: #002E5B;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tocBody ul.show {
display: block;
visibility: visible;
}

.tocBody ul {
padding: 0;
list-style-type: none;
border-top: 1px solid #999999;
margin-right: 3px;
margin-left: 3px;

}

.tocBody ul ul{
border: none;						/* remove border from ul's on second, third, etc. levels and add indent */
padding: 8px 0px;
margin-right: 0px;
margin-left: 0px;

}

.tocBody li {
border-bottom: 1px solid #999999;
display: block;
line-height: 20px;
margin-top: 1px;					/* add some separation between first level list items and border */
margin-bottom: 1px;
}

.tocBody li li {					/* remove border from li's on second, third, etc. levels and add indent */
border: none;
padding-left: 10px;
margin:0;
line-height: 12pt;
}

.tocBody a.current {				/* style the first level current anchor */
display: block;
padding-left: 10px;
background: #0085CF;
color: #fff;
font-weight: normal;
margin-top: 1px;					/* added to separate the top border from blue background */
margin-bottom: 1px;
}

.tocBody li li a.current {
background: #fff url(../image/arrow.gif) no-repeat 50% 0;
color: #0085CF;
background-position: left;
margin: 0;
}

.tocBody li a:hover {
background: #fff url(../image/arrow.gif) no-repeat 50% 0;
background-position: left;
color: #000;
text-decoration:none!important;
}

.tocBody li a.current:hover {
background: #0085CF;
color: #fff; 
text-decoration:none!important;
}

.tocBody li li a.current:hover {
background: #fff url(../image/arrow.gif) no-repeat 50% 0;
background-position: left;
color: #0085CF;
text-decoration:none!important;
}

/************* DISPLAY *************/

body.display
{
	padding-bottom:0;
	width:835px;
	float:left;
}

div.displayBanner {
background:#FFF url(../image/background.png) repeat-y;
margin: 0;
padding: 0;
/* width: 836px;		NOTE: WIDTH SETTING CAUSED A WHITE SPACE PROBLEM IN IE.  168px for TOC, 667px for display, 168px for sidebar */
}

/* breadcrumbs */
div.breadcrumb {
font-size: 10pt;
font-style: none;
color: #FFF;
background-color: #9A9A9A;
padding: 5px;
}

a.breadcrumb {
font-size: 10pt;
font-style: none;
color: #FFF;  /* SIA: change #980000 to #DD1E26 */
}

a.breadcrumb:visited {
text-decoration: none;
}

a:active {
text-decoration: none;
}

a.breadcrumb:hover {
text-decoration: underline;
}

/* display banner messages & errors */
div.displayBannerMessages {
width: 600px;
float: left;
padding: 20px 10px 0px 10px;
margin: 0px ;
background: #FFF url(../image/background.png) repeat-y;
}

div.displayBannerMessages span.displayBannerMessage {
font-size: 10pt;
font-weight: bold;
color: #000000;
}

div.displayBannerErrors {
width: 647px;
float: left;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
margin: 0px ;
background: #FFF url(../image/background.png) repeat-y;
}

div.displayBannerErrors span.displayBannerError {
font-size: 10pt;
font-weight: bold;
color: #000000;
}

/* surrounds most content within standard layout */
div.content {
float: left;
background:#FFF url(../image/background.png) repeat-y;
margin: 0;
padding: 0px;
width:667px; 
display:block; 
min-height:530px;
height:auto !important;
height:530px;
}

div.displayFormBody {
width: 647px;
float: left;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
margin: 0px ;
/* background: #FFF url(../image/background.png) repeat-y;*/
}

div.displayFormBody20px, div.displayFormBodyAdmin {
margin: 0px ;
padding:5px; 
}

.employerTreeDiv { font-size:12px !important; }

div.displaySidebar {	/* sidebar width = 168 = 165 + 4 */
width: 165px;
margin-left: 4px ;
float: left;
background-color: #FFF;
}

div.displayFormRow {
padding: 1px;
margin: 1px;
background-color: #FFF;
clear: both;
}

div.displayFormRowHeader {
font-weight: normal;
padding: 15px 1px 1px 1px;
margin: 1px;
background-color: #FFF;
clear: both;
}

div.LPCdisplayFormRowHeader {
font-weight: normal;
padding: 20px 0px 5px;
margin: 20px 0px 5px;
background-color: #FFF;
clear: both;
border-top: gray solid 1px
}

div.displayDataEntryFormRow{
padding: 1px;
margin: 1px;
background-color: #FFF;
}

div.displayFormButtonRow {
clear: both;
padding-top: 10px; 
}

span.displayFormFieldLabel {
text-align: left;
padding: 0px;
margin: 0px;
line-height: 20px;
background: #FFF;
}

a.expandCollapse {
color: #5375a4;
}

img.displayFormInfo {
border:medium none;
float:right;
height:15px;
margin:3px 15px 0px 0px;
width:15px;
}

a.displayFormInfo {
color: #FFF;
text-decoration: none;
border: solid white;
}

span.displayFormButton {
text-align: left;
padding-left: 20px;
padding-right: 2px;
margin: 0px;
}

div.spacer {
clear: both;
line-height: 5px;
}

/* Label: presentationCd=2151, Description=Normal  */
span.displayFormLabel {
margin: 0px;
padding: 0 0 0 0px;
font-weight: bold;
font-style: none;
line-height: 24px;
background-color: #FFF;
}

/* Label: presentationCd=???, Description=Single Row (Not Bold)  */
span.displayFormLabelSingleRow {
margin: 0px;
padding: 0 0 0 20px;
font-style: none;
line-height: 18px;
}

/* Label: presentationCd=2152, Description=Instruction  */
span.displayFormInstructionLabel {
font-style: italic;
padding: 0px;
margin: 0px;
line-height: 18px;
}

/* Label: presentationCd=2153, Description=Footer  */
span.displayFormFooterLabel {
font-style: italic;
font-weight: normal;
padding: 0px;
margin: 0px;
line-height: 18px;
}

span.expandCollapseLabel {
}

span.expandCollapseLabel {
height: 10px;
padding-top: 10px;
padding-bottom: 5px;
}

a.expandCollapse {
}

span.displayFormOptionLabel {
text-align: left;
margin: 0px;
padding: 0px;
line-height: 18px;
width: 300px;
}

/* element option */
span.displayBodyOption {
}

/* input field with validation errors */
input.displayBodyValidationError {
vertical-align: top; 
background-color: #dfe8f1;
color: #000000;
}

/* textbox */
input.displayBodyText { 
color: #000000;
width: 200px; 
}

/* textbox */
input.LPCdisplayBodyText {  
width: 100px; 
}

input.displayBodyTextWide { 
width: 325px; 
}

/* textarea */
textarea.displayBodyTextarea { 
width: 390px;
height: 150px;
font-family: helvetica, arial;
font-size: 9pt;   
}

textarea.displayBodyTextareaSmall { 
width: 350px;
height: 35px;
font-family: helvetica, arial;
font-size: 9pt; 
}

/* textbox for numbers*/
input.displayBodyNumber {
text-align: right;  
width: 100px;
float: right;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 10px;
margin-left: 5px;
}

/* password field */
input.displayBodyPassword {
}

/* radio button */
input.displayBodyRadio { 
float: right;
width: 50px; 
}

/* checkbox */
input.displayBodyCheckbox { 
float: right;
width: 50px; 
}

/* checkbox */
input.displayBodyCheckboxWide { 
width: 80px;  
}

/* will hold any inpot control */
input.displayWide { 
width: 80px; 
}

input.displayBodySubmit {
background-color:#D5D5D5;
border-top:2px solid #CCC;
border-left:2px solid #CCC;
color:#000;
font-variant:small-caps;
height:25px;
margin-right: 10px;
}

input.displayBodySubmit:hover {
border-bottom:2px solid #CCC;
border-right:2px solid #CCC;
border-top:2px solid #999;
border-left:2px solid #999;
}

/* reset button */
input.displayBodyReset {
height: 25px;
font-weight: bold;
font-size: 10pt;
font-family: helvetica, arial;
background-color: #505050;
color: #FFF;
}

/* cancel button */
input.displayBodyCancel {
}

/* continue button */
input.displayBodyContinue {
}

/* submit button */
input.displayAddRemove {
height: 25px;
font-weight: bold;
font-size: 10pt;
font-family: helvetica, arial;
background-color: #505050;
color: #FFF;
}

/* display footer */
div.displayFooter {
width: 836px;		/* 667  836px */
margin-left:165px;

padding-top:25px;
padding-bottom:5px;
text-align: center;
font-size: 8pt;
color: #333;
background-color: #FFF;
background-image: url('../image/footer.png');
background-repeat: no-repeat;
clear:both;
}

.displayFooter a {
color: #333;
text-decoration: none;
}

.displayFooter a:hover {
text-decoration: underline;
}

hr.displayFooter {
width: 95%;
height: 1px;
color: #9A9A9A;
}

/* matrix style question */
div.matrix {
float: left;

}
div.matrixHeaders {
clear: both;
font-weight: bold;
font-style: none;
height: 10px;
}

div.matrixHeaders span.groupHeader {
float: left;
width: 400px;
text-align: left;
padding-top: 2px;
}

div.matrixHeaders span.optionHeader {
float: right;
width: 200px;
text-align: center;
padding: 2px;
}

div.matrixOptions {
clear: both;
font-style: none;
height: 32px;
}

div.matrixOptions span.matrixOptionLabels {
float: right;
text-align: center;
padding: 0px;
width: 50px;
}

div.matrixOptions span.optionLabel {
width: 50px;
}

div.matrixElement {
clear: both;
font-style: none;
height: 22px;
}

div.matrixElement span.elementLabel {
float: left;
width: 400px;
text-align: left;
padding-bottom: 5px;
}

/* float: right;   width: 50px;  */
div.matrixElement span.elementOptions {
text-align: center;
padding: 0px;
margin: 0px;
}

div.matrixElement span.optionControl {
width: 50px;
align: center;
}

select.displayBodySelect{
float:left;
text-align: left;
}

select.LPCdisplayBodySelect{
float:left;
margin-top:10px;
text-align: left;
width:638px;
}


/***********
    LOGIN
************/
div.loginToc{
background-color: #CCCCCC;
color: #0085CF;
}

div.loginDisplay{
background-color: #FFF;
}

div.loginFormRow {
clear: both;
height: 20px;
}

div.loginFormRow span.loginFormFieldLabel {
float: left;
width: 75px;
text-align: right;
padding: 2px;
}

div.loginFormRow span.loginFormField {
float: right;
width: 75px;
text-align: left;
padding: 2px;
vertical-align: middle;
}

/***********
    LOGOUT
************/

body.logout {
background-color: #CCCCCC;
color: #dbab09;
}

div.topBanner {
width: 100%;
height: 77px;
background-color: #000000;
}

div.mainDisplay {
text-align: center;
}

/***********
    REPORT
************/

div.cRptRowEven {
clear: both;
padding: 1px 0px 1px 0px;
}

div.cRptRowOdd {
clear: both;
padding: 1px 0px 1px 0px;
background-color: #dfe8f1;
}

div.cRptHeaderRow {
font-weight: bold;
padding: 2px 0px 2px 0px;
color: white;
background-color: #2e3f75;
font-weight: bold;
}

div span.cRptValColumn {
float: left;
width: 150px;
text-align: right;
vertical-align: middle;
padding: 0px 10px 0px 0px;
}

div span.cRptTxtColumn {
t: left;
h: 250px;
-align: left;
vertical-align: middle;
padding: 0px 0px 0px 10px;
}

div.cRptBanner {
width: 800px;
}

div.cRptBanner span.cRptBannerLabel {
width: 150px;
float: left;
text-align: left;
font-weight: bold;
}

div.cRptBanner span.cRptBannerValue {
width: 600px;
float: left;
text-align: left;
}

div span.cRptTitle {
height: 30px;
vertical-align: middle;
padding: 2px 2px 2px 2px;
font-weight: bold;
color: #2e3f75;
}

div.cRptMsg {
text-align: center;
}

/***********
    ADMIN
************/

a.adminEdit {
color: #000000;
text-decoration: none;
border-style: none;
}

span.adminEditFunctions {
float: right;
width: auto;
text-align: right;
visibility: hidden;
margin: 0px;
padding: 0px;
background: #505050;
}

/*
span.adminEditFormLabel {
float: left;
width: 430px;
height: 10px;
padding: 2px;
padding-top: 10px;
padding-right:100px;
padding-bottom: 5px;
font-weight: bold;
font-style: none;
border-style: dashed;
border-width: thin;
border-color: silver;
}

*/
span.adminEditFormLabel {
margin: 2px;
padding: 2px;
font-weight: bold;
font-style: none;
line-height: 30px;
border-style: dashed;
border-width: thin;
border-color: silver;
}


span.adminEditUrl {
float: left;
width: 430px;
height: 10px;
padding: 2px;
padding-top: 10px;
padding-right:100px;
padding-bottom: 5px;
font-style: none;
border-style: dashed;
border-width: thin;
border-color: silver;
}

span.adminEditFormField {
float: none;
width: 225px;
text-align: left;
padding: 2px;
}

span.adminFormField {
float: right;
width: 400px;
}

span.adminButtonRow {
width: auto;
text-align: center;
padding-left: 150px;
}

span.adminFormFieldLabel {
float: left;
width: 100px;
text-align: right;
padding: 2px;
padding-top:5px;
}

span.adminBodySelect {
text-align: left;
width: 400px;
}

span.adminEditFormQuant {
float: left;
width: 430px;
text-align: right;
padding: 2px;
padding-top:5px;
padding-right:100px;
border-style: dashed;
border-width: thin;
border-color: silver;
background-color: #FFF;
}

/*************
    CLIENT ADMIN
**************/

div.displayListRowHeader {
padding: 2px 0px 2px 0px;
color: #FFF;
background-color: #9A9A9A;
font-weight: bold;
margin-top:15px;
width: 627px;
}

div.displayListColHeader {
float: left;
width: 140px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
color: #FFF;
font-size: 10pt;
font-weight: bold;
line-height:18px;
text-align: left;
}

div.displayListColHeaderCenter {
float: left;
width: 140px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
color: #FFF;
font-size: 10pt;
font-weight: bold;
line-height:18px;
text-align: center;
}

div.displayListColHeader280 {
float: left;
width: 280px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
color: #FFF;
font-size: 10pt;
font-weight: bold;
line-height:18px;
text-align: left;
}

div.displayListColHeader292 {
float: left;
width: 292px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
color: #FFF;
font-size: 10pt;
font-weight: bold;
line-height:18px;
text-align: left;
}

div.displayListColHeaderWide {
float: left;
width: 445px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
color: #FFF;
font-size: 10pt;
font-weight: bold;
line-height:18px;
margin:0;
}

div.displayListColHeaderWide200 {
float: left;
width: 200px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
color: #FFF;
font-size: 10pt;
font-weight: bold;
line-height:18px;
}

div.displayListColHeaderExtraWide {
float: left;
width: 565px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
color: #FFF;
font-size: 10pt;
font-weight: bold;
line-height:18px;
}

div.displayListColHeaderExtraWide715 {
float: left;
width: 715px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
color: #FFF;
font-size: 10pt;
font-weight: bold;
line-height:18px;
}

div.displayListColHeaderProject {
float: left;
width: 100px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
color: #FFF;
font-size: 10pt;
font-weight: bold;
line-height:18px;
text-align: center;
}

div.displayListColHeaderProjectSpacer {
float: left;
width: 15px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
font-weight: bold;
line-height:18px;
}


div.displayListRowEven {
clear: both;
padding: 5px 0px 1px 0px;	/* This is a magic setting! Padding = 0 will cause problems in IE6 ! */
background-color: #CCCCCC;   /* IBI = #ebe3d1, SIA = #CCCCCC */
width: 648px;				
margin: 0px;
}

div.displayListRowOdd {
clear: both;
padding: 5px 0 1px 0;
width: 648px;  
margin: 0px;
}

.noImgPadding .displayListRowOdd {
width:600px;
}

.noImgPadding .displayListRowEven {
width:617px;
}

#industrySummaryReportForm .displayListRowOdd {
width:627px;
}

#industrySummaryReportForm .displayListRowEven {
width:627px;
}

div.displayListCol {
float: left;
width: 140px;		/* TO DO: RESET TO 140px */
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
text-align: left;

}

div.displayDownloadButton {
float: left;
padding: 0px 15px 5px 0px;
font-size: 10pt;
line-height:18px;
text-align: center;
text-decoration: none;
}

div.displayListColCenter100 {
float: left;
width: 100px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
text-align: center;
}

div.displayListColCenter {
float: left;
width: 140px;		/* TO DO: RESET TO 140px */
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
text-align: center;
color: #0085CF;
}


div.displayListColCenterRed {
float: left;
width: 140px;		/* TO DO: RESET TO 140px */
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
text-align: center;
background-color: #DD1E26;
}

div.displayListColWide200 {
float: left;
width: 200px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
}

div.displayListColWide292 {
float: left;
width: 292px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
}

div.displayListCol280 {
float: left;
width: 280px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
text-align: left;
}

div.displayListCol400 {
float: left;
width: 400px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
text-align: left;
}

div.LPCdisplayListCol {
float: left;
width: 535px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
text-align: left;
}

div.displayListCol625 {
float: left;
width: 625px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
text-align: left;
}

div.displayListColProject {
float: left;
width: 450px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
text-align: left;
}

div.displayListColWide {
float: left;
width: 445px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
}

div.displayDocumentListColWide {
float: left;
width: 495px;
padding: 0px;
margin:0px;
}

span.displayDocumentListColWide {

padding-left: 2px;
padding-top: 20px;
padding-bottom: 10px;

line-height:18px;
margin:2px;

}



div.displayListColExtraWide {
float: left;
width: 565px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 1px;
font-size: 10pt;
line-height:18px;
}


div.displayListColLink {
float: right;
width: 140px;
padding-left: 2px;
}

div.displayListColLink100 {
float: right;
width: 100px;
padding-left: 2px;
}

img.displayListNew {
padding-top:3px;
}

/*******************
    SELECTION FORM
********************/

div.displaySelectFormBody {
width: 725px;
margin: 0px left;
}


/* select box */
select.displaySelect {
width: 400px;
height: 150px;
}

div.displayFormRow span.displaySelectFormFieldLabel {
float: left;
width: 100px;
text-align: left;
padding: 2px;
padding-top:5px;
margin: 0px;
}

div.displayFormRow span.displaySelectFormField {
float: left;
width: 390px;
text-align: left;
padding: 2px;
margin: 0px;
}

div.displayFormButtonRow span.displaySelectFormButton {
float: right;
width: 400px;
text-align: left;
padding-left: 20px;
padding-right: 2px;
padding-bottom: 10px;
margin: 0px;
}


/*******************
    RESULTS FORMATTING ON EMPLOYER REPORTS FORM
********************/

.rnavCurr {
	padding: 0;
	font-size: 10pt;
	color: #DD1E26;
	font-weight:bold;
}

.rnavNext {
	padding: 0;
	font-size: 10pt;
	text-decoration: underline;
}

a.rnavNext {
	color: black;
	text-decoration: underline;
}


div.headerText {
background: #0085CF;
color: white;
font-family: georgia;
font-size: 16pt;
padding: 15px 20px 15px 20px;
margin:0;
width: 607px;
}


/*******************
   CMS HOME PAGE
********************/

div.homeHeader {
/* font-family: verdana, helvetica,arial; */
font-size: 12pt;
padding-top: 10px;
padding-left: 20px;
}

div.homeHeader a {
font-size: 9pt;
padding-top: 10px;
padding-left: 20px;
display: block;
}



/******************* SIDEBAR *******************/

/* HEADLINE - rounded corner box */
.sb_headline
{
	width:163px;
	background:url(../image/sb_headline_background.png) repeat-y;
}

.sb_headline h2
{
	background:url(../image/sb_headline_top.png) no-repeat left top;
	padding-top:25px;
	padding-left:10px;
	padding-right:10px;
}

.sb_headline .last
{
	background:url(../image/sb_headline_bottom.png) no-repeat left bottom;
	padding-bottom:5px;
}

/* IBI INFORM - rounded corner box */
.sb_inform
{
	width:163px;
	background:url(../image/sb_inform_background.png) repeat-y;
	margin-top:5px;
}

.sb_inform h2
{
	background:url(../image/sb_inform_top.png) no-repeat left top;
	padding-top:36px;
	padding-left:10px;
	padding-right:10px;
}

.sb_inform .last
{
	background:url(../image/sb_inform_bottom.png) no-repeat left bottom;
	padding-bottom:5px;
	color: #FFF;
}

/* IBI FORUM - rounded corner box */
.sb_forum
{
	width:163px;
	background:url(../image/sb_forum_background.png) repeat-y;
	margin-top:5px;
}

.sb_forum h2
{
	background:url(../image/sb_forum_top.png) no-repeat left top;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.sb_forum .last
{
	background:url(../image/sb_forum_bottom.png) no-repeat left bottom;
	padding-bottom:5px;
}

.sb_headline p,.sb_inform p,.sb_forum p
{
	padding-left:10px;
	padding-right:10px;
}

/* Search box */
.search_box {
	background:transparent url(../image/bg_search_box.png) no-repeat scroll left bottom;
	height:22px;
	margin: 8px 0px 0px 4px; 
	width:162px;
	float: left;
	padding:0;
	display: block;
}
.search_box_text {
	border:0pt none;
	font-weight:normal;
	margin:4px 0pt 0pt 6px;
	padding:0;
	width:130px;
    display: block;
	float: left;
}
.search_box_go {
	margin: 5px 0 0 0;
    display: block;
	float: left;
	padding:0;
}
.search_box_wait {
    margin: 5px 0 0 0;
    float: left;
    padding:0;
}

/* PADD SEARCH RESULTS */
.displayFormBodyAdmin {
	padding-left:15px;
}

.displaySidebar a {
	margin:0 0 8px 0;
	display: block;
}

a.displayToggleButton {
	display: inline;
	font-size:10pt;
	margin: 0;
}

#documentDetailForm {
margin:0;
padding:0;
}

#documentForm {
margin:0;
padding:0;
}

span.luceneHit {
	font-weight:bold;
}

.emailLink {
	display:none;
	position:absolute;
	left:80px;
	top:65px;
	background:#E8E8E8;
	padding:20px;
	border:1px solid #666;
}

.emailLinkInput {
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:8pt;
}

.noPrintLinkPadding {
	padding-top: 25px;
}

.documentAuthorizationMessage {
	padding:15px 0 15px 0;
	line-height: 12pt;
}

.documentAuthorization {
	display:none;
	position:absolute;
	left:175px;
	top:190px;
	width:615px;
	background:#E8E8E8;
	padding:10px;
	border:1px solid #666;
}

/* Added for Industry Summary pages */
.displaySummaryLevel1, .displaySummaryLevel2, .displaySummaryLevel3, .displaySummaryLevel4   {
float: left;
width: 559px;
padding: 2px 30px 1px 2px;
font-size: 10pt;
line-height:18px;
margin:0;
}

.displaySummaryLevel1 {
font-weight: bold;
}

.displaySummaryLevel3 {
padding: 2px 15px 1px 17px;
}

div.displaySummaryLevel4 {
padding: 2px 0px 1px 32px;
}

/* Added for Lost Productivity Calculator Help */
.help {
	display:none;
	position:fixed;
	left:10px;
	top:80px;
	width:623px;
	background:#E8E8E8;
	padding:10px;
	border:1px solid #666;
}

/* Adjust the image for home page */
#documentContent img {padding-left:5px;}

#databaseQueryForm, #industrySummaryReportForm,  #employerReportForm, #memberListForm {margin: 0; padding:0;}

#main {width: 1024px;}