/* --------------------- workdesk layout >--------------------------*/
div#container {
  background: #CCCCFF url(../images/background-Graident350h.gif) repeat-x bottom left;
}

div#header {
 background:#ffffff;
}

div#footer {
  background: #d7d7f0 url(../images/background-Gears-Hz_sm.png) repeat scroll bottom;
  border-top-color: #14257a;
}

/* --------------------< workdesk layout ---------------------------*/

/* --------------------- main layout >--------------------------*/
.pageHeader {
  background: #FFFFFF;
}

.pageContainer {
  background-color: #ffffff;
}

.pageFooter {
  background: #d7d7f0 url(../images/background-Gears-Hz.png) repeat-x fixed bottom left;
  border-top-color: #14257a;
}

/* --------------------< main layout ---------------------------*/

.workdesk {
  background: #d7d7f0 url(../images/background-Graident350h.gif) repeat-x bottom left;
}

/* -------------------- shades . ------------------------------*/
.rowShade1 {
  background-color: #FFFFFF;
}

.rowShade2 {
  background-color: #F0F0F0;
}

.rowShade3 {
  background-color: #FFFF99;
}

/* --------------------< shades -------------------------------*/

/* -------- round boxes >---------- */

.b1h {
  background:#aaaaaa;
}

.b2h, .b3h, .b4h {
  background: #dddddd;
}

.b2h, .b3h, .b4h,
.b2bh, .b3bh, .b4bh {
  border-right-color: #aaaaaa;
  border-left-color: #aaaaaa;
}

.b2bh, .b3bh, .b4bh {
  background: #ffffff;
}

/* --------- light background ------- */

.r1h, .r1bh {
  background: #14257a;
}

.r2h, .r2bh,
.r3h, .r3bh,
.r4h, .r4bh,
.tb1, .tb2, .tb3, .tb4,
.hb1, .hb2, .hb3, .hb4,
.tb2_1, .tb3_1, .tb4_1 {
  border-left-color: #14257a;
  border-right-color: #14257a;
}

.r1h1, .r1h3 {
  background: #d7d7f0;
  border-right-color: #d7d7f0;
}

.r1h2 {
  background: #FFFF99;
  border-right-color: #d7d7f0;
}

.hb2, .hb3, .hb4 {
  background: #FFFF99;
}

.r2h, .r3h, .r4h,
.tb2, .tb3, .tb4 {
  background: #FFFFFF;
}

.tb1, .tb2_1, .tb3_1, .tb4_1 {
  background: #d7d7f0;
}

.r2bh, .r4bh, .r3bh {
  background: transparent;
}

/* ----------------- dark background > --------------- */

div.titleWrapper .r2h, div.titleWrapper .r3h, div.titleWrapper .r4h,
div.titleWrapper .r1bh, div.titleWrapper .r2bh, div.titleWrapper .r3bh,
div.titleWrapper .r4bh,
div.detailWrapper .r2h, div.detailWrapper .r3h, div.detailWrapper .r4h,
div.detailWrapper .r1bh, div.detailWrapper .r2bh, div.detailWrapper .r3bh,
div.detailWrapper .r4bh,
div.pagedWrapper .r2h, div.pagedWrapper .r3h, div.pagedWrapper .r4h,
div.pagedWrapper .r1bh, div.pagedWrapper .r2bh, div.pagedWrapper .r3bh,
div.pagedWrapper .r4bh,
div.noTitleWrapper .r2h, div.noTitleWrapper .r3h, div.noTitleWrapper .r4h,
div.noTitleWrapper .r1bh, div.noTitleWrapper .r2bh, div.noTitleWrapper .r3bh,
div.noTitleWrapper .r4bh {
  border-right-color:#14257a;
  border-left-color:#14257a;
}

div.titleWrapper .r1h, div.titleWrapper .r2h, div.titleWrapper .r3h, div.titleWrapper .r4h,
div.titleWrapper .r1bh, div.titleWrapper .r2bh, div.titleWrapper .r3bh, div.titleWrapper .r4bh {
  background: #14257a;
}

div.detailWrapper .r1h, div.detailWrapper .r2h, div.detailWrapper .r3h, div.detailWrapper .r4h,
div.detailWrapper .r1bh, div.pagedWrapper .r1bh, div.noTitleWrapper .r1bh,
div.pagedWrapper .r1h, div.noTitleWrapper .r1h {
  background: #14257a;
}

div.pagedWrapper .r2h, div.pagedWrapper .r3h, div.pagedWrapper .r4h {
  background: #d7d7f0;
}

div.noTitleWrapper .r2h, div.noTitleWrapper .r3h, div.noTitleWrapper .r4h {
  background: #d7d7f0;
}

div.detailWrapper .r2bh, div.detailWrapper .r3bh, div.detailWrapper .r4bh,
div.pagedWrapper .r2bh, div.pagedWrapper .r3bh, div.pagedWrapper .r4bh,
div.noTitleWrapper .r2bh, div.noTitleWrapper .r3bh, div.noTitleWrapper .r4bh {
  background: #d7d7f0;
}

/* ----------------- < dark background --------------- */

/*  ------------------------- > Header box ------------------------ */

div.headerBoxContainer {
  border-left-color: #14257a;
  border-right-color: #14257a;
}
/*
table.headerBox td.headerBoxLabel {
  background: #d7d7f0;
}
*/
table.headerBox td.headerPk {
  border-bottom-color: #14257a;
}

table.headerBoxClerk td.clerkLabel {
  background: #d7d7f0;
  border-left-color: #d7d7f0;
}

.boxTitle {
  background: #14257a;
  border-left-color: #14257a;
  border-right-color: #14257a;
}

.boxTitle .title {
  color: #FFFFFF;
  background-color: #14257a;
}

.boxTitle .link {
  background-color: #14257a;
}

.boxTitle .link a {
  color: #14257a;
  background: #d7d7f0;
  border-color: #14257a;
}

.boxTitle .link a:hover {
  border-color: #FFFFFF;
  background: #d7d7f0;
}

/*  ------------------------- < Header box ------------------------ */

/* ------------------------------ banner > ----------------------------*/

table.banner td {
  color: #000000;
}

.bannerLink:link, .bannerLink:visited, .bannerLink:active, .bannerLink:hover {
  background: #FFF !important;
}

table.banner a {
  border-color: transparent;
}

table.banner a:hover {
  background-color: #fff;
}
/* --------------------------- < banner ---------------------------*/

/* --------------------------- Horizontal Carousel > ---------------------------*/
#horizontal_carousel {
  float:left;
  width: 100%;
  height: 160px;
  margin-bottom: 10px;
  overflow:hidden;
  position: relative;
}

#horizontal_carousel .container {
  top: 6px;
  left: 35px;
  width: 94%;
  /*width: 640px;*/
  height: 143px;
  overflow:hidden;
  background: #E3EDFA;
  position: relative;
}

#horizontal_carousel .previous_button {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 30px;
  height: 164px;
  background: url(../images/left.gif);
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 100;
  cursor:pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(../images/left.gif);
  background-repeat: no-repeat;
  background-position: top center;
}

#horizontal_carousel .previous_button_disabled {
  background: url(../images/left-disabled.gif);
  background-repeat: no-repeat;
  background-position: top center;
  cursor:default;
}

#horizontal_carousel .next_button {
  position: absolute;
  top: 5px;
  right: 1px;
  width: 35px;
  height: 164px;
  background: url(../images/right.gif);
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 100;
  cursor:pointer;
}

#horizontal_carousel .next_button_over {
  background: url(../images/right.gif);
  background-repeat: no-repeat;
  background-position: top center;
}

#horizontal_carousel .next_button_disabled {
  background: url(../images/right-disabled.gif);
  background-repeat: no-repeat;
  background-position: top center;
  cursor:default;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  /*width: 100000px;*/
  width:1000%;
  position: relative;
  top: 0;
  left: 0;
  height: 144px;
}

#horizontal_carousel ul li img {
  border:none;
  display:block;
  background:#E3EDFA;
}

#horizontal_carousel ul li a:hover {
  border:none;
  text-decoration: none;
}

#horizontal_carousel ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
  font-weight: bold;
  border:0 solid green;
  color:#000000;
  margin:0 4px 0 4px;
  padding:5px 5px;
  text-align: center;
  width:86px;
  list-style:none;
  float:left;
}

/* --------------------------- < Horizontal Carousel ---------------------------*/

/* ------------------------ > title toolbar -------------------- */
/*
.roundedTopRight {
  background: transparent url(../images/roundedcornr_tr.png) scroll no-repeat top right;
}

.rounded:before {
  content: url(../images/roundedcornr_tl.png);
}

.rounded:after {
  background: transparent url(../images/roundedcornr_br.png) scroll no-repeat bottom right;
  content: url(../images/roundedcornr_bl.png);
}
*/
table.standardToolbar {
  border-color: #14257a;
  border-right-color: #d7d7f0;
  background-color: #14257a;
}

table.standardToolbar td.title, table.standardToolbar td.title span,
table.standardToolbar td.title2, table.standardToolbar td.title2 span {
  color: #FFFFFF;
  background-color: #14257a;
}

table.standardToolbar td.workDeskButton {
  background-color: #14257a;
}

.workdeskIcon:link, .workdeskIcon:visited, .workdeskIcon:active, .workdeskIcon:hover {
  background-color: transparent !important;
}

table.screenMenu {
  color: #FFFFFF;
}

table.standardToolbar td.button {
  background-color: #d7d7f0;
}

option.active {
  background-color: #F0F0F0;
}

option.inactive {
  color: darkgray;
}

/* -------------------------- < title toolbar --------------------------- */

/* ------------------------ < hatch patterns    ------------------------*/
input.BRICK         { background: url( ../images/hatches/Pattern_Brick.gif ); }
input.CHECKER       { background: url( ../images/hatches/Pattern_Checker.gif ); }
input.CROSSDOT      { background: url( ../images/hatches/Pattern_CrossDot.gif ); }
input.DASH          { background: url( ../images/hatches/Pattern_Dash.gif ); }
input.DASH2         { background: url( ../images/hatches/Pattern_Dash2.gif ); }
input.DASHES        { background: url( ../images/hatches/Pattern_Dashes.gif ); }
input.DIAGBACKWARD  { background: url( ../images/hatches/Pattern_DiagBackward.gif ); }
input.DIAGBRICK     { background: url( ../images/hatches/Pattern_DiagBrick.gif ); }
input.DIAGCROSS     { background: url( ../images/hatches/Pattern_DiagCross.gif ); }
input.DIAGFORWARD   { background: url( ../images/hatches/Pattern_DiagForward.gif ); }
input.DIAGSHADOW    { background: url( ../images/hatches/Pattern_DiagShadow.gif ); }
input.FISH          { background: url( ../images/hatches/Pattern_Fish.gif ); }
input.GRID          { background: url( ../images/hatches/Pattern_Grid.gif ); }
input.GRID2         { background: url( ../images/hatches/Pattern_Grid2.gif ); }
input.HONEY         { background: url( ../images/hatches/Pattern_Honey.gif ); }
input.HORIZONTAL    { background: url( ../images/hatches/Pattern_Horizontal.gif ); }
input.HORIZONTALZIG { background: url( ../images/hatches/Pattern_HorizontalZig.gif ); }
input.LINKS         { background: url( ../images/hatches/Pattern_Links.gif ); }
input.O             { background: url( ../images/hatches/Pattern_O.gif ); }
input.PLUS          { background: url( ../images/hatches/Pattern_Plus.gif ); }
input.RAIN          { background: url( ../images/hatches/Pattern_Rain.gif ); }
input.SHADOW        { background: url( ../images/hatches/Pattern_Shadow.gif ); }
input.SQUIGGLE      { background: url( ../images/hatches/Pattern_Squiggle.gif ); }
input.TRIANGLE      { background: url( ../images/hatches/Pattern_Triangle.gif ); }
input.TRIANGLE2     { background: url( ../images/hatches/Pattern_Triangle2.gif ); }
input.TRIANGLE3     { background: url( ../images/hatches/Pattern_Triangle3.gif ); }
input.TRIANGLE4     { background: url( ../images/hatches/Pattern_Triangle4.gif ); }
input.VERTICAL      { background: url( ../images/hatches/Pattern_Vertical.gif ); }
input.VERTICALZIG   { background: url( ../images/hatches/Pattern_VerticalZig.gif ); }
input.X             { background: url( ../images/hatches/Pattern_X.gif ); }
input.hatchButton   { background: url( ../images/bb_editObject.png ); }

input.imgpick {
  background-repeat: no-repeat;
  background-position: center center;
  border: #d7d7f0;
}

div.BRICK_T          { background: url( ../images/hatches/Pattern_Brick_T.gif ); }
div.CHECKER_T        { background: url( ../images/hatches/Pattern_Checker_T.gif ); }
div.CROSSDOT_T       { background: url( ../images/hatches/Pattern_CrossDot_T.gif ); }
div.DASH_T           { background: url( ../images/hatches/Pattern_Dash_T.gif ); }
div.DASH2_T          { background: url( ../images/hatches/Pattern_Dash2_T.gif ); }
div.DASHES_T         { background: url( ../images/hatches/Pattern_Dashes_T.gif ); }
div.DIAGBACKWARD_T   { background: url( ../images/hatches/Pattern_DiagBackward_T.gif ); }
div.DIAGBRICK_T      { background: url( ../images/hatches/Pattern_DiagBrick_T.gif ); }
div.DIAGCROSS_T      { background: url( ../images/hatches/Pattern_DiagCross_T.gif ); }
div.DIAGFORWARD_T    { background: url( ../images/hatches/Pattern_DiagForward_T.gif ); }
div.DIAGSHADOW_T     { background: url( ../images/hatches/Pattern_DiagShadow_T.gif ); }
div.FISH_T           { background: url( ../images/hatches/Pattern_Fish_T.gif ); }
div.GRID_T           { background: url( ../images/hatches/Pattern_Grid_T.gif ); }
div.GRID2_T          { background: url( ../images/hatches/Pattern_Grid2_T.gif ); }
div.HONEY_T          { background: url( ../images/hatches/Pattern_Honey_T.gif ); }
div.HORIZONTAL_T     { background: url( ../images/hatches/Pattern_Horizontal_T.gif ); }
div.HORIZONTALZIG_T  { background: url( ../images/hatches/Pattern_HorizontalZig_T.gif ); }
div.LINKS_T          { background: url( ../images/hatches/Pattern_Links_T.gif ); }
div.O_T              { background: url( ../images/hatches/Pattern_O_T.gif ); }
div.PLUS_T           { background: url( ../images/hatches/Pattern_Plus_T.gif ); }
div.RAIN_T           { background: url( ../images/hatches/Pattern_Rain_T.gif ); }
div.SHADOW_T         { background: url( ../images/hatches/Pattern_Shadow_T.gif ); }
div.SQUIGGLE_T       { background: url( ../images/hatches/Pattern_Squiggle_T.gif ); }
div.TRIANGLE_T       { background: url( ../images/hatches/Pattern_Triangle_T.gif ); }
div.TRIANGLE2_T      { background: url( ../images/hatches/Pattern_Triangle2_T.gif ); }
div.TRIANGLE3_T      { background: url( ../images/hatches/Pattern_Triangle3_T.gif ); }
div.TRIANGLE4_T      { background: url( ../images/hatches/Pattern_Triangle4_T.gif ); }
div.VERTICAL_T       { background: url( ../images/hatches/Pattern_Vertical_T.gif ); }
div.VERTICALZIG_T    { background: url( ../images/hatches/Pattern_VerticalZig_T.gif ); }
div.X_T              { background: url( ../images/hatches/Pattern_X_T.gif ); }

div.BRICK_TB          { background: url( ../images/hatches/Pattern_Brick_TB.gif ); }
div.CHECKER_TB        { background: url( ../images/hatches/Pattern_Checker_TB.gif ); }
div.CROSSDOT_TB       { background: url( ../images/hatches/Pattern_CrossDot_TB.gif ); }
div.DASH_TB           { background: url( ../images/hatches/Pattern_Dash_TB.gif ); }
div.DASH2_TB          { background: url( ../images/hatches/Pattern_Dash2_TB.gif ); }
div.DASHES_TB         { background: url( ../images/hatches/Pattern_Dashes_TB.gif ); }
div.DIAGBACKWARD_TB   { background: url( ../images/hatches/Pattern_DiagBackward_TB.gif ); }
div.DIAGBRICK_TB      { background: url( ../images/hatches/Pattern_DiagBrick_TB.gif ); }
div.DIAGCROSS_TB      { background: url( ../images/hatches/Pattern_DiagCross_TB.gif ); }
div.DIAGFORWARD_TB    { background: url( ../images/hatches/Pattern_DiagForward_TB.gif ); }
div.DIAGSHADOW_TB     { background: url( ../images/hatches/Pattern_DiagShadow_TB.gif ); }
div.FISH_TB           { background: url( ../images/hatches/Pattern_Fish_TB.gif ); }
div.GRID_TB           { background: url( ../images/hatches/Pattern_Grid_TB.gif ); }
div.GRID2_TB          { background: url( ../images/hatches/Pattern_Grid2_TB.gif ); }
div.HONEY_TB          { background: url( ../images/hatches/Pattern_Honey_TB.gif ); }
div.HORIZONTAL_TB     { background: url( ../images/hatches/Pattern_Horizontal_TB.gif ); }
div.HORIZONTALZIG_TB  { background: url( ../images/hatches/Pattern_HorizontalZig_TB.gif ); }
div.LINKS_TB          { background: url( ../images/hatches/Pattern_Links_TB.gif ); }
div.O_TB              { background: url( ../images/hatches/Pattern_O_TB.gif ); }
div.PLUS_TB           { background: url( ../images/hatches/Pattern_Plus_TB.gif ); }
div.RAIN_TB           { background: url( ../images/hatches/Pattern_Rain_TB.gif ); }
div.SHADOW_TB         { background: url( ../images/hatches/Pattern_Shadow_TB.gif ); }
div.SQUIGGLE_TB       { background: url( ../images/hatches/Pattern_Squiggle_TB.gif ); }
div.TRIANGLE_TB       { background: url( ../images/hatches/Pattern_Triangle_TB.gif ); }
div.TRIANGLE2_TB      { background: url( ../images/hatches/Pattern_Triangle2_TB.gif ); }
div.TRIANGLE3_TB      { background: url( ../images/hatches/Pattern_Triangle3_TB.gif ); }
div.TRIANGLE4_TB      { background: url( ../images/hatches/Pattern_Triangle4_TB.gif ); }
div.VERTICAL_TB       { background: url( ../images/hatches/Pattern_Vertical_TB.gif ); }
div.VERTICALZIG_TB    { background: url( ../images/hatches/Pattern_VerticalZig_TB.gif ); }
div.X_TB              { background: url( ../images/hatches/Pattern_X_TB.gif ); }

div.hatch_T,
div.hatch_TB {
  background-repeat: no-repeat;
  background-position: center center;
}

/* ------------------------ < hatch patterns ------------------------  */

button.toolbarArrow {
  background-image: url( ../images/toolbarDownArrow.gif );
  background-repeat: no-repeat;
  background-position: top center;
  background-color: transparent;
}

/* -------------------  buttons > ------------------------  */
button.firstButton              { background: url( ../images/tb_first.png ); }
button.previousButton           { background: url( ../images/tb_previous.png ); }
button.nextButton               { background: url( ../images/tb_next.png ); }
button.lastButton               { background: url( ../images/tb_last.png ); }
button.goButton                 { background: url( ../images/tb_go.png ); }
button.executeSearchButton      { background: url( ../images/tb_executeSearch.png ); }
button.resetButton              { background: url( ../images/tb_reset.png ); }
button.addFilterButton          { background: url( ../images/tb_addFilter.png ); }
button.deleteFilterButton       { background: url( ../images/tb_deleteFilter.png ); }
button.backToBrowseButton       { background: url( ../images/tb_backToBrowse.png ); }
button.searchButton             { background: url( ../images/tb_search.png ); }
button.refreshButton            { background: url( ../images/tb_refresh.png ); }
button.refineButton             { background: url( ../images/tb_executeSearch.png ); }
button.newButton                { background: url( ../images/tb_new.png ); }
button.editButton               { background: url( ../images/tb_edit.png ); }
button.pqEditButton             { background: url(../images/tb_edit_20.png);
                                  height: 20px; width: 20px;
                                  border: solid 1px transparent;
                                }
button.deleteButton             { background: url( ../images/tb_deleteDetail.png ); }
button.saveButton               { background: url( ../images/tb_save.png ); }
button.cancelButton             { background: url( ../images/tb_cancel.png ); }
button.doneButton               { background: url( ../images/tb_done.png ); }
button.zoomNextButton           { background: url( ../images/tb_rightArrow.png ); }
button.addDetailButton          { background: url( ../images/bb_addDetail.png ); }
button.deleteDetailButton       { background: url( ../images/bb_deleteDetail.png ); }
button.zoomButton               { background: url( ../images/bb_zoom.png ); }
button.zoomCalendarButton       { background: url( ../images/bb_calendar.gif); }
button.editChannelButton        { background: url( ../images/bb_editObject.png ); }
button.downButton               { background: url( ../images/tb_downArrow.png ); }
button.upButton                 { background: url( ../images/tb_upArrow.png ); }
button.removeChannelButton      { background: url( ../images/tb_deleteDetail.png ); }
button.leftButton               { background: url( ../images/tb_leftArrow.png ); }
button.rightButton              { background: url( ../images/tb_rightArrow.png ); }
button.zoomInButton             { background: url( ../images/tb_zoomIn.png ); }
button.zoomOutButton            { background: url( ../images/tb_zoomOut.png ); }
button.zoomResetButton          { background: url( ../images/tb_zoomReset.png ); }
button.yesButton                { background: url( ../images/tb_accept.png ); }
button.noButton                 { background: url( ../images/tb_decline.png ); }
button.editImageButton          { background: url( ../images/bb_addDetail.png ); }
button.errorLogButton           { background: url( ../images/tb_errorLog.png ); }
button.attachButton             { background: url( ../images/tb_attachFile.png ); }
button.clearButton              { background: url( ../images/tb_refresh.png ); }
button.showAllButton            { background: url( ../images/tb_showAll.png ); }
button.deleteProfileImageButton { background: url( ../images/bb_deleteDetail.png ); }
button.addProfileImageButton    { background: url( ../images/bb_addDetail.png ); }
button.cadViewerButton          { background: url( ../images/tb_cad_viewer.gif ); }
button.approveButton            { background: url( ../images/tb_approve.png ); }
button.approveAllButton         { background: url( ../images/tb_approveAll.png ); }
button.rejectButton             { background: url( ../images/tb_reject.png ); }
button.generateButton           { background: url( ../images/tb_generate.png ); }
button.saveFilterButton         { background: url( ../images/tb_save.png ); }
button.copyButton               { background: url( ../images/tb_copy.png ); }
button.newDetailButton          { background: url( ../images/tb_addDetail.png ); }
button.addNoteButton            { background: url( ../images/bb_addDetail.png ); }
button.filterDetailButton       { background: url( ../images/bb_filter.png ); }
button.clearFilterDetailButton  { background: url( ../images/bb_reset.png ); }
button.loadTimecardButton       { background: url( ../images/tb_timecard.png ); }
button.loadExternalChargeButton { background: url( ../images/tb_extChrg.png ); }
button.loadMaterialRequestButton { background: url( ../images/tb_matReq.png ); }
button.calendarButton           { background: url( ../images/bb_calendar.gif ); }
button.blankButtonBig           { background: url( ../images/blank-24.gif ); }
button.blankButtonSmall         { background: url( ../images/blank-16.gif ); }
button.printButton              { background: url( ../images/tb_print.png ); }
button.printDialogButton        { background: url( ../images/tb_print.png ); }
input.calendarButton            { background: url( ../images/bb_calendar.gif ); }
button.nextDetailButton         { background: url( ../images/tb_downArrow.png ); }
button.snapshotButton           { background: url( ../images/tb_snapshot.png ); }
button.firstButtonBrowse        { background: url( ../images/bb_first.png ); }
button.previousButtonBrowse     { background: url( ../images/bb_previous.png ); }
button.nextButtonBrowse         { background: url( ../images/bb_next.png ); }
button.lastButtonBrowse         { background: url( ../images/bb_last.png ); }
button.goButtonBrowse           { background: url( ../images/bb_go.png ); }
button.resetButtonBrowse        { background: url( ../images/bb_reset.png ); }
button.refreshButtonBrowse      { background: url( ../images/bb_refresh.png ); }
button.mapButton                { background: url( ../images/tb_map.png ); }
button.eMailButton              { background: url( ../images/tb_email.png ); }
button.filterButton             { background: url( ../images/tb_filter.png ); }
button.exportButton             { background: url( ../images/tb_export.png ); }
button.wdAddContentButton       { background: url( ../images/tb_addContent.png ); }
button.wdResetButton            { background: url( ../images/tb_refreshContent.png ); }
button.addText                  { background: url( ../images/add_text.png ); }
button.editText                 { background: url( ../images/edit_text.png ); }
button.addDocumentButton        { background: url( ../images/bb_addDocument.png ); }
button.addLinkButton            { background: url( ../images/bb_addlink.png ); }
button.attachDocButton          { background: url( ../images/bb_attach.png ); }
button.selectModeButton         { background: url( ../images/tb_accept.png ); }
button.geocodeModeButton        { background: url( ../images/tb_decline.png ); }
button.generateMode             { background: url( ../images/tb_generate.png ); }
button.helpButton               { background: url( ../images/tb_help.png); }
button.externalUrlButton        { background: url( ../images/tb_link.png ); }
button.unlockDocButton          { background: url( ../images/tb_unlock.png ); }
button.lockDocButton            { background: url( ../images/tb_lock.png ); }
button.cancelLockDocButton      { background: url( ../images/tb_lock_cancel.png ); }
button.checkoutDocButton        { background: url( ../images/tb_checkout.png ); }
button.checkinDocButton         { background: url( ../images/tb_checkin.png ); }
button.cancelCheckoutDocButton  { background: url( ../images/tb_checkout_cancel.png ); }
button.budgetManagerButton      { background: url( ../images/tb_budgetmanager.png ); }
button.dateManagerButton        { background: url( ../images/tb_datemanager.png ); }
button.budgetRevisionButton     { background: url( ../images/tb_budgetrevision.png ); }
button.adjustmentButton         { background: url( ../images/tb_adjustment.png ); }
button.viewFinderButton         { background: url( ../images/tb_viewfinder.png ); }
button.clockInButton            { background: url( ../images/tb_clockin.png ); }
button.clockOutButton           { background: url( ../images/tb_clockout.png ); }
button.returnButton             { background: url( ../images/tb_return.png ); }

/*
.tb   - Toolbar Button
.tbh  - Hover style

.tb2  - Toolbar Button (reversed tb)
.tbh2 - Hover style    (reversed tbh)

.db   - Detail Button
.dbh  - Hover style

.sb   - Scroll Button
.sbh  - Hover style

.lb   - Launch Button
.lbh  - Hover style

.lpb  - Launch Panel Button
.lpbh - Hover style
*/

button.tb, button.tbh, button.tb2, button.tbh2,
button.db, button.dbh, button.db2, button.dbh2,
button.db3, button.dbh3, button.sb, button.sbh,
button.lb, button.lbh, input.lb, input.lbh,
button.lpb, button.lpbh, button.bb, button.bbh {
  background-repeat: no-repeat;
  background-position: center center;
}

button.tb { border-color: transparent; }

button.tbh { border-color: #FFFFFF; }

button.tb2 { border-color: transparent; }

button.tbh2 { border-color: #d7d7f0; }

button.db { border-color: transparent; }

button.dbh { border-color: #FFFFFF; }

button.db2 { border-color: transparent; }

button.dbh2 { border-color: #14257a; }

button.db3 { border-color: transparent; }

button.dbh3 { border-color: #FFFFFF; }

button.sb { border-color: transparent; }

button.sbh { border-color: #FFFFFF; }

button.lb { border-color: transparent; }

button.lbh { border-color: #14257a; }

input.lb { border-color: transparent; }

input.lbh { border-color: #14257a; }

button.lpb { border-color: transparent; }

button.lpbh { border-color: #FFFFFF; }

button.bb { border-color: transparent; }

button.bbh { border-color: #FFFFFF; }

/* ------------------ < buttons --------------------------  */

/* ------------------ wizard menu  > --------------------------  */
table.mainMenuPanel {
  border-color: #14257a;
  background-color: #d7d7f0;
}

/* this class is for sub menus on a page - see space survey detail for an example */
table.mainMenuPanelNoBorder {
  border-color: #14257a;
  background-color: #FFFF99;
}

/* this class is for sub menus on a page - see space survey detail for an example */
a.subMenuLink:link, a.subMenuLink:visited, a.subMenuLink:active, a.subMenuLink:hover {
  color: #14257a;
  border-color: #d7d7f0;
}

table.mainMenuPanelNoBorder td.quickLink {
  color: #14257a;
}

.quickLinkDesc {
  color: #000000;
}

span.vfQuickLink {
  background-color: #FFFF99;
}

table.mainMenuPanel td.quickLink {
  color: #14257a;
}

a.quickLink:link, a.quickLink:visited, a.quickLink:active, a.quickLink:hover {
  color: #14257a;
  border-color: #d7d7f0;
}

a.quickLink:hover {
  border-color: #14257a;
  background: #FFFF99;
}

/* ------------------ < wizard menu --------------------------  */

/*  ------------------------- workdesk >  ------------------------ */

div.channelHead {
  background: #ddd;
  border-right-color:#aaa;
  border-left-color:#aaa;
}

div.channelTitle {
  color: #14257a;
}

div.channelTitle a:link, div.channelTitle a:visited, div.channelTitle a:active, div.channelTitle a:hover {
  color: #14257a;
  background-color: transparent;
}

div.channelToolbar a:link, div.channelToolbar a:visited, div.channelToolbar a:active {
  color: #14257a;
  background-color: transparent;
  border-color:transparent;
}

div.channelToolbar a:hover {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

div.channelToolbar a.deleteChannelLink:hover {
  border-color: #FF0000;
  background-color: #FF0000;
}

div.channelContent {
  background: #FFFFFF;
  border-right-color:#aaa;
  border-left-color:#aaa;
}

a.moreLess:link, a.moreLess:visited, a.moreLess:active, a.moreLess:hover {
  color: #14257a;
  background-color: transparent;
}

div.channelInnerContent ul li {
  background: url(../images/bullet.gif) no-repeat 2px 2px;
}

div.channelInnerContent ul.menuChannel li {
  background: transparent;
}

div.channelInnerContent ul li.focus  {
  background-color: #B9CAFF !important;
}

div.channelInnerContent ul li a:link, a:visited, a:active, a:hover {
  background-color: transparent;
  color: #14257a;
}

div.channelInnerContent ul li a:hover {
  background-color: transparent;
  color: #14257a;
}

div.channelInnerContent ul li.normal {
  background: url(../images/bullet_normal.gif) no-repeat 2px 2px;
}

div.channelInnerContent ul li.warning {
  background: url(../images/bullet_warning.gif) no-repeat 2px 2px;
}

div.channelInnerContent ul li.critical {
  background: url(../images/bullet_critical.gif) no-repeat 2px 2px;
}

div.channelErrorDiv {
  color: #FF0000;
}

table.menuChannelTable td.textEntry input {
  border-color:#14257a;
}

.iDelete, .iDelete:hover {
  background-image: url( ../images/bb_deleteDetail.png );
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
}

.iSearch, .iSearch:hover {
  background: url(../images/i_Search16.png) no-repeat 2px 2px;}
.iNew, .iNew:hover {
  background: url(../images/i_New16.png) no-repeat 2px 2px;}
.iQuickSearch, .iQuickSearch:hover {
  background: url(../images/i_Execute_Search16.png) no-repeat 2px 2px;}
.iBlank, .iBlank:hover {
  background: url(../images/blank-16.gif) no-repeat 2px 2px;}
/*  ------------------------- < workdesk  ------------------------ */

/*  ------------------------- module icons > ------------------------ */

div.channelInnerContent ul li.WORKMGT {
  background: url(../images/i_WorkManagemt16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.AP {
  background: url(../images/i_AccountsPayable16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.ASSETMGT {
  background: url(../images/i_AssetManagemt16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.FCA {
  background: url(../images/i_CapitalPlanningAssessmt16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.CP {
  background: url(../images/i_CapitalProjects16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.CONTRACT {
  background: url(../images/i_ContractAdmin16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.CUSTSERVICE {
  background: url(../images/i_CustomerService16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.EHS {
  background: url(../images/i_EnvironHealthSafety16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.ESTIMATE {
  background: url(../images/i_Estimating16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.FARM {
  background: url(../images/i_RiskManagemt16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.FINANCE {
  background: url(../images/i_Finance16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.HR {
  background: url(../images/i_HR_16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.INVENTORY {
  background: url(../images/i_Inventory16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.KAC {
  background: url(../images/i_KeyAccess16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.KPI {
  background: url(../images/i_KeyPerformanceIndicators16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.LEASE {
  background: url(../images/i_Lease16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.MP {
  background: url(../images/i_MotorPool16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.PM {
  background: url(../images/i_PreventativeMaintenance16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.PROJMGT {
  background: url(../images/i_ProjectManagemt16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.PROPERTY {
  background: url(../images/i_Property16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.PURCHASING {
  background: url(../images/i_Purchasing16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.SPACEMGT {
  background: url(../images/i_SpaceManagemt16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.TIMEMGT {
  background: url(../images/i_TimeManagemt16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.UTILITY {
  background: url(../images/i_UtilitiesManagemt16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.SYSADMN {
  background: url(../images/i_SystemAdmin16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.GREEN {
  background: url(../images/i_Green16.png) no-repeat 2px 2px;}
div.channelInnerContent ul li.AIMPORT {
  background: url(../images/i_AiMport16.png) no-repeat 2px 2px;}

.icon32_WORKMGT, .icon32_WORKMGT:hover {
  background: url(../images/i_WorkManagemt32.png) no-repeat center center;}
.icon32_AP, .icon32_AP:hover {
  background: url(../images/i_AccountsPayable32.png) no-repeat center center;}
.icon32_ASSETMGT, .icon32_ASSETMGT:hover {
  background: url(../images/i_AssetManagemt32.png) no-repeat center center;}
.icon32_FCA, .icon32_FCA:hover {
  background: url(../images/i_CapitalPlanningAssessmt32.png) no-repeat center center;}
.icon32_CP, .icon32_CP:hover {
  background: url(../images/i_CapitalProjects32.png) no-repeat center center;}
.icon32_CONTRACT, .icon32_CONTRACT:hover {
  background: url(../images/i_ContractAdmin32.png) no-repeat center center;}
.icon32_CUSTSERVICE, .icon32_CUSTSERVICE:hover {
  background: url(../images/i_CustomerService32.png) no-repeat center center;}
.icon32_EHS, .icon32_EHS:hover {
  background: url(../images/i_EnvironHealthSafety32.png) no-repeat center center;}
.icon32_ESTIMATE, .icon32_ESTIMATE:hover {
  background: url(../images/i_Estimating32.png) no-repeat center center;}
.icon32_FARM, .icon32_FARM:hover {
  background: url(../images/i_RiskManagemt32.png) no-repeat center center;}
.icon32_FINANCE, .icon32_FINANCE:hover {
  background: url(../images/i_Finance32.png) no-repeat center center;}
.icon32_HR, .icon32_HR:hover {
  background: url(../images/i_HR_32.png) no-repeat center center;}
.icon32_INVENTORY, .icon32_INVENTORY:hover {
  background: url(../images/i_Inventory32.png) no-repeat center center;}
.icon32_KAC, .icon32_KAC:hover {
  background: url(../images/i_KeyAccess32.png) no-repeat center center;}
.icon32_KPI, .icon32_KPI:hover {
  background: url(../images/i_KeyPerformanceIndicators32.png) no-repeat center center;}
.icon32_LEASE, .icon32_LEASE:hover {
  background: url(../images/i_Lease32.png) no-repeat center center;}
.icon32_MP, .icon32_MP:hover {
  background: url(../images/i_MotorPool32.png) no-repeat center center;}
.icon32_PM, .icon32_PM:hover {
  background: url(../images/i_PreventativeMaintenance32.png) no-repeat center center;}
.icon32_PROJMGT, .icon32_PROJMGT:hover {
  background: url(../images/i_ProjectManagemt32.png) no-repeat center center;}
.icon32_PROPERTY, .icon32_PROPERTY:hover {
  background: url(../images/i_Property32.png) no-repeat center center;}
.icon32_PURCHASING, .icon32_PURCHASING:hover {
  background: url(../images/i_Purchasing32.png) no-repeat center center;}
.icon32_SPACEMGT, .icon32_SPACEMGT:hover {
  background: url(../images/i_SpaceManagemt32.png) no-repeat center center;}
.icon32_TIMEMGT, .icon32_TIMEMGT:hover {
  background: url(../images/i_TimeManagemt32.png) no-repeat center center;}
.icon32_UTILITY, .icon32_UTILITY:hover {
  background: url(../images/i_UtilitiesManagemt32.png) no-repeat center center;}
.icon32_SYSADMN, .icon32_SYSADMN:hover {
  background: url(../images/i_SystemAdmin32.png) no-repeat center center;}
.icon32_WORKDESK, .icon32_WORKDESK:hover {
  background: url(../images/i_WorkDesk32.png) no-repeat center center;}
.icon32_GREEN, .icon32_GREEN:hover {
  background: url(../images/i_Green32.png) no-repeat center center;}
.icon32_AIMPORT, .icon32_AIMPORT:hover {
  background: url(../images/i_AiMport32.png) no-repeat center center;}
.icon32_AIMPORT_MOBILE, .icon32_AIMPORT_MOBILE:hover {
  background: url(../images/i_AiMport32.png) no-repeat center center;}
.icon32_AIMPORT_BIM, .icon32_AIMPORT_BIM:hover {
  background: url(../images/i_AiMport32.png) no-repeat center center;}
.icon24_WORKMGT, .icon24_WORKMGT:hover {
  background: url(../images/i_WorkManagemt24.png) no-repeat center center;}
.icon24_AP, .icon24_AP:hover {
  background: url(../images/i_AccountsPayable24.png) no-repeat center center;}
.icon24_ASSETMGT, .icon24_ASSETMGT:hover {
  background: url(../images/i_AssetManagemt24.png) no-repeat center center;}
.icon24_FCA, .icon24_FCA:hover {
  background: url(../images/i_CapitalPlanningAssessmt24.png) no-repeat center center;}
.icon24_CP, .icon24_CP:hover {
  background: url(../images/i_CapitalProjects24.png) no-repeat center center;}
.icon24_CONTRACT, .icon24_CONTRACT:hover {
  background: url(../images/i_ContractAdmin24.png) no-repeat center center;}
.icon24_CUSTSERVICE, .icon24_CUSTSERVICE:hover {
  background: url(../images/i_CustomerService24.png) no-repeat center center;}
.icon24_EHS, .icon24_EHS:hover {
  background: url(../images/i_EnvironHealthSafety24.png) no-repeat center center;}
.icon24_ESTIMATE, .icon24_ESTIMATE:hover {
  background: url(../images/i_Estimating24.png) no-repeat center center;}
.icon24_FINANCE, .icon24_FINANCE:hover {
  background: url(../images/i_Finance24.png) no-repeat center center;}
.icon24_HR, .icon24_HR:hover {
  background: url(../images/i_HR_24.png) no-repeat center center;}
.icon24_INVENTORY, .icon24_INVENTORY:hover {
  background: url(../images/i_Inventory24.png) no-repeat center center;}
.icon24_KAC, .icon24_KAC:hover {
  background: url(../images/i_KeyAccess24.png) no-repeat center center;}
.icon24_KPI, .icon24_KPI:hover {
  background: url(../images/i_KeyPerformanceIndicators24.png) no-repeat center center;}
.icon24_LEASE, .icon24_LEASE:hover {
  background: url(../images/i_Lease24.png) no-repeat center center;}
.icon24_MP, .icon24_MP:hover {
  background: url(../images/i_MotorPool24.png) no-repeat center center;}
.icon24_PM, .icon24_PM:hover {
  background: url(../images/i_PreventativeMaintenance24.png) no-repeat center center;}
.icon24_PROJMGT, .icon24_PROJMGT:hover {
  background: url(../images/i_ProjectManagemt24.png) no-repeat center center;}
.icon24_PROPERTY, .icon24_PROPERTY:hover {
  background: url(../images/i_Property24.png) no-repeat center center;}
.icon24_PURCHASING, .icon24_PURCHASING:hover {
  background: url(../images/i_Purchasing24.png) no-repeat center center;}
.icon24_SPACEMGT, .icon24_SPACEMGT:hover {
  background: url(../images/i_SpaceManagemt24.png) no-repeat center center;}
.icon24_TIMEMGT, .icon24_TIMEMGT:hover {
  background: url(../images/i_TimeManagemt24.png) no-repeat center center;}
.icon24_UTILITY, .icon24_UTILITY:hover {
  background: url(../images/i_UtilitiesManagemt24.png) no-repeat center center;}
.icon24_SYSADMN, .icon24_SYSADMN:hover {
  background: url(../images/i_SystemAdmin24.png) no-repeat center center;}
.icon24_WORKDESK, .icon24_WORKDESK:hover {
  background: url(../images/i_WorkDesk24.png) no-repeat center center;}
.icon24_GREEN, .icon24_GREEN:hover {
  background: url(../images/i_Green24.png) no-repeat center center;}
.icon24_AIMPORT, .icon24_AIMPORT:hover {
  background: url(../images/i_AiMport24.png) no-repeat center center;}

/*  ------------------------- < module icons ------------------------ */

/*  -------------------------  error list > ------------------------ */

ul.errorList {
  border-color: #FF0000;
}

/*  ------------------------- < error list  ------------------------ */

/*  ------------------------- > main group panel ------------------------ */
table.jGroupPanel th,
table.jGroupPanel caption {
  color: #FFFFFF;
  background-color: #14257a;
}

table.jGroupPanel td.pkDisplay, table.jGroupPanel td.pkDisplay span, table.jGroupPanel td.pkDisplay a,
table.jGroupPanel td.pkDisplayLong, table.jGroupPanel td.pkDisplayLong span, table.jGroupPanel td.pkDisplayLong a {
  background-color: #FFFF99;
}

table.jGroupPanel td.title {
  color: #FFFFFF;
  background-color: #14257a;
}

table.jGroupPanel td.link {
  background-color: #14257a;
}

table.jGroupPanel td.link a,
table.jGroupPanel th.link a {
  color: #FFFFFF;
  background: #14257a;
  border-color: #14257a;
}

table.jGroupPanel td.link a:hover,
table.jGroupPanel th.link a:hover {
  color: #d7d7f0;
  border-color: #14257a;
  background: #14257a;
}

table.jGroupPanel span.subtitle {
  color: #000000;
  background-color: #F0F0F0;
}

table.jGroupPanel td.labelBlock {
  background: #d7d7f0;
  /*border-right-color: #d7d7f0;*/
}

.labelBlockHiddenText {
  color: #d7d7f0;
}

table.jGroupPanel td.plainBlock {
  background: #d7d7f0;
}

table.jGroupPanel td.plainTitleBlock, table.jGroupPanel td.labelBlockHeader {
  background: #d7d7f0;
  border-bottom-color: #d7d7f0;
}

table.jGroupPanel td.valueCell {
  background-color: #FFFFFF;
}

table.layoutBox td.yellowValueCell {
  background: #FFFF99;
}

table.jGroupPanel td.valueCellGray {
  background-color: #F0F0F0;
}

/*  ------------------------- < main group panel ------------------------ */

/*  ------------------------- > zoom ------------------------ */
table.jPicturePanel {
  border-left-color: #14257a;
  border-right-color: #14257a;
}

table.jPicturePanelHeader {
  background-color: #14257a;
}

table.jPicturePanel td.pictureDisplay {
  background: #d7d7f0;
}

div.imageContainer {
  background: #d7d7f0;
}

.zoomCrumb {
  background: #d7d7f0;
  color:#14257a;
  border:solid 1px #d7d7f0;
}

.zoomCrumb li a {
  background-image: url( ../images/bc_separator.png );
  background-repeat: no-repeat;
  background-position: right;
  color: #14257a;
}

/*  ------------------------- < zoom ------------------------ */

/*  ------------------------- > search ------------------------ */
table.jSearchPanel {
  border-left-color: #14257a;
  border-right-color: #14257a;
  border-bottom-color: #14257a;
}

table.jSearchPanel th {
  color: #FFFFFF;
  background-color: #14257a;
}

table.jSearchPanel td.link {
  /*background: #d7d7f0;*/
}

table.jSearchPanel td.link a, a:visited, a:active {
  /*background: #d7d7f0;*/
  /*border-color: #d7d7f0;*/
  color: #FFFFFF;
  text-decoration: underline;
}

table.jSearchPanel td.link a:hover {
  background: #14257a;
  color: #d7d7f0;
  text-decoration: underline;
}

table.jSearchPanel td.labelBlock {
  background: #d7d7f0;
  border-right-color: #14257a;
}

table.jSearchPanel td.plainBlock {
  background: #d7d7f0;
}

/*  ------------------------- < search ------------------------ */

/*  ------------------------- > tab panel ------------------------ */
table.jTabPanel {
  border-left-color: #14257a;
  border-right-color: #14257a;
  border-bottom-color: #14257a;
}

table.jTabPanel th {
  color: #FFFFFF;
  background-color: #14257a;
}
/*  ------------------------- < tab panel ------------------------ */

/*  ------------------------- browse > ------------------------ */
/* Browse Panel Styles */
table.jBrowsePanel {
  border-bottom-color: transparent;
  border-left-color: #14257a;
  border-right-color: #14257a;
}

table.jBrowsePanel tr.headerRow,
table.jBrowsePanel thead tr {
  background-color: #d7d7f0;
  color: #000000;
}

table.jBrowseControlPanel {
  background-color: #d7d7f0;
  border-left-color: #14257a;
  border-right-color: #14257a;
  border-bottom-color: #14257a;
}

table.jBrowsePanel th.headerCell {
  border-bottom-color: #14257a;
}

table.jBrowsePanel th.headerCell a, a:visited, a:active, a:hover {
  color: #14257a;
  border-color: #d7d7f0;
  text-decoration: underline;
}

table.jBrowsePanel th.headerCell a:hover {
  color: #000000;
  border-color: #d7d7f0;
  background: #d7d7f0;
  text-decoration: underline;
}

table.jBrowsePanel th.genericHeaderCell {
  padding: 0.1cm;
}

table.jBrowsePanel tr.row {
  color: #000000;
  font-size: 12px;
  vertical-align: bottom;
  text-align: left;
}

table.jBrowsePanel tr.shade1 {
  background-color: #FFFFFF;
}

table.jBrowsePanel tr.shade2 {
  background-color: #F0F0F0;
}

table.jBrowsePanel tr.shade3 {
  background-color: #FFFF99;
}

table.jBrowsePanel td.dataCell {
  border-left-color: #CCCCCC;
}

table.jBrowsePanel a:link, a:visited, a:active, a:hover {
  color: #14257a;
  border-color: transparent;
}

table.jBrowsePanel a:hover {
  border-color: #14257a;
  background: #d7d7f0;
}

table.jApprovalPanel thead tr {
  background-color: #DDDDE1;
}

/*  ------------------------- < browse ------------------------ */

/*  ------------------------- detail > ------------------------ */
table.jDetailPanel {
  border-left-color: #14257a;
  border-right-color: #14257a;
}

table.jDetailPanel tr.headerRow {
  background-color: #d7d7f0;
  color: #000000;
}

table.jDetailPanel thead tr {
  background-color: #d7d7f0;
  color: #000000;
}

table.jDetailPanel th.headerCell {
  border-bottom-color: #d7d7f0;
}

table.jDetailPanel th.headerCell[scope="colgroup"] {
  background-color: #14257a;
}

table.jDetailPanel th.vfHeaderCell {
  background-color: #d7d7f0;
  color: #000000;
}

table.jDetailPanel td.columnHeaderCell {
  background-color: #d7d7f0;
}

table.jDetailPanel td.title {
  color: #FFFFFF;
  background-color: #14257a;
}

table.jDetailPanel td.subtitle {
  color: #000000;
  background-color: #DDDDE1;
}

table.jDetailPanel td.subtitleNoText {
  color: #DDDDE1;
  background-color: #DDDDE1;
}

table.jDetailPanel td.subtitleDark {
  color: #000000;
  background-color: #14257a;
}

table.jDetailPanel td.title span {
  color: #FFFFFF;
}

table.jDetailPanel td.button, table.jDetailPanel td.link {
  background-color: #14257a;
}

table.jDetailPanel td.link a {
  color: #FFFFFF;
  /*background: #d7d7f0;*/
  border-color: #14257a;
  text-decoration: underline;
}

table.jDetailPanel td.link a:hover {
  border-color: #14257a;
  color: #d7d7f0;
  background: #14257a;
  text-decoration: underline;
}

table.jDetailPanel tr.row {
  color: #000000;
}

table.jDetailPanel tr.shade1 {
  background-color: #FFFFFF;
}

table.jDetailPanel tr.shade2 {
  background-color: #F0F0F0;
}

table.jDetailPanel tr.shade3 {
  background-color: #FFFF99;
}

table.jDetailPanel td.dataCell {
  border-left-color: #CCCCCC;
}

table.jDetailPanel td.dataCell2Padding {
  border-left-color: #CCCCCC;
}

table.jDetailPanel td.footerCell {
  border-top-color: #CCCCCC;
  border-left-color: #CCCCCC;
  background-color: #FFFFAA;
}

table.jDetailPanel td.footerSpacerCell {
  border-top-color: #CCCCCC;
  background-color: #FFFFFF;
}

table.jSubDetailPanel tr.shade1,
table.jSubDetailPanel tr.shade2,
table.jSubDetailPanel tr.shade3 {
  background-color: transparent;
}

/*  ------------------------- < detail ------------------------ */

a:link, a:visited, a:active, a:hover {
  color: #14257a;
  border-color: transparent;
}

a:hover {
  border-color: #14257a;
  background: #d7d7f0;
}

/*  ------------------------- scheduler classes > ------------------------ */

.jAvailabilityPanel .day {
  border-left-color: #CACAFF;
}

table.jAvailabilityPanel .av:hover,
table.jAvailabilityPanel .ob:hover,
table.jAvailabilityPanel .ab:hover,
table.jAvailabilityPanel .al:hover,
table.jAvailabilityPanel .ol:hover,
table.jAvailabilityPanel .nb:hover,
table.jAvailabilityPanel .nl:hover {
  cursor: pointer;
}

table.jAvailabilityPanel .nb,
table.jAvailabilityPanel .nl {
  background-color: transparent;
}

table.jAvailabilityPanel .nb:hover,
table.jAvailabilityPanel .nl:hover {
  background-color: #CACAFF;
}

.ob, .ol {
  background-color: #000000;
}

.ab, .al {
  background-color: #ff1100;
}

.av {
  background-color: #00cc00;
}

.closed {
  background-color: #CCCCCC;
}

/*  ------------------------- < scheduler classes ------------------------ */

/*  ------------------------- ColorPicker > ------------------------ */
table.sColorPicker tr.sColorPickerRow td.sColorPickerCell,
table.sColorPicker tr.sColorPickerRow td.sColorPickerCell a.sColorPickerLink {
  background-color: #000000;
}

/*  ------------------------- < ColorPicker ------------------------ */

/*  ------------------------- bulk entry screens > ------------------------ */

table.bulkEntryPanel tr.evenRow {
  background-color: #ece5b6;
}

table.bulkEntryPanel tr.oddRow {
  background-color: #fff8c6;
}

/*  ------------------------- < bulk entry screens ------------------------ */

/* --------------------------- logon page -> ----------------------------------  */

.loginButton {
  background: #FFFFFF url( ../images/i_SystemAdmin16.png) no-repeat center right;
  color: #000000;
}

/* --------------------------- <- logon page ----------------------------------  */

/* ---------------------------  misc styles by element > ------------------------  */
.copyrightText, .desktopRefreshLinks {
  color: #333333;
}

.negative { color: #FF0000; }
.negativeCurrency { color: #FF0000; }
.blackCurrency { color: #000000; }

.parenthesis { color:#FF0000; }

.errorMessageM { color: #FF0000; }

.errorMessageList ul {
  border-color: #FF0000;
  background-color: #d7d7f0;
}

input.pkField,
td.pkDisplay input,
input.pkFieldLong,
td.pkDisplayLong input {
  background-color: #FFFF99 !important;
}

input {
  border-color: #14257a;
}

input.negative {
  color:#FF0000;
}

input[disabled] { background-color: #FFFFFF; }
textarea[disabled] { background-color: #FFFFFF; }
select[disabled] { background-color: #FFFFFF; }

textarea { border-color: #14257a; }

div.requiredTime { border-color: #FF0000; }

* html div.requiredTime {
  border-color: #FF0000;
}

.inlineErrTxt { color: #990000; }

.errorMessagePopup {
  background-color: #dddddd;
  border: #14257a;
}

.valueDescFlex {
  color: #808080;
  font-weight: normal;
}

.valueDescFixed {
  color: #808080;
}

a.attachDocButton, a.attachDocButton:visited, a.attachDocButton:active, a.attachDocButton:hover {
  background: url( ../images/bb_attach.png ) no-repeat center center !important;
  display: block;
  width: 20px;
  height: 20px;
}

/* ---------------------- < misc styles by element ----------------------  */

.floatMessageOuter {
	background-color: #dddddd;
	border-color: #14257a;
}

.hiddenlabelBlock {
  color: #d7d7f0;
}

/* ------------  borders, padding, and alignment styles > ---------------  */
.panelBorder {
  border-color: #14257a;
}

.panelBorderGrayBottom {
  border-top-color: #14257a;
  border-left-color: #14257a;
  border-right-color: #14257a;
  border-bottom-color: #808080;
}

.panelBorderGrayTop {
  border-top-color: #808080;
  border-left-color: #14257a;
  border-right-color: #14257a;
  border-bottom-color: #14257a;
}

.panelNoTopBorder {
  border-left-color: #14257a;
  border-right-color: #14257a;
  border-bottom-color: #14257a;
}

.panelNoBottomBorder {
  border-left-color: #14257a;
  border-right-color: #14257a;
  border-top-color: #14257a;
}

.leftBorder { border-left-color: #14257a; }
.rightBorder { border-right-color: #14257a; }
.bottomBorder { border-bottom-color: #14257a; }
.topBorder { border-top-color: #14257a; }

.leftLightBorder { border-left-color: #d7d7f0; }
.rightLightBorder { border-right-color: #d7d7f0; }
.bottomLightBorder { border-bottom-color: #d7d7f0; }
.topLightBorder { border-top-color: #d7d7f0; }

.bottomGrayBorder { border-bottom-color: #808080; }
.topGrayBorder, tr.topGrayBorder > td { border-top-color: #808080; }
.rightGrayBorder { border-right-color: #808080; }
.leftGrayBorder { border-left-color: #808080; }

.required { border-color: #FF0000; }

input.zoomOnly { background: #F0F0F0; !important;}

.headerBottomBorder { border-bottom-color: #14257a; }

.cellBorderLeft { border-left-color: #CCCCCC; }

.blueBackground { background-color: #d7d7f0; }
.grayBackground { background-color: #CCCCCC; }

.modalMessage, .messageBox {
  background-color: #FAFAFA;
}