/*-----------------------------------CORE HTML STYLES, DO NOT REMOVE!!!-------------------------------*/
/*--Removed Font tag from global style reset for tiny mce (font,) AG 8-27 ---*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: top;
}

font {
    line-height: 1.25em;
}

fieldset {
    border: 1px solid #cccccc;
    margin: 0px 10px 20px 10px;
    padding: 0px 10px 15px 10px;
}

.fieldset {
    border: 1px solid #cccccc;
    margin: 0px 10px 20px 10px;
    padding: 0px 10px 15px 10px;
}

legend {
    font-size: 14px;
    color: #03468C;
    font-weight: bold;
    line-height: 36px;
}

.legend {
    font-size: 14px;
    line-height: 24px;
    color: #03468C;
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
    top: -1.25em;
    display: inline;
}

.legendMobile {
    font-size: 14px;
    line-height: 24px;
    margin: 5px 0px;
    color: #03468C;
    font-weight: bold;
}

hr {
    border: 1px solid #cccccc;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
/*1.9*/
body {
    line-height: 1.25em;
    color: #353535;
    background-color: #ceceff;
    height: 100%;
}

ol, ul {
    padding-left: 25px;
}

li {
    vertical-align: baseline;
}

a {
    color: #172787;
    text-decoration: none;
}

    a:link {
        color: #172787;
    }

    a:active {
    }

    a:hover {
        text-decoration: underline;
    }

.disabled_lnk {
    color: #999;
    text-decoration: none;
}

    .disabled_lnk a:hover {
        color: #999;
        text-decoration: none;
    }


/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

body, td, div {
    font: normal 11px/16px "Trebuchet MS", Trebuchet, Arial;
    color: #353535;
}

label {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    font-size: 11px;
    font-weight: bold;
    color: #454545;
    line-height: 16px;
    padding: 0px 3px 0px 0px;
}
/*-----------------------------------------EMD CORE HTML STYLES-------------------------------*/
/*-------------Tag Normalization---------------*/
p {
    margin-bottom: 1.5em;
    text-align: left;
}

h1 {
    font: bold 16px/1.5em "Trebuchet MS";
    text-align: left;
    color: #454545;
}

h2 {
    font: bold 14px/1.5em "Trebuchet MS";
    color: #555555;
    text-align: left;
}

h3 {
    font: bold 12px/1.5em "Trebuchet MS";
    color: #656565;
    text-align: left;
}

/*-----------End Tag Normalization------------*/
/*---------------------Layout Styles---------------------------------*/
/*1.9*/
body {
    background-image: url(../images/bodyBG.gif);
    background-repeat: repeat-x;
    background-position: 0px -7px;
}

    body.InternalSub {
        background: none white;
    }

    body.ExternalSub {
        background: none white;
    }

@media(min-width:1024px) {
    body.DashboardTop #topLevelContentWrapper, body.ExternalTop #topLevelContentWrapper {
        background-image: url(../images/header-stretch-cell.gif);
        background-repeat: repeat-x;
    }
}

/*Web grid*/
.basewebgridColumn {
    text-align: left;
    background-color: transparent;
}

.basewebgridImageColumn {
    text-align: center;
    background-color: transparent;
}

/*Action Links*/

.baseinlineactionlink {
    display: inline-block;
    height: 18px;
    width: 18px;
    overflow: hidden;
}

a.editLink:before {
    content: url('../images/icoEdit.gif');
}

a.editLinkImportant:before {
    content: url('../images/icoEditImportant.gif');
}

a.activateLink:before {
    content: url('../images/icoCheck.gif');
}

a.addLink:before {
    content: url('../images/icoAdd.gif');
}

a.deactivateLink:before {
    content: url('../images/icoDelete.gif');
}

a.deleteLink:before {
    content: url('../images/icoDelete.gif');
}

a.refreshLink:before {
    content: url('../images/icoRefresh.gif');
}

a.viewLinkCheck:before {
    content: url('../images/icoCheck.gif');
}

a.viewLinkDelete:before {
    content: url('../images/icoDelete.gif');
}

a.viewLinkCancel:before {
    content: url('../images/icoCancel.gif');
}

a.viewOALink:before {
    content: url('../images/icoDocumentSource-OA.gif');
}

a.viewAttachedDocuments:before {
    content: url('../images/icoDocumentSource-Attachment.gif');
}

a.viewLink:before {
    content: url('../images/icoPreview.gif');
}

a.emailLink:before {
    content: url('../images/mail.gif');
}

#topLevelContentWrapper {
    margin: 10px auto 10px auto;
    background-color: White;
    display: block;
}

@media(min-width: 1024px) {
    #topLevelContentWrapper {
        width: 1000px;
    }
}

/*    1.9 Styles   */
#CustomLoginPageText_div {
    float: right;
    margin: 140px 40px 0px 0px;
    display: inline;
    width: 200px;
    clear: none;
}

/*end 1.9 styles*/
#header_div {
    background: transparent url(../images/header.jpg) no-repeat top left;
    height: 90px;
    border-bottom: 0px none;
    cursor: pointer;
}

#headerBanner {
    width: 100%;
    height: auto;
    width: auto\9; /*for IE8*/
}

/*1.9*/
.adminMenu_div {
    background-color: #eeeeee;
    width: 100%;
    background: transparent url(../images/header.jpg) no-repeat bottom left;
}

/*1.9*/
body.ExternalTop #header_div {
    height: 137px;
}


#middleContentRow {
    margin-top: 5px;
}

#leftColumn_div {
    background-color: #FFFFFF;
    width: 400px;
    float: left;
    margin: 0px;
    margin-left: 5px;
}

#middleColumn_div {
    background-color: #FFFFFF;
    width: 275px;
    margin-left: 17px;
    margin-right: 17px;
    float: left;
}

#rightColumn_div {
    background-color: #FFFFFF;
    width: 275px;
    margin: 0px;
    float: left;
    margin-right: 5px;
}

#footer {
    /*height:25px;*/
    width: 100%;
    clear: both;
}


#topContentSpacer {
    clear: both;
    margin: 0px;
    padding: 3px 0px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

.DashboardTop #topContentSpacer {
    clear: both;
    margin: 10px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
    text-align: left;
    vertical-align: middle;
    font-size: 12px;
    width: 100%;
}

#topContentSpacer .dashboardCurrentUser_div {
    margin-top: 10px;
    display: inline-block;
    width: 45%;
    text-align: left;
    font-weight: bold;
}

.dashboardLiveChat_div {
    margin-top: 10px;
    width: 45%;
    text-align: right;
    display: inline-block;
    float: right;
}

.DashboardTop #topContentSpacer a {
    font-size: 12px;
    font-weight: bold;
}

.DashboardTop #topContentSpacer dashboardCurrentUser_span {
    font-size: 12px;
    font-weight: bold;
}

.dashboardwelcome_lbl {
    margin-left: 5px;
    font-size: 12px;
    font-weight: bolder;
}


#bottomContentSpacer {
    height: 15px;
    width: 100%;
    clear: both;
}
/*1.9*/
.columnHeader_h1 {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    line-height: 125%;
    background-color: white;
    vertical-align: bottom;
    background-image: url(../images/tabBackground.gif);
    background-position: bottom left;
    height: 34px;
    padding: 8px 0px 0px 15px;
    background-repeat: no-repeat;
    text-align: left;
}

#middleContentRow_div {
    margin-top: 7px;
}



.hiringDashboard_zone {
    margin: 0px;
    width: 100%;
}





.taskFilterContainer fieldset {
    margin: 2px 10px;
}

    .taskFilterContainer fieldset legend {
        line-height: 1.1em;
    }


.logoutLink {
    float: right;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #de0000;
    margin-right: 10px;
    background: transparent url(../images/80pxGenericPillbox.gif) no-repeat;
    width: 80px;
    height: 20px;
    padding-top: 3px;
}

    .logoutLink:link, .logoutLink:visited, .logoutLink:hover {
        text-decoration: none;
    }

    .logoutLink span {
    }

.liveChatLink {
    float: right;
    font-weight: bold;
    margin-right: 5px;
    background: transparent url(../images/LiveSupportbtn.gif) no-repeat 0px -1px;
    width: 80px;
    height: 20px;
    cursor: pointer;
}





    .liveChatLink span {
        display: none;
    }

.welcomeHeader_h2 {
    margin-left: 10px;
}

.alignCenter_td {
    text-align: center;
}

.alignLeft_td {
    text-align: left;
}

.alignRight_td {
    text-align: right;
}

.noWrap {
    white-space: nowrap;
}

@media(min-width: 1024px) {
    .noWrapLargeScreen {
        white-space: nowrap;
    }
}


.topBorder_td {
    border-top: 1px solid #999999;
}
/*---------------------End Layout Styles-----------------------------*/
/*---------------------Layout Styles---------------------------------*/


#mgr_leftColumn_div {
    background-color: #FFFFFF;
    width: 331px;
    float: left;
    margin-left: 5px;
}

#mgr_rightColumn_div {
    background-color: #FFFFFF;
    width: 636px;
    margin-right: 5px;
    margin-left: 15px;
    float: left;
}

/*---------------------End Layout Styles-----------------------------*/
/*---------------------Returning Applicant Portal Styles-------------*/
.rapleftColumn_div {
    background-color: #FFFFFF;
    width: 400px;
    float: left;
    margin: 0px;
    margin-left: 5px;
}

.rapmiddleColumn_div {
    background-color: #FFFFFF;
    width: 275px;
    margin-left: 17px;
    float: left;
}

.raprightColumn_div {
    background-color: #FFFFFF;
    width: 275px;
    margin: 0px;
    float: left;
    margin-left: 17px;
}

.RAPPageInstructions_div {
    margin: 10px;
}

.RAPInstructions_td {
    padding: 3px;
    font-style: italic;
}

.RAPleftColumnHeader {
    height: 34px;
    padding: 8px 0px 0px 15px;
    background-repeat: no-repeat;
}

.RAPmiddleColumnHeader {
    height: 34px;
    padding: 8px 0px 0px 15px;
    background-repeat: no-repeat;
}

.RAPrightColumnHeader {
    height: 34px;
    padding: 8px 0px 0px 15px;
    background-repeat: no-repeat;
}
/*-------------------------------------------------------------------*/
#login_content_wrapper {
    margin: 19px auto 15px auto;
    height: 660px;
    width: 1000px;
    background-image: url(../images/frontPageBG.jpg);
    display: block;
}

#OAlogin_content_wrapper {
    margin: 15px auto 15px auto;
    height: 600px;
    width: 1000px;
    background-repeat: no-repeat;
    background-image: url(../images/ApplicationLoginBG.jpg);
    display: block;
}

/*1.9*/
#login_div {
    width: 260px;
    height: 167px;
    background: url(../images/LoginBoxBG.gif) no-repeat top left;
    position: absolute;
    margin-top: 400px;
    margin-left: 650px;
    background-color: #4673B6;
}
    /*1.9*/
    #login_div table.formData_tb {
        width: 250px;
        margin: 0px;
    }

/*1.9*/
#username_td {
    padding: 3px;
    font-size: 12px;
    font-weight: bold;
    color: #072A5E;
    vertical-align: middle;
    padding-left: 10px;
}
/*1.9*/
#password_td {
    padding: 3px;
    font-size: 12px;
    font-weight: bold;
    color: #072A5E;
    vertical-align: middle;
    padding-left: 10px;
}

/*1.9*/
#login_h2 {
    padding: 0px 0px 8px 10px;
}

.login_bg table.formData_tb #username_td {
    text-align: right;
    width: 85px;
}

.login_bg table.formData_tb #password_td {
    text-align: right;
    width: 85px;
}

#frontPageLoginButton {
    float: right;
    height: 30px;
    margin-right: 16px;
    display: inline;
}

.LinkStyle {
    text-decoration: underline;
}

#login_div .fieldData_td {
}

#login_div a {
    color: #000066;
    margin-right: 5px;
}

#login_h2 {
    color: white;
    background-color: Transparent;
    font-size: 18px;
    line-height: 24px;
}


/*------------------------------------------------------------------*/



/*------------BASIC FORM STYLES---------------------------------*/

th {
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    padding: 3px;
    color: #333333;
    background-color: #dedede;
}

caption {
    font-weight: bold;
    font-size: 1.25em;
    line-height: 24px;
    padding: 3px;
    color: #333333;
}

input {
    font: normal 11px/16px "Trebuchet MS", Trebuchet, Arial;
    color: #353535; /*vertical-align:text-top;*/
    background-color: #FFF;
}

    input[type="text"], input[type="date"], input[type="datetime-local"], input[type="email"],
    input[type="month"], input[type="number"], input[type="password"], input[type="tel"],
    input[type="time"], input[type="url"], input[type="week"] {
        font: normal 11px/16px "Trebuchet MS", Trebuchet, Arial;
        color: #353535;
        border: 1px solid #aaaaaa;
        vertical-align: middle;
        padding-left: 3px;
    }

    input:disabled {
        background-color: #e3e3e3;
    }

.linkButtonButton {
    padding: 2px 5px;
    overflow: visible;
    background-color: #999999;
    color: White;
    width: auto;
    height: 2em;
    line-height: 2em;
    border: 2px outset;
    text-align: center;
    display: block;
    margin: 3px;
}

input.text {
    font: normal 11px/16px "Trebuchet MS", Trebuchet, Arial;
    color: #353535;
    border: 1px solid #aaaaaa;
    vertical-align: middle;
    padding-left: 3px;
}

input.checkbox {
    border: 1px solid #aaaaaa;
    background-color: White;
    vertical-align: middle;
}

.checkbox input {
    border: 0px;
}

.radioList input {
    vertical-align: middle;
    border: 0px;
}

.checkboxList input {
    vertical-align: middle;
    border: 0px;
}

select {
    font: normal 11px/16px "Trebuchet MS", Trebuchet, Arial;
    color: #353535;
    vertical-align: middle;
    border: 1px solid #aaaaaa;
    background-color: #FFF;
}

    select.FixDDForOldIE {
        /*placeholder class for the function to fix variable width dropdowns with smaller widths set for IE 8 or below*/
    }

    select.OldIESelectFix {
        width: auto;
    }

    select:disabled {
        background-color: #e3e3e3;
    }

input.image {
    border: 0px none;
    vertical-align: text-bottom;
}

input[type="image"] {
    border: 0px none;
    vertical-align: text-bottom;
}

textarea {
    font: normal 11px/16px "Trebuchet MS", Trebuchet, Arial;
    color: #666666;
    vertical-align: middle;
    border: 1px solid #aaaaaa;
}
/*1.9*/
input[type="submit"] {
    background-color: #1E3F68;
    border: 2px outset #1E3F68;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-family: "Trebuchet MS",Trebuchet,Arial;
    font-size: 10px;
    font-weight: bolder;
    line-height: 16px;
    margin: 0;
    overflow: visible;
    padding: 3px 8px;
    vertical-align: middle;
}

    input[type="submit"]:disabled {
        color: Gray;
    }

/*1.9*/
.formButton {
    background-color: #1E3F68;
    border: 2px outset #1E3F68;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-family: "Trebuchet MS",Trebuchet,Arial;
    font-size: 10px;
    font-weight: bolder;
    line-height: 16px;
    margin: 0;
    overflow: visible;
    padding: 3px 8px;
    vertical-align: middle;
}

a.formButton {
    color: #ffffff;
}

#Submit:hover {
    color: #999999;
}

.imageButton {
    margin: 0px;
    vertical-align: middle;
    border: 0px;
}
/*1.9*/
button {
    background-color: #1E3F68;
    border: 2px outset #1E3F68;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-family: "Trebuchet MS",Trebuchet,Arial;
    font-size: 10px;
    font-weight: bolder;
    line-height: 16px;
    margin: 0;
    overflow: visible;
    padding: 3px 8px;
    vertical-align: middle;
}

    /*Exception for jquery ui datepicker button*/
    button.ui-datepicker-trigger {
        padding: 0px 4px 0px 2px;
        border: 0px none;
        background-color: transparent; /*#dedede;*/
    }

    button:hover {
    }

input[type="submit"] .btnAsLink {
    font-size: 11px;
    text-decoration: underline;
    border: 0px;
    line-height: 1.25em;
    background-color: transparent;
    color: #454545;
    font-weight: bold;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    text-align: left;
    display: inline;
}

.btnAsLink:hover {
    color: Red;
}

input[disabled].btnAsLink, input.disabled.btnAsLink {
    cursor: default;
    color: GrayText;
    display: inline;
}

input[type=text]:-moz-read-only {
    background-color: lightgrey;
}

input[type=text]:read-only {
    background-color: lightgray;
}

.submit_td {
    text-align: right;
    padding: 3px;
}

.filterTable_tb {
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #cccccc;
    margin-top: 3px;
    margin-bottom: 5px;
}

.formData_tb {
    margin: 15px auto 10px auto;
}

fieldset .formData_tb {
    margin: 15px auto;
}

.formData_tb_no_margins {
    margin: 0px;
}

button#CreateButton {
    margin: 0px;
}

.row_20 {
}

    .row_20 td {
        height: 20px;
        vertical-align: bottom;
    }

    .row_20 input {
        margin-left: 5px;
        float: right;
    }

input.priceInput {
    margin-right: 10px;
    width: 50px;
}

button.check {
    background: url("~/images/icoCheck.gif");
}

.fieldDescription {
    font: italic 11px/14px "Trebuchet MS", Trebuchet, Arial;
    color: #000066;
}

/*--for summary pages--*/
.subLabelFieldData_span {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    padding-left: 3px;
    color: #353535;
    vertical-align: top;
}

.subLabelFieldName_span {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 3px;
    color: #656565;
    vertical-align: top;
}

.fieldName_td {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    font-size: 11px;
    font-weight: bold;
    color: #656565;
    line-height: 16px;
    padding: 3px;
    vertical-align: top;
}

.nowrap {
    white-space: nowrap;
}

.alignleftnowrap {
    text-align: left;
    white-space: nowrap;
}

.alignrightnowrap {
    text-align: right;
    white-space: nowrap;
}

.columnHead_td {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    font-size: 12px;
    font-weight: bold;
    color: #656565;
    line-height: 18px;
    padding: 3px;
    vertical-align: bottom;
}

.sectionName_td {
    padding: 3px;
    font: bold 14px/24px "Trebuchet MS", Trebuchet, Arial;
    padding: 3px;
    color: #555555;
}

.fieldData_td {
    font-size: 11px;
    line-height: 16px;
    font-weight: normal;
    padding: 3px;
    color: #353535;
    vertical-align: top;
}

.fieldName_td_hover {
    background-color: Transparent;
}

    .fieldName_td_hover:hover {
        background-color: Yellow;
    }




.EvenRow {
    background-color: #eeeeee;
}

    .EvenRow td {
        font-size: 11px;
        line-height: 16px;
        font-weight: normal;
        padding: 3px;
        color: #353535;
        vertical-align: top;
    }

.OddRow {
}

tr.OddRow td:last-child {
    white-space: nowrap;
}

tr.EvenRow td:last-child {
    white-space: nowrap;
}

.OddRow td {
    font-size: 11px;
    line-height: 16px;
    font-weight: normal;
    padding: 3px;
    color: #353535;
    vertical-align: top;
}

.subtable1 {
}

    .subtable1 tr {
        background-color: #DFEDFC;
    }

    .subtable1 th {
        background-color: #C1D9F2;
    }

.listBoxContainer {
    width: 200px;
}

.fieldTopRowHeader {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    padding: 0px;
    vertical-align: top;
    white-space: nowrap;
}

.fieldSubRowHeader {
    background-color: #eeeeee;
    color: #656565;
    font-size: 12px;
    line-height: 1.25em;
    font-weight: bold;
    padding: 2px 0px;
    vertical-align: middle;
    text-align: left;
    border-top: solid 1px #333333;
}

.fieldSubRowHeaderCenter {
    background-color: #eeeeee;
    color: #656565;
    font-size: 12px;
    line-height: 1.25em;
    font-weight: bold;
    padding: 2px 0px;
    vertical-align: middle;
    text-align: center;
    border-top: solid 1px #333333;
}

.fieldSubHeader_td {
    background-color: #eeeeee;
    color: #656565;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    padding: 3px;
    text-align: center;
}

.disable_opacity {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

/*--for creating multi select tabs set width on element--*/
.tab_element {
    text-align: center;
    height: 2em;
    background-color: #999999;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid white;
    border-bottom: 0px none;
}

    .tab_element a {
        margin: auto;
        vertical-align: middle;
        text-decoration: none;
        color: White;
    }

        .tab_element a:active {
            margin: auto;
            vertical-align: middle;
            text-decoration: none;
            color: White;
        }

        .tab_element a:visited {
            margin: auto;
            vertical-align: middle;
            text-decoration: none;
            color: White;
        }

        .tab_element a:hover {
            margin: auto;
            vertical-align: middle;
            text-decoration: none;
            color: #dedede;
        }

.small_instruction_txt {
    font-size: 10px;
}

.smaller_instruction_txt {
    font-size: 8px;
}

.centerText {
    text-align: center;
}
/*------------END BASIC FORM STYLES-----------------------------*/
/*----------------------BASE PORTLET STYLES---------------------------*/
.portletShell_tb {
    margin: 0px 0px 15px 0px;
    width: 100%;
    border-collapse: collapse;
    border: 0px none;
}
/*1.9*/
.portletHeaderBorder_td {
    border: 1px solid #6898C9;
}

.portletHeaderBorder_tb {
    margin: 0px;
    width: 100%;
    background: url(../images/rPortletHeaderBG.jpg) repeat;
    border: 1px solid white;
}

.portletTitleText_td {
    font: bold 14px/20px "Trebuchet MS", Arial;
    padding: 0px 5px 0px 5px;
    color: #034589;
    vertical-align: middle;
}

.portletHeaderActions_td {
    text-align: right;
    vertical-align: middle;
}

.portletActionIcon_a {
    margin: 1px 3px 0px 0px;
}
/*1.9*/
.portletBodyBorder_td {
    border: 1px solid #6898C9;
    background: white;
    padding: 0px;
}



.portletFooter_td {
}

.portletBodyBorder_td ul, .portletBodyBorder_td ol {
    list-style: none;
}
/*----------------------END BASE PORTLET STYLES-----------------------*/
/*-----------------------BEGIN TASK PORTLET STYLES--------------------*/
.taskDetails {
    border: 1px solid black;
    display: block;
}

.taskTable_tb {
    margin-top: 5px;
    width: 100%;
}

.taskName_td {
}

.taskName {
    font: bold 11px/16px "Trebuchet MS",Trebuchet, Arial;
    margin-left: 5px;
    color: #555555;
    text-decoration: none;
}

.taskPriority_td {
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.taskDueDate_td {
}

.taskDueDate {
    font: italic 9px/13px "Trebuchet MS";
    margin-left: 20px;
    color: #999999;
}

.taskAssignedBy_td {
    padding-left: 15px;
}

.taskAssignedBy {
    font: italic 9px/13px "Trebuchet MS";
    color: #999999;
}

.taskList_tb {
    margin: 0px;
    width: 100%;
}

.taskItem {
    border: 1px solid black;
}

.viewCompletedTasks {
    margin: 0;
    padding: 0;
    float: right;
    display: inline;
}

.taskName:hover {
    text-decoration: underline;
}


/*------------------------END TASK PORTLET STYLES---------------------*/



/*-- FOOTER STYLES --*/
/*1.9*/
#footer .footerText_tb {
    width: 100%;
    background: #fafafa url(../images/rFooterBG.gif) repeat-x;
    border-top: 0px none;
}

    #footer .footerText_tb .footerInfo_td {
        font-family: "Trebuchet MS", Trebuchet, Arial;
        font-size: 10px;
        color: #034589;
        padding-left: 20px;
        width: 50%;
    }

.footerCopyright_td {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    font-size: 10px;
    color: #034589;
    text-align: right;
    padding-right: 20px;
    width: 50%;
}

    .footerCopyright_td a {
        color: #034589;
        text-decoration: none;
    }

        .footerCopyright_td a:hover {
            text-decoration: underline;
        }

    .footerCopyright_td .helpLink {
        font-weight: bold;
        text-decoration: underline;
        color: #034589;
    }

        .footerCopyright_td .helpLink:hover {
            text-decoration: underline;
        }
/*-- END FOOTER STYLES --*/
#adminMenu .adminMenuHeader {
    font-family: "Trebuchet MS";
    color: #FFFFFF;
    margin: 0px 0px 0px 25px;
    width: 125px;
    font-size: 14px;
    font-weight: bold;
    display: inline;
    padding-left: 10px;
    line-height: 23px;
}

.adminMenuItem {
    display: inline;
    margin-left: 75px;
    color: #0E1E82;
    font-weight: bold;
    font-size: 14px;
    line-height: 25px;
}

#adminMenu {
    vertical-align: middle;
    display: none;
}



/*--------------------MANAGER COLUMNS-------------------------*/
#managerLeftColumn {
    background-color: #FFFFFF;
    width: 200px;
    float: left;
}

#managerRightColumn {
    background-color: white;
    float: left;
    margin-left: 15px;
    width: 685px;
    height: 500px;
}

#manager_frame {
    width: 685px;
    height: 500px;
}


#reportList {
    margin-left: 10px;
}

    #reportList a {
        line-height: 150%;
        color: #777777;
        text-decoration: none;
    }

        #reportList a:hover {
            text-decoration: underline;
        }

#frontPageLinks_ul li {
    font-family: "Trebuchet MS";
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    line-height: 200%;
}

    #frontPageLinks_ul li a {
        font-family: "Trebuchet MS";
        color: #333333;
        text-decoration: none;
    }

        #frontPageLinks_ul li a:hover {
            color: #990000;
        }

#link_div {
    position: absolute;
    margin: 310px 0px 0px 50px;
    z-index: 100;
}

/*----------------Administration Tabs------------*/

.AdminTab_div {
    float: right;
    text-align: center;
    padding: 0px 20px;
    vertical-align: middle;
    border: 0px none;
    background: url("../images/AdminButtonsOFF.jpg") no-repeat transparent;
    height: 32px;
}

    .AdminTab_div a {
        text-decoration: none;
        font-weight: bold;
        display: block;
        margin-top: 5px;
    }

        .AdminTab_div a:hover {
            color: #666666;
        }

.ActiveTab_div {
    float: right;
    text-align: center;
    padding: 0px 20px;
    vertical-align: middle;
    border: 0px none;
    background: url("../images/AdminButtonsON.jpg") no-repeat transparent;
    height: 32px;
}

    .ActiveTab_div a {
        text-decoration: none;
        font-weight: bold;
        color: #666666;
        display: block;
        margin-top: 5px;
    }



/*--------------End Administration Tabs----------*/

/*-----------Requisitions Dashboard Styles-------*/
#reqLeftColumn_div {
    background-color: #FFFFFF;
    width: 400px;
    float: left;
    margin: 0px 0px 0px 10px;
}

#reqRightColumn_div {
    background-color: #FFFFFF;
    width: 560px;
    margin: 0px 5px 0px 20px;
    float: left;
}


/*-------End Requisition Dashboard Styles--------*/

/*----------------Error Styles------------------*/
.ErrorMsgs {
    position: absolute;
    z-index: 100;
    margin: 2px auto 2px auto;
    display: block;
    width: 100%;
    text-align: center;
}

.taskTemplateErr {
    width: 0px;
    border: 0px none;
}

.requiredField {
    color: Red;
    padding-left: 2px;
    padding-right: 2px;
}

.minimumRequiredField {
    color: Red;
    padding-left: 2px;
    padding-right: 2px;
}

.warning {
    color: Red;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    font-size: 1.25em;
}

.nwmainfeedbackcontainer, .nwmainfeedbackcontainer-div {
    top: 0px;
    left: 0px;
    text-align: center;
    z-index: 100;
    width: 100%;
}

.nwmainfeedbackcontainer {
    position: fixed;
}

.nwfeedback {
    color: White;
    text-align: center;
    padding: 2px;
    width: 90%;
    display: block;
    font-weight: bold;
    margin: 0px auto 4px auto;
    border-radius: 12px;
    box-shadow: #333333 2px 2px 2px;
}

    .nwfeedback .nwfeedbackmessage {
        width: 70%;
        color: inherit;
        display: inline-block;
        font-weight: 900;
        color: white;
        clear: none;
        /*for ie 7*/
        zoom: 1;
        *display: inline;
    }

    .nwfeedback .nwclosefeedback {
        display: inline-block;
        height: 100%;
        width: 20px;
        cursor: pointer;
        margin: 0px auto 0px auto;
        /*for ie 7*/
        zoom: 1;
        *display: inline;
    }

        .nwfeedback .nwclosefeedback a {
            display: inline-block;
            height: 20px;
            width: 20px;
            background: url("../images/round-close-button.png") no-repeat transparent;
        }




    .nwfeedback.feedbackFail {
        background-color: #d91b1b;
        border: 3px solid #d91b1b;
        color: white;
    }

    .nwfeedback.feedbackSuccess {
        background-color: #128125;
        border: 3px solid #128125;
        color: white;
    }



.errorSummary {
    color: Red;
}

    .errorSummary li {
        list-style: none;
    }

/*---------------End Error Styles--------------*/


/*------------------APP WIZARD STYLES---------------*/

.AppWizard {
    padding-top: 0px;
}

.AppWizard_Side {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0px;
    padding-bottom: 25px;
    width: 150px;
}

    .AppWizard_Side a:active {
        font-weight: bold;
        color: #000066;
        text-decoration: none;
    }

    .AppWizard_Side a {
        color: #000066;
        text-decoration: none;
    }

        .AppWizard_Side a:visited {
            color: #000066;
            text-decoration: none;
        }

.AppWizard_Nav {
}



/*-------------------------------------------------*/

/*------------Documents Views Styles -------------*/
.fileTree {
    margin: 0px;
    padding: 0px;
}
/*-------------------------------------------------*/
/*---------Listview STYLES------------------------*/
.currentPage_span {
    padding: 0px 3px;
    background-color: #000066;
    color: White;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    vertical-align: middle;
}

.notCurrentPage_span {
    color: Gray;
    font-size: 12px;
    vertical-align: middle;
}

.nwpager {
    text-align: center;
    border-top: 1px solid #cccccc;
    padding: 8px;
}

.pagerButtonStyle {
    vertical-align: middle;
}

.EditItemBackground {
    background-color: #ddffee;
}

.WarningItemBackground {
    background-color: Red;
    color: white;
}


.filter-container {
    text-align: left;
}

.filterBackground {
    /*background-color: #e0e0e0;*/
    margin-top: 0px;
    margin-bottom: 0px;
}

.inline-container {
    display: inline-block;
    white-space: normal;
    margin: 0px;
    padding: 4px;
    text-align: left;
}

.filter-container .inline-container {
    vertical-align: bottom;
}

.inline-container.filterBackground label {
    display: block;
    font-weight: bold;
}

    .inline-container.filterBackground label:after {
        content: ":";
    }

.inline-container.filterBackground input[type="checkbox"] {
    margin: 1px;
}

/*----------------------------------------------*/
/*----------------------------------------------*/
#popupControls a {
    background-image: url('/images/close.gif');
    height: 18px;
    width: 18px;
    display: block;
    background-repeat: no-repeat;
}

    #popupControls a span {
        display: none;
    }

.hide {
    display: none;
}

.hideimp {
    display: none;
}

.show {
}

/*----------------------------------------------*/
/*------styles for wait box----------------*/
.wait_div {
    position: absolute;
    z-index: 80;
    background-color: White;
    border: 1px solid #666666;
    filter: alpha(opacity=75);
    opacity: 0.75;
    padding: 3px;
    width: 70px;
    height: 70px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

/*---- Assessments Static Control Styles ------*/
.assessment_section {
    position: relative;
    margin-left: 10px;
}

.assessment_header {
}

.assessment_error_label {
    color: Red;
    display: none;
}

.assessment_question {
}

.assessment_ul {
    list-style: none;
}

.assessment_summary {
    margin: 4px;
    color: Red;
}

.adminfield_td {
    vertical-align: middle;
    padding-right: 5px;
    padding-bottom: 5px;
    white-space: nowrap;
    text-align: left;
}

.adminfieldsub_td {
    vertical-align: middle;
    padding-right: 5px;
    padding-bottom: 5px;
    white-space: nowrap;
    text-align: right;
}

.admincolumn_td {
    vertical-align: top;
    text-align: left;
    padding-right: 30px;
}

.admincolumnlast_td {
    vertical-align: top;
    text-align: left;
}

.customForm_tb {
    width: 95%;
}

.customcontrol_td {
    vertical-align: middle;
    white-space: nowrap;
    text-align: left;
}

.customcontrol_td_left {
    vertical-align: middle;
    padding-left: 5px;
    white-space: nowrap;
    text-align: left;
}

.AdminNav_div {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

.AdminNav_td {
    padding-right: 10px;
    vertical-align: middle;
}

.AdminNavLast_td {
    vertical-align: middle;
}

/*Password expiring page*/
.passwordexpiring {
    width: 500px;
    margin: 25px auto 0px auto;
}

.passwordexpiringbtns {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.divBirthDate {
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: middle;
}

/*--------------Reportviewer styles--------------*/
.ReportViewer {
    clear: both;
    margin-bottom: 20px;
}

    .ReportViewer td {
        vertical-align: middle;
    }

        .ReportViewer td input {
            line-height: 1em;
        }

.ReportViewer_ReportList {
    margin: 8px auto 0px auto;
}

.ReportViewer_ReportGenerator {
}

/*---------------Progress Bar Styles-----------------*/
/*----DO NOT OVERRIDE SIZES!!!-------*/
.progressBarBorder {
    height: 18px;
    width: 50px;
    border: 1px solid #999999;
    text-align: left;
    overflow: hidden;
}

.progressBarBackgroundColor {
    display: block;
    overflow: visible;
    clear: none;
    z-index: 10;
    height: 18px;
    background-color: #dedede;
    padding-left: 2px;
    background-image: url(../images/progressbarbg.gif);
    background-repeat: repeat-x;
    background-position: left center;
}

.progressBarText {
    z-index: 20;
    position: relative;
    top: 0px;
    left: 0px;
    display: inline;
    color: #000066;
    font-weight: bold;
    margin-top: 3px;
}

/*field hints preview on Admin*/
.preview {
    margin-left: 3px;
    vertical-align: middle;
    color: #9999CC;
}
/*end hints preview*/


/*subitem background*/
.SubItemBackground {
    background-color: #CCCCCC;
    color: White;
}

/*Requisitions Dash*/
.candidatesAll {
    color: #800080;
    padding: 0px 3px;
    font-weight: bold;
}

.candidatesTotal {
    color: #6666ff;
    padding: 0px 3px;
    font-weight: bold;
}

.candidatesNew {
    color: #00aa00;
    padding: 0px 3px;
    font-weight: bold;
}


.candidatesHot {
    color: #ff5500;
    padding: 0px 3px;
    font-weight: bold;
}

/*
####################
Candidate Dashboard 
####################
*/

.candidateeditlink {
    float: right;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: #de0000;
    margin-right: 0px;
    height: 20px;
    padding: 0px;
}

    .candidateeditlink:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .candidateeditlink span {
        background: transparent url(../images/MyAccountbtn.gif) 0px 0px;
        padding: 0px;
    }

        .candidateeditlink span.left {
            background-repeat: no-repeat;
            background-position: 0px 0px;
            width: 25px;
        }

        .candidateeditlink span.middle {
            background-repeat: repeat-x;
            background-position: -18px 0px;
            padding-top: 3px;
        }

        .candidateeditlink span.right {
            background-repeat: no-repeat;
            background-position: -55px 0px;
            width: 25px;
        }

div.ui-datepicker {
    font-size: 11px;
}

@media(min-width: 1024px) {
    .canDBinProgressTitle, .canDBinProgressJobCode, .canDBinProgressDateStarted, .canDBinProgressLastModified,
    canDBcompletedDateCompleted {
        width: 100px;
    }

    .candidateSecurityCandidateField {
        width: 350px;
    }

    .candidateSecuritySecurityField {
        width: 200px;
    }

    #candidateSecuritySecurityEdit_tbl > tbody > tr > td:nth-child(1) {
        white-space: nowrap;
    }
}

@media not all and (min-width: 1024px) {
    .canDBinProgressJobCode, .canDBinProgressDateStarted, .canDBcompletedJobCode, .canDBcompletedStartDate,
    .RAPleftColumnHeader, .RAPrightColumnHeader {
        display: none;
    }

    .canDBapplicationsTitle {
        width: 50%;
    }

    .canDBcompletedDateCompleted, .canDBinProgressLastModified {
        width: 35%;
    }

    .canDBapplicationsActions {
        width: 15%;
    }

    .candidateSecurityCandidateField {
        width: 100px;
    }

    .candidateSecuritySecurityField {
        width: 100px;
    }

    #WebPart_gwpwpFavorites, #WebPart_gwpwpSearchAgents {
        display: none;
    }
}

/*
#################################################
AjaxControlToolkit Calendar Control CSS Override
#################################################
*/


.myCalendar .ajax__calendar_container {
}

.myCalendar .ajax__calendar_header {
}

.myCalendar .ajax__calendar_prev {
}

.myCalendar .ajax__calendar_title {
}

.myCalendar .ajax__calendar_next {
}

.myCalendar .ajax__calendar_body {
}

.myCalendar .ajax__calendar_days {
}

.myCalendar .ajax__calendar_dayname {
}

.myCalendar .ajax__calendar_day {
}

.myCalendar .ajax__calendar_months {
}

.myCalendar .ajax__calendar_month {
}

.myCalendar .ajax__calendar_years {
}

.myCalendar .ajax__calendar_year {
}

.myCalendar .ajax__calendar_footer {
}

.myCalendar .ajax__calendar_today {
}

.myCalendar .ajax__calendar_hover {
}

.myCalendar .ajax__calendar_active {
}



/*
####################
MyAccount
####################
*/


.MyAccount {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: Blue;
    float: right;
    padding: 0px;
    width: 105px;
    margin-right: 20px;
}

    .MyAccount:hover {
        cursor: pointer;
        text-decoration: none;
    }

    /*
.MyAccount span
{
 
 padding :0px;
 height:30px;
 width:auto;
}
*/

    .MyAccount .left {
        width: 25px;
        float: right;
        background-image: url('../images/MyAccountbtn.gif');
        height: 22px;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        padding-top: 3px;
        display: block;
    }

    .MyAccount .middle {
        padding-top: 3px;
        width: auto;
        float: right;
        background: transparent url('../images/MyAccountbtn.gif');
        height: 22px;
        background-position: -18px 0px;
        background-repeat: no-repeat;
    }

    .MyAccount .right {
        width: 20px;
        float: right;
        padding-top: 3px;
        background: transparent url('../images/MyAccountbtn.gif');
        height: 22px;
        background-position: -65px 0px;
        background-repeat: no-repeat;
    }

.hlp_heading {
    padding: 5px 0px 0px 0px;
    margin: 0px 10px 0px 0px;
    text-align: right;
}

div.hlp_heading a {
    text-align: right;
    padding-right: 10px;
}



.ajax__tab_header {
    border-bottom: solid 2px #dedede;
}

.ajax__tab_outer {
    border-color: #03468C;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 0;
    padding: 1px 0;
    vertical-align: bottom;
    cursor: pointer;
}

.ajax__tab_tab {
    color: #034589;
    height: 19px;
    padding: 7px 12px;
    width: 190px;
    font-size: 18px;
}


.ajax__tab_active .ajax__tab_outer {
    background-image: url("../images/tabBackground.gif");
    border: 0 none;
    height: 34px;
}

.ajax__tab_active .ajax__tab_tab {
    color: white;
}

.instructionalText {
    font-style: italic;
    color: White;
    background-color: #ADADAD;
    padding: 5px 10px 5px 10px;
}

.homeDashboardWelcomeText {
    width: 80%;
    margin: 10px auto 10px auto;
    padding: 10px;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.textleftWithSpecifiedWidth {
    width: 300px;
}

.textleftWithSpecifiedMsgWidth {
    width: 700px;
}

.textright {
    text-align: right;
}

.textleft {
    text-align: left;
}

.textcenter {
    text-align: center;
}

.dochelp {
    font-style: italic;
    font-weight: bold;
}


/*---------------------MVC STYLES-----------------------*/
.adminSectionHeader {
    margin: 0px 0px 10px 0px;
    padding: 5px 0px 5px 20px;
    background-color: #e0e0e0;
    display: block;
    text-align: left;
}

    .adminSectionHeader h1 {
        font-size: 24px;
        display: inline-block;
        margin-left: 20px;
        vertical-align: middle;
    }

    .adminSectionHeader .backbutton {
        display: inline-block;
        vertical-align: middle;
    }

        .adminSectionHeader .backbutton img {
            height: 30px;
            width: 30px;
        }

@media not all and (min-width: 1024px) {
    .adminSectionHeader {
        padding-left: 5px;
    }

        .adminSectionHeader h1 {
            font-size: 14px;
            margin-left: 5px;
            display: inline;
        }
}

.inline-container.filterBackground .searchbutton {
    margin-top: 1.1em;
}

.inline-container.filterBackground .resetbutton {
    margin-top: 1.1em;
}

.NWMvcValidationSummary {
    font-size: 1.25em;
    color: red;
    width: 60%;
    margin: 10px auto 10px auto;
    font-weight: bolder;
}

.smallCloseButton {
    display: inline-block;
    /*for ie 7*/
    zoom: 1;
    *display: inline;
}

.NWMvcFilterTable {
    margin: 0px auto 10px auto;
}

.NWMvcFilterDropDown {
    margin: initial;
    max-width: 175px;
}

.admin-content-container {
    max-width: 80%;
    margin: 10px auto;
}

.ui-state-disabled {
    opacity: .60;
    filter: Alpha(Opacity=60);
}

.NWMvcFilterText {
    min-height: 1.25em;
}

.NWMvcFilterDate {
    min-height: 1.25em;
    vertical-align: text-bottom;
}

    .NWMvcFilterDate + img {
        height: 1.4em;
        width: 1.4em;
        margin: 0px;
        vertical-align: text-top;
    }

.validation-summary-errors ul {
    margin-left: 10%;
}

    .validation-summary-errors ul li {
        font: bold 14px Trebuchet,Arial;
        color: red;
    }

.validation-indicator {
    font: bold 14px Trebuchet,Arial;
    color: red;
}


/*Vendor Specific styles*/
#VendorManagementDashboard {
    width: 100%;
    margin-top: -15px;
}

/*---------------------Welcome.aspx Styles-------------*/
#welcomeTable {
    margin: 15px auto 10px auto;
}

#welcomeAccountActivationText {
    color: #353535;
}

#litClientText {
    color: #353535;
}

#welcomeLoginIDlbl {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding: 3px;
    vertical-align: top;
    color: #353535;
    font-weight: normal;
}

#litLoginId {
    color: #353535;
}

#welcomeInstructionText {
    font-size: 11px;
    line-height: 16px;
    font-weight: normal;
    padding: 3px;
    vertical-align: top;
    color: #353535;
}

#welcomeSubmit {
    text-align: right;
    padding: 3px;
    color: #353535;
}

/*---------------------CreateLogin.aspx Styles-------------*/
.createLogin_formData_tb {
    margin: 15px auto 10px auto;
    color: #353535;
}

.createLogin_fieldName_td {
    color: #353535;
    font-family: "Trebuchet MS", Trebuchet, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding: 3px;
    vertical-align: top;
}

.createLogin_fieldData_td {
    color: #353535;
    font-size: 11px;
    line-height: 16px;
    font-weight: normal;
    padding: 3px;
    vertical-align: top;
}

.createLogin {
    color: #353535;
    font-size: 11px;
    line-height: 16px;
    font-weight: normal;
    padding: 3px;
    vertical-align: top;
}

/*---------- VendorManagementDB/SendInvitation styles ----------*/

.ui-autocomplete {
    list-style-type: none;
}

/*
    the hiddenFilter class is used to hide the filter element that is used to allow the 'enter' key to trigger the 
    fitler action despite it being placed "after" the reset button.
*/
input.hiddenFilter {
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    outline: none;
    border: 0px;
    color: transparent;
    font-size: 0px;
    pointer-events: none;
}
/*---live chat landingPage ---*/
.lp_maximized {
    width: 100% !important;
    max-width: 500px !important;
    height: 100% !important;
    max-height: 500px !important;
    right: 0px !important;
}

.lp_close, .lp_cancel_button, .lp_minimize {
    visibility: hidden !important;
}

.lp_header-content-wrapper {
    height: auto !important;
}

/*---------- ReturningVendorDB styles ----------*/

#vendorSubmitAppErrors {
    margin: 0 auto;
    width: 30%;
    color: red;
}

.vendorAppBGRExpired {
    color: red;
}

.bgcOrders {
    background-color: #f1f1f1;
    padding: 0.01em 16px;
    margin: 10px 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

@media not all and (min-width: 1024px) {
    #completedAppsTable > thead {
        display: none;
    }

    #completedAppsTable > tbody > tr > td {
        display: block;
    }

    #completedAppsTable > tbody > tr:last-child {
        display: none;
    }

    #rvdbBusInfo_tb > tbody > tr > td {
        display: block;
    }

    .rvdbApplicationType_lbl {
        display: block;
    }

    .rvdbCompAppsOrderBGC::before, .rvdbCompAppsName::before, .rvdbCompAppsPosition::before,
    .rvdbCompAppsProfessionType::before, .rvdbCompAppsBGCReport::before, .rvdbCompAppsActions::before {
        width: 100px;
        display: inline-block;
        font-weight: 600;
    }

    .rvdbCompAppsOrderBGC::before {
        content: "Order BGC: "
    }

    .rvdbCompAppsName::before {
        content: "Name: "
    }

    .rvdbCompAppsPosition::before {
        content: "Position: "
    }

    .rvdbCompAppsProfessionType::before {
        content: "Profession Type: "
    }

    .rvdbCompAppsBGCReport::before {
        content: "Background: "
    }

    .rvdbCompAppsActions {
        margin-top: -4px;
    }

        .rvdbCompAppsActions::before {
            content: "Action: "
        }

    .rvdbCompAppsActions {
        text-align: left;
    }

    fieldset#completedApplications, fieldset#inProgressApplications {
        margin: 0;
        padding: 0;
        border: none;
    }

        fieldset#completedApplications > legend, fieldset#inProgressApplications > legend {
            margin-left: 5px;
        }

        fieldset#inProgressApplications > table {
            width: 90%;
        }

            fieldset#inProgressApplications > table > thead > tr > th:last-child {
                text-align: right;
            }

    #renewCertificationActions > div {
        width: 100%;
    }

    #completedRenewalsTable > thead > tr > th:last-child,
    #completedRenewalsTable > tbody > tr > td:last-child {
        text-align: right;
    }

    #completedRenewalsTable > tbody > tr > td {
        white-space: normal;
    }

    .viewVendorDocs_td > input[type=submit] {
        display: block;
        margin: 15px auto 0 auto;
    }

    #topContentSpacer .dashboardCurrentUser_div {
        margin-left: 10px;
        margin-bottom: 5px;
        width: 100%;
    }
}

@media(min-width: 1024px) {
    #renewCertificationActions > div {
        width: 60%;
        margin: auto
    }
}

/*--- Vendor Background Check Summary styles ---*/

@media not all and (min-width: 1024px) {
    #vbgcsFieldset {
        border: none;
        margin: 0 5px;
    }

    .vbgcsTableContainer > table > thead > tr > th:nth-child(2),
    .vbgcsTableContainer > table > thead > tr > th:nth-child(3),
    .vbgcsTableContainer > table > tbody > tr > td:nth-child(2),
    .vbgcsTableContainer > table > tbody > tr > td:nth-child(3) {
        display: none;
    }

    .vbgcsTableContainer > table > thead > tr > th:last-child {
        text-align: right;
    }
}

/*---------- Vendor Cart mobile styles ---------*/

@media not all and (min-width: 1024px) {
    .vendorCartTableContainer > table > thead > tr > th:last-child {
        text-align: right;
    }

    #vendorCreditCardFieldset {
        border: none;
        margin: 0 5px;
    }
}

/*- Vendor Purchase Confirmation mobile styles -*/

@media not all and (min-width: 1024px) {
    #vendorPurchaseConfirmationTableContainer > table > thead > tr > th:nth-child(2),
    #vendorPurchaseConfirmationTableContainer > table > thead > tr > th:nth-child(3),
    #vendorPurchaseConfirmationTableContainer > table > thead > tr > th:nth-child(5),
    #vendorPurchaseConfirmationTableContainer > table > thead > tr > th:nth-child(6),
    #vendorPurchaseConfirmationTableContainer > table > tbody > tr > td:nth-child(2),
    #vendorPurchaseConfirmationTableContainer > table > tbody > tr > td:nth-child(3),
    #vendorPurchaseConfirmationTableContainer > table > tbody > tr > td:nth-child(5),
    #vendorPurchaseConfirmationTableContainer > table > tbody > tr > td:nth-child(6) {
        display: none;
    }

    #vendorPurchaseConfirmationTableContainer > table > thead > tr > th > p {
        white-space: normal;
    }

    .vendorPurchaseConfirmation_div {
        margin: 0 15px 15px 15px;
    }
}

@media(min-width: 1024px) {
    #vendorPurchaseConfirmationTableContainer > table > thead > tr > th,
    #vendorPurchaseConfirmationTableContainer > table > tbody > tr > td {
        white-space: nowrap;
    }

    .vendorPurchaseConfirmation_div {
        margin-bottom: 15px;
    }
}

/*---- Vendor Renewal History mobile styles ----*/

@media(min-width: 1024px) {
    #vendorRenewalHistoryTableContainer {
        width: 60%;
        margin: auto
    }
}

@media not all and (min-width: 1024px) {
    #vendorRenewalHistoryTableContainer > table > thead > tr > th:last-child {
        text-align: right;
    }

    #vendorRenewalHistoryTableContainer > table > tbody > tr > td:last-child {
        text-align: right;
        white-space: normal;
    }
}

/*---------- Job Search mobile styles ----------*/

@media not all and (min-width: 1024px) {
    #jobSearch_fs {
        border: none;
        margin: 0 10px;
        padding: 0;
    }

    #jobsearchtb > tbody > tr:nth-child(3) {
        display: none;
    }

    #searchAgents_fs {
        display: none;
    }

    #selectPositionResults_fs {
        border: none;
        margin: 0 10px;
        padding: 0;
    }

    .jobSearchColumn_Address, .jobSearchColumn_City, .jobSearchColumn_State, .jobSearchColumn_Distance, .jobSearchColumn_Favorites {
        display: none;
    }

    .selectPositionLogin_div {
        margin-right: 10px;
    }

    .selectPositionNavigation_div {
        margin-right: 10px;
    }

        .selectPositionNavigation_div > table {
            float: right;
        }

            .selectPositionNavigation_div > table > tbody > tr > td:first-child {
                text-align: right;
            }

                .selectPositionNavigation_div > table > tbody > tr > td:first-child > input {
                    margin-right: 10px;
                }
}

@media(min-width: 1024px) {
    #jobSearch_fs {
        width: 310px;
        float: left;
        padding: 0px;
    }

    #searchAgents_fs {
        width: 280px;
        padding-bottom: 3px;
        display: inline;
        padding-right: 5px;
    }

    #selectPositionResults_fs {
        width: 630px;
        padding: 0;
    }

    .selectPositionNavigation_div > table > tbody > tr > td:first-child {
        text-align: right;
        width: 925px;
    }
}

/*---- Job Category Selection mobile styles ----*/

@media not all and (min-width: 1024px) {
    #jobCategorySelection_tb {
        padding: 0px 10px;
    }
}

/*------------- New Account styles -------------*/

.newAcctFormField {
    display: block;
}

.newAcctFormInput > input#interfaceContent_securityCode {
    width: 2.5em;
}

@media(min-width: 1024px) {
    .newAcctFormLabel {
        display: inline-block;
    }

    .newAcctFormInput {
        display: inline;
        margin-left: 15px;
    }
}

@media not all and (min-width: 1024px) {
    .newAcctFormField {
        padding-bottom: 15px;
    }

    #interfaceContent_lblLoginNameInstruction, #interfaceContent_lblPasswordRequirement,
    #interfaceContent_lblMustBe4Digits {
        display: block;
        padding-top: 5px;
    }
}

/*---------- NIPR static form styles -----------*/

@media(min-width: 1024px) {
    #floridaCountyList_div {
        border: solid;
        overflow: auto;
        height: 100px;
    }

    #interfaceContent_StaticForm_tbLicenseeName {
        width: 350px;
    }

    #niprData_div {
        border: solid;
        overflow: auto;
        height: 400px;
        width: 95%
    }

    .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td:nth-child(3) {
        text-align: center;
    }

    .niprDataLOA_tbl > tbody > tr > td,
    .niprDataAppt_tbl > tbody > tr > td {
        text-align: center;
        margin: 5px;
    }

        .niprDataLOA_tbl > tbody > tr > td:nth-child(1),
        .niprDataAppt_tbl > tbody > tr > td:nth-child(1) {
            text-align: left;
            width: 30%;
        }
}

@media not all and (min-width: 1024px) {
    #interfaceContent_StaticForm_btnGetNIPRDataButton {
        margin-top: 10px;
    }

    #interfaceContent_StaticForm_chkFloridaCountyListAgency > tbody > tr > td > input {
        margin-top: 1px;
    }

    #interfaceContent_StaticForm_chkFloridaCountyListAgency > tbody > tr > td > label {
        margin-left: 5px;
    }

    #interfaceContent_StaticForm_lblFEINNumber, #interfaceContent_StaticForm_lblNPNNumber {
        display: inline-block;
        margin-top: 10px;
    }

    #interfaceContent_StaticForm_lblLicenseeDetailsHeader {
        color: #555555;
        font: bold 14px/1.5em "Trebuchet MS";
    }

    #interfaceContent_StaticForm_lblNIPRInformation, #niprDataAddresses_h, #niprDataRegAct_h,
    .niprDataStateName {
        border-top: solid 1px #555;
        display: block;
        margin-top: 10px;
        padding-top: 10px;
        width: 100%;
    }

    #interfaceContent_StaticForm_tbLicenseeName {
        width: 100%;
    }

    #niprAppointmentDecisions_tb {
        margin: 15px 0;
    }

    #niprAppointmentDecisions_tb {
        width: 100%;
    }

        #niprAppointmentDecisions_tb > tbody > tr > td {
            display: block;
        }

            #niprAppointmentDecisions_tb > tbody > tr > td > table {
                display: inline-block;
            }

                #niprAppointmentDecisions_tb > tbody > tr > td > table > tbody > tr > td {
                    padding: 0;
                }

                    #niprAppointmentDecisions_tb > tbody > tr > td > table > tbody > tr > td > label {
                        margin-left: 5px;
                    }

            #niprAppointmentDecisions_tb > tbody > tr > td::before {
                display: inline-block;
                font-weight: 600;
                width: 120px;
            }

            #niprAppointmentDecisions_tb > tbody > tr > td:nth-child(1)::before {
                content: "State:";
            }

            #niprAppointmentDecisions_tb > tbody > tr > td:nth-child(2)::before {
                content: "Type:";
            }

            #niprAppointmentDecisions_tb > tbody > tr > td:nth-child(3)::before {
                content: "Transact Business:";
            }

            #niprAppointmentDecisions_tb > tbody > tr > td:nth-child(4)::before {
                content: "License #:";
            }

            #niprAppointmentDecisions_tb > tbody > tr > td:nth-child(5)::before {
                content: "Effective Date:";
            }

            #niprAppointmentDecisions_tb > tbody > tr > td:nth-child(6)::before {
                content: "Expiration Date:";
            }

            #niprAppointmentDecisions_tb > tbody > tr > td:nth-child(7)::before {
                content: "State:";
            }

        #niprAppointmentDecisions_tb > thead {
            display: none;
        }

    #niprData_div {
        margin-top: 5px;
    }

        #niprData_div > table > tbody > tr > td {
            display: block;
        }

        #niprData_div > table > tbody > tr > th {
            display: none;
        }

    #niprDataAgencyFEIN_lbl, #niprDataLicName_lbl, #niprDataProducerNPN_lbl {
        font-weight: 600;
    }

    #niprDataHeader_tr > td {
        display: block;
    }

        #niprDataHeader_tr > td:nth-child(1) > span {
            color: #555555;
            font: bold 14px/1.5em "Trebuchet MS";
        }

    #niprProducerName_tr > td {
        display: block;
        margin-top: 10px;
    }

    .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td {
        display: block;
    }

        .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td::before {
            font-weight: 600;
        }

        .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td:nth-child(1) {
            margin-top: 10px;
        }

            .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td:nth-child(1)::before {
                content: "AddressType: ";
            }

        .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td:nth-child(2) {
            margin-left: 15px;
        }

            .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td:nth-child(2)::before {
                content: "Address: ";
                display: block;
                margin-left: -15px;
            }

        .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td:nth-child(3)::before {
            content: "Last Modified Date: ";
        }

    .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > th {
        display: none;
    }

    .niprDataAddresses_tbl > tbody > tr > td:first-child {
        margin-top: 20px;
    }

        .niprDataAddresses_tbl > tbody > tr > td:first-child::before {
            content: "State: ";
            font-weight: 600;
        }

    .niprDataAddresses_tbl > tbody > tr:nth-child(2) > td:first-child {
        margin-top: 10px;
    }

    .niprDataAppt_br {
        display: none;
    }

    .niprDataAppt_tbl > tbody > tr > td {
        display: block;
    }

        .niprDataAppt_tbl > tbody > tr > td::before {
            font-weight: 600;
        }

        .niprDataAppt_tbl > tbody > tr > td:nth-child(1) {
            margin-top: 10px;
        }

            .niprDataAppt_tbl > tbody > tr > td:nth-child(1)::before {
                content: "Appt: ";
            }

        .niprDataAppt_tbl > tbody > tr > td:nth-child(2)::before {
            content: "Fein: ";
        }

        .niprDataAppt_tbl > tbody > tr > td:nth-child(3)::before {
            content: "CoCode: ";
        }

        .niprDataAppt_tbl > tbody > tr > td:nth-child(4)::before {
            content: "LOA's: ";
        }

        .niprDataAppt_tbl > tbody > tr > td:nth-child(5)::before {
            content: "Status: ";
        }

        .niprDataAppt_tbl > tbody > tr > td:nth-child(6)::before {
            content: "Status Reason Date: ";
        }

        .niprDataAppt_tbl > tbody > tr > td:nth-child(7)::before {
            content: "Term Reason: ";
        }

        .niprDataAppt_tbl > tbody > tr > td:nth-child(8)::before {
            content: "Appt Renewal Date: ";
        }

    .niprDataAppt_tbl > tbody > tr > th {
        display: none;
    }

    .niprDataAppt_tbl > tbody > tr:nth-child(2) > td:nth-child(1) {
        margin-top: 20px;
    }

    .niprDataLicense_tbl > tbody > tr > td {
        display: block;
    }

        .niprDataLicense_tbl > tbody > tr > td::before {
            font-weight: 600;
        }

        .niprDataLicense_tbl > tbody > tr > td:nth-child(1) {
            margin-top: 10px;
        }

    .niprDataLicense_tbl > tbody > tr > th {
        display: none;
    }

    .niprDataLicense_tbl > tbody > tr:nth-child(2) > td:nth-child(1)::before {
        content: "License Number: ";
    }

    .niprDataLicense_tbl > tbody > tr:nth-child(2) > td:nth-child(2)::before {
        content: "License Class: ";
    }

    .niprDataLicense_tbl > tbody > tr:nth-child(2) > td:nth-child(3)::before {
        content: "Resident: ";
    }

    .niprDataLicense_tbl > tbody > tr:nth-child(2) > td:nth-child(4)::before {
        content: "Effective Date: ";
    }

    .niprDataLicense_tbl > tbody > tr:nth-child(2) > td:nth-child(5)::before {
        content: "Expiration Date: ";
    }

    .niprDataLOA_tbl > tbody > tr > td {
        display: block;
    }

        .niprDataLOA_tbl > tbody > tr > td::before {
            font-weight: 600;
        }

        .niprDataLOA_tbl > tbody > tr > td:nth-child(1) {
            margin-top: 10px;
        }

            .niprDataLOA_tbl > tbody > tr > td:nth-child(1)::before {
                content: "LOA: ";
            }

        .niprDataLOA_tbl > tbody > tr > td:nth-child(2)::before {
            content: "Issue Date: ";
        }

        .niprDataLOA_tbl > tbody > tr > td:nth-child(3)::before {
            content: "Status: ";
        }

        .niprDataLOA_tbl > tbody > tr > td:nth-child(4)::before {
            content: "Status Reason: ";
        }

        .niprDataLOA_tbl > tbody > tr > td:nth-child(5)::before {
            content: "Status Reason Date: ";
        }

    .niprDataLOA_tbl > tbody > tr > th {
        display: none;
    }

    .niprDataRegAct_tbl {
        margin-bottom: 10px;
    }

        .niprDataRegAct_tbl > tbody > tr > td {
            display: block;
        }

            .niprDataRegAct_tbl > tbody > tr > td::before {
                font-weight: 600;
            }

            .niprDataRegAct_tbl > tbody > tr > td:nth-child(1) {
                margin-top: 10px;
            }

                .niprDataRegAct_tbl > tbody > tr > td:nth-child(1)::before {
                    content: "State: ";
                }

            .niprDataRegAct_tbl > tbody > tr > td:nth-child(2)::before {
                content: "Action ID: ";
            }

            .niprDataRegAct_tbl > tbody > tr > td:nth-child(3)::before {
                content: "Origin of Action: ";
            }

            .niprDataRegAct_tbl > tbody > tr > td:nth-child(4)::before {
                content: "Reason For Action: ";
            }

            .niprDataRegAct_tbl > tbody > tr > td:nth-child(5)::before {
                content: "Disposition: ";
            }

            .niprDataRegAct_tbl > tbody > tr > td:nth-child(6)::before {
                content: "Date of Action: ";
            }

            .niprDataRegAct_tbl > tbody > tr > td:nth-child(7)::before {
                content: "Effective Date: ";
            }

            .niprDataRegAct_tbl > tbody > tr > td:nth-child(8)::before {
                content: "Enter Date: ";
            }

            .niprDataRegAct_tbl > tbody > tr > td:nth-child(9)::before {
                content: "File Reference: ";
            }

            .niprDataRegAct_tbl > tbody > tr > td:nth-child(10)::before {
                content: "Penalty Fine Forfeiture: ";
            }

            .niprDataRegAct_tbl > tbody > tr > td:nth-child(11)::before {
                content: "Length of Order: ";
            }

        .niprDataRegAct_tbl > tbody > tr > th {
            display: none;
        }

    .niprDataStateName {
        color: #555555;
        font: bold 14px/1.5em "Trebuchet MS";
    }

        .niprDataStateName::before {
            content: "State: ";
        }
}

/*--------- Consent static form styles ---------*/

@media not all and (min-width: 1024px) {
    #consentForm_tb > tbody > tr:first-child > td > span > table > tbody > tr > td,
    #consentForm_tb > tbody > tr:first-child > td > div > span > table > tbody > tr > td {
        width: 50%;
        padding: 5px;
    }

    #frmSign {
        width: 100% !important; /* set from metadata in code behind; this is the best way to override without lots of js */
    }
}

@media(min-width: 1024px) {
    #consentForm_tb > tbody > tr:first-child > td > div {
        height: 400px;
        overflow: auto;
        border-style: solid;
        border-width: 0px;
        border-color: #cccccc;
        margin: 0px 8px 15px 8px;
    }
}

/*--------- Resume Upload page styles ----------*/

@media not all and (min-width: 1024px) {
    #resuploadControls_tbl > tbody > tr > td {
        display: block;
    }

    #resupload > table > tbody > tr > td > table > tbody > tr:nth-child(1) > td > span > h1 {
        margin-left: 0px;
    }
}

@media(min-width: 1024px) {
    #resupload > table > tbody > tr > td {
        padding: 20px;
    }

        #resupload > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td,
        #resupload > table > tbody > tr > td > table > tbody > tr:nth-child(3) > td {
            padding-top: 20px;
        }

        #resupload > table > tbody > tr > td > table > tbody > tr:nth-child(4) > td {
            padding-right: 10px;
        }

    #resuploadControls_tbl > tbody > tr:nth-child(1) > td:nth-child(1) {
        padding-right: 10px;
    }

    #resuploadControls_tbl > tbody > tr:nth-child(1) > td:nth-child(2) > input {
        width: 261px;
        padding-right: 10px;
    }

    #resuploadControls_tbl > tbody > tr:nth-child(1) > td:nth-child(3),
    #resuploadControls_tbl > tbody > tr:nth-child(1) > td:nth-child(4) {
        padding-left: 20px;
    }

    #resuploadControls_tbl > tbody > tr:nth-child(2) > td > span > blockquote {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/*----- Attach Documents static form styles ----*/

@media not all and (min-width: 1024px) {
    #attachDocument_tb {
        width: 100%;
    }

        #attachDocument_tb > tbody > tr > td {
            display: block;
        }

        #attachDocument_tb > tbody > tr:nth-child(9) > td:nth-child(n+3) {
            display: inline-block;
        }

        #attachDocument_tb > tbody > tr:nth-child(10) > td:nth-child(1) > span:nth-child(2) {
            display: none;
        }

    #interfaceContent_StaticForm_lblDocumentDescription {
        display: none;
    }

    #interfaceContent_StaticForm_lblFileUpload {
        display: none;
    }
}

@media(min-width: 1024px) {
    #attachDocument_tb {
        width: 80%;
    }

        #attachDocument_tb > tbody > tr:nth-child(9) > td:nth-child(1) > br:nth-child(3) {
            display: none;
        }

        #attachDocument_tb > tbody > tr:nth-child(9) > td:nth-child(1) > span:nth-child(2) {
            display: none;
        }

    #interfaceContent_StaticForm_fupFileUpload {
        width: 229px;
    }

    #interfaceContent_StaticForm_lblDocumentDescriptionMobile {
        display: none;
    }

    #interfaceContent_StaticForm_txtDocumentDescription {
        width: 260px;
    }
}

/* Mouse Signature */

.m-signature-pad {
    position: absolute;
    font-size: 10px;
    top: 50%;
    left: 0%;
    min-width: 250px;
    min-height: 140px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
}

.m-signature-pad--body {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 60px;
    border: 1px solid #f4f4f4;
}

    .m-signature-pad--body canvas {
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
    }

.m-signature-pad--footer {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    height: 40px;
}

    .m-signature-pad--footer .description {
        color: #C3C3C3;
        text-align: center;
        font-size: 1.2em;
        margin-top: 1.8em;
    }

    .m-signature-pad--footer .button {
        position: absolute;
        bottom: 0;
    }

        .m-signature-pad--footer .button.clear {
            left: 0;
        }

        .m-signature-pad--footer .button.save {
            right: 0;
        }

@media screen and (max-width: 1024px) {
    .m-signature-pad {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        min-width: 250px;
        min-height: 140px;
    }
}

@media screen and (max-height: 320px) {
    .m-signature-pad--body {
        left: 0;
        right: 0;
        top: 0;
        bottom: 32px;
    }

    .m-signature-pad--footer {
        left: 20px;
        right: 20px;
        bottom: 4px;
        height: 28px;
    }

        .m-signature-pad--footer .description {
            font-size: 1em;
            margin-top: 1em;
        }
}

/*--- Prevent zoom on field focus for iPhone ---*/

/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, select:focus, textarea, textarea:focus,
    input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"], input[type="tel"], input[type="color"] {
        font-size: 16px;
    }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, select:focus, textarea, textarea:focus,
    input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"], input[type="tel"], input[type="color"] {
        font-size: 16px;
    }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, select:focus, textarea, textarea:focus,
    input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"], input[type="tel"], input[type="color"] {
        font-size: 16px;
    }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, select:focus, textarea, textarea:focus,
    input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"], input[type="tel"], input[type="color"] {
        font-size: 16px;
    }
}

/*----- Recover username / password styles -----*/

@media(min-width: 1024px) {
    #updatePassword_tb {
        width: 400px;
    }
}

/*-------- Login Dialog (iframe) styles --------*/

#loginDialog_fs {
    border: none;
    margin: 0;
    padding: 10px;
}

    #loginDialog_fs > div > table > tbody > tr:nth-child(-n+2) > td > input {
        width: 125px;
    }

/*-------------- Thank you styles --------------*/

@media(min-width: 1024px) {
    #interfaceContent_pnlThankyou {
        margin: 0 0 0 50px;
        width: 800px;
    }

        #interfaceContent_pnlThankyou > table {
            margin: 0 0 0 50px;
            width: 800px;
        }
}

@media not all and (min-width: 1024px) {
    #interfaceContent_pnlThankyou {
        margin-top: 10px;
    }

    #thankYou_fs {
        border: none;
    }
}

#interfaceContent_pnlThankyou > div {
    margin-top: 15px;
    text-align: center;
}

/*---------- Apply/Default.aspx styles ---------*/

@media(min-width: 1024px) {
    #applyDefault_fs {
        float: right;
        margin: 25px 20px 0px 10px;
    }
}

@media not all and (min-width: 1024px) {
    #applyDefault_fs {
        border: none;
    }

        #applyDefault_fs > div > table {
            margin: 0 auto;
        }

            #applyDefault_fs > div > table > tbody > tr:first-child > td {
                text-align: center;
            }

                #applyDefault_fs > div > table > tbody > tr:first-child > td > input {
                    margin: 0 auto 15px auto;
                }

            #applyDefault_fs > div > table > tbody > tr:nth-child(4) > td > input {
                margin: 10px 0;
            }

    .applyDefaultLangContainer {
        padding-left: 42px;
        padding-right: 42px;
    }
}

/*---------- Appointments.aspx styles ----------*/

#Appointments_tbl .niprDataLicense_tbl > tbody > tr > td {
    display: table-cell;
}

#Appointments_tbl .niprDataLicense_tbl > tbody > tr > th {
    display: table-cell;
    font-weight: bold;
}

#Appointments_tbl .niprDataLicense_tbl > tbody > tr:nth-child(2) > td:nth-child(1)::before {
    content: "";
}

#Appointments_tbl .niprDataLicense_tbl > tbody > tr:nth-child(2) > td:nth-child(2)::before {
    content: "";
}

#Appointments_tbl .niprDataLicense_tbl > tbody > tr:nth-child(2) > td:nth-child(3)::before {
    content: "";
}

#Appointments_tbl .niprDataLicense_tbl > tbody > tr:nth-child(2) > td:nth-child(4)::before {
    content: "";
}

#Appointments_tbl .niprDataLicense_tbl > tbody > tr:nth-child(2) > td:nth-child(5)::before {
    content: "";
}

#Appointments_tbl .niprDataLOA_tbl > tbody > tr > td {
    display: table-cell;
}

    #Appointments_tbl .niprDataLOA_tbl > tbody > tr > td:nth-child(1)::before {
        content: "";
    }

    #Appointments_tbl .niprDataLOA_tbl > tbody > tr > td:nth-child(2)::before {
        content: "";
    }

    #Appointments_tbl .niprDataLOA_tbl > tbody > tr > td:nth-child(3)::before {
        content: "";
    }

    #Appointments_tbl .niprDataLOA_tbl > tbody > tr > td:nth-child(4)::before {
        content: "";
    }

    #Appointments_tbl .niprDataLOA_tbl > tbody > tr > td:nth-child(5)::before {
        content: "";
    }

#Appointments_tbl .niprDataLOA_tbl > tbody > tr > th {
    display: table-cell;
    font-weight: bold;
}

#Appointments_tbl .niprDataAppt_tbl > tbody > tr > td {
    display: table-cell;
}

    #Appointments_tbl .niprDataAppt_tbl > tbody > tr > td:nth-child(1)::before {
        content: "";
    }

    #Appointments_tbl .niprDataAppt_tbl > tbody > tr > td:nth-child(2)::before {
        content: "";
    }

    #Appointments_tbl .niprDataAppt_tbl > tbody > tr > td:nth-child(3)::before {
        content: "";
    }

    #Appointments_tbl .niprDataAppt_tbl > tbody > tr > td:nth-child(4)::before {
        content: "";
    }

    #Appointments_tbl .niprDataAppt_tbl > tbody > tr > td:nth-child(5)::before {
        content: "";
    }

    #Appointments_tbl .niprDataAppt_tbl > tbody > tr > td:nth-child(6)::before {
        content: "";
    }

    #Appointments_tbl .niprDataAppt_tbl > tbody > tr > td:nth-child(7)::before {
        content: "";
    }

    #Appointments_tbl .niprDataAppt_tbl > tbody > tr > td:nth-child(8)::before {
        content: "";
    }

#Appointments_tbl .niprDataAppt_tbl > tbody > tr > th {
    display: table-cell;
    font-weight: bold;
}

#Appointments_tbl .niprDataStateName::before {
    content: "";
}

#Appointments_tbl .niprDataStateName {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
    display: table-cell;
    width: auto;
}

#Appointments_tbl .niprDataAppt_tbl {
    margin-bottom: 30px;
}

#Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td {
    display: table-cell;
}

    #Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td:nth-child(1)::before {
        content: "";
    }

    #Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td:nth-child(2)::before {
        content: "";
    }

    #Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td:nth-child(3)::before {
        content: "";
    }

    #Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td:nth-child(4)::before {
        content: "";
    }

    #Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td:nth-child(5)::before {
        content: "";
    }

    #Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td:nth-child(6)::before {
        content: "";
    }

    #Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td:nth-child(7)::before {
        content: "";
    }

    #Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td:nth-child(8)::before {
        content: "";
    }

    #Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td:nth-child(9)::before {
        content: "";
    }

    #Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td:nth-child(10)::before {
        content: "";
    }

    #Appointments_tbl .niprDataRegAct_tbl > tbody > tr > td:nth-child(11)::before {
        content: "";
    }

#Appointments_tbl .niprDataRegAct_tbl > tbody > tr > th {
    display: table-cell;
    font-weight: bold;
}

#Appointments_tbl .niprDataAddresses_tbl > tbody > tr > td:first-child::before {
    content: "";
}

#Appointments_tbl .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td {
    display: table-cell;
}

    #Appointments_tbl .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td:nth-child(1)::before {
        content: "";
    }

    #Appointments_tbl .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td:nth-child(2)::before {
        content: "";
        margin-left: 0;
    }

    #Appointments_tbl .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > td:nth-child(3)::before {
        content: "";
    }

#Appointments_tbl .niprDataAddresses_tbl > tbody > tr > td > table > tbody > tr > th {
    display: table-cell;
    font-weight: bold;
}

#Appointments_tbl #niprDataAddresses_h, #Appointments_tbl #niprDataRegAct_h {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

#Appointments_tbl #niprDataAddresses_h {
    margin-top: 30px;
}


/* Manage Invitations */
.manageInvitationsFilterToggle {
    display: inline-block;
    padding-right: 4px;
}

.manageInvitationsAdvancedFilterRow {
    display: none;
}

.manageInvitationsAdvancedFilters input[type=text], select {
    width: 100px;
}

.manageInvitationsAdvancedFiltersDate_td input[type=text] {
    width: 84px;
}

.manageInvitationsAdvancedFilters #FilterContainer_Status input {
    width: 100px;
}

.manageInvitationsAdvancedFilters td {
    width: 116px;
}

    .manageInvitationsAdvancedFilters td:last-child {
        width: 125px;
    }

#manageInvitationsCollapsedFilterButtons, #manageInvitationsExpandedFilterButtons {
    text-align: right;
}

#historicalDataContainer {
    margin: 50px;
}
/*--------Vendor Application Summary styles--------*/

#vendorAppSummCOI > table, #vendorAppSummBusInfo > table {
    width: 100%;
    table-layout: fixed;
}

    #vendorAppSummCOI > table td, #vendorAppSummBusInfo > table td {
        width: 25%;
        height: 30px;
    }

#vendorAppSummCOI tr:nth-child(2n+3) td {
    border-top: 1px solid #CFCFCF;
}

#vendorAppSummCOI tr:last-child td {
    border-top: none;
}

#update_COI_div > table:nth-child(n+2) {
    margin-top: 15px;
}

/*--------MFA styles--------*/

#verifyInfo_div {
    padding: 10px;
}

    #verifyInfo_div #txtEmail {
        width: 200px;
    }

.tfaheading {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    text-align: center;
    font-size: 26px;
    margin: 15px 15px 15px 15px;
}

.tfainst {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    text-align: center;
    font-size: 16px;   
}

.tfainst2 {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    text-align: center;
    font-size: 12px;
    margin: 10px 10px 10px 10px;
    font-weight: bold;
    padding: 1px;
    color: #333333;
    vertical-align: bottom;
    display: inline-block;
    width : 500px;
}

.tfadata {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    text-align: center;
    font-size: 12px;
    margin: 10px 10px 10px 10px;
    font-weight: normal;
    padding: 1px;
    color: #333333;
    vertical-align: bottom;
    display: inline-block;
    width: 200px;
}
.tfadata_header {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    text-align: center;
    font-size: 12px;
    margin: 10px 10px 10px 10px;
    font-weight: normal;
    padding: 1px;
    color: #333333;
    vertical-align: bottom;
    display: inline-block;
    width: 200px;
    font-weight : bold;
}

.tfadataleft_td {
    font-family: "Trebuchet MS", Trebuchet, Arial;
    text-align: left;
    font-size: 12px;
    margin: 10px 10px 10px 10px;
    font-weight: normal;
    padding: 1px;
    color: #333333;
    vertical-align: bottom;
    display: inline-block;
    width: 200px;
}
