a:link { color: rgb( 81, 89, 107 ); }
a:visited { color: rgb( 81, 89, 107 ); }
a.action { font-weight: bold; }
a.quiet { color: black; text-decoration: none; }
a.quiet:hover { color: rgb( 81, 89, 107 ); text-decoration: underline; }
a img { border: 0 none; }

abbr, acronym, .help { border-bottom: 1px dotted rgb( 150, 150, 150 ); cursor: help; }

.occupationSeparator{ width: 100%; margin-left: -5px; padding: 0px; border-bottom: 1px solid #DDDDDD }

#progressBar { padding-top: 5px; }
#progressBarBox { width: 350px; color: black; height: 20px; border: 1px inset; background: #eee;}
#progressBarBoxContent { width: 0; height: 20px; color: white; border-right: 1px solid #444; background: #003366; }

#dhtmlgoodies_tooltip
{
    background-color:#EEE;
    border:1px solid #000;
    position:absolute;
    display:none;
    z-index:20000;
    padding:2px;
    font-size:0.9em;
    -moz-border-radius:6px;	/* Rounded edges in Firefox */
    font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;

}

#dhtmlgoodies_tooltipShadow
{
    position:absolute;
    background-color:#555;
    display:none;
    z-index:10000;
    opacity:0.7;
    filter:alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    -moz-border-radius:6px;	/* Rounded edges in Firefox */
}

.toolTextHover span{
  display:block;
  position:absolute;
  border:1px solid black;
  top:0.5em;
  left:10px;
  background-color:	#F0F8FF; color:black;
  text-align: center;
}

.toolTextHover div{ z-index: 0; }

body
{
    margin: 0;
    padding: 0;
    background-color: white;
	color: black;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 9pt;
}

table{border-collapse:separate; }

td
{
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 9pt;
	text-align: left;
}

.defaultFontSize { font-size: 13px; };
.textTop { vertical-align: top; }
.justify { text-align:justify;}
.center { text-align:center;}
.left { text-align: left;}
.right { text-align: right;}
.welcomeBkgd { background-color:#F0F0F0; }
.accessKey { text-decoration: underline; }
.action { font-weight: bold; }
.alignTop { vertical-align: top; }
.alignMiddle { vertical-align: middle; }
.alignBottom { vertical-align: bottom; }
.multiColumnList { vertical-align: top; padding: 5px;}
.borderBottom { border-bottom: 1px solid rgb( 136, 136, 136 ); }
.borderTopBottom { border-bottom: 1px solid rgb( 136, 136, 136 );border-top: 1px solid rgb( 136, 136, 136 ); }
.borderRight { border-right:1px solid rgb( 220, 220, 220 ); }
.stackTopBorder { padding-top:1; border-top: 1px dashed rgb( 195, 195, 190 ); width: 100%; }
.box { padding: 5px; }
.compactFormContents { font-size: 9pt; color: black; }
.compactFormField { font-size: 9pt; font-weight: bold; }
.textfield { font-family: Courier New; font-size: 8pt; }
.compactFormFieldComments { font-size: 9pt; text-align: left; }
.compactFormFieldLabel { font-size: 9pt; }
.compactFormHeader { font-size: 9pt; width: 5%; white-space: nowrap; }
.compactFormInvalidField { background-color: rgb( 255, 255, 100 ); }
.compactFormGroup { border: 1px solid rgb( 180, 180, 180 ); padding: 0px 4px 0px 2px; margin-top: 2em; }
.compactFormSection { color: black; font-weight: bold; }
.compactFormStaticContents { color: black; border: 1px solid rgb( 180, 180, 180 ); padding: 0px 4px 0px 2px; margin-top: 2em; }

.linkStyle {white-space:nowrap; height:12; padding-top: 4; padding-bottom: 4;}
.formCell { background-color: rgb( 240, 240, 240 );}
.formHeaderCell { padding-top:0; padding-bottom:0; }
.contents { color: black; background-color: rgb( 240, 240, 240 ); padding-left: 4; border-left: 1px solid white; border-right: 1px solid  rgb( 220, 220, 220 ); border-top: 1px solid white;   border-bottom: 1px solid rgb( 220, 220, 220 ); }
.borderlessContents { color: black; background-color: rgb( 240, 240, 240 ); padding-left: 4; }
.borderlessTitle { text-align: left; font-weight: bold; color: white; vertical-align: middle; background-color: rgb( 81, 89, 107 ); white-space: nowrap; }
.warningContents { color: black; background-color: rgb( 250, 210, 210 ); padding-left: 4; border-left: 1px solid white; border-right: 1px solid  rgb( 220, 220, 220 ); border-top: 1px solid white;   border-bottom: 1px solid rgb( 220, 220, 220 ); }
.whiteContents { color: black; background-color: #FFFFFF; padding-left: 4;  border-top: 1px solid white;   border-bottom: 1px solid rgb( 220, 220, 220 ); }
.borderlessWhiteContents { color: black; background-color: #FFFFFF; padding-left: 4; }
.sectionContents { color: black; background-color: #FFFFFF; padding:0;border:0;margin:0 }
.sectionCellContents { color: black;  padding:0;border:0;margin:0 }

.togglableFormCellContents { color: black;  padding:0;border:0;margin:0; background-color: rgb( 240, 240, 240 ); }
.togglableFormCellLiContents { color: black;  padding:0;border:0;margin:0; background-color: rgb( 255, 255, 255 ); }
.clickable { cursor:pointer; cursor:hand }

.sectionContentsFirst { color: black; background-color: rgb( 240, 240, 240 ); border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid rgb( 220, 220, 220 );  border-bottom: 1px dashed rgb( 195, 195, 195 ); }
.sectionContentsMiddle { color: black; background-color: rgb( 240, 240, 240 ); border-left: 1px solid white; border-top: 1px dashed white; border-right: 1px solid rgb( 220, 220, 220 );  border-bottom: 1px dashed rgb( 195, 195, 195 ); }
.sectionContentsLast { color: black; background-color: rgb( 240, 240, 240 ); border-left: 1px solid white; border-top: 1px dashed white; border-right: 1px solid rgb( 220, 220, 220 );  border-bottom: 1px solid rgb( 220, 220, 220 ); }
.sectionContentsOnly { color: black; background-color: rgb( 240, 240, 240 ); border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid rgb( 220, 220, 220 );  border-bottom: 1px solid rgb( 220, 220, 220 ); }
.sectionRowContentsFirst { color: black;  border-right: 1px dashed rgb( 195, 195, 195 ); padding-right: 15px; }
.sectionRowContentsMiddle { color: black; border-left: 1px dashed white; border-right: 1px dashed rgb( 195, 195, 195 ); padding-left: 15px; padding-right: 15px; }
.sectionRowContentsLast { color: black;  border-left: 1px dashed white; padding-left: 15px; }
.sectional { color: black;  border-left: 1px dashed rgb( 195, 195, 195 ); padding-right: 15px; padding-left: 15px; }
.sectionalFirst { color: black; padding-right: 15px; }
.sectionRowContentsOnly { color: black;background-color: rgb( 240, 240, 240 );}
.sectionRowContentsOnlyWithBorder { color: black; border-left: 1px solid white; border-right: 1px solid  rgb( 220, 220, 220 ); border-top: 1px solid white;   border-bottom: 1px solid rgb( 220, 220, 220 ); }
.rowTitleInSection { font-weight: bold; color: black; padding-left: 1px; }
.formField { color: rgb( 0, 0, 200 ); }
.formField a { color: rgb( 81, 89, 107 ); }
.formFieldContents { color: rgb( 0, 0, 200 ); background-color: rgb( 240, 240, 240 ); border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid rgb( 220, 220, 220 );  border-bottom: 1px solid rgb( 220, 220, 220 ); }
.formFieldContents a { color: rgb( 81, 89, 107 ); }
.boldText { font-weight: bold; }
.italicText { font-style: italic;  }
.blackText { color:black;}
.redText { color: red; }
.greenText { color: green; }
.blueText { color: blue; }
.grayText { color: gray; }
.darkGrayText { color : rgb( 97, 97, 97     ) }

.undefinedField { color: #808080; font-style: italic; padding-left: 4px; }
.undefinedNumericField { color: #808080; font-style: italic; }
.undefinedLabel { color: #808080; font-style: italic; padding-left: 4px; }

.controls { text-align: right; width: 1%; padding-left: 11px; }
.creatorCompanyIsNotUsersCompany{ color: red; border-bottom: 1px dashed rgb( 195, 195, 195 ); white-space: nowrap; }
.definition {}
.error { color: red; background-color: rgb( 255, 255, 153 ); border: 1px solid black; }
.modified { color: green; background-color: rgb( 153, 255, 153 );  }
.validateFail { color: red; background-color: rgb( 255, 110, 110 );  }
.errorContents { color: black; background-color: rgb( 255, 255, 150 ); border-left: 1px solid rgb( 255, 255, 165 ); border-top: 1px solid rgb( 255, 255, 165 ); border-bottom: 1px solid rgb( 240, 240, 135 ); border-right: 1px solid rgb( 240, 240, 135 ); }
.xmlErrorContents {}
.errorHeader { font-weight: bold; color: black; background-color: rgb( 255, 255, 100 ); border-left: 1px solid rgb( 255, 255, 115 ); border-top: 1px solid rgb( 255, 255, 115 ); border-bottom: 1px solid rgb( 245, 245, 95 ); border-right: 1px solid rgb( 245, 245, 95 ); }
.errorText { color: red; }
.footer { color: black; font-weight: bold; background-color: rgb( 220, 220, 220 ); border-left: 1px solid rgb( 235, 235, 235 ); border-top: 1px solid rgb( 235, 235, 235 ); border-bottom: 1px solid rgb( 200, 200, 200 ); border-right: 1px solid rgb( 200, 200, 200 ); }
.footerLeftNoBorder { padding-top:2px; padding-bottom:2px; color: black; font-weight: bold; background-color: rgb( 220, 220, 220 ); border-top: 1px solid rgb( 235, 235, 235 ); border-bottom: 1px solid rgb( 200, 200, 200 ); border-right: 1px solid rgb( 200, 200, 200 ); }
.footerRightNoBorder { color: black; font-weight: bold; background-color: rgb( 220, 220, 220 ); border-left: 1px solid rgb( 235, 235, 235 ); border-top: 1px solid rgb( 235, 235, 235 ); border-bottom: 1px solid rgb( 200, 200, 200 ); }
.glossary { vertical-align: top; }
.header { text-align: left; color: black; font-weight: bold; padding: 4;background-color: rgb( 220, 220, 220 ); border-left: 1px solid rgb( 235, 235, 235 ); border-top: 1px solid rgb( 235, 235, 235 ); border-bottom: 1px solid rgb( 200, 200, 200 ); border-right: 1px solid rgb( 200, 200, 200 ); }
.seamlessHeader { text-align: left; color: black; font-weight: bold; padding: 4;background-color: rgb( 220, 220, 220 ); border-top: 1px solid rgb( 235, 235, 235 ); border-bottom: 1px solid rgb( 200, 200, 200 ); }
.headerCentered { text-align: center; color: black; font-weight: bold; background-color: rgb( 220, 220, 220 ); border-left: 1px solid rgb( 235, 235, 235 ); border-top: 1px solid rgb( 235, 235, 235 ); border-bottom: 1px solid rgb( 200, 200, 200 ); border-right: 1px solid rgb( 200, 200, 200 ); }
.headerNarrow { color: black; font-weight: bold; padding-left:4; background-color: rgb( 220, 220, 220 ); border-left: 1px solid rgb( 235, 235, 235 ); border-top: 1px solid rgb( 235, 235, 235 ); border-bottom: 1px solid rgb( 200, 200, 200 ); border-right: 1px solid rgb( 200, 200, 200 ); }
.headerFlat { color: black; font-weight: bold; background-color: rgb( 220, 220, 220 ); border: 0px; }


.invalid { background-color: yellow; }
.keywords { color: black; font-style: italic; }
.magentaBkd { background-color: rgb( 255, 153, 255 ); }
.yellowBkd { background-color: FFFF00; }
.greenBkd { background-color: 00FF00; }

.moneygreenBkd { background-color: 00BB00; }


.blank {  }
.noBorder { border: 0 none; }

table.thinLayout       { padding: 0; margin: 0; border: 0; }
table.standardLayout   { padding: 0; margin: 8px; border: 0 hidden white; }
table.editTable        { padding: 0; margin: 8; border: 0; }
table.tableTitle       { padding: 0; margin: 8; border: 0; width: 100%;  }
table.wholeLayout      { padding: 0; margin: 0; border: 0; width: 100%; }
table.cellHeader       { padding: 0; margin: 0; border: 0; width: 100%; BACKGROUND-COLOR: rgb(153,153,153); }
table.cellContent      { padding: 0; margin: 0; border: 0; width: 100%;   }
table.smallCellContent { padding: 0; margin: 0; border: 0; width: 100%;  }
table.halfWidthTable   { margin: 8px; width:50%}
table.tableOuterBorder { border: 1px solid rgb( 136, 136, 136 ); }
table.tableJobStageBorder    { border: 1px solid rgb( 136, 136, 136 ); background-color: #E3E3E3; }

.menuBar { background-color: black; }
.logoCell { background-color: black; padding-right: 5px; }
.menuBarCell { background-color: black; border-right: 1px solid rgb( 75, 75, 75 ); padding: 5px; }
.menuBarCell a:link { color: white; text-decoration: none; }
.menuBarCell a:visited { color: black; text-decoration: none; }
.menuItemCell { background-color: rgb( 200, 200, 200 ); padding: 3px; border: 0px; margin: 0px; }
.menuItemTable { background-color: rgb( 200, 200, 200 ); border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; padding: 0px; margin: 0px; }
.menuItem {	text-decoration: none; cursor: auto; z-index:100; color: white; padding: 0px; border: 0px; margin: 0px; }
a.menuItem:link { text-decoration: none; cursor: auto; z-index:100; color: rgb( 81, 89, 107 ); font-weight: bold; }
a.menuItem:visited { text-decoration: none; cursor: auto; z-index:100; color: rgb( 81, 89, 107 ); font-weight: bold; }
a.menuItem:hover { color: black; }
.menuBarItem {	text-decoration: none; cursor: auto; z-index:100; color: white; padding: 0px; border: 0px; margin: 0px; }
a.menuBarItem:link { text-decoration: none; cursor: auto; z-index:100; color: white; font-weight: bold; }
a.menuBarItem:visited { text-decoration: none; cursor: auto; z-index:100; color: white; font-weight: bold; }
a.menuBarItem:hover { color: rgb( 180, 180, 180 ); }

.misspelled {color: rgb( 255, 0, 255 ); FONT-WEIGHT: bold }
.multiContentsBottom { border-top: 1px dashed white; white-space: nowrap; }
.multiContentsMiddle { border-top: 1px dashed white; border-bottom: 1px dashed rgb( 195, 195, 195 ); white-space: nowrap; }
.multiContentsTop { border-bottom: 1px dashed rgb( 195, 195, 195 ); white-space: nowrap;  }
.multiHeaderBottom { font-weight: bold; border-top: 1px dashed rgb( 245, 245, 245 ); white-space: nowrap;  }
.multiHeaderMiddle { font-weight: bold; border-top: 1px dashed rgb( 245, 245, 245 ); border-bottom: 1px dashed rgb( 180, 180, 180 ); white-space: nowrap;  }
.multiHeaderTop { font-weight: bold; border-bottom: 1px dashed rgb( 180, 180, 180 ); white-space: nowrap; }

a.titleLink { color: white; }

a.misspelledHyperlink:link { color: rgb( 255, 0, 255 ); font-style: italic; }
a.misspelledHyperlink:visited { color: rgb( 255, 0, 255 ); font-style: italic; }
.misspelledCurrent { BACKGROUND-COLOR: yellow }
.multiContentsBottom { border-top: 1px dashed white; white-space: nowrap; }
.multiContentsTop { border-bottom: 1px dashed rgb( 195, 195, 195 ); white-space: nowrap;  }
.multiHeaderBottom { font-weight: bold; border-top: 1px dashed rgb( 245, 245, 245 ); white-space: nowrap;  }
.multiHeaderTop { font-weight: bold; border-bottom: 1px dashed rgb( 180, 180, 180 ); white-space: nowrap; }
.navigation { color: black; font-weight: bold; }
.no { font-weight: bold; color: red; }
.notes { text-align: left; font-weight: normal }
.nowrap { white-space: nowrap; }
.number { text-align: right; }
.outer {}
.pageComponent { margin: 8px; }

.correctedHour { background-color: rgb( 256, 212, 212 ); }

.required { color: red; }
.enclosed { border: 0px; color: red; white-space: nowrap; }
.selected { color: black; background-color: rgb( 255, 153, 255 ); border-left: 1px solid rgb( 255, 193, 255 ); border-top: 1px solid rgb( 255, 193, 255 ); border-bottom: 1px solid rgb( 235, 133, 235 ); border-right: 1px solid rgb( 235, 133, 235 ); }
.shadingDark { background-color: rgb( 220, 220, 220 ); border-left: 1px solid rgb( 250, 250, 250 ); border-top: 1px solid rgb( 250, 250, 250 ); border-right: 1px solid rgb( 190, 190, 190 );  border-bottom: 1px solid rgb( 190, 190, 190 ); }
.shadingLight { background-color: rgb( 220, 220, 220 ); border-left: 1px solid rgb( 250, 250, 250 ); border-top: 1px solid rgb( 250, 250, 250 ); border-right: 1px solid rgb( 190, 190, 190 );  border-bottom: 1px solid rgb( 190, 190, 190 ); }
.siteHeader { color: white; background-color: rgb( 200, 200, 200 ); text-align: right; vertical-align: text-top; }
.skill { text-align: center; }
.centered { text-align: center; background-color: rgb( 240, 240, 240 ); border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid rgb( 220, 220, 220 );  border-bottom: 1px solid rgb( 220, 220, 220 ); }

.modifiedInvalid
{
    border-width: 2px;
    border-color: red;
    background-color: #FFFFCC;
};

.modifiedField
{
    border-width: 2px;
    border-color: green;
    background-color: #FFFFCC;
};


.smallerFormSectionHeader { font-weight: bold; vertical-align: middle; background-color: rgb( 220, 220, 220 ); border-left: 1px solid rgb( 235, 235, 235 ); border-right: 1px solid rgb( 200, 200, 200 ); border-bottom: 1px solid rgb( 200, 200, 200 ); border-top: 1px solid rgb( 227, 227, 227 ); padding: 5px; }
.smallerFormSectionContents { padding: 0px; border-collapse: collapse; background-color: rgb( 240, 240, 240 ); }
.smallerFormFieldContents { height: 15px; vertical-align: top; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 1px; background-color: rgb( 240, 240, 240 ); border-left: 1px solid white; border-top: 1px solid white; border-bottom: 2px solid rgb( 237, 237, 237 ); border-right: 1px solid rgb( 220, 220, 220 ); }
.smallerFormFieldHeader { padding-left: 8px; padding-right: 5px; padding-bottom: 5px; padding-top: 1px; background-color: rgb( 230, 230, 230 ); border-left: 1px solid rgb( 245, 245, 245 ); border-right: 1px solid rgb( 210, 210, 210 ); border-bottom: 1px solid rgb( 210, 210, 210 ); border-top: 2px solid rgb( 233, 233, 233 ); color: rgb( 100, 100, 100 ); font-weight: bold; white-space: nowrap; }
.smallerFormField { float: left; }

.spellingButtons { FONT-SIZE: 8pt; TEXT-ALIGN: center }
.spellingSelections { FONT-SIZE: 8pt; }
.spellingControls { FONT-SIZE: 8pt; background-color: rgb( 240, 240, 240 )}
.staticField { background-color: rgb( 240, 240, 240 ); border: 0px; padding: 2px; margin: 2px; }
.submit { text-align: right; }
.subtotal { text-align: right; }
.term { font-weight: bold; white-space: nowrap; }
.thousands { color: rgb( 0, 128, 0 ); }
.title { text-align: left; font-weight: bold; color: white; vertical-align: middle; background-color: rgb( 81, 89, 107 ); border-top: 1px solid rgb( 116, 124, 143 ); border-left: 1px solid rgb( 116, 124, 143 ); border-right: 1px solid rgb( 61, 69, 87 ); border-bottom: 1px solid rgb( 61, 69, 87 ); white-space: nowrap; }
.minimizedTitle { text-align: left; font-weight: bold; color: white; vertical-align: middle; background-color: rgb( 51, 51, 153 ); border-top: 1px solid rgb( 116, 124, 143 ); border-right: 1px solid rgb( 61, 69, 87 ); border-bottom: 1px solid rgb( 61, 69, 87 );}
.titleText { font-weight: bold; color: white; }
.topSkill { color: black; background-color: rgb( 255, 153, 255 ); border-left: 1px solid rgb( 255, 193, 255 ); border-top: 1px solid rgb( 255, 193, 255 ); border-bottom: 1px solid rgb( 235, 133, 235 ); border-right: 1px solid rgb( 235, 133, 235 ); white-space: nowrap; }
.transparentOptionsHeader { font-size: 12pt; color: rgb( 100, 100, 100); font-weight: bold; }
.transparentOptionsContent { font-size: 12pt; border-left: 1px solid rgb( 256, 256, 256 ); color: rgb( 100, 100, 100); font-weight: bold; }
.transparentOptionsFooter { color: white; font-weight: bold; color: rgb( 100, 100, 100); border-left: 8px solid rgb( 256, 256, 256 ); border-top: 8px solid rgb( 256, 256, 256 ); border-bottom: 8px solid rgb( 256, 256, 256 ); border-right: 8px solid rgb( 256, 256, 256 ); white-space: nowrap; }
.vtableHeader { width: 5%; white-space: nowrap; }
.halfWidth { width: 50%; }
.fullWidth { width: 100%; }
.justFullWidth{ width:95%}
.yes { font-weight: bold; color: green; }
.readOnly { font-family: Courier New; font-size: 8pt; background-color: rgb( 240, 240, 240 ); text-align: right; border: 0px; }
.errorTitle { text-align: left; font-weight: bold; color: white; vertical-align: middle; background-color: rgb( 204, 0, 51 ); border-top: 1px solid rgb( 116, 124, 143 ); border-left: 1px solid rgb( 116, 124, 143 ); border-right: 1px solid rgb( 61, 69, 87 ); border-bottom: 1px solid rgb( 61, 69, 87 ); white-space: nowrap; }
.blueTitle { text-align: left; font-weight: bold; color: white; vertical-align: middle; background-color: #0066FF; border-top: 1px solid rgb( 116, 124, 143 ); border-left: 1px solid rgb( 116, 124, 143 ); border-right: 1px solid rgb( 61, 69, 87 ); border-bottom: 1px solid rgb( 61, 69, 87 ); white-space: nowrap; }

a.processedTs:link { color: green; }
a.processedTs:visited { color: green; }
a.processedTs { color: green; }
a.missingTs:link { color: red; }
a.missingTs:visited { color: red; }
a.missingTs { color: red; }
a.currentTs:link { color: blue; font-weight: bold; }
a.currentTs:visited { color: blue; font-weight: bold; }
a.currentTs { color: blue; font-weight: bold; }
a.futureTs:link { color: gray; }
a.futureTs:visited { color: gray; }
a.futureTs { color: gray; }

a.tableTab:link { color: white }
a.tableTab { color: white }

.defaultBlue
{
    color: black; background-color: #C3E1F9;
}

.paddingLeft { padding-left: 4; }


select { margin: 1px; }

.login { text-align: center; }
.version { color: rgb( 29, 115, 180 ); font-size: 8pt; }
.biglogo { margin-top: 50px; margin-bottom: 0px; }
div.tip { margin-left: auto; margin-right: auto; text-align: center; }
span.tip { color: rgb( 29, 115, 180 ); margin-left: auto; margin-right: auto; text-align: justify; font-size: 9pt; width: 317px; }
.tiptitle { font-weight: bold; }
.copyright { color: rgb( 128, 122, 110 ); font-size: 8pt; }
.loadTime { color: rgb( 150, 150, 150 ); margin-left: 10px; padding-top: 10px; }


/* ####### TableTag Style ########################################################################### */


.odd
 {
    white-space: nowrap; color: black;  background-color: #FFFFFF; padding-left: 4; border-left: 1px solid black; border-right: 1px solid  rgb( 220, 220, 220 ); border-top: 1px solid black;   border-bottom: 1px solid rgb( 220, 220, 220 );
    margin: 0;
    padding: 0;
	color: black;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
 }
/* {*/
/* background-color: rgb( 250, 250, 250 );*/
/* color: black;*/
/* padding-left: 4;*/
/* border-left: 1px solid black;*/
/* border-top: 1px solid black;*/
/* border-bottom: 1px solid rgb( 220, 220, 220 );*/
/*}B8D9FC #C3E1F9 CEEAF6*/

.even
 {
    white-space: nowrap; color: black; background-color: #C3E1F9; padding-left: 4; border-left: 1px solid black; border-right: 1px solid  rgb( 220, 220, 220 ); border-top: 1px solid black;   border-bottom: 1px solid rgb( 220, 220, 220 );
    margin: 0;
    padding: 0;
	color: black;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
 }

/* {*/
/* background-color: rgb( 230, 230, 230 );*/
/* color: black;*/
/* padding-left: 4;*/
/* border-left: 1px solid black;*/
/* border-top: 1px solid black;*/
/* border-bottom: 1px solid rgb( 220, 220, 220 );*/
/*}*/


table.displayTagTable
{
	border-bottom: 1px solid rgb( 235, 235, 235 );
    margin: 0 0 4px 0;
}

.displayTagTableTitle
 { padding: 4; text-align: left; font-weight: bold; font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 9pt; color: white; vertical-align: middle;
    background-color:rgb( 81, 89, 107 );
    border-top: 0px solid rgb( 116, 124, 143 );
    border-left: 2px solid rgb( 255, 255, 255); border-right: 2px solid rgb( 255, 255, 255);
    border-bottom: 1px solid rgb( 61, 69, 87 );

 }

th.altDisplayTagHeader
{ text-align: left; color: rgb(81, 89, 107); font-weight: bold; font-family: Arial, Helvetica, Geneva, sans-serif;  font-size: 9pt; white-space: nowrap;
	padding: 4px 10px 4px 4px; background-color: rgb( 220, 220, 220 );
	border-left: 1px solid rgb( 235, 235, 235 ); border-top: 1px solid rgb( 235, 235, 235 ); border-bottom: 1px solid rgb( 200, 200, 200 ); border-right: 1px solid rgb( 200, 200, 200 );
}

th.displayTagHeader
{ text-align: left; color: rgb(81, 89, 107); font-weight: bold; font-family: Arial, Helvetica, Geneva, sans-serif;  font-size: 9pt; white-space: nowrap;
	padding: 4; background-color: rgb( 220, 220, 220 );
	border-left: 1px solid rgb( 235, 235, 235 ); border-top: 1px solid rgb( 235, 235, 235 ); border-bottom: 1px solid rgb( 200, 200, 200 ); border-right: 1px solid rgb( 200, 200, 200 );
}

.alphaJumper { text-align: left; color: black;  white-space: nowrap; padding-right: 8; padding-left:4; padding-top:4; padding-bottom:2;background-color: rgb( 255, 255, 255 ); border-top: 1px solid rgb( 235, 235, 235 ); }
.rowControl { text-align: left; color: black;  white-space: nowrap; padding: 4; background-color: rgb( 255, 255, 255 ); border-left: 1px solid rgb( 255, 240, 190 ); border-top: 1px solid rgb( 255, 240, 190 ); border-bottom: 1px solid rgb( 255, 240, 190 ); border-right: 1px solid rgb( 255, 240, 190 ); }

.pagebanner { text-align: left; color: black;  white-space: nowrap; padding: 4; background-color: rgb( 255, 255, 255 ); border-left: 1px solid rgb( 255, 255, 255 ); border-top: 1px solid rgb( 255, 255, 255 ); border-bottom: 1px solid rgb( 255, 255, 255 ); border-right: 1px solid rgb( 255, 255, 255 ); }
.pagelinks { text-align: left; color: black;  white-space: nowrap; padding: 4; background-color: rgb( 255, 255, 255 ); border-left: 1px solid rgb( 255, 255, 255 ); border-top: 1px solid rgb( 255, 255, 255 ); border-bottom: 1px solid rgb( 255, 255, 255 ); border-right: 1px solid rgb( 255, 255, 255 ); }
.exportlinks { text-align: left; color: black;  white-space: nowrap; padding-right: 4; padding-left: 4; padding-bottom: 8; padding-top: 8; background-color: rgb( 255, 255, 255 ); border-left: 1px solid rgb( 255, 255, 255 ); border-top: 1px solid rgb( 255, 255, 255 ); border-bottom: 1px solid rgb( 255, 255, 255 ); border-right: 1px solid rgb( 255, 255, 255 ); }
/*span.pagebanner { text-align: left; color: black; font-weight: bold; padding: 4;background-color: rgb( 220, 220, 220 ); border-left: 1px solid rgb( 235, 235, 235 ); border-top: 1px solid rgb( 235, 235, 235 ); border-bottom: 1px solid rgb( 200, 200, 200 ); border-right: 1px solid rgb( 200, 200, 200 ); }*/

th.sorted a {
	background-position: right;
	display: block;
	width: 100%;
    background-repeat:no-repeat;
    background-color: rgb( 190, 190, 190 );
}

 th.sortable a {
	background-position: right;
    padding-right:10px;
	display: block;
	width: 100%;
    background-repeat:no-repeat;
}

th.sortable a {
	background-image: url(img/arrow_off.png);
}
th.order1 a {
	background-image: url(img/arrow_up.png);
}
th.order2 a {
	background-image: url(img/arrow_down.png);
}

span.export {
	padding: 0 4px 1px 20px;
	display:inline;
	cursor: pointer;
    background-repeat:no-repeat;
}

span.excel {
	background-image: url(img/ico_file_excel.png);
}
span.csv {
	background-image: url(img/ico_file_csv.png);
}
span.xml {
	background-image: url(img/ico_file_xml.png);
}
span.pdf {
	background-image: url(img/ico_file_pdf.png);
}

.selectOnBlur { background-color: #FFFFCC; }

div#validxhtml {
	float: right;
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px;
	margin: 5px;
	width:100px;
	text-align: center;
}
div#footer {
	border-top: 1px solid #666;
	padding: 5px 5px 5px 5px;
	text-align:right;
}

div#footer span {
	float: left;
}

noItemsInList
{
    font-size: 15pt;
    font-weight: bold;
	text-align: left;
}

loadingMessage
{
    border: 1px solid rgb( 0, 0, 0 );
    background: #FFFFFF;
    color:#222222;
    font:10pt sans-serif;
    left:30%;
    position:absolute;
    top:30%;
    z-index: 99;
    padding:2px
}

#assigneeLoadingMessageSection
{
    border: 1px solid rgb( 0, 0, 0 );
    background: #FFFFFF;
    color:#222222;
    font:10pt sans-serif;
    left:40%;
    position:absolute;
    top:40%;
    z-index: 99;
    padding:2px
}

#assigneeLoadingMessageSection td
{
    color:#FFFFFF;
    background-color:transparent;
    font:bold 10pt sans-serif;
    margin:2px;
    text-align:center
}

#loadingMessageSection
{
    border: 1px solid rgb( 0, 0, 0 );
    background: #FFFFFF;
    color:#222222;
    font:10pt sans-serif;
    left:40%;
    position:absolute;
    top:40%;
    z-index: 99;
    padding:2px
}

#loadingMessageSection td
{
    color:#FFFFFF;
    background-color:transparent;
    font:bold 10pt sans-serif;
    margin:2px;
    text-align:center
}


#navlist
{
margin: 0;
padding: 0 0 20px 10px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover
{
border-bottom: 4px solid #52E;
padding-bottom: 2px;
background: transparent;
color: #50E;
}

#navlist a:hover { color: #52E; }

td.rightAlign {text-align: right;}
td.tagFont { font-size: 8pt; }

.marginlessInline
{
    margin: 0;
    display: inline;
}

.topTenJobs_div
{
	overflow:auto;
	overflow-x:hidden;
	width:300px;
	height:390px;
	background-color: #E3E3E3;
}

.topTenJobs_divElementA
{
    border-top: 2px solid #9999CC;
    border-left: 2px solid #9999CC;
    border-right: 2px solid #9999CC;
    border-bottom: 2px solid #999999;
    margin: 0;
    color: #fff;
    background-color: #9999CC;
    width: 25em;
}

.topTenJobs_divElementB
{
    border-top: 2px solid #99CC99;
    border-left: 2px solid #99CC99;
    border-right: 2px solid #99CC99;
    border-bottom: 2px solid #999999;
    margin: 0;
    color: #fff;
    background-color: #99CC99;
    width: 25em;
}

.topTenJobs_divElementC
{
    border-top: 2px solid #F8FD6E;
    border-left: 2px solid #F8FD6E;
    border-right: 2px solid #F8FD6E;
    border-bottom: 2px solid #999999;
    margin: 0;
    color: #fff;
    background-color: #F8FD6E;
    width: 25em;
}

.topTenJobs_highlightA
{
    border: 2px outset;
    margin: 0;
    color: #fff;
    background-color: #9999CC;
    width: 25em;
}

.topTenJobs_highlightB
{
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    margin: 0;
    color: #fff;
    background-color: #99CC99;
    width: 25em;
}

.topTenJobs_highlightC
{
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    margin: 0;
    color: #fff;
    background-color: #F8FD6E;
    width: 25em;
}

.topTenJobs_keyA
{
    float:left;
    background-color: #9999CC;
}

.topTenJobs_keyB
{
    float:left;
    background-color: #99CC99;
}

.topTenJobs_keyC
{
    float:left;
    background-color: #F8FD6E;
}

.custLink{background: #c7c7c7 url(/xp/images/link.jpg) no-repeat;
            font-weight: bold;
            text-align: left;
            padding-left: 22px;
            padding-top: 2px;
            height: 20px;
            cursor:hand;
            }

.custLinkNoHand{background: #c7c7c7 url(/xp/images/link.jpg) no-repeat;
            font-weight: bold;
            text-align: left;
            padding-left: 22px;
            padding-top: 2px;
            height: 20px;
            }

.custLinkNoBackground{ background: url(/xp/images/link-no-bg.gif) no-repeat;
            font-weight: bold;
            text-align: left;
            padding-left: 22px;
            padding-top: 2px;
            height: 20px;
            cursor:hand;
            }
/*tooltip*/

.toolTipElement{ cursor:pointer; cursor:hand }

.tool-tip { background-color:#EEE; word-wrap: break-word; border: 1px solid #FFF; width: 300px; z-index:20000; padding:2px; font-size:0.9em; }
.tool-title { font-weight: bold; margin: 5px; }
.tool-text { margin: 5px; }


#requiredWarning, #bottomRequiredWarning
{
    border: solid gray 1px;
    width : 300px;
    margin : 20px 0 20px 0;
    background-color : #ffffcc;
}

/* HC agreement */

.fakeLink { color: rgb( 81, 89, 107 ); text-decoration: underline; cursor:hand; cursor:pointer;}

.agrPrimaryHead
{
    width: 890px;
    background-color:
    #FF7C00;
    color: white;
    label-size: 110%;
    font-weight: bold;
}

.agrPrimaryHeadGreen
{
    width: 890px;
    background-color:
    #7CFF00;
    color: white;
    label-size: 110%;
    font-weight: bold;
}

.agrSecondaryHead
{
    width:890px;
    background-color:#cccccc;
    text-align:center;
    font-weight: bold;
}

.agrLiWidth
{
    width:800px;
}

.vendorContracts
{
	overflow:auto;
	overflow-x:hidden;
	height:158px;
}

.vendorContractsOnCand
{
	overflow:auto;
	overflow-x:hidden;
	height:163px;
}

.agreementPadding
{
    padding-top:4px;padding-bottom:4px;padding-right:4px;
}

.agreementOptionsFont
{
    font-size: 8pt;
}

.contentsThickBottomBorder
{
    border-bottom: 2px solid rgb( 220, 220, 220 );
    border-top: 1px solid white;
}

.noScrollHead
{
    position:relative;
    top:expression(this.offsetParent.scrollTop-2);
}

.noScrollHeadOnCompany
{
    position:relative;
    top:expression(this.offsetParent.scrollTop-2);
}

.sectionRowContentsOnlyWithBothBorders
{
    color: black;
    border-left: 1px solid  rgb( 220, 220, 220 );
    border-right: 1px solid  rgb( 220, 220, 220 );
    border-top: 1px solid white;
    border-bottom: 1px solid rgb( 220, 220, 220 );
}

.monsterOccupationRemove
{
    display: block; margin: -14px 0 0 auto; cursor: hand;
}

.monsterOccupationSelectedContent
{
    border-bottom: 1px solid #DDDDDD; margin-top: 0px; margin-left: -5px; margin-right: 0px; padding-left: 10px; padding-right: 3px; padding-bottom: 5px; padding-top: 5px;
}

.hidden { display: none }