/* Color glossary:
Orange: #DF6E1D :: this was changed when merging with Periscope to match their orange
Goldenrod: #ff9900
Blue: #5bace8
Green:#669900
Red: #CC0000
Yellow (ready screen warning): #FF9900
Gray rules: ccc
lt gray row fill: #f2f2f2
*/

/* remove browser defaults*/

/* Universal reset - don't use unless it messes up the forms
* {margin:0; padding:0;}
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: none;
}

/* define focus styles */
:focus {
    outline: 0;
}

/* highlight inserts */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* end browser defaults -----------------------------*/

body {
    font-family: "Open Sans", sans-serif;
    -webkit-font-smoothing: true;
    font-size: 17px;
    color: #333;
    margin: 0;
}

.emptyClass{

}

#page {
    min-width: 1014px;
}

a:link {
    color: #0055DD;
    text-decoration: underline;
}

a:visited {
    color: #563e6d;
    text-decoration: underline;
}

a:focus {
    color: #C94C08;
    text-decoration: underline;
}

a:hover {
    color: #C94C08;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    color: #333;
    font-weight: bold;
}

h1 {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

h2 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

span.h-sub {
    color: #666;
    font-weight: 100;
    display: block;
    font-size: 14px;
    line-height: 13px;
}

h3 span.h-sub{
    font-size:13px;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

hr {
    width: 80%;
}

sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -2px;
}

sub {
    top: 4px;
}

label {
    font-size: 12px;
}

br {
    clear: left;
}

/* Custom classes */

a.error:link, a.error:visited, a.error:focus, a.error:hover {
    color: #900;
}

.green {
    color: #690;
    font-weight: bold;
}

a.green:link, a.green:visited, a.green:focus, a.green:hover {
    color: #690;
}

.blue {
    color: #0055DD;
}

a.blue:link, a.blue:visited, a.blue:focus, a.blue:hover {
    color: #0055DD;
}

.orange {
    color: #DF6E1D;
    font-weight: bold;
}

.dkGray {
    background-color: #666666;
    border-bottom: 2px #ff9900;
}

.dkGrayBG {
    background-color: #666666;
}

.ltGray {
    background-color: #dedede;
}

.whiteText {
    color: #fff;
    text-align: left;
}

#contentBody {
    width: 100%;
    margin: 0;
}

.contentBodyBkgd {
    background-color: #f7f7f7;
    width: 100%;
    margin: 0;
    padding-bottom: 30px;
    float: left;
    box-shadow: inset 0px 1px 4px #C7C7C7;
}

.clear {
    clear: both;
}

.block {
    display: block;
}

#wideContentBody {
    /* If other pages are affected, add back in:
   float: left;
   */
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 0 30px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.error {
    color: #900;
    font-weight: bold;
}

input.error {
    border: 1px solid #900;
}

.textSpaceRight {
    padding-right: 5px;
}

.textSpaceLeft {
    padding-left: 5px;
}

.labelText {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    line-height: 1.5;
    margin-left: 15px;
    color: #333;
    font-weight: bold;
    margin-bottom: auto;
}

.labelTextNoMargin {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    font-weight: bold;
    margin-bottom: auto;
}

.labelTextNormal {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    margin-bottom: auto;
}

.defaultText {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    margin-bottom: auto;
    margin-left: 15px;
}

.ckeditor {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: normal;
}

.bottomRule {
    border-bottom: #ccc thin solid;
}

.rule {
    border-bottom: 1px solid #ccc;
    width: 70%;
}

.shortRule {
    border-bottom: 1px solid #ccc;
    width: 35%;
}

.mediumRule {
    border-bottom: 1px solid #ccc;
    width: 50%;
}

.longRule {
    border-bottom: 1px solid #ccc;
    width: 75%;
}

.extraLongRule {
    border-bottom: 1px solid #ccc;
    width: 90%;
}

.breadcrumbs {
    display: block;
    font-size: 9px;
    color: #666666;
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 30px;
}

.breadcrumbs a {
    color: #003399;
    text-decoration: underline;
}

.caption {
    font-size: 9px;
    font-style: italic;
    color: #666666;
}

.italic{
    font-style: italic;
}

.errorMessage {
    color: #990000;
    font-size: 12px;
}

.successMessage {
    color: #690;
    font-size: 12px;
}

.warningMessage {
    color: #9F6000;
}

.informationMessage {
    color: #5bace8;
    font-size: 12px;
}

.inlineBlock{
    display:inline-block;
}

.center {
    width: 700px;
    margin-left: 20%;
    margin-right: 20%;
}

.centerText {
    text-align: center;
}

.rightText {
    text-align: right;
}

.leftText {
    text-align: left;
}

.separator90 {
    border-bottom: 1px solid #d9d9d9;
    width: 90%;
}

.details {
    background-color: #fff;
}

.bidsyncLogo {
    width: 300px;
    height: 50px;
    float: left;
    margin-left: 10px;
    position: relative;
    top: 5px;
    margin-bottom: 10px;
    text-align: left;
}

.bidsyncLogo img {
    height: 50px;
}

.bidsyncLogo img.linksPlusLogo, .bidsyncLogo img.linksLogo {
    position: relative;
    top: 13px;
    height: 61px;
}

.globalSearch {
    width: 320px;
    position: relative;
    float: left;
    margin-right: auto;
    margin-left: 5%;
    margin-top: 5px;
    margin-bottom: 0;
}

.globalLabelLeft {
    float: left;
    text-align: left;
    position: relative;
    margin-bottom: 5px;
    margin-left: 0;
}

.globalLabelRight a {
    float: right;
    font-size: 12px;
    color: #0055DD;
    font-style: italic;
    text-decoration: underline;
    position: relative;
    margin-right: 50px;
}

.globalSearch select {
    vertical-align: baseline;
    position: relative;
    margin-bottom: 5px;
}

.globalSearch input {
    clear: both;
    width: 265px;
    margin-bottom: 5px;
    float: left;
}

.globalSearch img {
    vertical-align: baseline;
    position: relative;
    margin-bottom: 5px;
}

.globalAdvancedSearchLink a {
    top: 5px;
}

.globalSearchBidsLabel {
    top: 5px;
}

.contactUs {
    height: 59px;
    float: right;
    position: relative;
    vertical-align: bottom;
    margin-right: 30px;
    margin-bottom: 0;
    position: relative;
    top: -1px;
    white-space: nowrap;
}

.contactUs img {
    width: auto !important;
    height: 49px;
    position: relative;
    right: -15px;
    top: 2px;
}

.headerLogout {
    font-size: 12px;
    text-decoration: none;
    text-align: right;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 30px;
}

.headerText {
    font-size: 14px;
    font-weight: bold;
}

/* Top nav */

.headernav {
    display: block;
    width: 100%;
    background: #32b7f3 url(../images/horizNavGrad.jpg) repeat-x;
    height: 35px;
}

.headernav ul {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.headernav ol {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    margin-left: 12px;
}

.headernav li {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    float: left;
    color: #ffffff;
    margin-top: 8px;
    padding-left: 9%;
    margin-left: 23px;
}

.headernav a:link {
    color: #FFFFFF;
    text-decoration: none;
}

.headernav a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.headernav a:hover {
    color: #FFCC00;
}

.headernavwide ul {
    width: 95%;
}

.headernavwide li {
    padding-left: 5%;
}

.agencyheader {
    display: block;
    width: 100%;
    height: 30px;
    text-align: center;
    border-bottom: #DF6E1D 1px solid;
    background-color: #008DCF;
}

.agencyheader ul ul {
    display: none;
    z-index: 100;
}

.agencyheader ul li:hover > ul, .agencyheader ul li:focus > ul {
    display: block;
}

.agencyheader ul {
    display: inline-table;
    position: relative;
    margin-left: 30px;
}

.agencyheader ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    margin-top: 6px;
    float: left;
    text-align: left;
    padding-bottom: 7px;
}

.agencyheader ul li a:hover, .agencyheader ul li a:focus {
    color: #FFCC00;
}

.agencyheader ul li a {
    color: #fff;
    display: block;
    padding-right: 48px;
    text-decoration: none;
}

.agencyheader ul > li > ul {
    border: 1px solid #DF6E1D;
    border-top: 0px;
}

.agencyheader ul ul {
    margin-left: 0;
    margin-right: 0;
    background: transparent;
    position: absolute;
    margin-top: 5px;
}

.agencyheader ul ul li:first-child {
}

.agencyheader ul ul li {
    margin-top: 0;
    font-size: 14px;
    border-top: none;
    clear: left;
    float: left;
    width: 180px;
    position: relative;
    background: #f2f2f2;
    z-index: 999;
}

.agencyheader ul ul li a {
    color: #333333;
    padding: 5px 20px;
}

.agencyheader ul ul li a:hover {
    background: #fff;
    color: #000;
}

.supplierheader ul li a {
    color: #fff;
    display: block;
    padding-right: 80px;
    text-decoration: none;
}

.backToTop {
    clear: both;
    margin-top: 10px;
    margin-left: 83%;
}

/* Content boxes */

.contentBox {
    background-color: #ffffff;
    padding: 15px;
    margin-top: 0px;
    margin-right: 30px;
    margin-bottom: 15px;
    margin-left: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.searchContentBox {
    width: 800px;
    padding-top: 30px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.accordianBox {
    width: 90%;
    padding-top: 30px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
}

.wideContentFixed {
    display: block;
    overflow: hidden;
    background-color: #ffffff;
    width: 924px;
    padding: 15px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;

}

.wideContentBox {
    display: block;
    float: left;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #ccc;
    width: 90%;
    padding: 15px;
    margin-top: 0px;
    margin-right: 30px;
    margin-bottom: 15px;
    margin-left: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.main2Column {
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 675px; /*was 60%*/
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
    margin-top: 10px;
    margin-right: 30px;
    margin-bottom: 10px;
    margin-left: 15px;
    -moz-box-shadow: 5px 5px 7px #ccc;
    -webkit-box-shadow: 5px 5px 7px #ccc;
    box-shadow: 5px 5px 7px #ccc;
}

.main2ColumnMulti {
    float: left;
    background-color: #FFFFFF;

    width: 68%;
    padding-bottom: 30px;
    margin-top: 10px;
    margin-right: 30px;
    margin-bottom: 10px;
    margin-left: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.main2ColMulti {
    overflow: hidden;
    float: left;
    background-color: #fff;
    font-size: 12px;
    margin-top: 15px;
    margin-right: 5px;
    margin-left: 15px;
    width: 90%;
    min-height: 1%;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;

}

.main2ColSub {
    clear: both;
    overflow: hidden;
    float: left;
    background-color: #fff;
    font-size: 12px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 5px;
    width: 90%;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
}

.container {
    width: 100%;
    margin: 0;
}

.panel {
    width: 100%;
    padding: 30px;
}

.leftBox {
    overflow: hidden;
    float: left;
    text-align: left;
    width: 48%;
}

.rightBox {
    overflow: hidden;
    float: right;
    text-align: left;
    width: 48%;
}

/* Left & sidebars */

.dashboard {
    display: block;
    background-color: #ffffff;
    min-height: 72px;
    padding: 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

a {
    text-decoration: underline;
}

.narrowContentBox {
    overflow: hidden;
    float: left;
    width: 200px;
    background-color: #fff;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    min-height: 150px;
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 5px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.sidebarBox {
    display: block;
    float: right;
    background-color: #fff;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    min-height: 150px;
    margin-top: 215px;
    margin-left: -130px;
    margin-right: 5px;
    width: 200px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;

}

.multiContentBox {
    overflow: hidden;
    float: left;
    width: 42%;
    background-color: #fff;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    min-height: 150px;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;

}

.multiContentBoxNoBorder {
    overflow: hidden;
    float: left;
    width: 42%;
    background-color: #fff;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    min-height: 150px;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}

.leftBorder {
    border-left: 1px solid #ccc;
    padding-left: 30px;
}

.allBorder {
    border: 1px solid #ccc;
}

.multiBoxRight {
    overflow: hidden;
    float: left;
    width: 42%;
    background-color: #fff;
    text-align: right;
    vertical-align: top;
    min-height: 50px;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}

.lNavBox {
    overflow: hidden;
    float: left;
    background-color: #fff;
    margin-top: 8px;
    margin-left: 30px;
    margin-right: 5px;
    width: 190px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    border: 1px solid #DF6E1D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.lNavBox ul {
    float: left;
    font-size: 12px;
    list-style: none;
    color: #333333;
    margin-top: 9px;
    padding-left: 10%;
}

.lNavPromo {
    clear: both;
    float: left;
    width: 190px;
    background-color: #fff;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 30px;
    padding-top: 15px;
}

.indent {
    margin-left: 50px;
}

.orangeBox {
    overflow: hidden;
    float: left;
    background-color: #fff;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    width: 200px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    border: 1px solid #DF6E1D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.loginbox {
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto;
    width: 500px;

    padding-bottom: 36px;
    padding-left: 80px;
    padding-right: 30px;
    padding-top: 50px;
    border: 1px solid #DF6E1D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.centerContentBox {
    overflow: hidden;
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    padding-bottom: 36px;
    padding-left: 80px;
    padding-right: 30px;
    padding-top: 50px;
    border: 1px solid #DF6E1D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.centerContentBox_noBorder {
    overflow: hidden;
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    padding-bottom: 36px;
    padding-left: 80px;
    padding-right: 30px;
    padding-top: 50px;
}

.orangeContentBox {
    overflow: hidden;
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    padding-bottom: 36px;
    padding-left: 80px;
    padding-right: 30px;
    padding-top: 50px;
    border: 1px solid #DF6E1D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

#wideCenterBox {
    display: block;
    float: left;
    overflow: hidden;
    background-color: #ffffff;
    width: 700px;
    padding: 15px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: 15%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.errorBox {
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding: 30px;
    border: 1px solid #DF6E1D;
    overflow: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#wideCenterErrorBox {
    display: block;
    background-color: #ffffff;
    width: 70%;
    padding: 15px;
    margin: 30px auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

/* 3 Columns */

#frame {
    margin-left: 0;
    width: 1024px;
}

#columnLeft {
    float: left;
    width: 260px;
    margin-left: 0;
}

#columnMain {
    float: left;
    width: 500px;
    margin-left: 0;
}

#columnRight {
    float: left;
    width: 180px;
    margin-left: 20px;
}

#enclose {
    float: left;
    width: 770px;
    margin-left: 0;
}

.lNavBox3Col {
    overflow: hidden;
    float: left;
    background-color: #fff;
    margin-top: 0;
    margin-left: 20px;
    margin-right: 0;
    width: 200px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    border: 1px solid #DF6E1D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.main3ColumnBox {
    float: left;
    background-color: #fff;
    /* For IE only */
    word-wrap: break-word;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    width: 470px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.main3ColumnBox p {
    font-size: 12px;
}

.main3ColumnBox input {
    clear: both;
    float: right;
    margin-right: 35%;
}

.noBorderPanel {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: #fff;
}

.orangeBox3Col {
    overflow: hidden;
    float: left;
    background-color: #fff;
    margin-top: 0;
    margin-left: 0;
    margin-right: 30px;
    width: 180px;
    /* For IE only */
    word-wrap: break-word;
    min-height: 150px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.orangeBox3Col li {
    font-size: 12px;
}

/* text wrap boxes & icons*/

.leftIcon {
    left: -40px;
    float: left;
    padding-top: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.iconBox {
    overflow: hidden;
    float: left;
    background-color: #fff;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 5px;
    width: 200px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 15px;
    padding-top: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;

}

.iconBoxLanding {
    overflow: hidden;
    float: left;
    background-color: #fff;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 5px;
    width: 60%;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
}

.iconbox img {
    left: -40px;
    float: left;
    margin-right: 10px;
    padding: 5px;
}

.rightIcon {
    float: right;
    position: relative;
    vertical-align: top;
    margin-bottom: 5px;

}

.bidDetailSmBox {
    clear: both;
    float: right;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 200px;
    background-color: #fff;
    font-size: 12px;
    text-align: left;
    display: inline;
    min-height: 1%;
    margin: -95px 15px 15px 15px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
}

.bidDetailSmBox.h2 {
    width: 400px;
    word-wrap: break-word;
}

.breakWord {
    word-wrap: break-word;
}

.fullContainerColumn {
    width: 575px;
}

.twoHundredWidthColumn {
    width: 200px;
}

/* Supplier ads */

.supplierAds {
    display: block;
    clear: both;
    width: 963px;
    height: 200px;
    padding-bottom: 15px;
    background-color: #fff;
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border: 1px solid #DF6E1D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.supplierAds ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #333;
}

.supplierAds li {
    float: left;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    border: 1px solid #DF6E1D;
    padding: 15px;
    width: 190px;
    vertical-align: middle;
    min-height: 160px;
    margin-left: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.supplierAdsHeaders {
    color: #333;
    text-decoration: none;
    text-align: left;
    margin-left: -3px;
}

/*n Table styles + zebra  */

.table td {
    border-spacing: 0;
    border: 1px solid #ccc;
    padding: 5px;
}

.table th {
    border-spacing: 0;
    border: 1px solid #ccc;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background-color: #5bace8;
}

.blueText {
    color: #5bace8;
}

li:nth-child(even) blockquote {
    background-color: #f2f2f2;
}

#lNav {
    width: 200px;
}

#placeOffer {
    width: 124px;
    height: 30px;
    margin-right: 15px;
}

#loginRemember {
    font-size: 12px;
}

/* Header & footer */

#logo {
    width: 309px;
    height: 92px;
    background-image: url(../images/bidsync_logo.gif);
    background-repeat: no-repeat;
    float: left;
    margin-left: 30px;
}

#logo a {
    display: block;
    width: 236px;
    height: 42px;
}

#logo a:hover {
    background-color: transparent;
    text-decoration: none;
}

.submitButton {
    margin-top: 20px;
    margin-left: 15px;
}

.buttonNext {
    margin-left: 15px;
}

#header {
    background-color: #fff;
    border: none;
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 10px 0;
}

#footer {
    clear: both;
    width: 100%;
}

#footerContainer {
    background-color: #000;
    width: 100%;
    height: 100%;
    margin: 0;
}

#questions {
    text-align: center;
    background-color: #008DCF;
    height: 30px;
    width: 100%;
    font-size: 16px;
    position: relative;
    top: -11px;
    color: #ffffff;
    padding-top: 20px;
    border-bottom: #f08d0d 2px solid;
    margin-top: 0;
    margin-bottom: 0;
}

#questions a {
    color: #FFF;
}

.footernav {
    background-color: #000000;
    overflow: hidden;
    width: 90%;
    color: #ffffff;
    padding: 20px;
    margin: 0 auto;
}

.footernav p {
    text-align: left;
    color: #FFF !important;
}

.footernav a {
    text-align: left;
    color: #FFF !important;
    text-decoration: none;
}

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

.footernav ul {
    color: #FFF;
    margin: 0 auto;
}

.footerHeaders {
    color: #FFF;
    text-decoration: none;
    text-align: left;
    margin-left: -3px;
}

.footernav li {
    float: left;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    margin-left: 12%;
}

.footerSocial {
    float: right;
    color: #FFF;
    width: 220px;
    vertical-align: top;
    margin-right: 30px;
}

.footerLegal {
    display: block;
    width: 90%;
    color: #FFF;
    text-align: center;
}

.footerLegal a:visited {
    color: #F2F2F2;
}

.footerLegal a:link {
    color: #F2F2F2;
}

.footerLegal a:active {
    color: #F2F2F2;
}

.footerTrust {
    width: 150px;
    margin-left: 30px;
}

.pagination {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 5px;
}

.pagination a {
    font-size: 12px;
    font-style: normal;
    text-decoration: underline;
}

.viewPages select {
    float: right;
    margin-top: 5px;
    margin-bottom: 10px;
}

.viewPagesTop select {
    float: right;
    vertical-align: top;
    margin-top: -80px;
    margin-bottom: 5px;
}

/* Forms */

.underline {
    text-decoration: underline;
    margin-bottom: 5px;
}

.checkLabel {
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 160px;
}

.textbox {
    font-size: 11px;
    font-style: italic;
    color: #666666;
}

.addressTextbox {
    margin-left: 172px;
}

.textDescription {
    margin-left: 172px;
}

.narrowSearch label {
    overflow: hidden;
    font-size: 12px;
    text-align: left;
    float: left;
    margin-bottom: 5px;
}

label.required {
    font-weight: bold;
}

.checkbox {
    vertical-align: baseline;
    position: relative;
    top: -2px;
}

.radiobutton {
    vertical-align: baseline;
    position: relative;
    top: -2px;
}

.radiobuttonLeft {
    text-align: left;
    top: -2px;
}

.leftAlignedInputLabel {
    width: 150px;
    float: left;
    text-align: left;
    position: relative;
    margin-left: 5px;
}

.radioLabel {
    width: 150px;
    float: left;
    text-align: left;
    position: relative;
    margin-left: 5px;
}

.formSideBySide input {
    float: right;
    vertical-align: baseline;
    position: relative;
    top: -20px;
    margin-left: 310px;
}

.progPayments {
    text-decoration: underline;
    float: right;
    margin-left: 25px;
}

.select {
    vertical-align: baseline;
    position: relative;
    width: 150px;
    margin-right: 15px;
    margin-bottom: 7px;
}

.selectLeft {
    margin-bottom: 5px;
    margin-left: 30px;
}

.multiple {
    width: 150px;
}

.buttonSubmit input {
    float: left;
    margin-top: 30px;
}

.centerButton {
    margin-left: 28%;
    margin-right: auto;
}

.loginCenterButton {
    margin-left: 35%;
    margin-right: auto;
}

.clearButton {
    margin-left: 15px;
    margin-right: 0;
    margin-bottom: 0;
}

.checkboxLabel {

    width: 150px;
    float: left;
    text-align: left;
    position: relative;
    vertical-align: -11px;
    margin-left: 40px;
}

.checkboxLabel input {
    width: 150px;
    float: left;
    text-align: left;
    position: relative;
    margin-left: 15px;
}

.checkboxUnder {
    position: relative;
    vertical-align: -11px;
    margin-left: 170px;
}

.rememberUnder {
    font-size: 11px;
    float: left;
    position: relative;
    margin-left: -8px;
}

.horizGroup input {
    width: 10px;
    text-align: left;
    margin-left: 10px;
}

.horizGroup label {
    width: 115px;
    text-align: left;
    position: relative;
    top: 11px;
}

.login {
    width: 77px;
    margin-left: 45%;
}

.register input {
    float: right;
    width: 130px;
    text-align: center;
    margin-right: 40%;
    margin-left: 15px;
}

.horizGroup select {
    width: 200px;
    text-align: left;
}

.rememberMe {
    color: #fff;
}

#titleSearch {
    margin-bottom: 20px;
}

.prevNext {
    width: 500px;
    margin-left: 150px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.chatSend {
    float: left;
    margin-left: 15px;
    margin-bottom: 5px;
}

.altOffer {
    background-color: #f2f2f2;
}

/* Misc */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* CSS rule for IE6 */
* html .clearfix {
    height: 1%;
}

/* CSS rule for IE7 */
*:first-child + html .clearfix {
    min-height: 1px;
}

.jsf_form_control {
    border: 0;
    vertical-align: top;
}

.jsf_form_control tr {
    background-color: transparent;
}

.jsf_form_control td {
    vertical-align: top;
}

.jsf_form_control label {
    text-align: left;
    vertical-align: top;
}

.jsf_form_control_tight td {
    margin-bottom: -5px;
    margin-top: -5px;
}

/* lightbox background color */
#cboxLoadedContent {
    background-color: transparent;
}

/* lightbox closing "X" image */
#cboxClose {
    visibility: hidden;
}

.watermark {
    color: #999;
}

a.btn {
    -moz-user-select: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.btn-warning {
    background-color: #f08d0d;
    border-color: #d87f0c;
    color: #ffffff;
}

.btn-warning:hover {
    background-color: #C9760B;

}

.btn-lg {
    font-size: 17px;
    padding: 7px 16px;
    height: 20px;
}

a.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #333333;
    background-color: #ebebeb;
    border: 1px solid #aaa;
    text-decoration: none;
}

.pull-right{
    float: right;
}

.activeButton, a.activeButton {
    border: 0px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    padding: 3px 20px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: rgb(73, 155, 234); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(100%, rgba(32, 124, 229, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0); /* IE6-9 */

}

.activeButton:hover, a.activeButton:hover {
    background: rgb(73, 155, 234); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 34%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(34%, rgba(32, 124, 229, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 34%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 34%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 34%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 34%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0); /* IE6-9 */
}

.activeButton:active, a.activeButton:active {
    background: rgb(73, 155, 234); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 34%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(34%, rgba(32, 124, 229, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 34%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 34%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 34%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 34%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0); /* IE6-9 */
}

.secondaryButton, a.secondaryButton {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #efefef;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.16, rgb(235, 235, 235)),
            color-stop(0.79, rgb(252, 252, 252))
    );
    background-image: -moz-linear-gradient(
            center bottom,
            rgb(235, 235, 235) 16%,
            rgb(252, 252, 252) 79%
    );
    background-image: linear-gradient(to top, rgb(235, 235, 235), rgb(252, 252, 252));
    padding: 2px 10px;
    border: 1px solid #999;
}

.activeButton[disabled], .secondaryButton[disabled] {
    cursor: not-allowed;
    opacity: .6;
}

span.secondaryButton {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #efefef;
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.16, rgb(235, 235, 235)),
            color-stop(0.79, rgb(252, 252, 252))
    );
    background-image: -moz-linear-gradient(
            center bottom,
            rgb(235, 235, 235) 16%,
            rgb(252, 252, 252) 79%
    );
    background-image: linear-gradient(to top, rgb(235, 235, 235), rgb(252, 252, 252));
    padding: 2px 10px;
    border: 1px solid #999;
    opacity: 0.65;
    cursor: not-allowed;
}

a.secondaryButton:hover, .secondaryButton:hover {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 68%, from(#fefefe), to(#efefef), color-stop(.6, #d5d5d5));
    background-image: -moz-linear-gradient(20% 60% 90deg, #d5d5d5, #fefefe, #efefef 95%);
    background-image: linear-gradient(to top, rgb(252, 252, 252), rgb(235, 235, 235));
    border: 1px solid #999;
}

a.secondaryButton:active, .secondaryButton:active {
    background-image: linear-gradient(to top, rgb(175, 218, 240) 0%, rgb(80, 140, 225) 50%, rgb(175, 218, 240) 100%);
    border: 1px solid #333;
}

#wideCenterBox {
    display: block;
    float: left;
    overflow: hidden;
    background-color: #ffffff;
    width: 700px;
    padding: 15px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: 15%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.side3ColBox {
    float: left;
    width: 200px;
    background-color: #fff;
    font-size: 12px;
    text-align: left;
    min-height: 150px;
    margin-top: 300px;
    margin-left: 100px;
    margin-right: 5px;
    width: 200px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
}

.contentOnlyPage {
}

.boldText {
    font-weight: bold;
}

.mediumText {
    font-size: 12px;
}

.highlightedText {
    font-weight: bold;
    color: blue;
}

.nonBackground-panelGrid tr, .nonBackground-panelGrid td {
    background: none;
    margin-top: 0px;
    margin-bottom: 0px
}

.nonBorder-panelGrid tr, .nonBorder-panelGrid td {
    border: 0 !important;
}

.panelGridTextAlignTop tr, .panelGridTextAlignTop td {
    vertical-align: top;
}

.panelGridTextAlignRight {
    text-align: right;
}

.dialogCloseWindowLink {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dialogContent {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.alignRight{
    text-align : right;
}

.alignTop {
    vertical-align: top;
}

.alignBottom {
    vertical-align: bottom;
}

.alignMiddle {
    vertical-align: middle;
}

.requiredAsteriskBeforeLabel {
    color: #900;
    vertical-align: middle;
    margin-right: 1px;
}

.autoSideMargins {
    margin-left: auto;
    margin-right: auto;
}

.smallMargins {
    margin: 10px;
}

.smallLeftMargin {
    margin-left: 10px;
}

.smallRightMargin {
    margin-right: 10px;
}

.mediumRightMargin {
    margin-right: 20px;
}

.smallTopMargin {
    margin-top: 10px;
}

.mediumTopMargin {
    margin-top: 15px;
}

.bigTopMargin {
    margin-top: 40px;
}

.smallTopBottomMargin {
    margin: 10px 0;
}

.rightMargin {
    margin-right: 15px;
}

.leftMargin {
    margin-left: 15px;
}

.leftPadding {
    padding-left: 10px;
}

.rightPadding {
    padding-right: 10px;
}

.tinyTopBottomMargin {
    margin: 5px 0;
}

.tinyTopMargin {
    margin: 5px 0;
}

.mediumTopBottomMargin {
    margin: 15px 0;
}

.bigTopBottomMargin {
    margin: 20px 0;
}

.smallBottomMargin {
    margin-bottom: 10px;
}

.tinyBottomMargin {
    margin-bottom: 5px;
}

.tableColumnPadding {
    padding-left: 10px;
}

.tableRowPadding {
    padding-bottom: 5px;
}

.noWrap {
    white-space: nowrap;
}

ul.subscriptionList {
    list-style: disc;
    margin-left: 20px;
}

.iconText {
    color: #2995cf;
    font-weight: bold;
}

.smallPaddingLeft {
    padding-left: 10px;
}

.mediumPaddingLeft {
    padding-left: 15px;
}

.smallPaddingRight {
    padding-right: 10px;
}

.mediumPaddingRight {
    padding-right: 15px;
}

.largePaddingRight {
    padding-right: 25px;
}

.tinyPaddingRight {
    padding-right: 5px;
}

.smallPaddingLeft {
    padding-left: 10px;
}

.smallPaddingAll {
    padding: 10px;
}

.tinyPaddingAll {
    padding: 3px;
}

.tinyPaddingLeft {
    padding-left: 5px;
}

.tinyPaddingBottom {
    padding-bottom: 5px;
}

.smallPaddingTop {
    padding-top: 10px;
}

ul.footerSubList {
    padding: 0;
    margin: 5px 0 0 0;
}

ul.footerSubList li {
    float: none;
    font-size: 11px;
    padding: 2px 0px;
    margin: 0;
}

.agencyLogo {
    max-width: 250px;
    max-height: 250px;

    /** IE 7 & 8 **/
    width: expression(this.width > 250 ? "250px" : true);
    height: expression(this.height > 250 ? "250px" : true);
}

.agencyLogoBox {
    float: right;
    margin-right: 25px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.simpleContentBox {
    background-color: #ffffff;
    padding: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
}

.simpleContentBoxWithShadow {
    background-color: #ffffff;
    padding: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.simpleOrangeContentBox {
    background-color: #ffffff;
    padding: 15px;
    border: 1px solid #DF6E1D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.simpleOrangeContentBoxWithShadow {
    background-color: #ffffff;
    padding: 15px;
    border: 1px solid #DF6E1D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.grayHeaderBar {
    background-color: #666;
    color: white;
    height: 30px;
    margin: 3px;
}

.dialogItemDetailContent {
    max-height: 500px;
    overflow: auto;
}

.dialogDetailHeader {
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
    width: 150px;
}

.dialogDetailText {
    text-align: left;
    font-weight: normal;
    width: 285px;
}

.tableColumnCenterNormalAlignCenter {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    text-align: center;
    font-weight: normal;
}

.autoCenter70PercentWidth {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.radioButtonSpacing tbody td {
    padding-right: 10px;
}

.ratingRadioButtonSpacing tbody {
    width: 650px;
    padding-right: 10px;
    background-color: inherit;
}

.ratingRadioButtonSpacing tr {
    background-color: inherit;
}

.ratingRadioButtonSpacing td {
    padding-right: 35px;
    background-color: inherit;
}

.ratingTable th {
    height: 20px;
    background-color: #808080;
    color: #000000;
}

.ratingTable td {
    padding-left: 15px;
}

.ratingTable tr {
    height: 20px;
}

.ratingTable tr:nth-child(even) {
    background-color: #D0D0D0;
    height: 20px;
}

.largeInputTextBox {
    width: 270px;
}

.noBorder {
    border: 0;
}

.noBorder .ui-widget-content {
    border: 0;
}

.ratingSummaryTable table {
    background-color: #FFFFFF;
    border: 2px #0F3063 solid;
}

/* blue tables */
.btableline {
    background-color: #FFFFFF;
    border: 2px #0F3063 solid;
}

.btableline th {
    height: 22px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    border: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    text-indent: 3px;
    background-color: #FFFFFF;
    color: #FFFFFF;
    font-size: 11px;
    letter-spacing: -0.25pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.btableline td {
    font-size: 11px;
    letter-spacing: -0.25pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 1px;
    border-style: solid;
    border-color: #FFFFFF;
}

.btableline th.blueF {
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    background-image: url(../images/bluerowpic.gif);
}

.btableline th.blueL {
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    background-image: url(../images/bluerowpic.gif);
}

.btableline th.blueM {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    background-image: url(../images/bluerowpic.gif);
}

.btableline th.blueR {
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    background-image: url(../images/bluerowpic.gif);
}

.btableline td.lbluerownb {
    background-color: #DBDBE0;
    border-width: 1px 1px 1px 1px;
}

/* this is where we will define the row colors for blue boxes */
.btablesummary td {
    border-width: 1px;
    font-size: 11px;
    letter-spacing: -0.25pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-style: solid;
    border-color: #FFFFFF
}

.btablesummary th.dbluerow {
    background-color: #36578C;
}

.btablesummary td.mdarkbluerow {
    background-color: #788CB3;
}

.btablesummary td.mbluerow {
    background-color: #C7CFD9;
    text-indent: 3px;
}

.btablesummary td.mbluerownb {
    background-color: #C7CFD9;
}

.btablesummary td.lbluerow {
    background-color: #DBDBE0;
    font-weight: bold;
}

.btablesummary td.lbluerownb {
    background-color: #DBDBE0;
}

.closedRatingImage {
    background-image: url(../images/closed.jpg);
    background-repeat: no-repeat;
}

.openedRatingImage {
    background-image: url(../images/opened.jpg);
    background-repeat: no-repeat;
}

.strippedList li:nth-child(odd) {
    background-color: #f2f2f2;
    padding: 3px 5px;
}

.strippedList li:nth-child(even) {
    background-color: #fff;
    padding: 3px 5px
}

.dynamicHeightDialogContent {
    max-height: 400px;
    overflow: auto;
}

@media (min-height: 650px) {
    .dynamicHeightDialogContent {
        max-height: 450px;
        overflow: auto;
    }
}

@media (min-height: 700px) {
    .dynamicHeightDialogContent {
        max-height: 500px;
        overflow: auto;
    }
}

@media (min-height: 750px) {
    .dynamicHeightDialogContent {
        max-height: 550px;
        overflow: auto;
    }
}

@media (min-height: 800px) {
    .dynamicHeightDialogContent {
        max-height: 600px;
        overflow: auto;
    }
}

@media (min-height: 900px) {
    .dynamicHeightDialogContent {
        max-height: 700px;
        overflow: auto;
    }
}

@media (min-height: 1000px) {
    .dynamicHeightDialogContent {
        max-height: 800px;
        overflow: auto;
    }
}

@media (min-height: 1100px) {
    .dynamicHeightDialogContent {
        max-height: 900px;
        overflow: auto;
    }
}

.questionMarkImage {
    position: relative;
    top: 5px;
    margin-left: 5px;
    cursor: pointer;
}

.allWidth {
    width: 100%;
}

.menuVisibleBasedOnSize {
    display: inline;
}

@media (max-width: 1024px) {
    .menuVisibleBasedOnSize {
        display: none;
    }
}

.contentNextToMenuBasedOnSize {
    margin-left: 15px;
}

@media (max-width: 1024px) {
    .contentNextToMenuBasedOnSize {
        margin-left: 30px;
    }
}

.thirtyPercentWidth {
    width: 30%;
}

.seventyPercentWidth {
    width: 70%;
}

.highlightedTimeLeft {
    color: #900;
    font-weight: bold;
}

.fileinput-button input {
    -moz-transform: none !important;
    border: none !important;
    border-width: 0 !important;
    transform: translate(-300px, 0) scale(4) !important;
    font-size: 23px !important;
}

* + html .fileinput-button {
    line-height: 0px !important;
    padding: 2px 15px !important;
}

a.whiteTextLink:link, a.whiteTextLink:visited, a.whiteTextLink:focus, a.whiteTextLink:hover {
    color: #fff;
    text-decoration: none;
}

.expandedBox {
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    -moz-box-shadow: 0px 0px 3px #E6E6E6;
    -webkit-box-shadow: 0px 0px 3px #E6E6E6;
    box-shadow: 0px 0px 3px #E6E6E6;
}

.accordianHeader {
    height: 15px;
    color: #fff;
    background-color: #0055C0;
    padding: 5px;
    font-size: 14px;
    margin-top: 15px;
}

.lineItems {
    max-width: 930px;
    overflow: auto;
}

@media (min-width: 1080px) {
    .lineItems {
        max-width: 986px;
        overflow: auto;
    }
}

@media (min-width: 1200px) {
    .lineItems {
        max-width: 1006px;
        overflow: auto;
    }
}

@media (min-width: 1280px) {
    .lineItems {
        max-width: 1185px;
        overflow: auto;
    }
}

@media (min-width: 1366px) {
    .lineItems {
        max-width: 1270px;
        overflow: auto;
    }
}

@media (min-width: 1440px) {
    .lineItems {
        max-width: 1345px;
        overflow: auto;
    }
}

@media (min-width: 1600px) {
    .lineItems {
        max-width: 1505px;
        overflow: auto;
    }
}

@media (min-width: 1680px) {
    .lineItems {
        max-width: 1585px;
        overflow: auto;
    }
}

@media (min-width: 1920px) {
    .lineItems {
        max-width: 1820px;
        overflow: auto;
    }
}

@media (min-width: 2260px) {
    .lineItems {
        max-width: 2165px;
        overflow: auto;
    }
}

@media (min-width: 2360px) {
    .lineItems {
        max-width: 2265px;
        overflow: auto;
    }
}

@media (min-width: 2460px) {
    .lineItems {
        max-width: 2365px;
        overflow: auto;
    }
}

@media (min-width: 2560px) {
    .lineItems {
        max-width: 2465px;
        overflow: auto;
    }
}

.underline {
    text-decoration: underline;
}

.noUnderline {
    text-decoration: none;
}

.twoColLeftNav {
    float: left;
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 15px;
    margin-right: 5px;
    width: 155px;
    font-size: 12px;
}

.loading {
    width: 30px;
    height: 30px;
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
}

.largeInputTextBoxTitle {
    width: 240px;
}

.editor {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: normal;
}

.editor html, .editor body, .editor div, .editor span,
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .editor p, .editor blockquote, .editor pre,
.editor a, .editor abbr, .editor acronym, .editor address, .editor big, .editor cite, .editor code,
.editor del, .editor dfn, .editor em, .editor font, .editor small, .editor strike, .editor strong, .editor sub, .editor sup,
.editor b, .editor u, .editor i, .editor center,
.editor dl, .editor dt, .editor dd, .editor ol, .editor ul, .editor li,
.editor fieldset, .editor form, .editor label, .editor legend,
.editor table, .editor caption, .editor tbody, .editor tfoot, .editor thead, .editor tr, .editor th, .editor td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

.block {
    display: block;
}

.searchBgIcon {
    background-image: url(../images/searchIcon.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

/*
.caret_down
{
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2f2f2f;
}

.showTableHeaderRow table thead tr {
    display: table-row;
}

.panelGreyedOut {
    opacity: 0.2;
}

.searchBgIcon {
    background-image: url(../images/searchIcon.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}
*/

hr.bidSearch {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

/** 12 COLUMN GRID LAYOUT **/
.row {
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.row:after {
    content: "";
    display: block;
    clear: both;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding: 10px 15px;
    box-sizing: border-box;
    -mox-box-sizing: borer-box;
}

/** 12 col stystem **/
.col-1 {
    width: 8.33333333%;
}

.col-2 {
    width: 16.66666667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33333333%;
}

.col-5 {
    width: 41.66666667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333333%;
}

.col-8 {
    width: 66.66666667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33333333%
}

.col-11 {
    width: 91.66666667%
}

.col-12 {
    width: 100%
}

/** END 12 COLUMN GRID LAYOUT **/

.icon {
    display: inline-block;
}

/* ALERTS STYLES */

#portalNotificationForm ul > li {
    margin: 3px 0;
    border-left: 2px solid #e7e7e7;
}

#portalNotificationForm ul > li.ltGray {
    border-color: #A5A5A5;
}

#portalNotificationForm ul > li:hover {
    background-color: #f3f3f3;
}

#portalNotificationForm ul > li a {
    color: #444;
    text-decoration: none;
}

#portalNotificationForm ul > li a:hover {
    color: #222;
}

#portalNotificationForm ul > li.unread {
    border-left: 2px solid #28445D;
}

#portalNotificationForm ul > li.unread {
    color: #333;
}

ul.messages li {
    border: 1px solid;
    margin: 10px 0px;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
}

li.infoMessage {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.topSectionRequestInfo {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

.topSectionRequestInfoTable {
    margin-left: auto;
    margin-right: auto;
}

ul.about-hover {
    padding: 5px 0;
}

ul.about-hover li {
    list-style: disc;
    margin-left: 15px;
    padding-left: 5px;
}

.icon.icon-question {
    cursor: help;
}

.catalogSearchResultsTable td {
    vertical-align: middle;
}

/**** User Feedback Button ***/
.feedback-button {
    /*webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(-90deg);*/
    position: fixed;
    right: 10px;
    bottom: 2px;
    opacity: .9;
}

.feedback-button a.activeButton {
    padding-left: 24px;
    padding-top: 6px;
    padding-right: 22px;
    padding-bottom: 5px;
    cursor: pointer;
    font-weight: bold;
}

.feedback-button:hover {
    opacity: 1;
}

.refactorFeedback .ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top.ui-draggable-handle {
    background-color: white;
    background-image: none;
    border: 0px;
    height: 6px;
}

.refactorFeedback textarea {
    width: 98%;
}

.home-search-tabs {
    padding-left: 5px;
}

.home-search-tabs .left > a {
    padding: 12px 8px;
    text-decoration: none;
    display: block;
    font-weight: bold;
    color: #333;
    border: 1px solid #cdcdcd;
    border-bottom: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-left: 1px;
}

.home-search-tabs .left > a.active {
    background-color: #fff;
    color: #111;
    padding-bottom: 12px;
    position: relative;
    top: 1px;
}

.classification-tree .classification-cat {
    font-weight: bold;
    font-size: 14px;
}

.classification-tree .classification-sub-cat {
    font-weight: bold;
    font-size: 12px;
}

.classification-tree .classification-item {
    font-size: 9px;
}

.classifications-list .classification-tree .classification-cat {
    font-size: 14px;
    font-weight: normal;
}

.classifications-list .classification-tree .classification-sub-cat {
    font-size: 12px;
    font-weight: normal;
}

.classifications-list .classification-tree .classification-item {
    font-size: 9px;
}

.region-tree .level1 {
    font-size: 14px;
    font-weight: bold;
}

.region-tree .level2 {
    font-size: 12px;
    font-weight: bold;

}

.bidSearchFilters .region-tree .level1 {
    font-size: 14px;
    font-weight: normal;
}

.bidSearchFilters .region-tree .level2 {
    font-size: 12px;
    font-weight: normal;

}

/**/
.normalText {
    font-size: 12px;
}

/* Bootstrappy tables */

table {
    max-width: 100%;
}

th {
    text-align: left;
}

.bstable {
    width: 100%;
    margin-bottom: 20px;
}

.bstable > thead > tr > th,
.bstable > tbody > tr > th,
.bstable > tfoot > tr > th,
.bstable > thead > tr > td,
.bstable > tbody > tr > td,
.bstable > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.bstable > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.bstable > caption + thead > tr:first-child > th,
.bstable > colgroup + thead > tr:first-child > th,
.bstable > thead:first-child > tr:first-child > th,
.bstable > caption + thead > tr:first-child > td,
.bstable > colgroup + thead > tr:first-child > td,
.bstable > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.bstable > tbody + tbody {
    border-top: 2px solid #ddd;
}

.bstable .bstable {
    background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #eaeaea;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

/*  bootstrappy layout (not responsive, however) */
.row{
    margin-left: -15px;
    margin-right: -15px;
}

.row, .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10, .col-md-11, .col-md-12{
    box-sizing: border-box;
}

.col-md-1 {
    width: 8.33333333%;
}

.col-md-2 {
    width: 16.66666667%;
}

.col-md-3 {
    width: 25%;
}

.col-md-4 {
    width: 33.33333333%;
}

.col-md-5 {
    width: 41.66666667%;
}

.col-md-6 {
    width: 50%;
}

.col-md-7 {
    width: 58.33333333%;
}

.col-md-8 {
    width: 66.66666667%;
}

.col-md-9 {
    width: 75%;
}

.col-md-10 {
    width: 83.33333333%;
}

.col-md-11 {
    width: 91.66666667%;
}

.col-md-12 {
    width: 100%;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.label-sub-text{
    display:block;
    line-height:15px;
    font-size:12px;
    color:#575757;
}

/* BOOTSTRAP FIELDS */

.form-control, .form-control-wrapper > input[type="text"] {
    box-sizing:border-box;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus, .form-control-wrapper > input[type="text"]:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder, .form-control-wrapper > input[type="text"]::-moz-placeholder {
    color: #999999;
    opacity: 1;
}
.form-control:-ms-input-placeholder, .form-control-wrapper > input[type="text"]:-ms-input-placeholder {
    color: #999999;
}
.form-control::-webkit-input-placeholder, .form-control-wrapper > input[type="text"]::-webkit-input-placeholder {
    color: #999999;
}
.form-control::-ms-expand, .form-control-wrapper > input[type="text"]::-ms-expand {
    border: 0;
    background-color: transparent;
}
.form-control[disabled], .form-control-wrapper > input[type="text"][disabled],
.form-control[readonly], .form-control-wrapper > input[type="text"][readonly],
fieldset[disabled] .form-control, fieldset[disabled] form-control-wrapper > input[type="text"] {
    background-color: #eeeeee;
    opacity: 1;
}
.form-control[disabled], .form-control-wrapper > input[type="text"][disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}
textarea.form-control {
    height: auto;
}




.capitalize {
    text-transform: capitalize;
}

.buyspeedbiditemstable table {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid grey 1px;
    padding: 2px;
    border-spacing: 2px;
    margin: 2px;
}

.buyspeedbiditemstable td tr th {
    border: solid grey 1px;
    padding: 2px;
    border-spacing: 2px;
    margin: 2px;
}

.doc-list-main {
    width: 100%;
    padding-left: 4px;
}

.select-container {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

.document-icon-legend {
    display: inline-block;
    text-align: right;
    width: 65%;
    margin-top: 3px;
}

.document-icon-legend span {
    padding-left: 20px;
}

.termPacketIncludeGreyed, .attachmentPacketIncludeGreyed {
    filter: alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity: 0.50; /* FireFox */
}

.qualificationContent {
    margin: 20px auto;
    text-align: left;
}

.qualificationPanel {
    margin: 25px auto 0;
    max-width: 610px;
}

.bidqualcontent {
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 610px;
    text-align: center;
}

.bidwebinaracademy {
    margin-top: 0px;
    padding-top: 10px;
    text-align: center;
    background-position: center center;
    width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}


/*-------------------------------------

ACCESSIBILITY FUNCTIONS

--------------------------------------*/

#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white !important;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

#skiptocontent a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    background: #317cae;
    outline: 0;
    -webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
    z-index: 1000000;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}


/*------------------------------------

FLEX SETTINGS

--------------------------------------*/

.flex-container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-container.flex-nowrap{
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-container > div{
    float:none !important;
    width:auto !important;
    flex-grow: 1;
    align-self: flex-start;
}

.leftRight{
    width:635px;
    float:left;
    margin-top:0px;
    padding-bottom:30px;
}

.padding15{
    padding:15px;
}

/*------------------------------------

LEFT NAV

--------------------------------------*/

.leftNav {
    float: left;
    background-color: #fff;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 140px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid orange;
    min-width:140px;
    max-width:160px;
}

.leftRight h3{
    margin-top:20px;
    margin-bottom:12px;
}

.leftNav ul {
    float: left;
    font-size: 12px;
    list-style: none;
    color: #333333;
    padding-left: 10%;
}

.leftNav ul li {
    margin-bottom: 10px;
}

.row input{
    margin-bottom:10px;
}

.total-table{}
.total-table tr{}
.total-table td{padding:5px 10px;font-size:12px;}
.total-table td:last-child{width:160px;padding-left:15px;}


/*********====**********/

.supplierFeeForm .agencyLogo{
    max-width: 100%;
    max-height: 70px;
    margin-top:0px;
}

.supplierFeeForm .ePay{
    font-size:15px;
}

.supplierFeeForm .agencyLogoBox{
    margin-top:5px;
}

.ePay .ui-fileupload-buttonbar {
    padding: 0;
    background-image: none;
    background-color: transparent;
    border: 0px;
}

.ePay .ui-fileupload-content{display:none;}

.ePay .ui-fileupload-buttonbar .ui-button{
    margin-top:5px;
}

.ePay .fileUpload .ui-button-text-icon-left .ui-button-text {
    padding: .3em 1em .3em .5em;
}

.ePay .fileUpload .ui-button-text-icon-left .ui-icon{
    display:none;
}

/*.ePay .fileUpload .ui-state-default, .ePay .fileUpload .ui-widget-content .ui-state-default, .ePay .fileUpload .ui-widget-header .ui-state-default {
    background-image: none;
    background-color: #cecece;
    text-shadow: none;
    border: 0px;
    padding: .4em 1em;
    font-weight: 100;
}*/

.ePay .boldText{
    font-size:14px;
}