﻿html, body {padding:0; margin:0}
body, input, button, select, textarea, a, th, td, .gridViewRow, .gridViewAlternatingRow {font-size:12px; font-family:tahoma,arial,sans-serif}
body {background-color:#eceeed}
h1, h2, h3 {font-weight:normal; margin:20px 0 5px 0}
h1:first-child, h2:first-child, h3:first-child, h1.firstChild {margin-top:0}
h1, .h1 {font-size:24px}
h2, .h2 {font-size:20px}
h3, .h3, fieldset>legend {font-size:16px}
#HeaderH1 {margin-bottom:0}
input[type="submit"], input[type="button"], button {border:1px solid gray; color:black; background-image:url("../Images/button_gradient.png"); padding:5px 10px; border-radius:5px}
input:not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="image"]):not([type="submit"]):not([type="file"]), select, textarea {box-sizing:border-box; border:1px solid #cbcbcb; border-radius:5px}
input:not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="image"]):not([type="submit"]):not([type="file"]), select {height:21px}
a, a.h3 {color:#006ead; text-decoration:none}
a:hover, .topLeftMenu a:hover {color:gray}
p {margin:5px 0}
fieldset {padding:5px; margin:5px 0 0 0}
th.quantity, td.quantity {text-align:right}
table {border-collapse:collapse}
th {font-weight:normal; text-align:left}
table.grid>thead>tr>th, table.grid>tbody>tr>th, table.grid>tbody>tr>td {padding:5px; vertical-align:middle; border-width:0 0 1px 0; border-style:solid; border-color:#cecece}
table.grid>thead>tr:last-child>th, table.grid>tbody>tr:last-child>th, table.grid>tbody>tr:last-child>td {border-right-width:0}
table.grid>thead>tr>th, table.grid>tbody>tr>th {background-color:#eceeed; border-bottom-width:0}
table.grid>thead>tr>th, table.grid>thead>tr>th>a, table.grid>tbody>tr>th, table.grid>tbody>tr>th>a {color:#828387}
table.grid>thead>tr>th>a, table.grid>tbody>tr>th>a {display:block}
table.grid>tbody>tr>td {border-bottom-width:1px}
table.grid>tbody>tr:last-child>td {border-bottom-width:0}
table.namesAndValues>tbody>tr>th, table.namesAndValues>tbody>tr>td {padding:2px; vertical-align:top}
table.namesAndValues>tbody>tr>th {text-align:left; padding-right:5px}
table.boldTHs>tbody>tr>th {font-weight:bold}
table.namesAndValues>tbody>tr>td>input:not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="image"]):not([type="submit"]):not([type="file"]), table.namesAndValues>tbody>tr>td>textarea {width:100%}
.tableWrapper {overflow-y:auto}
#sizer {max-width:1400px; margin:0 auto; background-color:white}
.notice {background-color:yellow; padding:10px; border:1px solid brown; margin:10px 0}
.moduleFooter {color:black}
body>h1 {text-indent:-1000px; height:0; overflow:hidden}
.marginTop, .marginTopBottom {margin-top:5px}
.marginBottom, .marginTopBottom {margin-bottom:5px}
.marginLeft, .marginLeftRight {margin-left:5px}
.marginRight, .marginLeftRight {margin-right:5px}
.divBox1 {border:1px solid gray; background-color:gray; color:white; padding:5px; border-radius:5px 5px 0 0; margin-top:5px}
h1.divBox1, h2.divBox1, h3.divBox1 {margin-bottom:0}
.divBox2 {border-color:gray; border-width:0 1px 1px 1px; border-style:solid; border-radius:0 0 5px 5px; padding:5px}
.divBox2 .divBox1, .divBox2 .divBox2 {border-color:gray}
a.headerWide {display:block}
a.headerWide.hidden {display:none}
img.headerLarge, img.headerSmall {width:100%}
img.headerLarge {display:block}
img.headerSmall {display:none}
div.headerLR {display:table; width:100%; background-repeat:no-repeat; background-position:right center; background-size:contain}
div.headerLR>a {display:table-cell}
div.headerLR>a.left>img {display:block; width:100%}
.topMenu, .topLeftMenu ul {background-color:#818286}
.topMenu {min-height:46px; z-index:2; position:sticky; top:0}
.topLeftMenu {float:left}
.topLeftMenu a, .topLeftMenu a:hover {color:white}
.topLeftMenu>div>ul>li {float:left}/*This seriously helps with CLS.  This attribute is normally added later by ASP.NET JavaScript, causing a late content shift.*/
.topLeftMenu>div>ul>li>a, .topRightMenu a {height:46px}
.topLeftMenu>div>ul>li>a {padding:15px 20px !important; box-sizing:border-box}
.topLeftMenu a.popout {padding-right:22px !important; background-position:right 10px center !important}
.topLeftMenu ul ul a {padding:5px !important}
.topLeftMenu>div {clear:none !important}/*Fixes ASP.NET Generated Code*/
.topRightMenu {float:right}
.topRightMenu a {background-repeat:no-repeat; background-position:center}
.topRightMenu .searchGrid {display:flex; align-items:center}
.topRightMenu .searchQuery {width:125px; margin-right:-16px; padding-right:10px}
.topRightMenu .searchQuery::-ms-clear {display:none}
.topRightMenu .searchButton {width:46px; display:block; background-image:url("../../Common/Images/menu/search.png"); background-size:30px; position:relative}
.topRightMenu>tbody>tr>td {padding:0}
.topRightMenu>tbody>tr>td>a {width:46px; float:left}
.topRightMenu>tbody>tr>td>a.calendar {background-image:url("../../Common/Images/menu/calendar.png"); background-size:30px; background-color:#a2a2a2}
.topRightMenu>tbody>tr>td>a.shoppingCart {background-image:url("../../Common/Images/menu/shopping_cart.png"); background-size:30px; background-color:#b0b0b0}
.topRightMenu>tbody>tr>td>a.help {background-image:url("../../Common/Images/menu/help.png"); background-size:30px}
.topLeftMenu a.selected, .topLeftMenu li:hover, .topRightMenu>tbody>tr>td>a.selected, .topRightMenu>tbody>tr>td>a:hover {background-color:#3e3e3e}
.topRightMenu>tbody>tr>td>a.searchButton {background-color:transparent}
.mainContent {padding:15px 20px 5px 20px}
table.cellPadding2>tbody>tr>td {padding:2px}
.cellMenuHeader, .cellJobDetailsName, .cellJobDetailsDescription, .pageHeaderLabel {font-weight:normal}
.jobListLocationHeaderRow {text-align:center; border-top-width:0}
.jobTabOuter {background-color:#d2d3d7; padding:10px; margin-top:20px}
.jobTabs {list-style:none; padding:0; margin:5px 0 0 0}
.jobTabs>li {float:left; border-bottom-width:0}
.jobTabs>li>a {color:white; text-decoration:none; display:block; text-align:center; line-height:30px}
.jobTabs>li>a>div {float:left}
.jobTabs>li>a>div.label {min-width:90px; height:29px; text-align:center; background-color:#0379b3; border-top-left-radius:5px; padding-left:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#0379b3/*Border required to fix an IE 11 error.*/}
.jobTabs>li>a>div.arrow {border-width:30px 0 0 30px; border-style:solid; border-color:transparent transparent transparent #0379b3}
.jobTabs>li.selected>a {color:#0379b3}
.jobTabs>li.selected>a>div.label {background-color:white; border-right-color:white; border-color:white}
.jobTabs>li.selected>a>div.arrow {border-left-color:white}
.jobTabs>li.disabled {background-image:none}
.jobTabs>li.disabled>a {color:#a0a0a0}
.jobTabs>li>img {padding-right:5px}
.jobTabInner>div {background-color:white; padding:10px}
.tableJobDetails {margin-top:5px; border-width:0}
.cellJobDetailsHeader {font-weight:normal; border-bottom-width:0; background-color:transparent}
.cellJobDetailsHeader a, a.button {color:white; background-color:#0379b3; padding:5px 10px; border-radius:5px; margin:0 5px 5px 0; text-align:center; float:left}
.cellJobDetailsHeader a {min-width:65px}
table.calendar.grid>tbody>tr>td {border-left-width:1px; border-right-width:1px}
table.calendar.grid>tbody>tr:last-child>td {border-bottom-width:1px}
td.bidsInCircle {width:45px; height:45px}
td.bidsInCircle>div, td.bidsInCircle>a {width:45px; height:45px; text-align:center; padding:7px 8px 0 8px; box-sizing:border-box; background-repeat:no-repeat; background-size:contain}
td.bidsInCircle>a {display:block}

.fileUploader {margin-bottom:5px}
.fileUploader label {padding:5px 0}
.fileUploader label.draggingOver span {color:#68bd42}
.fileUploader .status a:hover {color:red}

@media (min-width:1400px)
{
    .fullWhiteSpaceNoWrap {white-space:nowrap}
}

@media (max-width:800px)
{
    .liteMarginLeft0 {margin-left:0}
    .liteDisplayBlock {display:block !important}
}

@media (max-width:600px)
{
    @-ms-viewport {width:device-width}
    body {background-color:transparent}
    .mainContent {padding:5px}
    a.headerWide.hidden {display:block}
    img.headerLarge {display:none}
    img.headerSmall {display:block}
    div.headerLR {display:none}
}

@media print
{
    body, input, button, select, textarea, th, td, .gridViewRow, .gridViewAlternatingRow, th, table.grid th, table.grid th a, a {font-size:9px}
    h1, .h1 {font-size:21px}
    h2, .h2 {font-size:17px}
    h3, .h3, fieldset>legend {font-size:11px}
    .mainContent {padding:0}
    table.grid>tbody>tr>th, table.grid>tbody>tr>td {color:black; background:none; padding:3px}
    table.grid>tbody>tr>th>a, table.grid>tbody>tr>td>a {color:black}

    #headerImageDiv, .topMenu, .printDisplayNone {display:none !important}
    .printWhiteSpaceNoWrap {white-space:nowrap}

    .jobTabOuter {background-color:transparent; padding:0; margin:0}
    .jobTabs>li {display:none; border-width:0}
    .jobTabs>li.selected {display:block; padding:0; background:none}
    .jobTabs>li.selected>a {text-align:left; color:black; line-height:normal}
    .jobTabs>li.selected>a>div.label {padding-left:0; min-width:0; height:auto; font-size:17px}
    .jobTabs>li.selected>a>div.arrow {display:none}
    .jobTabInner>div {padding:0}
    .tableJobDetails, table.grid {border-width:0}
    table.grid>tbody>tr>th {border-bottom-width:1px}
}