/* --------------------- workdesk layout >--------------------------*/
div#header {
    background: #ffffff;
}

div#footer {
    background: #C3C3C3;
}

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

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

.pageContainer {
    background: #FFFFFF;
}

.pageFooter {
    background: #666666;
    color: #fff;
}

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

.workdesk {
    background: #eeeeee;
}

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

.rowShade2 {
    background-color: #F0F0F0;
}

.rowShade3 {
    background-color: #FFFF99 !important;
}

.headerTitleBar {
    background-color: #595858;
}

.columnTitleBar {
    background-color: #969595;
}

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

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

/* Background has to be on the TH in order for border radius clipping ot work. */
.boxTitle > th {
  background: #ffffff;
}

tr.boxTitle td.title {
    color: #ffffff;
}

table.layoutBoxGroup > thead > tr.boxTitle > th {
    background-color: #666666;
}

table.browse > thead > tr.boxTitle > th {
  color: #fff;
}

.boxTitle .tabSpacer {
    background-color: #fff;
}

table.scheduler > thead > tr.boxTitle > th > table {
    background-color: #666666 !important;
    color: #fff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.scheduler .tabSpacer {
    background-color: #666666 !important;
}

.scheduler .button {
    color: #fff;
    padding-right: 6px !important;
}

.boxTitle .link a {
    display: inline-block;
    min-height: 18px;
    padding: 4px 2px 1px 2px;
    color: #000 !important;
    border: 1px solid;
    border-radius: 4px;
    background-color: #eeeeee !important;
    border-color: #eeeeee !important;
    cursor: pointer;
    min-width: 70px;
    text-align: center;
    font-size: 14px;
    text-decoration: none !important;
    padding-left: 5px;
    padding-right: 5px;
}

.boxTitle .link a:hover {
    background-color:#eeeeee !important;
    border-color: #eeeeee !important;
    color: #000 !important;
}

/*For primary buttons on the detail. Ex. Add links, load links*/
.boxTitle .link a.primaryLink {
    color: #FFF !important;
    background-color:#2B78E4 !important;
    border-color: #2B78E4 !important;
}

.boxTitle .link a.primaryLink:hover {
    background-color:#2B78E4 !important;
    border-color: #2B78E4 !important;
    color: #FFF !important;
}

.labeledBoxTitle .link a,
.labeledBoxTitle .commandLeftJ a {
    display: inline-block;
    min-height: 16px;
    padding: 3px 2px 2px 2px;
    color: #000 !important;
    border: 1px solid;
    border-radius: 4px;
    background-color:#eee !important;
    border-color: #eee !important;
    cursor: pointer;
    min-width: 80px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none !important;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

span.refreshLink {
    margin-right: 5px;
}

.labeledBoxTitle .link a:hover {
    background-color:#eee !important;
    border-color: #eee !important;
    color: #000 !important;
}

a.primaryLink:link, a.primaryLink:active,
a.primaryLink:visited, a.primaryLink:hover {
    display: inline-block;
    min-height: 18px;
    padding: 4px 2px 1px 2px;
    color: #FFF !important;
    background-color:#2B78E4 !important;
    border-color: #2B78E4 !important;
    border: 1px solid;
    border-radius: 4px;
    cursor: pointer;
    min-width: 70px;
    text-align: center;
    font-size: 14px;
    text-decoration: none !important;
    padding-left: 5px;
    padding-right: 5px;
}

a.greenBackground, a.greenBackground:link, a.greenBackground:active,
a.greenBackground:visited, a.greenBackground:hover {
    display: inline-block;
    min-height: 18px;
    padding: 4px 2px 1px 2px;
    color: #FFF !important;
    border: 1px solid;
    border-radius: 4px;
    cursor: pointer;
    min-width: 70px;
    text-align: center;
    font-size: 14px !important;
    text-decoration: none !important;
    padding-left: 5px;
    padding-right: 5px;
    background-color:#009E0F !important;
    border-color: #009E0F !important;
}

.scheduler .boxTitle > th {
  background: #eeeeee;
}

.scheduler .boxTitle .title {
  color: #fff;
    text-align: left;
}

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

/* ------------------- labeledBox style > -----------------------  */

table.labeledBox > tbody > tr > td:first-child {
    background: #eeeeee !important
}

table.labeledBox > tbody > tr > td:first-child.boxHeadings {
    background-color: #597EAA !important;
    color: #FFFF;
}

table.labeledBox {
    border: 3px solid #eeeeee;
}

tr.grayline > td {
    border-top: 1px solid #eeeeee;
}

/* ------------------- < labeledBox style -----------------------  */

/* ------------------- layoutBox style > -----------------------  */

table.layoutBox {
    border: 3px solid #eeeeee;
}

/* ------------------- < layoutBox style -----------------------  */

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

table.banner td {
    color: #000000;
}

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

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

table.banner > a:hover {
    background-color: #fff;
}

/* --------------------------- < banner ---------------------------*/

/* ------------------------ > title toolbar -------------------- */
table.standardToolbar {
    background-color: #666666;
}

table.standardToolbar td.title, table.standardToolbar td.title span,
table.standardToolbar td.title2, table.standardToolbar td.title2 span {
    color: #fff;
}

table.standardToolbar td.workDeskButton {
}

div.modalMessageButton table.standardToolbar {
    background-color: #FFFFFF;
}

.workdeskIcon:link, .workdeskIcon:visited, .workdeskIcon:active, .workdeskIcon:hover {
    /*background-color: #ffffff !important;*/
}

table.screenMenu {
    color: #fff;
}

table.standardToolbar td.button {
}

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

option.inactive {
    color: darkgray;
}

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

/* ------------------------- buttons > ----------------------------------*/

button [disabled] {
    cursor: not-allowed;
}

.linkButton {
    color: #FFF;
    background-color: transparent;
    border: none;
    min-width: 90px;
    min-height: 20px;
    white-space: nowrap;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
}

.panelButton {
    color: #085394;
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 12px;
}

.toolbarButton {
    color: #FFF;
    min-width: 81px;
    min-height: 25px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #2B78E4;
    display: inline-block;
    cursor: pointer;
    background-color:#2B78E4;
    white-space: nowrap;
}

.toolbarButtonRed {
    color: #FFF;
    width: 80px;
    min-height: 25px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #CF2A27;
    display: inline-block;
    cursor: pointer;
    background-color:#CF2A27;
}

.toolbarButtonGreen {
    color: #FFF;
    width: 80px;
    min-height: 25px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #009E0F;
    display: inline-block;
    cursor: pointer;
    background-color:#009E0F;
    white-space: nowrap;
}

.toolbarButtonGreenGeneratePo {
    color: #FFF;
    width: 83px;
    min-height: 25px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #009E0F;
    display: inline-block;
    cursor: pointer;
    background-color:#009E0F;
    white-space: nowrap;
    margin-left: 125px;
    padding-left: 5px;
}

.toolbarButtonGray {
    color: #000;
    width: 80px;
    min-height: 25px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #eeeeee;
    display: inline-block;
    cursor: pointer;
    background-color:#eeeeee;
}

.toolbarButtonDarkGray {
    color: #fff;
    width: 80px;
    min-height: 25px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid;
    border-color: #666666;
    display: inline-block;
    cursor: pointer;
    background-color:#666666;
    margin-right: 3%;
}
/* ------------------------- < buttons ----------------------------------*/


/* ------------------------ < 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.imgpick {
    background-repeat: no-repeat;
    background-position: center center;
    border: #eeeeee;
}

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 ------------------------  */

/* -------------------  buttons > ------------------------  */

button.goButton {
    /*background-image: url(../images/glyph_go.svg);*/
    background-repeat:no-repeat;
    background-size:26px 26px;
    background-color: #eee;
    border: solid 1px #666666;
    width: 38px;
    height: 24px;
}

button.refineButton {
    background-repeat: no-repeat;
    color: #eee !important;
}

button.addDetailButton {
    background: url(../images/glyph_half_add_detail.svg);
}

button.zoomButton {
    border: none;
    margin-left: 4px;
    /*background: url(../images/glyph_half_search.svg);*/
    display: inline-block;
    /*float: right;*/
}

button.blankButtonBig {
    background: url(../images/blank-24.gif);
}

button.blankButtonSmall {
    background: url(../images/blank-16.gif);
}


button.infoButtonSmall {
    font-size:16px;
    display:inline-block;
    font-family:'Glyphicons Regular';
    font-style:normal;
    font-weight:normal;
    line-height:1;
    vertical-align:top;
    margin-top: -1px;
}
button.infoButtonSmall:before {
    content:"\E196";
}

button.firstButtonBrowse {
    background-image: url(../images/glyph_first.svg);
    background-repeat:no-repeat;
    background-size:26px 26px;
    background-color: #eee;
    border: solid 1px #666666;
    width: 24px;
    height: 24px;
}

button.previousButtonBrowse {
    background-image: url(../images/glyph_previous.svg);
    background-repeat:no-repeat;
    background-size:26px 26px;
    background-color: #eee;
    /*transform: rotate(180deg);*/
    border: solid 1px #666666;
    width: 24px;
    height: 24px;
}

button.nextButtonBrowse {
    background-image: url(../images/glyph_go.svg);
    background-repeat:no-repeat;
    background-size:26px 26px;
    background-color: #eee;
    border: solid 1px #666666;
    width: 24px;
    height: 24px;
}

button.lastButtonBrowse {
    background-image: url(../images/glyph_last.svg);
    background-repeat:no-repeat;
    background-size:26px 26px;
    background-color: #eee;
    border: solid 1px #666666;
    width: 24px;
    height: 24px;
}

button.goButtonBrowse {
    /*background-image: url(../images/glyph_chevron_right.svg);*/
    background-repeat:no-repeat;
    background-size:26px 26px;
    background-color: #eee;
    border: solid 1px #666666;
    width: 38px;
    height: 24px;
}

button.addText {
    background: url(../images/glyph_half_edit_note.svg);
    margin-left: 10px;
}

button.editText {
    background: url(../images/glyph_half_add_note.svg);
    margin-left: 10px;
}

button.addDocumentButton,
button.addDocumentButtonHot {
    background: url(../images/glyph_half_edit_note.svg);
}

button.backButton {
    background-image: url(../images/glyph_chevron_left.svg);
    background-repeat:no-repeat;
    background-size: 24px 24px;
}

/*
.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,
button.lpb, button.lpbh, button.bb, button.bbh {
     background-repeat: no-repeat;
     background-position: center center;
 }

button.tb, button.tbh, button.tb2, button.tbh2,
button.db, button.dbh, button.db2, button.dbh2,
button.db3, button.dbh3, button.sb, button.sbh {
    border-color: transparent;
}

button.db, button.dbh {
    background-color: transparent;
}

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

/* ------------------ wizard menu  > --------------------------  */
table.mainMenuPanel {
    border-color: #595858;
    background-color: #eee;
}

/* this class is for sub menus on a page - see space survey detail for an example */
table.mainMenuPanelNoBorder {
    border-color: #595858;
    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: #595858;
    border-color: #eee;
}

table.mainMenuPanelNoBorder td.quickLink {
    color: #595858;
}

.quickLinkDesc {
    color: #000000;
}

.vfQuickLink {
    background-color: #FFFF99;
}

table.mainMenuPanel td.quickLink {
    color: #595858;
}

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

.summaryTable a.quickLink:link, a.quickLink:visited, a.quickLink:active, a.quickLink:hover {
    color: #595858;
}

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

.summaryTable a.quickLink:hover {
    border-color: #595858;
    background: #eeeeee;
}

.plainTitleBlock {
    background: #fff;
}

.labelBlockHeader {
    background: #eee;
}
/* ------------------ < wizard menu --------------------------  */

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

.focus {
    background: #eeeeee;
}

div.channelWrapper {
    border-color: #eeeeee;
}

div.channelHead {
    background: #597eaa;
}

div.channelTitle {
    color: #fff;
}

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

div.channelToolbar > a:link, div.channelToolbar > a:visited, div.channelToolbar > a:active,
a.channelToolbarLink:link, a.channelToolbarLink:visited, a.channelToolbarLink:active,
a.deleteChannelLink:link, a.deleteChannelLink:visited, a.deleteChannelLink:active {
    color: #fff !important;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
}

div.channelToolbar > a:hover,
a.channelToolbarLink:hover {
    color: #597eaa !important;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    text-decoration: none;
}

a.deleteChannelLink:hover {
    color: #fff !important;
    border-color: #FF0000;
    background-color: #FF0000;
}

div.channelContent {
    background: #FFFFFF;
    border-top: solid 1px #597eaa;
}

a.moreLess:link, a.moreLess:visited, a.moreLess:active, a.moreLess:hover {
    color: #595858;
    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: #eeeeee !important;
}

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

a.channelInnerContentLink:link, a.channelInnerContentLink:visited,
a.channelInnerContentLink:active, a.channelInnerContentLink:hover {
    color: #000000 !important;
    background-color: transparent;
}

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

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

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

div.channelErrorDiv {
    color: #FF0000;
}

table.menuChannelTable td.textEntry input {
    border-color: #597eaa;
}

.iDelete, .iDelete:hover {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
}

.iSearch, .iSearch:hover, .iSearch:visited {
    background: url(../images/glyph_half_search.svg) no-repeat 0px 0px;
}

.iNew, .iNew:hover, .iNew:visited {
    background: url(../images/glyph_half_new.svg) no-repeat 0px 0px;
}

.iQuickSearch, .iQuickSearch:hover, .iQuickSearch:visited {
    background: url(../images/glyph_half_search.svg) no-repeat -1px -1px;
}

.iBlank, .iBlank:hover, .iBlank:visited {
    background: url(../images/blank-16.gif) no-repeat 2px 2px;
}

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

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

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

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

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

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: #eeeeee;
}

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

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

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

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

table.jGroupPanel td.labelBlock {
    background: #FFFFFF !important;
    /*border-right-color: #eeeeee;*/
}

.labelBlockHiddenText {
    color: #ffffff;
}

table.jGroupPanel td.plainBlock {
    background: #ffffff !important;
}

table.jGroupPanel td.plainTitleBlock, table.jGroupPanel td.labelBlockHeader {
    background: #ffffff !important;
    border-bottom-color: #eeeeee;
}

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

.yellowValueCell {
    background: #FFFF99;
}

.modified {
    background: #FFFFE0;
}

.blueValueCell {
    background: #ffffff;
}

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

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

/*  ------------------------- > browse headings ------------------------ */
table.browse > thead > tr.browseTools > th {
  background-color: #eeeeee;
  border-bottom: 1px solid #fff;
  color: #000;
}

table.browse tr.browseToolbar {
    background-color: #eeeeee;
    color: #000;
}

table.browse tr.browseToolbar > th {
    border-bottom: 3px solid #597eaa;
    font-weight: normal;
}

table.totalHeaderBrowse {
  background: #FFFF99;
}

table.summaryTable {
    border-top: solid 2px #969696;
}

table.approval > thead > tr.boxHeadings > th {
    background-color: #597eaa !important;
}

table.browse > thead > tr.boxHeadings > th {
    background-color: #597eaa;
    color: #FFF;
}

thead > tr.boxSubDetailHeadings > th {
    background-color: #969696;
    color: #FFF;
    height: 25px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: normal;
}

tr.boxHeadings > th {
    background-color: #597eaa;
    color: #FFF;
}

table.stickyHeader tr.boxHeadings {
    color :#fff;
}

table.stickyHeader > tbody > tr.highlighted {
    background-color: #FFFF99;
}

table.noHeadings > thead > tr.boxHeadings > th {
    background-color: #597eaa;
    height: 1px;
}

td.boxHeadings {
    background-color: #597EAA;
    color: #FFFF;
}

div.stickyHeader table tr.boxHeadings a:link,
div.stickyHeader table tr.boxHeadings a:visited,
div.stickyHeader table tr.boxHeadings a:active,
table.browse tr.boxHeadings a:link,
table.browse tr.boxHeadings a:visited,
table.browse tr.boxHeadings a:active {
    color :#fff !important;
}

div.stickyHeader table tr.boxHeadings a:hover,
table.browse tr.boxHeadings a:hover {
    color :#fff !important;
    background-color: transparent;
    border-color: #fff;
}

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

/*  ------------------------- > image container ------------------------ */
div.imageContainer {
    background: #eeeeee;
}

table.repositoryImage > tbody > tr > td {
    background: #ffffff !important;
}

.imageBackdrop {
    background: #ffffff !important;
}
/*  ------------------------- image container < ------------------------ */

/*  ------------------------- > zoom ------------------------ */
.zoomCrumb {
    background: #ffffff;
    color: #595858;
    border: solid 1px #eeeeee;
}

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

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

/*  ------------------------- > search ------------------------ */

table.jSearchPanel th {
    color: #FFFFFF;
    background-color: #597eaa;
}

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

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

/*table.jSearchPanel > tbody> tr > td {*/
    /*background: #ffffff !important;*/
    /*border-right-color: #666666;*/
/*}*/

table.jSearchPanel td.plainBlock {
    background: #ffffff !important;
}

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

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

table.jTabPanel th {
    color: #FFFFFF;
    background-color: #666666;
}

/*  ------------------------- < tab panel ------------------------ */

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

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


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

/*  ------------------------- link classes > ------------------------ */
/*need to give these links a specific class*/
a.scrollBarLink:link, a.scrollBarLink:active, a.scrollBarLink:visited, a.scrollBarLink:hover {
    color: #fff !important;
    background: transparent !important;
}

a.scrollBarLink:hover {
  border-color: #fff;
}

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

a:hover {
    border-color: #085394;
}

/*  ------------------------- < link classes ------------------------ */

/*  ------------------------- 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: #eeeeee;
}

.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 ------------------------ */

/*  ------------------------- Cost Analysis > ------------------------ */

table.costAnalysis > thead > tr.boxHeadings > th + th,
    table.costAnalysis > tbody > tr > td + td {
    text-align: right;
}

table.costAnalysis > thead > tr.boxHeadings > th:first-child {
  text-align: left;
}

table.costAnalysis > tbody > tr:nth-child(even) > td + td {
    background-color: #F0F0F0;
}

table.matrix > tbody > tr:nth-child(even) {
    background-color: #F0F0F0;
}
table.matrix > tbody > tr:nth-child(odd) {
    background-color: #FFFFFF;
}
table.costAnalysis > tbody > tr > td {
    padding: 4px;
}

table.costAnalysis > tbody > tr > td + td {
    font-weight: normal;
}

table.costAnalysis tr.boxTitle {
    display: none;
}

table.reorderByMonth > tbody > tr > td:last-child {
    border-left-color: #eeeeee;
    border-left-style: solid;
    border-left-width: 1px;
}

/*  ------------------------- < Cost Analysis ------------------------ */

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

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

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

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

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

.loginButton {
    background: transparent;
    color: #FFFFFF;
}

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

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

.copyrightText {
    color: #fff;
}

.negative {
    color: #FF0000;
}

.negativeCurrency {
    color: #FF0000;
}

.blackCurrency {
    color: #000000;
}

.compGrpLineColor {
    color: #FFFF99;
}

.compLineColor {
    color: #FFFFFF;
}

.parenthesis {
    color: #FF0000;
}

.errorMessageM {
    color: #FF0000;
}

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

.errorMessages {
    background-color: #FF0000;
    border: none;
    color: #fff;
    font-size: 14px;
}

.browseErrorFlag {
    color: #ff0000;
}

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

input {
    border-color: #597eaa;
    background-color: #FFFFFF;
}

input.negative {
    color: #FF0000;
}

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

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

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

textarea {
    border-color: #595858;
}

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

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

.inlineErrTxt {
    color: #990000;
}

.valueDescFlex {
    color: #595858;
}

.valueDescFixed {
    color: #595858;
}

a.attachDocButton, a.attachDocButton:visited, a.attachDocButton:active, a.attachDocButton:hover {
    color: #666;
}

a.attachNotesButton, a.attachNotesButton:visited, a.attachNotesButton:active, a.attachNotesButton:hover {
    color: #666;
}

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

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

.hiddenlabelBlock {
    color: #ffffff;
}

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

.panelBorderGrayBottom {
    border-top-color: #eeeeee;
    border-left-color: #eeeeee;
    border-right-color: #eeeeee;
    border-bottom-color: #eeeeee;
}

.panelBorderGrayTop {
    border-top-color: #eeeeee;
    border-left-color: #eeeeee;
    border-right-color: #eeeeee;
    border-bottom-color: #eeeeee;
}

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

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

.leftBorder {
    border-left-color: #eeeeee;
}

.rightBorder {
    border-right-color: #eeeeee;
}

.bottomBorder {
    border-bottom-color: #eeeeee;
}

.topBorder,
.topTabBorder {
    border-top-color: #eeeeee;
}

.leftLightBorder {
    border-left-color: #eeeeee;
}

.rightLightBorder {
    border-right-color: #eeeeee;
}

.bottomLightBorder {
    border-bottom-color: #eeeeee;
}

.topLightBorder {
    border-top-color: #eeeeee;
}

.bottomGrayBorder {
    border-bottom-color: #eeeeee;
}

.topGrayBorder,
tr.topGrayBorder > td,
tbody.topGrayBorder tr > td {
    border-top-color: #eeeeee;
}

.rightGrayBorder {
    border-right-color: #eeeeee;
}

.leftGrayBorder {
    border-left-color: #eeeeee;
}

.required {
    border-color: #FF0000 !important;
}

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

.headerBottomBorder {
    border-bottom-color: #eeeeee;
}

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

.steelBackground {
    background-color: #eeeeee;
}

.blueBackground {
    background-color: #597eaa;
}

.grayBackground {
    background-color: #CCCCCC;
}

.modalMessage, .messageBox {
    background-color: #fff;
    border-style: none;
}

.inputDialogFrame {
    width: 100%;
    height: 99%;
    background-color: #fff;
    position: absolute;
    overflow: hidden;
}
.inputDialogBox {
    margin: 5% 35% 30%;
    background-color: #eee;
    padding-top: 1%;
}

.inputDialogButton {
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: 10%;
    padding-bottom: 4%;
    text-align: right;
}

.inputDialog {
    text-align: left;
    /*font-size: larger;*/
    margin: 3% 2% 2%;
    padding: 2%;
    background-color: #eee;
}

.inputDialogText {
    height: 16px;
    margin: 0 8px;
    padding-left: 3px;
    width: 95%;
}

div.inputDialogLabel label{
    font-size: 16px;
}

.sortBox {
  border: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

table.sortBox > tbody > tr > td:first-child {
     background: #fff !important;
     font-weight: bold !important;
}

table.scheduler > thead > tr > th {
    text-align: center;
}

table.scheduler > tbody > tr > td:last-child {
    background-color: #eeeeee !important;
}

table.scheduler > tbody > tr > td:first-child {
  text-align: left !important;
}

table.scheduler > tbody > tr > td {
  border-bottom-color: #eeeeee;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

table.scheduler .boxTitle {
  /*background-color: #666666 !important;*/
}

div.yellowBox {
  display: block;
  padding: 1px;
  border-width: 1px;
  border-style: solid;
  background-color: #FFFF99;
    border-radius: 4px;
}

div.tab {
  color: #000;
  background-color: #eee;
  border-color: #eee;
}

a.viewMenuLink:link, a.viewMenuLink:visited, a.viewMenuLink:hover, a.viewMenuLink:active {
  font-size: 12px;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
  -ms-word-break: break-all;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
    max-width: 100%;
}

.wrapText{
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}

.whiteBackground {
    background-color: #FFFFFF !important;
}

.shoppingCartPartDesc{
    color: #595858;
}