﻿#containerR {
    width: 720px;
    padding: 10px;
    padding-top: 0px;
}

.centerupload {
    justify-content: center;
    position: relative;
    margin: 0 auto;
    text-align: center;
    left: 90%;
}

.mobilesignup {
    width: 80%;
    left: 27px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

#topR {
    text-align: center;
}

#middleLeftR {
    width: 50%;
    text-align: center;
    float: left;
    top: 0;
    left: 0;
    padding-bottom: 15px;
}

#middleRightR {
    width: 50%;
    text-align: center;
    float: left;
    top: 0;
    left: 0;
    padding-bottom: 15px;
}

#middleR {
    text-align: center;
    padding-bottom: 15px;
}

#bottomR {
    clear: both;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

#bottomcontentR {
    width: inherit;
    padding-left: 1px;
    padding-right: 1px;
    height: 345px;
    margin-top: 10px;
    [if lte IE 8]height: 220px;
    [if ! IE]min-height: 155px;
    [if gt IE 8]min-height: 155px;
}

#bottomleftR {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: left;
    width: 47%;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    padding-top: 10px;
    height: 100%;
    [if lte IE 8]height: 220px;
    [if ! IE]min-height: inherit;
    [if gt IE 8]min-height: inherit;
}

#bottommiddleR {
    float: left;
    position: relative;
    width: 5%;
    text-align: center;
    height: inherit;
}

#bottomrightR {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: right;
    overflow: hidden;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    width: 47%;
    vertical-align: middle;
    text-align: center;
    border-width: 1px;
    margin: auto;
    padding: 5px;
    padding-top: 10px;
    height: 100%;
    [if lte IE 8]height: 220px;
    [if ! IE]min-height: inherit;
    [if gt IE 8]min-height: inherit;
}

#TermsR, #TermsNR, #TermsP {
    font-size: smaller;
    color: #626060;
    text-align: center;
    clear: both;
}


.panelNoRedirectR {
    background-color: #FFF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 0px, 0px, 0px, 0px;
    position: relative;
    background-color: #FFF;
}

.panelNoRedirectF {
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 0px, 0px, 0px, 0px;
    position: relative;
    background-color: #FFF;
}

.btnViewResume {
    position: absolute;
    right: 0px;
    top: 10px;
}

.panelViewResume {
    background-color: #f5f5f5;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 0px, 0px, 0px, 0px;
    position: relative;
    width: 900px;
}

#containerNR, #containerP {
    /*width: 720px;  removed by kl*/
    padding: 10px;
    padding-top: 0px;
}

.form-group {
    margin-bottom: 2px !important;
}

.findMeFirst {
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
    position: absolute;
    left: 5px;
    padding: 5px;
    color: #FFF;
    background-color: #cb2004;
    font-size: 20px;
    font-weight: bold;
}

.findMeFirstLeftMenu {
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
    padding: 5px;
    margin-top: 10px;
    color: #FFF;
    background-color: #cb2004;
    font-size: 16px;
    font-weight: bold;
}

.findMeFirstApply {
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
    position: absolute;
    right: 15px;
    padding: 5px;
    color: #FFF;
    background-color: #cb2004;
    font-size: 16px;
    font-weight: bold;
}

.findMeFirstThankYou {
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
    position: absolute;
    /*float:left;*/
    left: 15px;
    bottom: 30px;
    padding: 5px;
    color: #FFF;
    background-color: #cb2004;
    font-size: 16px;
    font-weight: bold;
}

#topNR, #topP {
    text-align: center;
}

#middleLeftNR, #middleLeftP {
    [if lte IE 8]width: 48%;
    [if ! IE]width: 50%;
    [if gt IE 8]width: 50%;
    text-align: center;
    float: left;
    top: 0;
    left: 0;
    padding-bottom: 15px;
}

#middleRightNR, #middleRightP {
    [if lte IE 8]width: 48%;
    [if ! IE]width: 50%;
    [if gt IE 8]width: 50%;
    width: 50%;
    text-align: center;
    float: left;
    top: 0;
    left: 0;
    padding-bottom: 15px;
}

#middleNR, #middleP {
    text-align: center;
    padding-bottom: 15px;
}

#bottomNR, #bottomP {
    clear: both;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

#bottomcontentNR, #bottomcontentP {
    width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    height: 320px;
    margin-top: 10px;
    [if lte IE 8]height: 220px;
    [if ! IE]min-height: 155px;
    [if gt IE 8]min-height: 155px;
}

#bottomleftNR, .mobilebottomcontentNR, .mobilebottomcontentR, #bottomleftP, .mobilebottomcontentP {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: left;
    width: 48%;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    padding: 5px;
    padding-top: 10px;
    height: 100%;
    [if lte IE 8]height: 220px;
    [if ! IE]min-height: inherit;
    [if gt IE 8]min-height: inherit;
}

.mobilebottomcontentNR, .mobilebottomcontentR, .mobilebottomcontentP {
    float: none;
    width: 100%;
}

#bottommiddleNR, #bottommiddleP {
    float: left;
    position: relative;
    width: 4%;
    text-align: center;
    height: inherit;
}

#bottomrightNR, #bottomrightP {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: right;
    overflow: hidden;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    width: 48%;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    padding: 5px;
    padding-top: 10px;
    height: 100%;
    [if lte IE 8]height: 220px;
    [if ! IE]min-height: inherit;
    [if gt IE 8]min-height: inherit;
}

.LoginNR, .loginP {
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

    .LoginNR a, .loginP a {
    }

#R {
    clear: both;
    min-height: 33.33em;
    width: 100%;
}

#leftR {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: left;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    color: white;
    font-size: .875em;
    width: 194px;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.fish-nav {
    background-color: #f5f5f5 !important;
}

    .fish-nav a li {
        /*color:black !important;*/
    }

    .fish-nav a:hover li {
        /*color:silver !important;*/
    }

#leftR a:hover {
    text-decoration: none;
}

    #leftR a:hover li {
        /*color:silver;*/
        text-decoration: underline;
    }

#rightR {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: left;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    [if lte IE 8]width: 465px;
    [if ! IE]width: auto;
    [if gt IE 8]width: auto;
    text-align: center;
    [if lte IE 8]height: 417px;
    [if ! IE]min-height: inherit;
    [if gt IE 8]min-height: inherit;
    padding: .625em;
    width: 491px;
    margin-left: 10px;
}

.EOUpload {
    width: 466px;
}

#mainA {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    clear: both;
    background-color: white;
    width: auto;
    text-align: left;
    min-height: inherit;
    padding: .625em;
    border: solid;
    border-width: 1px;
}

    #mainA input {
        display: inline;
        text-align: left;
    }

    #mainA span {
        display: inline-block;
        width: 100px;
    }

#Qualifications input {
    display: block !important;
    text-align: left !important;
}

#Qualifications span {
    text-align: left !important;
    width: 100% !important;
}

    #Qualifications span input {
        display: inline-block !important;
        padding-right: 5px;
    }

#bottomTY {
    clear: both;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    background-color: white;
}

#bottomcontentTY {
    width: inherit;
    padding-left: 1px;
    padding-right: 1px;
    height: 240px;
    [if lte IE 8]height: 220px;
    [if ! IE]min-height: 155px;
    [if gt IE 8]min-height: 155px;
}

#bottomleftTY {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: left;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    width: 47%;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    padding: 5px;
    padding-top: 10px;
    height: 100%;
    [if lte IE 8]height: 220px;
    [if ! IE]min-height: inherit;
    [if gt IE 8]min-height: inherit;
}

#bottomrightTY {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: right;
    overflow: hidden;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    width: 47%;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    padding: 5px;
    padding-top: 10px;
    height: 100%;
    [if lte IE 8]height: 220px;
    [if ! IE]min-height: inherit;
    [if gt IE 8]min-height: inherit;
}

#bottomSJ {
    clear: both;
    width: inherit;
    text-align: center;
    padding-bottom: 10px;
    background-color: white;
}

    #bottomTY ul li a,
    #bottomSJ ul li a,
    #bottomALR ul li a {
        padding: 0px;
    }

.termsApply {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    [if lte IE 8]width: 465px;
    [if ! IE]width: auto;
    [if gt IE 8]width: auto;
    text-align: center;
    [if lte IE 8]height: 417px;
    [if ! IE]min-height: inherit;
    [if gt IE 8]min-height: inherit;
    padding: .625em;
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

.btnmobileblock {
    display: inline;
    margin: 0 0 10px 0 !important;
}

.mobileblock {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}


.checkboxlist_nowrap label {
    display: inline;
}

@media only screen and (max-width: 720px) {
    .mobilesignup {
        width: 80%;
        left: 42px;
        position: relative;
        margin: 0 auto;
        text-align: center;
    }


    .centerupload {
        justify-content: center;
        position: relative;
        margin: 0 auto;
        text-align: center;
        left: 40%;
    }

    #containerR, #containerNR, #containerP, .panelNoRedirectR, .panelNoRedirectF {
        width: 100%;
    }

    #middleLeftR, #middleRightR, #bottomleftR, #bottommiddleR, #bottomrightR,
    #middleLeftNR, #middleRightNR, #bottomleftNR, #bottommiddleNR, #bottomrightNR,
    #middleLeftP, #middleRightP, #bottomleftP, #bottommiddleP, #bottomrightP,
    .EOUpload, #leftR, #rightR, #mainA, #bottomleftTY, #bottomrightTY {
        width: 100%;
        height: auto;
        min-height: 0;
    }

    #leftR, #rightR {
        margin-left: auto;
        margin-right: auto;
    }

    #mainA input {
        /*display: block;*/
        text-align: left;
        
    }



    .btnmobileblock {
        display: inline;
        margin: 0 0 10px 0 !important;
    }


    #mainA span {
        width: 100%;
    }

    .stdcheckbox label
    {
        display: inline !important;
    }
}


@media only screen and (max-width: 450px) {
    .centerupload {
        justify-content: center;
        position: relative;
        margin: 0 auto;
        text-align: center;
        left: 40%;
        width:200px;
    }
}

@media only screen and (max-width: 342px) {
    .centerupload {
        justify-content: center;
        position: relative;
        margin: 0 auto;
        text-align: center;
        left: 40%;
        width: 150px;
    }
}