@import url("reset.css");
@import url("layout.css");

body {
    font: 10.5px arial,Verdana, Trebuchet MS, tahoma;
}

.cap-view {
    background-position: 0 -255px;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    width: 1000px;
}

.display-label {
    margin: 10px 0 0 0;
    font-weight: bold;
    font-size: small;
}

.display-field {
    margin: -20px 0 0 290px;
}

#logo:link, #logo:visited {
    display: block;
    width: 216px;
    height: 89px;
    position: absolute;
    top: 8px;
    left: 8px;
    text-indent: -999.9em;
    background: url(/Content/Images/logo.jpg) no-repeat;
}

#logo:hover, #logo:active {
    border: none;
}

#Tele {
    width: 100%;
}

#AgentsList {
    width: 1000px;
}

#Filter {
    width: 100%;
    background-color: #e3eeff;
    border: 0px;
}

#iFilter {
    padding: 5px;
}

.page-title {
    color: #3b3b3b;
    font: bold 1em/1.4em Arial;
    position: absolute;
    left: 71px;
    top: 74px;
    text-transform: uppercase;
    padding: 3px 2px 0;
    border-top: 1px solid #c0c0c0;
    letter-spacing: 1px;
}

#header .floatRight {
    background: url(/Content/Images/main-menu-bg.png) no-repeat;
    width: 768px;
    height: 90px;
}

.login {
    float: right;
    text-align: left;
    margin: 5px 20px 0 0;
}

    .login p {
        font: normal 1em/1.2em Arial;
        margin-bottom: 0;
    }

        .login p strong {
            border-bottom: 1px solid #c0c0c0;
        }

        .login p a:link, .login p a:visited {
        }
/*----------------------------------------*/

#mainMenu {
    margin: 0;
    clear: both;
    padding: 13px 0 0 20px;
    font-size: 1em;
}

    #mainMenu li {
        float: left;
        margin: 0;
        position: relative;
        list-style-type: none;
        padding: 0 5px;
        border-right: 1px solid #3c3c3c;
    }

    #mainMenu a:link, #mainMenu a:visited {
        display: block;
        color: #3c3c3c;
        font: normal 1.2em/1.2em Arial;
    }

    #mainMenu a:hover, #mainMenu a:active {
        border: none;
    }

/*-----------------------------------------*/
.link {
    text-align: left;
    margin: 0;
    list-style: Vertical;
    font-size: 1.2em;
    padding-top: 25px;
}

    .link li {
        display: inline-block;
        margin: 0;
        padding: 0 15px;
    }

        .link li a:link, .link li a:visited {
            display: block;
            height: 46px;
        }

        .link li a.link-1:link, .link li a.link-1:visited {
            background: url(/Content/Images/new-medical-screening.png) no-repeat;
            width: 222px;
        }

        .link li a.link-2:link, .link li a.link-2:visited {
            background: url(/Content/Images/rescreen-a-customer.png) no-repeat;
            width: 200px;
        }

        .link li a.link-3:link, .link li a.link-3:visited {
            background: url(/Content/Images/pay-for-deferred-screening.png) no-repeat;
            width: 234px;
        }
/*--------------------------*/
#login {
    width: 346px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -153px 0 0 -188px;
    border: 2px solid #dfdfdf;
    padding: 13px 15px;
}

    #login p {
        color: #3b3b3b;
    }

    #login #logo {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 10px;
    }

.login-form {
    padding-right: 40px;
}

    .login-form label {
        float: left;
        width: 90px;
        padding-right: 13px;
        color: #3b3b3b;
        font: normal 1.1em/1.833em Arial;
        margin-bottom: 7px;
        text-align: right;
    }

    .login-form input.text {
        float: left;
        border: 1px solid #aaadb2;
        width: 189px;
        padding: 2px 6px;
        height: 16px;
        font: normal 1.2em/1.333em Arial;
        margin-bottom: 7px;
    }

    .login-form input.submit {
        float: right;
        clear: both;
        cursor: pointer;
        font: normal 1.2em/1.333em Arial;
        color: #000000;
    }
/*------------------------*/
.errorpanel {
    border: 1px solid #c0c0c0;
    background: #f6f0f0;
    padding: 10px 10px 0;
    font: 1em/1.6em Arial;
    margin-bottom: 10px;
}

    .errorpanel strong {
        font: 1.2em Arial;
        font-weight: bold;
    }

.step-1 .info {
    border: 1px solid #c0c0c0;
    background: #f0f5f6;
    padding: 10px;
}

    .step-1 .info h4 {
        color: #3b3b3b;
        font: bold 1.2em/1.1666em Arial;
        margin-bottom: 0;
    }

.radio-box {
    float: right;
    position: relative;
}

    .radio-box .bVErrMsgContainer {
        left: -620px;
        width: 600px;
    }

    .radio-box .bvalidator_errmsg {
        left: 0 !important;
        top: -5px !important;
    }

.bvalidator_errmsg {
    color: #9a0202;
    font: bold 1.2em/1.666em Arial;
}

    .bvalidator_errmsg div {
        font-weight: bold;
    }

.radio-box input {
    float: left;
    margin: 0 5px 0 0;
    height: 12px;
    padding: 0;
}

.radio-box label {
    float: left;
    width: 55px;
    font: normal 1.2em Arial; /*line-height:1.1666em;*/
    margin: 0;
}

.agent-select {
    padding: 20px 0 14px;
    margin-bottom: 13px;
    border-bottom: 1px solid #c0c0c0;
}

    .agent-select .floatLeft {
        /*width: 232px;*/
        position: relative;
    }

    .agent-select label {
        font: normal 1.2em/1.833em Arial;
        margin: 0;
        float: left;
        padding-right: 8px;
        position: relative;
    }

    .agent-select .floatLeft label {
        /*width: 114px;*/
        text-align: right;
    }

    .agent-select .floatRight {
        width: 370px;
    }

    .agent-select select {
        float: left; /*width: 110px;*/
        color: #3b3b3b;
        font: normal 1.2em/1.833em Arial;
        height: 22px;
    }

    .agent-select .floatRight input {
        float: left;
        width: 100px;
    }

    .agent-select .floatRight span {
        position: absolute;
        left: 0;
        top: 12px;
        font-size: 0.833em;
    }

input[type=submit] {
    cursor: pointer;
}

    input[type=submit].floatRight {
        padding: 0 20px;
    }

.agent-select .floatLeft .bvalidator_errmsg {
    width: 110px;
    left: 121px !important;
    top: 25px !important;
    color: #9a0202;
    font: bold 1.2em/1.666em Arial;
}

.bvalidator_close_icon {
    display: none !important;
}
/*-----------------------*/
.border-t {
    border-top: 1px solid #c0c0c0;
    padding-top: 13px;
    margin-top: 15px;
    overflow: hidden;
}

.date-box {
    width: 260px;
    margin: 0 auto;
    margin-bottom: 40px;
}

    .date-box .iswintersports {
        font: 1.2em Arial;
    }

        .date-box .iswintersports label {
            float: none;
            width: auto;
            font: 1em Arial;
        }

        .date-box .iswintersports input {
            float: none;
            width: auto;
        }

            .date-box .iswintersports input#WSYes {
                margin-left: 50px;
            }

    .date-box .line {
        padding: 10px 7px;
        overflow: hidden;
        position: relative;
    }

    .date-box .one {
        background: #e5ecee;
    }

    .date-box label {
        float: left;
        color: #3b3b3b;
        font: normal 1.2em Arial;
        margin: 0;
    }

    .date-box select {
        float: right;
        margin: 0;
        color: #3b3b3b;
        font: normal 1.2em Arial;
        width: 108px;
    }

    .date-box input {
        float: right;
        color: #3b3b3b;
        font: normal 1.2em Arial;
        width: 102px;
    }

.ui-datepicker th span, .ui-datepicker .ui-datepicker-title span {
    font-weight: bold;
}

.date-box .line .bvalidator_errmsg {
    width: 135px;
    left: 0 !important;
    top: 15px !important;
    color: #9a0202;
    font: bold 1.2em/1.1666em Arial;
}
/*-------------------------------*/
.travell-box {
    width: 380px;
    margin: 0 auto 15px;
}

.travell-info {
    border: 1px solid #c0c0c0;
    margin-bottom: 25px;
    background: #e5ecee;
    padding: 10px;
}

    .travell-info h4 {
        color: #3b3b3b;
        font: bold 1.2em/1.1666em Arial;
        margin-bottom: 0;
    }

    .travell-info p {
        color: #3b3b3b;
        font: normal 1.2em/1.1666em Arial;
        margin-bottom: 0;
        padding-right: 60px;
    }

.travell-info-inner p {
    padding: 0;
}

.travell-info label {
    float: left;
    margin: 0;
    padding-right: 8px;
    color: #3b3b3b;
    font: bold 1.2em/1.833em Arial;
}

.travell-info span {
    margin-top: -10px;
}

.travell-info select {
    float: left; /*width: 37px;*/
    height: 22px;
    margin: 0;
}

.cmxform h3, .travell-box h3 {
    color: #3b3b3b;
    font: bold 1.4em/2.5em Arial;
    margin-bottom: 9px;
    padding: 0 10px;
    background: #e5ecee;
}

.cmxform h4, .travell-box h4 {
    color: #3b3b3b;
    font: bold 1.4em/2.5em Arial;
    margin-bottom: 9px;
    padding: 0 10px;
    background: #f0f5f7;
}

    .cmxform h4.noindent, .travell-box h4.noindent {
        padding: 0;
    }

.travell-padding {
    padding: 0 15px 10px;
}

.travell-box .title {
    float: left;
    width: 53px;
    padding-right: 11px;
}

.travell-box .firstname {
    float: left;
    width: 101px;
    padding-right: 11px;
}

    .travell-box .firstname input {
        width: 95px;
    }

.travell-box .age {
    float: right;
    width: 26px;
}

    .travell-box .age input {
        width: 20px;
    }

.travell-box label {
    color: #3b3b3b;
    font: normal 1.2em/1.833em Arial;
    margin: 0;
}

.travell-box input, .travell-box select {
    color: #3b3b3b;
    margin: 0;
}

.travell-padding .field-validation-error /* for summary page validation */ {
    text-align: right;
}

span.postcode {
    clear: both;
    padding-top: 14px;
    display: block;
    padding-bottom: 10px;
}

    span.postcode label {
        float: left;
        width: 64px;
    }
    /*span.postcode input.text*/
    span.postcode input[type=text] {
        float: left;
        width: 64px;
        margin-right: 15px;
    }

    span.postcode input.submit {
        font: normal 1.2em/1.833em Arial;
    }

    span.postcode span.smallprint {
        color: #3b3b3b;
        font-size: 0.8em;
    }

span.line-only {
    display: block;
    padding-bottom: 10px;
    overflow: hidden;
}

    span.line-only label {
        float: left;
        width: 64px;
    }

    span.line-only input {
        float: right;
        width: 280px;
    }

    span.line-only select {
        width: 120px;
    }

    span.line-only a:link, span.line-only a:visited {
        float: left;
        margin-left: 64px;
        color: #3b3b3b;
        font: normal 1em/1.2em Arial;
        clear: both;
        text-decoration: underline;
        padding: 5px;
    }

.travell-box .firstname .bvalidator_errmsg {
    top: -3px !important;
    left: 0 !important;
    width: 101px;
}

.travell-box .age .bvalidator_errmsg {
    top: -3px !important;
    left: -36px !important;
    width: 78px;
}

span.postcode .bvalidator_errmsg {
    top: 17px !important;
    left: 64px !important;
    width: 96px;
}

span.line-only .bvalidator_errmsg {
    top: 16px !important;
    left: 64px !important;
    width: 135px;
}

span.textarea {
    display: block;
    padding-bottom: 10px;
}

    span.textarea label {
        display: block;
    }

    span.textarea textarea {
        width: 344px;
        color: #3b3b3b;
        font: normal 1.2em/1.166em Arial;
        height: 75px;
    }
/*-----------------------------*/
.travell-box .info-one {
    display: block;
    text-align: left;
    line-height: 1.166em;
}

.ignore {
    float: right;
    padding: 7px 11px 0 0;
}

    .ignore label {
        float: left;
        padding-right: 5px;
    }

    .ignore input {
        float: left;
        height: 13px;
        margin-top: 4px;
    }

.fot-travell {
    float: right;
    padding-top: 3px;
}

.travell-one {
    padding: 5px 10px;
    overflow: hidden;
}

.travell-one-blue {
    background: #F0F5F7;
}

.travell-box .fot-travell label {
    line-height: 1.166em;
    float: left;
    padding-right: 5px;
    font-weight: bold;
}

.travell-one h5 {
    color: #3b3b3b;
    font: bold 1.2em/1.666em Arial;
    margin: 0;
}

.travell-one p {
    color: #3b3b3b;
    font: normal 1.2em/1.666em Arial;
    margin: 0;
}

    .travell-one p a:link, .travell-one p a:visited {
        color: #3b3b3b;
        text-decoration: underline;
    }

.travell-one .bvalidator_errmsg {
    width: 100px;
    left: -7px !important;
    top: 80px !important;
}

.travell-padding-one .floatRight {
    width: 80px;
}

    .travell-padding-one .floatRight span {
        display: block;
        padding-bottom: 3px;
    }

    .travell-padding-one .floatRight label {
        width: 61px;
        float: left;
        text-align: right;
        line-height: 1.5em;
        font-weight: bold;
    }

    .travell-padding-one .floatRight input {
        float: right;
        margin-top: 3px;
    }

.travell-padding-one .floatLeft {
    padding-top: 8px;
    width: 100px;
}

    .travell-padding-one .floatLeft strong {
        display: block;
        padding-bottom: 8px;
        font: bold 1.4em/1.1428em Arial;
    }

    .travell-padding-one .floatLeft a:link, .travell-padding-one .floatLeft a:visited {
        font: normal 1.2em/1.1666em Arial;
        color: #3b3b3b;
        text-decoration: underline;
    }

.travell-padding-one .floatRight span .bvalidator_errmsg {
    width: 100px;
    left: -6px !important;
    top: 44px !important;
}

.travell-padding.travell-padding-one.clearfix strong {
    display: block;
    padding: 7px 0;
    font-size: 1.2em;
}

.travell-2 strong {
    display: block;
    padding: 7px 0;
    font-size: 1.2em;
}

.travell-2 a:link, .travell-2 a:visited {
    font-size: 1.2em;
    text-decoration: underline;
}
/*-------------------------*/
.red {
    color: #9a0202;
}

a.home:link, a.home:visited {
    float: right;
    background: url(/Content/Images/home-button.png) no-repeat;
    color: #000000;
    font: normal 1.2em/1.833em Arial;
    text-decoration: none;
    height: 22px;
    width: 69px;
    text-align: center;
}

.total {
    border-top: 1px solid #c0c0c0;
    overflow: hidden;
}

    .total strong {
        float: right;
        border-bottom: 1px solid #c0c0c0;
        font: bold 1.2em/1.75em Arial;
    }

.travell-not-covered h3 {
    color: #9d9d9d;
    background: #f2f5f6;
}

.travell-not-covered h4, .travell-not-covered p {
    color: #9d9d9d;
}
/*-----------------------------*/
.line-two {
    display: block;
    padding-bottom: 13px;
}

    .line-two label {
        float: left;
        width: 85px;
    }

    .line-two select {
        float: left; /*width: 110px; Removed because of card type width on payment page */
        height: 21px;
    }

        .line-two select.mont {
            width: 38px;
        }

        .line-two select.year {
            width: 55px;
        }

    .line-two input {
        width: 196px;
        float: left;
    }

        .line-two input.security {
            width: 32px;
        }

    .line-two span {
        float: left;
        padding: 0 5px;
        font: normal 1.8em/1.222em Arial;
    }

        .line-two span.field-validation-error span {
            float: left;
            padding-left: 85px;
            font: normal 0.7em/1.222em Arial;
        }

    .line-two .bvalidator_errmsg {
        width: 200px;
        left: 85px !important;
        top: 18px !important;
    }

.no-padd {
    padding-bottom: 0 !important;
}

.error {
    float: right;
    padding-right: 30px;
    color: #9a0202;
    font: bold 1.2em/1.666em Arial;
}

#MaestroDetails {
    border: 1px solid #C0C0C0;
    padding: 10px 10px 0;
    margin-bottom: 10px;
    background: #F0F5F7;
}

#AddressesLink {
    padding-bottom: 10px;
    display: block;
}

#Addresses {
    border: 1px solid #C0C0C0;
    padding: 10px 10px 0;
    margin-bottom: 10px;
    background: #F0F5F7;
}

#AddressesClose {
    float: right;
    cursor: pointer;
}

#Addresses p.noMargin.clearfix a {
    text-decoration: underline;
    font-weight: bold;
}

    #Addresses p.noMargin.clearfix a span {
        font-weight: inherit;
    }
/*------------------------------*/
.field-validation-error {
    display: block;
    clear: both;
    color: Red;
    font: 1.2em Arial;
}

.login-form .field-validation-error {
    margin: 0 0 10px 110px;
}
/*------------------------------*/
/* SUMMARY - CONDITIONS MODAL */

#conditionsList {
    /*position: absolute; 	width:500px; 	border: 1px solid black;*/
    padding: 10px; /*background-color: #FFFFFF;*/
}

#conditionsList {
    /*height: 200px;*/
    overflow: auto;
}

    #conditionsList span.condition {
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    #conditionsList span.questioneditor-field {
        display: block;
    }

    #conditionsList span.answer {
        display: block;
        padding-left: 20px;
        margin-bottom: 10px;
    }

.editor-label {
    margin: 10px 0 0 0px;
}

.editor-field {
    margin: -20px 0 0 220px;
}



/*------------------------------*/
/* REPORT A PROBLEM */
#ReportedProblemForm .editor-label label {
    font-weight: bold;
}

#ReportedProblemForm .editor-field {
    margin-bottom: 10px;
}

/*------------------------------*/
/* POSTCODE LOOKUP */
.PostcodeLookup_Container {
    font: 1.2em Arial;
    margin-bottom: 10px;
    display: block;
}

    .PostcodeLookup_Container .PostcodeLookup_StatusMsg {
        display: block;
    }

    .PostcodeLookup_Container select {
        width: 100%;
        font: 1em Arial;
    }


/*------------------------------*/
.infobox {
    border: 1px solid #c0c0c0;
    background: #f0f5f6;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 6px 6px 6px 6px;
}

    .infobox span {
        float: right;
        font-size: 10px;
    }

#bttn_downLoad {
    border: none;
    padding: 0;
    background-color: #fff;
    border: #fff;
    text-decoration: none;
    color: #4186bb;
}

    #bttn_downLoad:hover {
        outline: 0;
        text-decoration: underline;
    }

.f-button{
    height:25px;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: hidden;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.1em;
}


.setcss{
    margin: 10px;
    font-style: normal;
    font-size: 1em;
    font-family: inherit;
}

select#agentselect {
    color: #3b3b3b;
    font: normal 1em/1.833em Arial;
    margin-bottom: 0;
    border-radius: 0px;
    border-color: rgb(169, 169, 169);
    height: 21px;
}

input#condfilter {
    cursor: pointer;
    border: 1px solid #dddddd;
    background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
}

.agentfilter Label{
    margin: 0;
    float: left;
    padding-right: 8px;
    position: relative;
    font: normal 1.2em/1.833em Arial;
}

.not-active {
   pointer-events: none;
   cursor: default;
   color: grey !important;
}

.agentbar {
   float: left;
   clear: both;
   width: 1010px !important;
   height: 2px !important;
   background-color: gray !important;
   border: none;
}