@import url('master.min.css');
.jquerybubblepopup {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    border: 0;
    z-index: 1500;
    text-align: center;
    background-color: transparent
}

    .jquerybubblepopup table {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        border: 0;
        empty-cells: show;
        background-color: transparent
    }

    .jquerybubblepopup tbody {
        display: table-row-group;
        vertical-align: middle;
        border: 0;
        background-color: transparent
    }

    .jquerybubblepopup td {
        margin: 0;
        padding: 0;
        background-color: transparent
    }

.jquerybubblepopup-bottom-left, .jquerybubblepopup-bottom-right, .jquerybubblepopup-top-left, .jquerybubblepopup-top-right {
    width: 21px;
    height: 21px;
    overflow: hidden;
    background-repeat: no-repeat
}

.jquerybubblepopup-bottom-middle, .jquerybubblepopup-top-middle {
    overflow: hidden;
    background-repeat: repeat-x
}

.jquerybubblepopup-middle-left, .jquerybubblepopup-middle-right {
    overflow: hidden;
    background-repeat: repeat-y
}

.jquerybubblepopup-tail {
    border: 0;
    margin: 0;
    padding: 0;
    display: inline
}

.jquerybubblepopup-all-black .jquerybubblepopup-innerHtml {
    font-family: Arial,"Trebuchet MS",sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 4px;
    padding: 5px
}

    .jquerybubblepopup-all-black .jquerybubblepopup-innerHtml h4 {
        font-size: 12px;
        font-family: arial,sans-serif;
        display: block;
        color: #fff;
        font-weight: 700;
        margin-bottom: 6px;
        margin-top: 0
    }

    .jquerybubblepopup-all-black .jquerybubblepopup-innerHtml p {
        color: #fff;
        font-size: 12px;
        margin-bottom: 4px;
        line-height: 1.2
    }

    .jquerybubblepopup-all-black .jquerybubblepopup-innerHtml ul {
        margin: 0 0 0 10px;
        padding: 0;
        line-height: 1.2
    }

    .jquerybubblepopup-all-black .jquerybubblepopup-innerHtml a {
        color: #fff;
        text-decoration: underline
    }

        .jquerybubblepopup-all-black .jquerybubblepopup-innerHtml a:hover {
            text-decoration: none;
            background: #0aa49c
        }

.jquerybubblepopup-all-black .jquerybubblepopup-innerHtml {
    background: url(../../images/beta/betaimg-map.png) no-repeat scroll 0 -740px #222f2f;
    min-height: 24px;
    background-color: #222f2f;
    padding-left: 30px;
    background: url(../../../images/beta/clearHelp.png) no-repeat scroll 1px -772px #87ceeb !important;
    color: #000 !important
}

body, html {
    margin: 0;
    padding: 0;
    background: #ebebeb;
    font-family: Arial,helvetica,Verdana,Sans-Serif
}

:focus {
   // outline: 0
}

#canvas {
    background-color: #fff;
    box-shadow: 0 0 60px #555;
    width: 100%;
    margin: 0 auto;
    margin-left: auto
}

@media (min-width:992px) {
    #canvas {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    #canvas {
        max-width: 1140px
    }
}

.hide {
    display: none
}

.panel {
    background-color: #e5e9ec;
    padding: 1px
}

#header {
    background-color: #fff;
    border-bottom: 2px solid #eee;
    padding: 0
}

    #header .panel {
        padding: 0
    }

#headContainer {
    background-color: #fff;
    border-bottom: 0 solid #f26522;
    padding: 0;
    position: relative
}

    #headContainer.short {
        background-color: #fff
    }

#landingContainer {
    background-color: #fff
}

#helpContainer {
    background-color: #b7c3ca;
    display: none
}

#searchContainer {
    min-height: 700px;
    background-image: url(../images/background/flash-grey.png);
    background-position: 0 -20px;
    background-repeat: no-repeat;
}

#accountPaymentContainer {
    background-color: #b7c3ca;
    min-height: 500px
}

#footerContainer {
    background-color: #222f2f;
    border-top: 2px solid #f26522;
    background-image: url(../images/background/flash-footer.png);
    background-position: right 0;
    background-repeat: no-repeat
}

#reportContainer {
    background-color: #fff;
    box-sizing: border-box;
    display: block;
    min-height: 600px;
    padding: 10px;
    position: relative;
    overflow: hidden
}

.grey3bg {
    background-color: #b7c3ca
}

.whitebg, .whtBG {
    background-color: #fff
}

.section {
    margin: 20px auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing:border-box;
}

@media (min-width:576px) {
    .section {
        max-width: 540px
    }
}
@media (min-width:768px) {
    .section {
        max-width: 720px
    }
}
@media (min-width:992px) {
    .section {
        max-width: 960px
    }
}
@media (min-width:1200px) {
    .section {
        max-width: 1140px
    }
}
@media (min-width:1400px) {
    .section {
        max-width: 1320px
    }
}

#searchBarContainer {
    margin-top: -210px;
    margin-bottom: 0
}

#navigationContainer {
    margin-bottom: 0;
    margin-top: 0;
    min-height: 80px;
    position: relative
}

.short #searchBarContainer {
    margin-top: 0
}

#landing {
    min-height: 400px
}

#helpPage {
    border-top: 1px solid #657078;
    margin-top: -1px
}

#failPage,#missingDataPage,#multiRequestPage {
    min-height: 700px
}
#missingDataPage h1, #multiRequestPage h1 {
    padding-left:50px;
}
#registrationContainer {
    min-height: 700px
}

#responseContainer {
    min-height: 800px
}

    #responseContainer.emailResponse {
        min-height: 500px
    }

#reportContainerSection {
    box-sizing: border-box;
    overflow: auto;
    padding: 0 10px;
    width: 100%
}

.minHt600 {
    min-height: 600px
}

.minHt700 {
    min-height: 700px
}

.minHt800 {
    min-height: 800px
}

.reportViewerContent {
    height: auto !important
}

.col {
    display: inline-block;
    vertical-align: top;
    padding: 10px
}

.leftLrg {
    width: 62%
}

.rightSml {
    width: 32%
}

.leftDivider {
    border-left: 1px solid #b7c3ca
}

.helpPagePadding {
    padding: 0 60px
}

#foot {
    padding: 20px 0
}

    #foot p {
        color: silver;
        font-size: 11px;
        padding: 0.05em 0 0
    }

    #foot .legal a {
        color: #fff;
        text-decoration: none
    }

        #foot .legal a:hover {
            color: #f26522;
            text-decoration: underline
        }

    #foot .arcSoftware, #foot .legal, #foot .links {
        display: inline-block;
        min-height: 30px;
        vertical-align: top
    }

    #foot .legal {
        width: 30%
    }

    #foot .links {
        width: 50%
    }

    #foot .arcSoftware {
        width: 15%;
        vertical-align: bottom
    }

    #foot .legal a {
        padding: 2px
    }

    #foot .legal .footLogo {
        background: url(../images/beta/clear_logos.png) no-repeat scroll -8px -95px rgba(0,0,0,0);
        display: block;
        height: 65px;
        width: 130px
    }

    #foot .links ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        #foot .links ul li {
            margin: 0;
            float: left;
            width: 100%
        }

            #foot .links ul li a, #foot .links ul li span {
                border-left: 2px solid transparent;
                color: #fff;
                display: block;
                font-size: 11px;
                padding: 4px 2px 4px 6px;
                text-decoration: none;
                width: 220px
            }

            #foot .links ul li a {
                text-decoration: underline
            }

            #foot .links ul li span.regNos {
                width: 400px;
                color: silver
            }

            #foot .links ul li a:hover {
                border-color: #f26522;
                background-color: #7b888d;
                text-decoration: none
            }

    #foot .arcSoftware a {
        background: url(../images/beta/betaimg-map.png) no-repeat scroll -282px -522px rgba(0,0,0,0);
        width: 100px;
        height: 32px;
        display: block;
        cursor: pointer;
        float: right
    }

        #foot .arcSoftware a:hover {
            background-position: -172px -522px
        }

h1 {
    color: #657078;
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    border-bottom: 1px solid #b7c3ca;
    margin: 15px 0 3px;
    padding-bottom: 15px
}

    h1.noUnderline {
        border-bottom: 0
    }

h2 {
    color: #657078;
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    margin: 5px 0;
    padding: 0
}

h3 {
    color: #657078;
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    margin: 10px 0;
    padding: 0
}

h4 {
    color: #657078;
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin: 5px 0;
    padding: 0
}

p {
    color: #000;
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    padding: 0
}

.wizardContextTxt {
    color: #657078;
    font-size: 13px;
    height: 18px;
    left: 260px;
    margin-right: 0;
    max-width: 570px;
    overflow: hidden;
    position: absolute;
    top: 16px
}

    .wizardContextTxt strong {
        color: #000
    }

.alertTxt {
    color: #ed008c
}

.successTxt {
    color: #8cc34b
}

.highlightTxt {
    color: #f26522
}

.purpleTxt {
    color: rgba(160,53,207,1)
}

.redTxt {
    color: #a3314b
}

.whtTxt {
    color: #fff !important
}

.blkTxt {
    color: #000
}

.grey1Txt {
    color: #e5e9ec
}

.grey2Txt {
    color: #b7c3ca
}

.grey3Txt {
    color: #657078
}

.grey4Txt {
    color: #222f2f
}

.centerTxt {
    text-align: center
}

.alertIcon {
    background: url(../images/beta/betaimg-map.png) no-repeat scroll -468px -142px transparent;
    padding: 0 7px 7px 32px
}

.successIcon {
    background: url(../images/beta/betaimg-map.png) no-repeat scroll -468px -173px transparent;
    padding: 0 7px 7px 32px
}

.blankIcon {
    padding-left: 32px
}

.goTo {
    background: url(../images/beta/betaimg-map.png) no-repeat scroll right -739px rgba(0,0,0,0);
    color: #f26522;
    display: inline;
    padding: 4px 22px 4px 2px
}

.pageDivider {
    width: 100%;
    height: 1px;
    border-top: 1px solid #b7c3ca;
    margin: 10px 0
}

.pad5 {
    padding: 5px 0
}

.pad10 {
    padding: 10px 0
}

.pad20 {
    padding: 20px 0
}

.bigPad {
    margin: 20px 0
}

.blank {
    border: 0
}

.topdots {
    border-top-style: dotted
}

.dots {
    border-style: dotted
}

.grey1 {
    border-color: #e5e9ec
}

.grey2 {
    border-color: #b7c3ca
}

.grey3 {
    border-color: #657078
}

.swMain .fixedButtons a, a.isButton, input[type="button"], input[type="submit"] {
    background-color: #b7c3ca;
    background-image: url(../Images/background/clearBtnBg.png);
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    box-sizing: border-box;
    color: #657078;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    height: 34px;
    line-height: 2.9;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    width: 118px
}

.swMain .fixedButtons a, a.isButton {
    font-size: 12px
}

.greenBtn, .swMain .buttonFinish, .swMain .buttonNext {
    background-color: #91c846 !important;
    color: #fff !important
}

.swMain .fixedButtons a:hover, a.isButton:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #f26522 !important;
    color: #fff;
    text-decoration: none;
    outline: none;
}

.showRight {
    float: right
}

.autoWidth {
    padding: 0 10px;
    width: auto !important
}

.buttonDisabled, .buttonDisabled:hover, .swMain .buttonDisabled, .swMain .fixedButtons .buttonDisabled:hover {
    background-color: #aaa !important;
    border-color: #b7c3ca !important;
    color: #657078 !important;
    cursor: default;
    opacity: .35
}

    .swMain .buttonDisabled.buttonFinish, .swMain .buttonDisabled.buttonNext {
        display: none
    }

.swMain .buttonFinish, .swMain .buttonNext {
    float: right
}

@keyframes load {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.wheel {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: load;
    animation-timing-function: linear;
    background: rgba(0,0,0,0) url(../images/beta/Icons_Responsive.png) repeat scroll -5px -2161px;
    display: none;
    height: 30px;
    left: 3px;
    position: absolute;
    top: 2px;
    width: 30px
}

.show.wheel {
    display: inline-block
}

.loaderButton {
    display: inline !important;
    float: right;
    margin: 0 !important;
    position: relative
}

#helpFormSuccess a.actionBtn {
    background: url(../images/beta/actionArrows.png) no-repeat scroll right -28px #8cc34b;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: auto;
    margin: 10px 5px 0 0;
    padding: 10px 40px 10px 20px;
    text-decoration: none;
    text-indent: 0;
    width: auto
}

    #helpFormSuccess a.actionBtn:hover {
        background-color: #f26522;
        color: #fff
    }

#helpPage a {
    margin: 16px 0;
    display: block;
    text-decoration: none
}

    #helpPage a .lrgHelpDisc {
        background: url(../images/beta/betaimg-map.png) no-repeat scroll -431px -72px rgba(0,0,0,0);
        display: inline-block;
        height: 60px;
        width: 60px
    }

    #helpPage a h4 {
        display: inline-block;
        margin: 20px 20px 20px 10px;
        vertical-align: top
    }

    #helpPage a p {
        display: inline-block;
        margin: 21px;
        vertical-align: top;
        max-width: 540px
    }

    #helpPage a:hover .lrgHelpDisc {
        background-position: -431px -2px
    }

    #helpPage a:hover h4 {
        color: #f26522
    }

.subtLink {
    color: #f26522;
    text-decoration: none
}

    .subtLink:hover {
        text-decoration: underline
    }

#landing .column {
    display: inline-block;
    vertical-align: top
}

    #landing .column.left {
        width: 540px
    }

    #landing .column.right {
        float: right;
        width: 280px;
        margin-top: 30px
    }

#landing .stepContainer {
    background-color: #e5e9ec;
    border-radius: 20px;
    height: 220px;
    margin-bottom: 20px;
    overflow: hidden
}

    #landing .stepContainer .step {
        border-right: 5px solid #fff;
        box-sizing: border-box;
        display: inline-block;
        float: left;
        height: 100%;
        width: 33.3%
    }

        #landing .stepContainer .step.step3 {
            border: 0
        }

        #landing .stepContainer .step span {
            border: 0 none;
            display: inline-block;
            height: 70px;
            width: 70px
        }

            #landing .stepContainer .step span.stepID {
                background: url(../images/beta/betaimg-map.png) no-repeat scroll 0 0 transparent;
                width: 55px
            }

        #landing .stepContainer .step.step1 span.stepID {
            background-position: 18px -507px
        }

        #landing .stepContainer .step.step2 span.stepID {
            background-position: -37px -507px
        }

        #landing .stepContainer .step.step3 span.stepID {
            background-position: -100px -507px
        }

        #landing .stepContainer .step span.stepIcon {
            background: url(../images/beta/betaimg-map.png) no-repeat scroll 0 0 #f26522;
            border-radius: 35px;
            margin-top: 20px
        }

        #landing .stepContainer .step.step1 span.stepIcon {
            background-position: -1px -373px
        }

        #landing .stepContainer .step.step2 span.stepIcon {
            background-position: -2px -436px
        }

        #landing .stepContainer .step.step3 span.stepIcon {
            background-position: -82px -373px
        }

        #landing .stepContainer .step h4 {
            text-align: center;
            padding: 5px 10px;
            margin-top: 10px
        }

#landing .helpContainer {
    border-bottom: 2px solid #657078;
    border-top: 2px solid #657078;
    display: inline-block;
    margin-bottom: 20px;
    padding: 15px 10px 15px 153px;
    text-decoration: none;
    overflow: hidden
}

    #landing .helpContainer span {
        background-color: #e5e9ec;
        border-radius: 70px;
        display: block;
        height: 130px;
        left: -150px;
        margin-bottom: -130px;
        position: relative;
        top: -20px;
        width: 130px;
        overflow: hidden
    }

        #landing .helpContainer span img {
            height: 105%
        }

    #landing .helpContainer P {
        color: #657078;
        display: inline-block;
        margin-top: 6px
    }

#landing .pointBox {
    margin: 10px 0 20px;
    position: relative
}

    #landing .pointBox span {
        background: url(../images/beta/betaimg-map.png) no-repeat scroll -164px 4px #657078;
        border-radius: 20px;
        display: block;
        height: 40px;
        margin: 0 0 -40px;
        width: 40px
    }

    #landing .pointBox p {
        left: 50px;
        line-height: 1.4;
        min-height: 40px;
        position: relative;
        width: 225px
    }

#landing .servicesBox {
    text-decoration: none;
    cursor: default
}

    #landing .servicesBox a.landingSwitch {
        background-image: url(../images/beta/betaLargeArrow.png);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 250px 10px;
        background-color: #657078;
        border-radius: 4px;
        overflow: hidden;
        padding: 15px 10px 15px 0;
        margin-top: 10px;
        display: inline-block;
        text-decoration: none;
        width: 100%
    }

        #landing .servicesBox a.landingSwitch span {
            background: url(../images/beta/betaimg-map.png) no-repeat scroll -350px -300px transparent;
            display: block;
            float: left;
            height: 60px;
            margin-bottom: -80px;
            margin-left: 10px;
            width: 80px
        }

        #landing .servicesBox a.landingSwitch p {
            color: #fff;
            left: 100px;
            line-height: 1.2;
            margin: 0;
            min-height: 60px;
            position: relative;
            width: 140px
        }

    #landing .servicesBox:hover a.landingSwitch {
        background-color: #f26522
    }

        #landing .servicesBox:hover a.landingSwitch span {
            background-position: -350px -230px
        }

#fairDealContainer {
    background-color: #e5e9ec;
    border-radius: 8px;
    padding: 10px 20px 30px;
    position: relative;
    border: 2px solid #b7c3ca;
    margin-top: 10px
}

    #fairDealContainer ul {
        padding: 0 20px;
        font-size: 16px
    }

        #fairDealContainer ul li {
            padding: 10px
        }

            #fairDealContainer ul li a {
                padding-right: 20px;
                text-decoration: none;
                color: #000;
                background: url(../images/beta/betaimg-map.png) no-repeat scroll right -770px transparent
            }

                #fairDealContainer ul li a:hover {
                    text-decoration: underline;
                    color: #f26522
                }

#closeFairDealBox {
    background: url(../images/beta/betaimg-map.png) no-repeat scroll -74px -1px #b7c3ca;
    border-radius: 8px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    cursor: pointer
}

    #closeFairDealBox:hover {
        background-color: #ed008c
    }

.ui-dialog {
    background-color: #fff;
    border: 5px solid #f26522;
    border-radius: 12px 12px 12px 12px;
    padding: 20px;
    width: 400px !important
}

.ui-dialog-titlebar {
    margin-bottom: 10px
}

    .ui-dialog-titlebar span {
        color: #f26522;
        font-family: arial,sans-serif;
        font-size: 22px
    }

    .ui-dialog-titlebar a.ui-dialog-titlebar-close {
        display: block;
        position: absolute;
        right: 4px;
        top: 4px;
        width: 30px
    }

        .ui-dialog-titlebar a.ui-dialog-titlebar-close span {
            background: url(../images/beta/betaimg-map.png) no-repeat scroll -122px -28px #b7c3ca;
            border-radius: 4px;
            color: #000;
            display: block;
            font-size: 11px;
            height: 20px;
            text-indent: -900em;
            width: 32px
        }

        .ui-dialog-titlebar a.ui-dialog-titlebar-close:hover span {
            background-position: -72px -28px;
            background-color: #ec008c
        }

#dialog p, #dialog-message p {
    font-size: 12px;
    color: #000;
    padding: 15px 0;
    line-height: 1.4;
    text-align: center
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: center
}

    .ui-dialog .ui-dialog-buttonpane button {
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 5px;
        color: #657078;
        cursor: pointer;
        height: 34px;
        margin-left: 5px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
        padding: 1px 20px
    }

        .ui-dialog .ui-dialog-buttonpane button:hover {
            background-color: #b7c3ca
        }

.ui-dialog .ui-dialog-content a {
    color: #f26522
}

.ui-dialog .ui-dialog-content label {
    font-weight: 700;
    font-size: 12px;
    vertical-align: top;
    margin: 2px 5px;
    display: inline-block
}

.ui-dialog .ui-dialog-content div {
    margin-bottom: 20px
}

.ui-widget-overlay {
    background-color: #000;
    opacity: .5;
    -moz-opacity: .5;
    z-index: 20;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.midLogo {
    background: url(../images/beta/clear_logos.png) no-repeat scroll -9px -99px rgba(0,0,0,0);
    height: 70px;
    margin: 0 auto;
    width: 200px
}

.responseQs h4 {
    display: none
}

.responseQs p {
    margin: 0 0 20px;
    padding: 0 20px 0 60px
}

.responseQs .buttonsContainer {
    width: 83%;
    margin-top: 10px
}

    .responseQs .buttonsContainer input[type="submit"] {
        background-position: -49px -224px;
        width: 120px
    }

        .responseQs .buttonsContainer input[type="submit"]:hover {
            background-position: -49px -261px
        }

#responseContainer .formObject input {
    width: 390px
}

#responseContainer .formObject select {
    width: 390px
}

#responseContainer .formObject .allRadiosContainer {
    width: 390px
}

    #responseContainer .formObject .allRadiosContainer input {
        width: 18px
    }

.viewLink {
    margin: 0 0 20px 0;
    color: #657078
}

#viewDetails {
    color: #444;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 700;
    padding: 4px 7px;
    text-decoration: none;
    background-color: rgba(0,0,0,.05);
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    display: block;
    text-align: center;
    width: 100%
}

    #viewDetails.open {
        background-color: #b7c3ca;
        color: #fff
    }

    #viewDetails:hover {
        background-color: #f26522;
        color: #fff
    }

#requestBox {
    background-color: #fff;
    border: 2px solid #b7c3ca
}

    #requestBox.short {
        min-height: 240px;
        max-height: 240px;
        overflow: hidden
    }

#failPage a {
    color: #f26522;
    text-decoration: none
}

    #failPage a:hover {
        text-decoration: underline
    }

#failPage h4 {
    color: #364149;
    margin: 20px 0
}

input.paste[type="button"] {
    background-color: #666;
    background-image: none;
    border-radius: 5px;
    color: #fff;
    height: auto;
    margin: 10px 0;
    padding: 5px 10px;
    text-indent: 0;
    width: auto
}

    input.paste[type="button"]:hover {
        background-color: #000;
        color: #f26522
    }

.loginFormContainer {
    padding: 0 0 30px
}

    .loginFormContainer p {
        color: #555;
        font-size: 12px;
        margin-bottom: 8px;
        padding: 4px 0
    }

    .loginFormContainer .formBlock {
        position: relative
    }

    .loginFormContainer .formLabel {
        text-align: left;
        width: 100%
    }

        .loginFormContainer .formLabel label {
            font-size: 12px;
            font-weight: 400;
            display: none
        }

    .loginFormContainer .formObject {
        max-width: none;
        text-align: right;
        width: 100%
    }

        .loginFormContainer .formObject input {
            box-sizing: border-box;
            width: 100%
        }

    .loginFormContainer .chkbox .formObject {
        text-align: left;
        border: 0
    }

        .loginFormContainer .chkbox .formObject input {
            border: 0
        }

    .loginFormContainer .formValidation {
        position: absolute;
        right: 10px
    }

    .loginFormContainer .formObject input {
        background-color: #ddd;
        border-color: grey;
        box-sizing: border-box;
        box-shadow: -1px -1px 5px #bcbcbc inset;
        font-size: 15px;
        line-height: 1.8;
        padding: 2px 6px;
        height: 33px
    }
    .loginFormContainer .formObject input:focus {
        outline-color:#ff6522;
    }

    .loginFormContainer span {
        display: block;
        height: 35px;
        margin-top: 6px
    }

        .loginFormContainer span input {
            float: right
        }

        .loginFormContainer span a {
            color: #f26522;
            display: inline-block;
            font-size: 12px;
            margin: 10px 0;
            text-decoration: none
        }

            .loginFormContainer span a:hover {
                text-decoration: underline
            }

            .loginFormContainer span a.isButton {
                color: #657078;
                float: right;
                margin: 0
            }

                .loginFormContainer span a.isButton:hover {
                    color: #fff;
                    text-decoration: none
                }

    .loginFormContainer .usernameContainer .formObject {
        position: relative
    }

    .loginFormContainer .usernameContainer .inlineEmailStatus {
        background-image: url(../images/beta/betaimg-map.png);
        background-position: -135px -189px;
        height: 30px !important;
        margin-top: 0 !important;
        position: absolute;
        right: 2px;
        top: 2px;
        width: 30px
    }

    .loginFormContainer .formObject input[type="submit"] {
        width: 110px;
        box-shadow: none;
        width: 110px
    }

    .loginFormContainer .usernameContainer.valid .inlineEmailStatus {
        background-position: -465px -173px
    }

    .loginFormContainer .usernameContainer.unknown .inlineEmailStatus {
        background-position: -465px -205px
    }

    .loginFormContainer .usernameContainer.invalid .inlineEmailStatus {
        background-position: -465px -237px
    }

    .loginFormContainer .usernameContainer.unknown .formObject input {
        background-color: #cdcdcd !important
    }

    .loginFormContainer .passwordContainer.unknown .formObject input {
        opacity: .5
    }

    .loginFormContainer .passwordContainer.invalid .formObject input, .loginFormContainer .usernameContainer.invalid .formObject input {
        background-color: #fcd8e6 !important
    }

    .loginFormContainer .passwordContainer.valid .formObject input, .loginFormContainer .usernameContainer.valid .formObject input {
        background-color: #d1ef86 !important
    }

    .loginFormContainer .messageBox {
        background-color: #b7c3ca;
        margin: 0 0 10px;
        padding: 0
    }

        .loginFormContainer .messageBox p {
            box-sizing: border-box;
            margin: 0 !important;
            padding: 10px !important;
            width: 100% !important;
            border: 2px solid #fff
        }

            .loginFormContainer .messageBox p.hide {
                display: none
            }

.messageBox p.help {
    background-color: #cfebf7;
    border-radius: 10px
}

.messageBox p.invalid {
    background-color: #fcd8e6;
    border-radius: 10px
}

.messageBox p.errorLockedUser, .messageBox p.errorPasswordStrength {
    background-image: url(../images/icons/red-lock.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    border-color: #96002b;
    font-weight: 700;
    line-height: 1.2;
    padding: 15px 10px 15px 50px !important;
    color: #000;
    border-radius: 10px
}

.loginFormContainer .buttonContainer {
    margin-top: 10px
}

    .loginFormContainer .buttonContainer input {
        width: 118px;
        font-size: 12px
    }

    .loginFormContainer .buttonContainer a {
        color: #f26522;
        display: inline-block;
        float: left;
        margin-top: -1px;
        text-decoration: none;
        padding: 9px;
        border-radius: 4px;
    }

    .loginFormContainer .buttonContainer a:hover {
        text-decoration: underline
    }
    .loginFormContainer .buttonContainer a:focus {
        background-color: #f26522;
        color: #fff;
        outline:none;
    }

#inlineloginFormContainer {
    padding: 20px 80px 0
}

    #inlineloginFormContainer .formLabel {
        margin-top: 6px;
        width: 24%;
        text-align: right
    }

        #inlineloginFormContainer .formLabel label {
            display: inline-block;
            font-weight: 700
        }

    #inlineloginFormContainer .formObject {
        width: 55%
    }

    #inlineloginFormContainer .usernameContainer .inlineEmailStatus {
        right: -32px
    }

p.loginText {
    margin: 12px 10px 10px !important;
    min-height: 32px;
    width: 100% !important
}

p.requestFormText {
    margin: 0 79px 20px !important
}

#faqContainer p.question {
    padding: 0 0 8px
}

#faqContainer span.option {
    color: #657078;
    font-weight: 700
}

#faqContainer ol li, #faqContainer ul li {
    font-size: 13px;
    padding: 4px 0
}

table.infoTable {
    margin: 25px 0;
    width: 100%;
    font-size: 13px;
    border-collapse: collapse
}

    table.infoTable tr {
        border-bottom: 1px solid #b7c3ca
    }

        table.infoTable tr th {
            background-color: #f26522;
            color: #fff;
            padding: 6px 4px;
            text-align: left;
            width: 50%
        }

        table.infoTable tr td {
            background-color: #fff;
            color: #000;
            padding: 6px 4px;
            text-align: left
        }

.ui-autocomplete {
    background: #fff !important;
    border: 1px solid #000 !important;
    width: 400px !important;
    margin: 0;
    padding: 0;
    list-style: none
}

    .ui-autocomplete li {
        padding: 4px;
        background-color: Transparent;
        cursor: pointer;
        font-size: 12px;
        font-family: Arial,Sans-Serif
    }

        .ui-autocomplete li:hover {
            background-color: #dfedca
        }

#innerSearchContainer {
    position: relative;
    overflow: hidden
}

.pageFlash {
    background-color: #ff8f27;
    background-image: url(../images/background/flashmask-orange.png);
    background-position: 100% 100%;
    height: 87px;
    width: 80%;
    position: absolute;
    top: -70px;
    right: -25px;
    transform: rotate(6deg)
}

#PLSglobalNav {
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid transparent
}

    #PLSglobalNav ul {
        border-left: 1px solid #ccc;
        box-sizing: border-box;
        font-size: 0;
        margin: 0 0 0 20px;
        padding: 0;
        display: inline-block
    }

        #PLSglobalNav ul li {
            display: inline;
            font-size: 0;
            margin: 0;
            padding: 0
        }

            #PLSglobalNav ul li a {
                border-bottom: 1px solid transparent;
                border-right: 1px solid #ccc;
                box-sizing: border-box;
                color: #fff;
                font-size: 12px;
                line-height: 2.5;
                margin: 0;
                padding: 8px 12px;
                text-decoration: none
            }

#AccountContainer {
    float: right;
    font-size: 0;
    position: relative;
    z-index: 101
}

.notLoggedInBox ul {
    list-style: outside none none;
    margin: 10px 4px 0 0;
    padding: 0
}

    .notLoggedInBox ul li {
        display: inline
    }

        .notLoggedInBox ul li a {
            color: #f26522;
            font-size: 14px;
            padding: 8px 16px;
            text-decoration: none
        }

            .notLoggedInBox ul li a:hover {
                background-color: #f26522;
                color: #fff;
                cursor: pointer
            }

.usernameBox {
    cursor: default;
    display: inline-block;
    height: 12px;
    margin-right: 16px;
    margin-top: 5px;
    position: static;
    text-align: right;
    font-family: Arial,sans-serif;
    font-size: 11px
}

    .usernameBox p {
        color: #b7c3ca;
        font-size: 11px;
        margin: 0
    }

        .usernameBox p span {
            color: #657078;
            font-weight: 700
        }

.logoutBox {
    display: inline-block
}

    .logoutBox a {
        height: 18px;
        padding: 8px 0 4px
    }

    .logoutBox a {
        background-color: #fff;
        border-radius: 0;
        border: 0;
        border-left: 1px solid #b7c3ca;
        box-sizing: border-box;
        color: #657078;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        margin-top: 0;
        padding: 8px 12px 22px;
        text-decoration: none;
        text-transform: initial;
        width: 65px;
        box-sizing: border-box
    }

    .logoutBox input[type="submit"] {
        background-color: #fff;
        border-radius: 0;
        border: 0;
        border-left: 1px solid #b7c3ca;
        box-sizing: border-box;
        color: #657078;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        height: 29px;
        line-height: .5;
        margin-top: 0;
        padding: 0 12px;
        text-decoration: none;
        text-transform: initial;
        width: 65px
    }

        .logoutBox a:hover, .logoutBox input[type="submit"]:hover {
            background-color: #f26522;
            color: #fff
        }

.profileBox {
    display: inline-block
}

    .profileBox a {
        border-left: 1px solid #b7c3ca;
        display: inline-block;
        font-size: 11px;
        height: 18px;
        padding: 8px 12px 4px;
        font-weight: 700;
        color: #657078;
        text-decoration: none
    }

        .profileBox a:hover {
            background-color: #f26522;
            background-position: 0 -2210px;
            color: #fff
        }

#PLSglobalNav {
    background: none repeat scroll 0 0 #232f2f
}

#PLSglobalNav {
    border-color: #667079
}

    #PLSglobalNav ul {
        border-color: #667079
    }

        #PLSglobalNav ul li a {
            border-color: #667079
        }

        #PLSglobalNav ul li a {
            color: #fff
        }

            #PLSglobalNav ul li a:hover {
                background-color: #f26522;
                text-decoration: underline;
                cursor: pointer
            }

            #PLSglobalNav ul li a.selected, #PLSglobalNav ul li a.selected:hover {
                background-color: #fff;
                border-bottom-color: #fff;
                color: #f26522;
                text-decoration: none;
                cursor: default
            }

.short .searchLogo {
    background: url(../images/beta/clear_logos_old.png) no-repeat scroll -8px -175px transparent;
    display: inline-block;
    height: 55px;
    margin: 25px 10px 0 0;
    vertical-align: middle;
    width: 130px;
    float: left;
    background: transparent url(../images/beta/clear_logos.png) no-repeat scroll -8px -96px;
    display: inline-block;
    float: left;
    height: 61px;
    margin: 10px 0 0;
    vertical-align: middle;
    width: 220px
}

.searchLogo a {
    display: block;
    height: 50px;
    width: 130px
}

.clearLogoSml {
    background: url(../images/beta/clear_logos.png) no-repeat scroll -8px -175px transparent;
    display: inline-block;
    height: 55px;
    margin: 25px 10px 0 0;
    vertical-align: middle;
    width: 130px
}

.menuContainer {
    float: left;
    height: 38px;
    left: 240px;
    margin: 0;
    min-width: 220px;
    position: absolute;
    top: 33px
}

.wiz #navigationContainer .menuContainer {
    top: 4px;
    left: 0;
    top: 0
}

.wiz #navigationContainer .menuContainer {
    display: inline-block;
    float: none;
    position: static;
    position: relative
}

.menuContainer {
    font-size: 12px
}

ul.globalNav {
    float: left;
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    position: relative;
    left: -25px;
    top: 7px
}

    ul.globalNav li {
        list-style: none;
        float: left;
        margin: 0;
        padding: 0
    }

        ul.globalNav li a {
            color: #657078;
            font-size: 1em;
            font-weight: 400;
            display: block;
            padding: 12px 14px 11px;
            text-decoration: none;
            border-top: 3px solid transparent
        }

        ul.globalNav li ul {
            display: none;
            padding: 6px 8px 6px;
            position: absolute;
            border-radius: 0 0 8px 8px;
            box-shadow: 1px 6px 4px rgba(0,0,0,.5)
        }

        ul.globalNav li.selected a {
            background-color: #fff;
            color: #f26522;
            border-color: #f26522
        }

        ul.globalNav li.selected a {
            color: #000
        }

        ul.globalNav li:hover a,
        ul.globalNav li.open a, 
        ul.globalNav li a:focus {
            background-color: #f26522;
            color: #fff;
            outline:none;
        }

        ul.globalNav li a.mnu_land {
            background: url(/images/icons/Icons_Responsive.png) no-repeat scroll 0 3px transparent;
            text-indent: -900em;
            width: 12px;
            padding-right: 14px
        }

        ul.globalNav li.selected a.mnu_land {
            background-position: 0 -147px;
            background-color: #efebef
        }

        ul.globalNav li a.mnu_land:hover {
            background-color: #0aa49c
        }

        ul.globalNav li.selected a.mnu_land:hover {
            background-color: #efebef
        }

        ul.globalNav li ul.level1 {
            background-color: #f26522
        }

        ul.globalNav li:hover ul.level1,
        ul.globalNav li.open ul.level1 {
            display: block;
            z-index: 100
        }

        ul.globalNav li ul li {
            display: block;
            float: none;
            margin: 0 0 0;
            padding: 0;
            width: 200px;
            position: relative
        }

            ul.globalNav li ul li a {
                color: #fff;
                font-size: .8em;
                font-weight: 400;
                display: block;
                padding: 8px 14px 8px 9px;
                text-decoration: none;
                text-align: left;
                background-color: Transparent
            }

        ul.globalNav li.selected ul li a {
            color: #fff
        }

        ul.globalNav li ul li ul {
            border-top-right-radius: 8px;
            left: 100%;
            position: absolute;
            top: 0
        }

        ul.globalNav li ul li.selected a {
            border-left: 4px solid #082e79;
            padding-left: 4px;
            color: #082e79;
            font-style: italic;
            cursor: default;
            background-color: Transparent
        }

        ul.globalNav li ul li.selected ul li a {
            border-left: 0;
            padding-left: 9px;
            color: #fff;
            font-style: normal;
            cursor: pointer
        }

        ul.globalNav li:hover ul li:hover a,
        ul.globalNav li.open ul li a:focus {
            background-color: #d4571c
        }

        ul.globalNav li ul li.disabled a {
            display: none
        }

        ul.globalNav li ul li ul.level2 {
            background-color: #d4571c
        }

        ul.globalNav li ul li:hover ul.level2 {
            display: block;
            z-index: -1
        }

        ul.globalNav li ul li ul li.selected a {
            border-left: 4px solid #082e79;
            padding-left: 8px;
            color: #082e79;
            font-style: italic;
            cursor: default
        }

        ul.globalNav li:hover ul li:hover ul li:hover a {
            background-color: #af4817;
            color: #fff
        }

ul li a.hasSub, ul li a.hasSub:hover {
    background-image: url(/images/icons/PLS_icon_map.png);
    background-repeat: no-repeat;
    background-position: right -99px;
    padding-right: 20px
}

ul li:hover a.hasSub {
    background-position: right -59px
}

ul li.selected a.hasSub {
    background-position: right -99px
}

ul li.selected:hover a.hasSub {
    background-position: right -59px
}

ul li.selected:hover ul li a.hasSub, ul li:hover ul li a.hasSub {
    background-image: url(/images/icons/PLS_icon_map.png);
    background-position: right -137px
}

ul.globalNav ul.level1 li span.suffix {
    position: absolute;
    right: 9px;
    top: 11px
}

ul.globalNav ul.level2 li span.suffix {
    right: 3px
}

.arcTreeNewCountMenu, ul.globalNav .suffix {
    background-color: rgba(0,0,0,.2);
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 11px;
    margin: -3px 2px 0 -2px;
    min-width: 14px;
    padding: 0 5px 0 6px;
    text-align: center;
    vertical-align: top
}

ul.globalNav li ul li span {
    display: block
}

ul.globalNav span.suffix.badge {
    background-color: red
}

@media (max-width:1199px) {
    .menuContainer {
        position: absolute !important;
        top: 38px !important;
        left: 215px !important
    }

    ul.globalNav li a {
        font-size: .8em
    }
}

p.infotxt {
    font-size: 16px;
    font-weight: 700;
    color: #000
}

fieldset {
    border: 0;
    margin: 0 0 20px;
    padding: 5px 20px 0;
    position: relative
}

.formContainer fieldset {
    margin-top: 15px
}

fieldset .formContainer {
    padding: 0 0 10px
}

fieldset legend {
    border: 0 none;
    color: #000;
    cursor: default;
    font-size: 11px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    width: 45%;
    min-height: 22px
}

    fieldset legend span {
        cursor: pointer;
        display: inline-block;
        text-align: right;
        width: 100%
    }

        fieldset legend span input.checkboxGroup {
            cursor: pointer;
            float: right;
            margin: -1px -13px 0 12px;
            position: relative;
            top: 2px
        }

fieldset span.status {
    background: url(/images/tree-icons.png) no-repeat scroll -61px -235px transparent;
    display: inline-block;
    height: 23px;
    left: 795px;
    margin: 0 -20px -3px 0;
    position: relative;
    width: 23px;
    top: 3px
}
.nestedradio  {margin:5px 0;}
.nestedradio > .formBlock:first-child {margin-bottom:15px;}
.formContainer {
    padding: 20px 20px 10px
}

.formBlock {
    margin: 0 0 5px 0;clear:both;
}

.formLabel, .formObject, .formValidation {
    display: inline-block;
    vertical-align: top
}

.formLabel {
    float:left;
    width: 45%;
    text-align: right
}

.formObject {
    max-width: 55%;
    font-family: Arial;
    font-size: 12px
}

.formValidation {
    height: 20px;
    margin-left: 10px
}

#wizardContainer .formValidation {
    display: block;
    max-width: 43%;
    margin-left: 45%;
    margin-top:2px;
    height: auto;
}

.formLabel label {
    color: #657078;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin: 4px 12px 0 0
}

.formLabel span, span.reqAst {
    color: #ec008c;
    font-family: Arial,Sans-Serif;
    font-size: 9px;
    margin: 0 10px 0 0
}

.formObject .allRadiosContainer, .formObject input, .formObject select, .formObject textarea {
    border: 1px solid #657078;
    border-radius: 4px;
    font-family: Arial,Sans-Serif !important;
    font-size: 13px;
    min-height: 16px;
    padding: 3px 2px;
    width: 340px;
    vertical-align: top
}

    .formObject input[type="button"], .formObject input[type="submit"] {
        font-size: 12px;
        padding: 0;
        width: 118px
    }

.rightHS .formObject {
    max-width: 77%;
    text-align: right;
    display: block
}

.formObject select {
    width: 346px;
    height: 24px;
    padding: 1px 1px 1px 0
}

.formObject .allRadiosContainer {
    border: 1px solid #b7c3ca;
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    min-height: 22px;
    padding: 0 0 2px 0;
    width: 343px;
    font-size: 12px
}

.formObject.wide .allRadiosContainer {
    width: 440px
}

.formObject .radioContainer {
    display: inline-block;
    min-height: 22px;
    min-width: 150px;
    padding-right: 10px;
    position: relative;
    width: auto
}

    .formObject .radioContainer input {
        font-size: 11px;
        position: relative;
        top: 1px;
        width: 18px;
        border: 0;
        vertical-align: inherit
    }

    .formObject .radioContainer span {
        font-size: 11px;
        position: relative;
        top: -3px
    }

.formObject table.allRadiosContainer tbody {
    width: 100%;
    display: inline-block
}

.formObject table.allRadiosContainer tr {
    width: 100%;
    display: inline-block
}

    .formObject table.allRadiosContainer tr:hover {
        background-color: rgba(0,0,0,.1)
    }

    .formObject table.allRadiosContainer tr input {
        font-size: 11px;
        position: relative;
        top: 1px;
        width: 18px;
        border: 0;
        vertical-align: inherit
    }

    .formObject table.allRadiosContainer tr label {
        font-size: 11px;
        position: relative;
        top: 3px
    }

#pnlPharmaQuestions {
    padding: 5px 0 0
}

    #pnlPharmaQuestions .formObject table.allRadiosContainer {
        width: 346px
    }

        #pnlPharmaQuestions .formObject table.allRadiosContainer tr:hover {
            background-color: rgba(0,0,0,0)
        }

        #pnlPharmaQuestions .formObject table.allRadiosContainer tr td {
            display: inline-block;
            min-height: 22px;
            min-width: 160px;
            padding: 0 10px 0 0;
            position: relative
        }

@media screen and (-ms-high-contrast:none) {
    .formObject .radioContainer input, .formObject table.allRadiosContainer tr input {
        width: 13px;
        margin-right: 5px;
        margin-left: 4px
    }
}

.formObject .checklistContainer {
    border: 2px solid transparent;
    border-radius: 4px;
    display: inline-block;
    min-height: 22px;
    padding: 0 0 2px;
    width: 343px
}

.formObject .checkContainer {
    display: inline-block;
    min-height: 22px;
    min-width: 140px;
    padding: 2px 5px 2px 25px;
    position: relative;
    vertical-align: top;
    width: 140px
}

    .formObject .checkContainer input {
        border: 0 none;
        left: -21px;
        margin: 4px -16px 0 0;
        position: relative;
        vertical-align: top;
        width: auto
    }

    .formObject .checkContainer span {
        display: inline-block;
        font-size: 12px;
        left: 0;
        max-width: 320px;
        position: relative;
        top: 4px
    }

.formBlock.chkbox label {
    vertical-align: middle
}

.formBlock.chkbox input {
    margin: 2px 8px 2px 2px;
    min-height: 21px;
    border: 0;
    padding: 0;
    vertical-align: middle;
    width: auto;
    background-color: transparent;
    box-shadow: none
}

.formBlock.switchCheck .formLabel label {
    color: #000
}

.infoHover {
    background: url(../images/beta/betaimg-map.png) no-repeat scroll -81px -188px rgba(0,0,0,0);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin-left: 5px;
    position: relative;
    top: 3px;
    vertical-align: top;
    width: 24px
}

    .infoHover:hover {
        background-position: -111px -188px
    }

fieldset legend span.infoHover {
    margin: 0;
    position: absolute;
    right: -50px;
    top: 0
}

span.hiddenSpan {
    display: none
}

select.mini {
    width: 176px
}

select.short {
    width: 176px
}

select.medium {
    width: 176px
}

select.long {
    width: 346px
}

input.mini {
    width: 170px
}

input.short {
    width: 170px
}

input.medium {
    width: 170px
}

input.long {
    width: 340px
}

textarea.medium {
    width: 170px
}

textarea.long {
    width: 340px
}

textarea.midget {
    height: 170px
}

input.nano, select.nano {
    width: 45px
}

.checkboxContainer {
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 4px;
    display: block;
    height: 17px;
    padding: 3px 12px 3px 3px
}

    .allRadiosContainer.parsley-error, .checkboxContainer.parsley-error, input.parsley-error, select.parsley-error, textarea.parsley-error {
        border: 2px solid red;
        background-color: #fcd8e6
    }

.radioContainer.parsley-error {
    background-color: #fcd8e6
}

.userMessageBox {
    border: 2px solid #fff;
    padding: 4px 20px 15px;
    background-color: #b7c3ca;
    margin: 0 20px 20px
}

    .userMessageBox.titleonly {
        padding: 4px 20px
    }

    .userMessageBox h3 {
        padding: 0 7px 7px 32px;
        background: url(../images/beta/betaimg-map.png) no-repeat scroll -468px -205px transparent;
        margin: 5px 0 0
    }

    .userMessageBox.noIcon h3 {
        padding: 0 7px 7px 2px;
        background: 0 0;
        margin: 5px 0 0
    }

.errorMsg {
    background-color: #fcd8e6
}

    .errorMsg h3 {
        color: #000;
        background-position: -468px -142px
    }

.requiredList {
    color: #000 !important;
    font-size: 14px
}

.field-valid {
    color: #ec008c !important;
    display: inline-block;
    font-size: 13px;
    margin-top: 5px
}

.usernameError {
    color: red;
    display: block;
    font-size: 18px;
    margin: 0 20px 20px
}

.successMsg {
    background-color: #dfedca
}

    .successMsg h3 {
        color: #8cc34b;
        background-position: -468px -173px
    }

.userMessageBox.help {
    background-color: #cfebf7;
    margin: 10px 30px 20px 0;
    padding: 5px 20px
}

.userMessageBox.errorMsg.requiredList li {
    margin-bottom: 10px
}

    .userMessageBox.errorMsg.requiredList li ul {
        margin-top: 5px
    }

        .userMessageBox.errorMsg.requiredList li ul li {
            margin-bottom: 2px
        }

.emailSentBox .userMessageBox.help:first-child {
    margin-bottom: 10px
}

#form_extracts_error {
    margin: 0 0 10px
}

#form_request_error {
    margin: 0 20px 0
}

#new_error {
    margin-bottom: 25px
}

ul.parsley-error-list {
    background-color: #f49ac2;
    border: 2px solid #fff;
    margin: 0 0 2px;
    padding: 2px;
    list-style: none;
    border-radius: 10px
}

    ul.parsley-error-list li {
        background: rgba(0,0,0,0) url(../images/beta/betaimg-map.png) no-repeat scroll -468px -238px;
        background: rgba(0,0,0,0) url(../images/beta/betaimg-map.png) no-repeat scroll -466px -239px;
        color: #000;
        font-size: 11px;
        padding: 6px 4px 6px 30px
    }

        ul.parsley-error-list li.range {
            background-position: -468px -270px
        }

        ul.parsley-error-list li.type {
            background-position: -468px -302px
        }

.summaryContainer ul.parsley-error-list li.type {
    background-position: -468px -334px
}

.buttonsContainer {
    margin-bottom: 20px;
    min-height: 40px;
    width: 76%
}

#extractsForm .buttonsContainer {
    margin-top: 30px
}

.readOnlyContainer {
    margin: 5px 20px 10px;
    border: 2px solid #b7c3ca;
    padding: 20px 20px 5px
}

    .readOnlyContainer .formLabel {
        width: 40%
    }

        .readOnlyContainer .formLabel label {
            font-weight: 400;
            color: #657078
        }

    .readOnlyContainer .formObject p {
        font-weight: 700;
        color: #000
    }

        .readOnlyContainer .formObject p.noData {
            font-weight: 400;
            color: #657078;
            font-size: 11px;
            margin-top: 3px
        }

    .readOnlyContainer .buttonsContainer {
        width: auto;
        margin: 0
    }

#ui-datepicker-div {
    background-color: #657078;
    border: 2px solid #f26522;
    border-radius: 4px;
    margin-top: 2px;
    padding: 1px 3px
}

.ui-datepicker .ui-datepicker-header {
    color: #fff;
    font-family: arial,sans-serif;
    font-size: 17px;
    font-weight: 400;
    position: relative;
    margin: 2px 0 0
}

.ui-datepicker .ui-datepicker-title {
    text-align: center;
    height: 30px
}

    .ui-datepicker .ui-datepicker-title span {
        display: inline-block;
        margin: 5px 0 0
    }

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    cursor: pointer;
    display: block;
    height: 29px;
    position: absolute;
    text-indent: -900em;
    width: 30px;
    background: url(../images/beta/betaimg-map.png) no-repeat scroll -326px -17px rgba(0,0,0,0)
}

.ui-datepicker .ui-datepicker-prev {
    left: 0
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
    background-position: 360px -17px
}

.ui-datepicker .ui-datepicker-prev:hover {
    background-position: -326px -37px;
    background-color: #222f2f
}

.ui-datepicker .ui-datepicker-next:hover {
    background-position: -360px -37px;
    background-color: #222f2f
}

.ui-datepicker table {
    background-color: #b7c3ca;
    border-collapse: separate;
    font-size: 12px;
    margin: 2px 0
}

    .ui-datepicker table tr td {
        border: 1px solid #b7c3ca;
        border-radius: 2px;
        padding: 0
    }

        .ui-datepicker table tr td a {
            background-color: #efefef;
            background-image: url(/images/datepickerBG.png);
            background-repeat: repeat-x;
            display: block;
            padding: 2px 3px 2px 0;
            text-align: right;
            text-decoration: none;
            width: 28px;
            color: grey
        }

            .ui-datepicker table tr td a.ui-state-hover {
                background-color: #f26522;
                background-image: none;
                color: #fff
            }

        .ui-datepicker table tr td.ui-datepicker-other-month {
            background-color: #7c7c7c;
            opacity: .2
        }

        .ui-datepicker table tr td.ui-datepicker-today {
            border: 1px solid red
        }

            .ui-datepicker table tr td.ui-datepicker-today a {
                background-image: none;
                background-color: #fff;
                color: #000;
                font-weight: 700
            }

                .ui-datepicker table tr td.ui-datepicker-today a.ui-state-hover {
                    background-color: #f26522;
                    color: #fff
                }

ul.benefitsList {
    font-size: 14px;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0;
    line-height: 1.4
}

    ul.benefitsList li {
        color: #657078;
        margin: 25px 0;
        padding: 0 50px
    }

        ul.benefitsList li span {
            background: url(../Images/beta/betaimg-map.png) no-repeat scroll -165px 2px #657078;
            border-radius: 40px;
            display: block;
            height: 35px;
            left: -45px;
            margin: 0 0 -30px;
            position: relative;
            top: -3px;
            width: 35px
        }

.ROspan {
    background-color: #ffffd9;
    border: 1px solid silver;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    padding: 4px;
    width: 340px;
    color: #444
}

.hasBtn .formobject {
    position: relative
}

#pnlSTMuserCheck {
    border-top: 1px solid #657078;
    padding-top: 0;
    margin-top: 40px;
    margin-bottom: -25px
}

.STMuserCheckContainer {
    margin-top: 4px;
    height: 24px
}

    .STMuserCheckContainer input[type="checkbox"] {
        margin: 6px
    }

    .STMuserCheckContainer label {
        display: inline-block;
        font-size: 11px;
        padding-top: 5px;
        vertical-align: top
    }

#pnlSTMPublisherPickContainer {
    padding: 30px 0;
    display: none
}

#usingExtractsAccordion #extractsForm #pnlSTMPublisherPickContainer .formLabel {
    text-align: right;
    width: auto
}

.campaignContent {
    border-top: 1px solid silver;
    padding: 0 0 5px 0;
    margin-bottom: 1px
}

    .campaignContent a, .campaignContent a:hover {
        color: #f26522
    }

.formMessage {
    padding: 2px 30px 10px
}

    .formMessage h3 {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px
    }

    .emailBox .formMessage p, .formMessage p {
        width: 100%;
        font-size: 11px;
        margin: 0
    }

.indent-20 {
    margin-left: 20px
}

.AddressSetList {
    list-style: none;
    width: 80%;
    padding: 0;
    margin: 10px 0
}

    .AddressSetList li {
        background-color: #fff;
        border: 1px solid #959595;
        border-radius: 5px;
        margin-bottom: 3px;
        padding: 5px;
        position: relative
    }

        .AddressSetList li.defaultProfile {
            background-color: #f5f5f5;
            border: 2px solid #f26522;
            padding: 3px
        }

            .AddressSetList li.defaultProfile .default {
                color: #f26522
            }

        .AddressSetList li .addEdit, .AddressSetList li .addRad, .AddressSetList li .addTxt {
            display: inline-block;
            font-size: 0;
            box-sizing: border-box;
            position: relative
        }

        .AddressSetList li .AddRad {
            padding: 5px;
            top: 2px;
            position: absolute
        }

        .AddressSetList li .addTxt {
            padding: 2px 10px 2px 35px;
            min-height: 55px
        }

            .AddressSetList li .addTxt p {
                font-size: 13px;
                line-height: 1.4
            }

        .AddressSetList li .defaultProfileRadio {
            vertical-align: top;
            margin-top: 4px
        }

.AddControls {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    min-width: 100px;
    height: 40px
}

    .AddControls input[type="submit"] {
        padding: 8px 10px !important;
        position: relative;
        top: 0;
        right: 0;
        font-size: 12px !important;
        color: #f26522;
        background-color: transparent;
        border: 0;
        font-weight: 400;
        text-transform: none;
        text-decoration: underline;
        width: initial;
        height: 40px;
        line-height: 1.2;
        float: left
    }

        .AddControls input[type="submit"]:hover {
            text-decoration: none;
            color: #222;
            background-color: transparent !important
        }

.addressListAddContainer .toolBarButtons {
    text-align: right;
    margin-right: 20%
}

.AddListNew {
    font-weight: 700;
    color: #f26522 !important;
    margin: 5px 0 15px 20px;
    padding: 5px 10px;
    font-size: 13px !important;
    display: inline-block !important;
    border: 1px solid #f26522 !important;
    border-radius: 4px;
    background-color: transparent !important;
    text-transform: none !important;
    text-decoration: none !important;
    line-height: 1.2 !important
}

    .AddListNew:hover {
        border-color: #f26522;
        text-decoration: none !important;
        color: #fff !important
    }

.AddNewAddressPopUp {
    min-width: 550px
}

.ui-dialog.AddNewAddressPopUp .ui-dialog-content div {
    margin-bottom: 0
}

    .ui-dialog.AddNewAddressPopUp .ui-dialog-content div.formBlock {
        margin-bottom: 5px
    }

.ui-dialog.AddNewAddressPopUp .formObject .allRadiosContainer, .ui-dialog.AddNewAddressPopUp .formObject input[type="text"], .ui-dialog.AddNewAddressPopUp .formObject select, .ui-dialog.AddNewAddressPopUp .formObject textarea {
    width: 260px
}

.validatorAddressManager {
    background-color: #fcd8e6;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
    margin: 8px 0 0;
    font-weight: 700
}

    .validatorAddressManager ul {
        padding: 0 0 0 30px;
        margin: 8px 0;
        font-weight: 400
    }

        .validatorAddressManager ul li {
            padding: 0;
            font-size: 13px;
            color: #000
        }

ul.arcTreeRoot {
    list-style: none;
    padding: 0;
    margin: 0
}

    ul.arcTreeRoot li {
        font-size: 11px;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        position: relative
    }

        ul.arcTreeRoot li span.suffix {
            background-color: #4a659c;
            color: #fff;
            border: 1px solid #fff;
            display: block;
            font-size: 10px;
            font-weight: 700;
            margin: 0;
            min-height: 12px;
            min-width: 25px;
            padding: 0 0 1px;
            position: absolute;
            right: 8px;
            text-align: center;
            top: 5px;
            cursor: pointer
        }

        ul.arcTreeRoot li span.arcTreeContent {
            background-color: #4a659c;
            background-image: url(/images/icons/Icons_Responsive.png);
            background-position: -2px -100px;
            background-repeat: no-repeat;
            cursor: pointer;
            display: inline-block;
            font-family: arial;
            font-size: 11px;
            font-weight: 700;
            left: 0;
            margin: 0;
            padding: 10px 0 9px 10px;
            position: relative;
            text-indent: -900em;
            top: 1px;
            width: 45px;
            font-weight: 700
        }

        ul.arcTreeRoot li ul {
            border: 3px solid #0aa49c;
            box-shadow: -2px 3px 5px #222;
            display: none;
            list-style: none outside none;
            margin-left: -199px;
            margin-top: 1px;
            padding: 0;
            width: 248px
        }

        ul.arcTreeRoot li:hover span.arcTreeContent {
            background-color: #0aa49c
        }

        ul.arcTreeRoot li:hover span.suffix {
            background-color: #d9e9e9;
            color: #444
        }

        ul.arcTreeRoot li:hover ul {
            display: block
        }

        ul.arcTreeRoot li ul li span.arcTreeContent {
            padding: 0;
            background-image: none;
            box-sizing: border-box;
            top: 0;
            width: 100%;
            text-indent: 0
        }

            ul.arcTreeRoot li ul li span.arcTreeContent a {
                padding: 8px 36px 8px 8px;
                display: inline-block;
                width: 100%;
                box-sizing: border-box;
                text-decoration: none;
                color: #fff
            }

                ul.arcTreeRoot li ul li span.arcTreeContent a:hover {
                    text-decoration: underline;
                    background-color: #118f88
                }

        ul.arcTreeRoot li ul li span.suffix {
            top: 7px;
            right: 4px;
            background-color: #d9e9e9;
            color: #444;
            cursor: default
        }

        ul.arcTreeRoot li ul li.folder span.arcTreeContent {
            background-color: #1f7770
        }

        ul.arcTreeRoot li ul li.folder span.suffix {
            display: none
        }

        ul.arcTreeRoot li ul li.file span.arcTreeContent {
            background-color: #0aa49c;
            border-top: 1px solid #1f7770
        }

        ul.arcTreeRoot li ul li.file span.suffix {
            display: block
        }

        ul.arcTreeRoot li ul li ul {
            border: 0;
            box-shadow: none;
            margin: 0
        }

            ul.arcTreeRoot li ul li ul li span.arcTreeContent a {
                padding-left: 20px
            }

            ul.arcTreeRoot li ul li ul li.file span.arcTreeContent {
                padding: 0
            }

            ul.arcTreeRoot li ul li ul li ul {
                border: 0;
                box-shadow: none;
                margin: 0
            }

        ul.arcTreeRoot li ul li.folder.collapsable span.arcTreeContent a, ul.arcTreeRoot li ul li.folder.expandable span.arcTreeContent a {
            padding-left: 20px
        }

        ul.arcTreeRoot li ul li.folder.collapsable ul li.file span.arcTreeContent a, ul.arcTreeRoot li ul li.folder.expandable ul li.file span.arcTreeContent a {
            padding-left: 20px
        }

        ul.arcTreeRoot li div.hitarea {
            margin: 0;
            padding: 0;
            cursor: pointer;
            float: left;
            height: 22px;
            width: 6px
        }

        ul.arcTreeRoot li ul li div.hitarea {
            left: 1px;
            position: absolute;
            top: 4px;
            width: 16px;
            z-index: 10000
        }

        ul.arcTreeRoot li ul li div.expandable-hitarea {
            background: transparent url(/images/plus.gif) repeat scroll 0 0
        }

        ul.arcTreeRoot li ul li div.collapsable-hitarea {
            background: transparent url(/images/minus.gif) repeat scroll 0 0
        }

        ul.arcTreeRoot li span.suffix.badge, ul.arcTreeRoot li:hover span.suffix.badge {
            background-color: Red;
            color: #fff
        }

.treeFixed ul.arcTreeRoot li.level1.file span.arcTreeContent {
    background-image: url(/Images/background/noRequests.png);
    background-position: 0 0;
    background-color: rgba(0,0,0,.04);
    box-sizing: border-box;
    cursor: default;
    min-height: 240px;
    padding: 30px 10px;
    top: 0;
    width: 100%;
    display: block
}

@media \0screen {
    .treeFixed ul.arcTreeRoot li.level1.file span.arcTreeContent {
        background-color: #d5d9dc
    }
}

.signedInWindow .treeFixed ul.arcTreeRoot li.level1.file span.arcTreeContent {
    background-position: 0 -416px;
    border-radius: 6px;
    min-height: 70px;
    padding: 10px
}

.treeFixed ul.arcTreeRoot li div.hitarea, .treeFixed ul.arcTreeRoot li span.arcTreeContent, .treeFixed ul.arcTreeRoot li span.suffix {
    display: none
}

.treeFixed ul.arcTreeRoot {
    border: 1px solid #b7c3ca;
    width: 248px;
    padding: 0
}

    .treeFixed ul.arcTreeRoot li ul li div.hitarea, .treeFixed ul.arcTreeRoot li ul li span.arcTreeContent, .treeFixed ul.arcTreeRoot li ul li span.suffix {
        display: inline-block
    }

    .treeFixed ul.arcTreeRoot li ul {
        display: block;
        box-shadow: none;
        margin: 0;
        padding: 0;
        border: 0
    }

        .treeFixed ul.arcTreeRoot li ul li ul {
            margin-top: 0;
            border-top: 0;
            margin-left: 0;
            height: auto;
            overflow: visible
        }

#landing {
    min-height: initial
}

.helpAnchors a {
    display: block;
    font-size: 12px;
    padding: 4px 0 0 12px;
    text-align: right
}

.menuContainer ul li a span.counter {
    background-color: #b7c3ca;
    border: 1px solid #b7c3ca;
    border-radius: 2px;
    color: #000;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 11px;
    height: 12px;
    left: 5px;
    line-height: 1.2;
    min-width: 6px;
    padding: 0 3px;
    position: relative;
    text-align: center;
    top: -8px
}

    .menuContainer ul li a span.counter.badge {
        background-color: red;
        border-color: #fff;
        color: #fff
    }

.menuContainer ul li:hover a span.counter {
    border-color: #fff
}

.actionContainer {
    margin-top: 20px
}

.actionBtn {
    background: url(../images/beta/actionArrows.png) no-repeat scroll right -28px #b7c3ca;
    color: #657078;
    display: inline-block;
    font-size: 16px;
    margin: 10px 5px 0 0;
    padding: 10px 40px 10px 20px;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid transparent
}

    .actionBtn:hover {
        color: #fff;
        background-color: #f26522;
        background-position: right -28px
    }

.bigHex {
    background-image: url(../images/beta/Clear_hexagons.png);
    background-repeat: no-repeat;
    display: block;
    height: 80px;
    width: 70px
}

#landingContainer .section {
    font-size: 0;
    padding-bottom: 0;
    box-sizing:border-box;
}

#landingContainer .column, #landingContainer .trident {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box
}

#landingContainer .column {
    width: 50%
}

#landingContainer .trident {
    border-left: 1px solid #b7c3ca;
    min-height: 120px;
    padding: 0 26px;
    width: 33.3%
}

    #landingContainer .trident.duo {
        width: 50%
    }

    #landingContainer .trident.first {
        border: 0 none
    }

    #landingContainer .trident a {
        background-color: rgba(0,0,0,.05);
        border-radius: 3px;
        display: inline-block;
        padding: 10px 0 0;
        text-decoration: none;
        width: 100%;
        cursor: default
    }

        #landingContainer .trident a:hover {
            background-color: #b7c3ca;
            cursor: pointer
        }

            #landingContainer .trident a:hover h3 {
                color: #fff
            }

#landingContainer .column.left {
    padding: 0 40px 0 0
}

#landingContainer .column.right {
    padding-left: 10px
}

#landingContainer .column.hexed {
    position: relative
}

.hex {
    background-image: url(../images/beta/Clear_hexagons.png);
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    left: 0;
    position: absolute;
    position: relative;
    width: 50px
}

.hexTitle {
    padding: 10px 0;
    margin-top: -59px;
    padding: 14px 0 10px 60px
}

.hexTxt {
    padding-left: 50px
}

#landing .column.left {
    width: 66.6%
}

#landing .column.right {
    float: none;
    width: 33.3%;
    margin-top: 0
}

.tdPage #landing .column.left {
    width: 65%
}

.tdPage #landing .column.right {
    width: 35%
}

.tdPage .searchBar {
    height: 230px;
    top: -30px
}

.tdPage .imageWindow {
    height: 330px
}

#signinContainer .panel {
    border-top: 2px solid #f26522
}

#signinContainer .section {
    font-size: 0;
    padding: 0 0 30px
}

#signinContainer .column {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 50%
}

    #signinContainer .column.left {
        padding-right: 10px
    }

    #signinContainer .column.right {
        padding-left: 10px
    }

    #signinContainer .column.hexed {
        padding-left: 60px;
        position: relative
    }

    #signinContainer .column.left ul {
        font-size: 12px;
        font-weight: 700;
        margin: 25px 0
    }

        #signinContainer .column.left ul li {
            margin: 12px 0
        }

#loginContainer .column.left ol, #loginContainer .column.left ul {
    font-size: 12px;
    font-weight: 700;
    margin: 25px 0
}

    #loginContainer .column.left ol li, #loginContainer .column.left ul li {
        margin: 12px 0
    }

#loginContainer {
    background-color: #fff;
    min-height: 450px
}

.clearLogo {
    background: rgba(0,0,0,0) url(../images/beta/clear_logos.png) no-repeat scroll -8px -96px;
    display: inline-block;
    height: 61px;
    margin: 10px 0 0;
    width: 220px
}

p.strapline {
    color: grey;
    display: inline-block;
    display: none;
    font-size: 12px;
    line-height: 1.3;
    margin-top: 36px;
    vertical-align: top;
    width: 180px
}

#loginContainer .column.left {
    width: 65.6%
}

#loginContainer .column.right {
    width: 32.3%;
    border-left: 1px solid #b7c3ca;
    padding: 0 0 0 8px
}

h4.loginFormContainerTitle {
    color: #f26522;
    font-size: 23px;
    font-weight: 400
}

.loginFormContainer a.switchRoleBtn, .switchRoleBtn {
    background: #efefef url(../images/beta/betaimg-map.png) no-repeat scroll -440px -430px;
    border: 2px solid silver;
    border-radius: 5px;
    box-sizing: border-box;
    color: gray;
    display: inline-block;
    font-size: 13px;
    padding: 10px 24px 10px 60px;
    text-decoration: none;
    width: 100%
}

    .loginFormContainer a.switchRoleBtn:hover, .switchRoleBtn:hover {
        background-color: #f26522;
        background-position: -440px -470px;
        border-color: #f26522;
        text-decoration: none;
        color: #fff;
        cursor: pointer
    }

.HomelinkList {
    padding: 0;
    margin: 0;
    list-style:none;
}
.HomelinkList li {
    padding:0;
    margin:0 0 10px 0;
}
.HomelinkList li a {
    display: block;
    font-size: 14px;
    border: 1px solid #f26522;
    padding: 30px;
    color: #f26522;
    text-decoration: none;
    border-radius: 8px;
    text-align: center;
}
.HomelinkList li a:hover,
.HomelinkList li a:focus {
    color: #fff;
    background-color: #f26522;
}

.signedInWindow {
    min-height: 150px
}

.signedInWindow p {
    font-size: 12px;
    color: gray
}

.signedInWindow p.lblUsername {
    color: #000
}

.signedInWindow ul {
    font-size: 15px;
    list-style: outside none none;
    margin: 10px 0;
    padding: 0
}

.signedInWindow ul li {
    padding: 3px 0
}

.signedInWindow ul li.logout a {
    border-radius: 5px;
    color: #f26522;
    display: inline-block;
    padding: 8px 15px;
    text-decoration: none
}

.signedInWindow ul li.logout a:hover {
    background-color: #e5e9ec;
    color: red
}

.hexLink {
    background: transparent url(/images/beta/Clear_hexagons.png) no-repeat scroll 0 -2202px;
    display: block;
    padding: 8px 3px 8px 38px
}

    .hexLink a {
        background: transparent url(/images/beta/actionArrows.png) no-repeat scroll right -349px;
        color: #657078;
        display: inline-block;
        font-size: 20px;
        padding: 8px 36px 8px 5px;
        text-decoration: none
    }

    .hexLink:hover a {
        background-position: right 11px;
        color: #f26522;
        cursor: pointer
    }

    .hexLink.question {
        background-position: 0 -2262px
    }

    .hexLink.money {
        background-position: 0 -2322px
    }

#loginContainer.PublishersLanding .column.right {
    border-left: 0 none;
    border-right: 1px solid #b7c3ca;
    float: left;
    padding: 10px 8px 0 0
}

#loginContainer.PublishersLanding .column.left {
    padding: 0 10px;
    float: right
}

#loginContainer.PublishersLanding .userMessageBox {
    margin: 0 0 15px
}

.fairDealLink {
    background: rgba(0,0,0,0) url(/images/beta/actionArrows.png) no-repeat scroll right -356px;
    color: #f26522;
    display: inline-block;
    font-size: 12px;
    margin-top: 5px;
    padding: 5px 34px 5px 0;
    text-decoration: none
}

    .fairDealLink:hover {
        background-position: right 4px
    }

.signedInWindow .treeFixed ul.arcTreeRoot {
    border: 0 solid #b7c3ca;
    padding: 0;
    width: auto
}

.signedInWindow ul.arcTreeRoot li {
    padding: 0;
    border-bottom: #b7c3ca
}

    .signedInWindow ul.arcTreeRoot li ul {
        border-color: #b7c3ca;
        border-width: 1px;
        width: auto
    }

        .signedInWindow ul.arcTreeRoot li ul li {
            border-bottom: 1px solid #b7c3ca
        }

            .signedInWindow ul.arcTreeRoot li ul li:first-child {
                border-top: 1px solid #b7c3ca
            }

            .signedInWindow ul.arcTreeRoot li ul li.folder span.arcTreeContent {
                background-color: #b7c3ca;
                color: #000;
                border-radius: 0 4px 4px 0
            }

                .signedInWindow ul.arcTreeRoot li ul li.folder span.arcTreeContent:hover {
                    color: #f26522
                }

            .signedInWindow ul.arcTreeRoot li ul li.file span.arcTreeContent {
                border-top: 0
            }

            .signedInWindow ul.arcTreeRoot li ul li span.arcTreeContent a {
                color: #f26522;
                background-color: #fff;
                text-decoration: underline
            }

                .signedInWindow ul.arcTreeRoot li ul li span.arcTreeContent a:hover {
                    background-color: #f26522;
                    color: #fff
                }

.signedInWindow p.inboxTitle {
    color: #000;
    font-size: 11px;
    font-weight: 700;
    margin: 10px 0 -5px
}

a.createNew,
a.forgottenPassword {
    display:inline;
    font-size:12px;
}
.siteBannerText_Publisher, .siteBannerText_Requestor {
    background-image: url(/images/beta/Clear_hexagons.png);
    background-repeat: no-repeat;
    box-sizing: border-box;
    color: #fff;
    font-size: 22px;
    margin: 0 auto 20px;
    padding: 12px 12px 12px 70px
}

.siteBannerText_Publisher {
    background-position: 21px -2501px
}

.siteBannerText_Requestor {
    background-position: 0 -2441px
}

#howtoContainer .section {
    margin-top: 0;
    padding-top: 30px
}

#howtoContainer .bigHex {
    margin: 0 auto
}

#howtoContainer .trident h3 {
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center
}

#howtoContainer .trident p {
    text-align: center;
    line-height: 1.4;
    color: #657078
}

#howtoContainer .trident a.whtBtn-center {
    text-align: center;
    display: block;
    background-color: #fff;
    color: #f26522;
    margin: 20px auto 10px;
    padding: 8px 20px;
    box-sizing: border-box;
    width: 130px
}

#benefitsContainer {
    background: url(../images/background/grad_GreenLighter.jpg) repeat-x scroll 0 top #99c19d;
    min-height: 340px;
    overflow: hidden
}

    #benefitsContainer .column.left {
        width: 33.3%
    }

    #benefitsContainer .column.right {
        width: 66.6%
    }

    #benefitsContainer p {
        color: #fff;
        margin-bottom: 10px
    }

    #benefitsContainer .actionContainer {
        width: 200px
    }

    #benefitsContainer .actionBtn {
        background-color: #f26522;
        background-position: right -28px;
        color: #fff
    }

        #benefitsContainer .actionBtn:hover {
            color: #222f2f;
            background-position: right -148px;
            border-color: #222f2f
        }

    #benefitsContainer .imageBoxContainer {
        height: 500px;
        position: relative;
        width: auto
    }

    #benefitsContainer .imageBox {
        background: url(../images/beta/benefitsMonitor.png) no-repeat scroll center center rgba(0,0,0,0);
        height: 540px;
        width: 640px
    }

#aboutContainer {
    background: url(../images/background/grad_BlueLighter.jpg) repeat-x scroll 0 bottom #8bafd1;
    min-height: 340px;
    overflow: hidden
}

    #aboutContainer .actionContainer {
        width: 200px
    }

    #aboutContainer .actionBtn {
        background-color: #f26522;
        background-position: right -28px;
        color: #fff
    }

        #aboutContainer .actionBtn:hover {
            color: #222f2f;
            background-position: right -148px;
            border-color: #222f2f
        }

    #aboutContainer .imageBoxContainer {
        height: 500px;
        position: relative;
        width: auto
    }

    #aboutContainer .imageBox {
        background: url(../images/beta/monitorShowingClear.png) no-repeat scroll center center rgba(0,38,0,0);
        height: 700px;
        margin-left: -54%;
        position: absolute;
        width: 200%
    }

    #aboutContainer.stack {
        background: url(../images/background/grad_GreyDarker.jpg) repeat-x scroll 0 bottom #b7c3ca
    }

        #aboutContainer.stack h2.whtTxt {
            color: #f26522
        }

        #aboutContainer.stack .imageBoxContainer {
            height: 10px
        }

        #aboutContainer.stack .imageBox {
            background: url(../images/beta/stack.png) repeat-y fixed center center rgba(0,38,0,0);
            height: 552px;
            position: absolute;
            margin-left: 0;
            top: -21px;
            width: 100%
        }

#helpdeskContainer {
    border-top: 1px solid #b7c3ca;
    background-image: url(../images/background/flash-grey.png);
    background-position: center -30px;
    background-repeat: no-repeat
}

    #helpdeskContainer h2 {
        font-size: 22px;
        padding-left: 50px
    }

    #helpdeskContainer a.helpDeskLink {
        font-size: 20px;
        text-decoration: none
    }

        #helpdeskContainer a.helpDeskLink:hover {
            text-decoration: underline
        }

.fairDealLink:hover {
    text-decoration: underline;
    cursor: pointer
}

.phoneNoTxt {
    color: #000;
    display: inline-block;
    font-size: 20px;
    margin-top: -4px;
    vertical-align: baseline
}

#quoteContainer {
    border-top: 1px solid #b7c3ca;
    background-image: none;
    background-color: #fff;
    background-position: center -30px;
    background-repeat: no-repeat
}

    #quoteContainer .section {
        padding: 0
    }

    #quoteContainer h2 {
        font-size: 32px;
        padding-left: 50px;
        padding-top: 8px
    }

#TDMadContainer {
    background: url(../images/background/grad_orangeDarker.jpg) repeat-x scroll 0 bottom #f26522;
    min-height: 250px
}

    #TDMadContainer .section {
        margin-bottom: -1px;
        padding-bottom: 0
    }

    #TDMadContainer .actionBtn {
        background-color: #fff;
        color: #f26522;
        background-position: right 12px
    }

        #TDMadContainer .actionBtn:hover {
            background-color: #222f2f
        }

.ico-none {
    background-image: none
}

.icoSearchGry {
    background-position: 0 -300px
}

.icoQuestionGry {
    background-position: 0 -400px
}

.icoEmailGry {
    background-position: 0 -500px
}

.icoFaq {
    background-position: 1px -600px
}

.icoInfo {
    background-position: 1px -680px
}

.icoHelpdesk {
    background-position: 1px -2384px
}

.icoTDM {
    background-position: 1px -840px
}

.icoRegister {
    background-position: 1px -1400px
}

.icoMoney {
    background-position: 1px -920px
}

.icoLock {
    background-position: 1px -1160px
}

.icoReLock {
    background-position: 1px -2140px
}

.icoRightsHolderGry {
    background-position: 0 -1840px
}

.icoPublisherGry {
    background-position: 0 -1940px
}

.icoAuthorGry {
    background-position: 0 -2040px
}

.wiz #headContainer {
    background-image: url(../images/background/flash-orange.png);
    background-position: left -30px;
    background-repeat: no-repeat;
    background-color: #ff8f27
}

.newSearchStyle .imageWindow {
    background-color: rgba(242,101,34,.9);
    background-image: none;
    height: 60px;
    background-color: #ff8f27;
    background-image: url(../images/background/flash-orange.png);
    background-position: left -30px;
    background-repeat: no-repeat
}

.newSearchStyle #searchBarContainer {
    margin-top: 30px;
    margin-top: 0
}

.newSearchStyle .short #searchBarContainer {
    margin-top: 0
}

.newSearchStyle .searchBar {
    border-radius: 8px;
    height: 80px;
    top: -15px;
    top: 0;
    background: 0 0
}

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

.infoPage p {
    margin: 8px 0
}

ul.popList {
    list-style: outside none none;
    padding: 0
}

    ul.popList li {
        border-top: 1px solid rgba(0,0,0,.1);
        padding: 15px 0
    }

        ul.popList li:first-child {
            border-top: 1px solid transparent
        }

        ul.popList li h4 {
            color: #f26522;
            display: inline-block;
            font-size: 18px;
            height: 23px;
            padding: 11px 0 11px 13px;
            vertical-align: top
        }

        ul.popList li p {
            margin: 0 0 11px 115px;
            max-width: 60%
        }

span.popIcon {
    background-image: url(../images/beta/betaimg-map.png);
    display: inline-block;
    height: 55px;
    width: 75px;
    vertical-align: top
}

    span.popIcon.search {
        background-position: 0 -381px
    }

    span.popIcon.select {
        background-position: 0 -445px
    }

    span.popIcon.mail {
        background-position: -87px -382px
    }

.helpDeskNote {
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top: 1px solid rgba(0,0,0,.2);
    margin: 20px 0;
    padding: 10px 0
}

    .helpDeskNote span.popIcon {
        background-position: -340px -225px;
        float: left;
        height: 70px;
        width: 90px
    }

    .helpDeskNote p {
        margin: 10px 0 10px 115px
    }

ul.ticks {
    list-style: outside none none;
    padding: 0
}

    ul.ticks li {
        background-image: url(../Images/beta/betaimg-map.png);
        background-position: -467px -82px;
        background-repeat: no-repeat;
        margin: 10px 0;
        padding: 0 0 0 26px
    }

.imageContainer {
    border: 3px solid #b7c3ca;
    padding: 4px;
    position: relative;
    margin: 10px 0;
    min-height: 80px
}

    .imageContainer img {
        background-color: #fff;
        width: 100%
    }

.hoverBubble {
    background-color: #222f2f;
    border: 1px solid #f26522;
    border-radius: 10px;
    box-shadow: 3px 3px 8px -1px #000;
    position: absolute;
    left: 0;
    top: 0
}

    .hoverBubble p {
        color: #fff;
        line-height: 1.4;
        margin: 3px;
        max-width: 300px;
        padding: 10px
    }

    .hoverBubble span {
        height: 20px;
        width: 30px;
        display: none;
        position: absolute;
        background-image: url(../images/beta/bubbleTailDarkGray.png)
    }

    .hoverBubble.top span {
        display: block;
        top: -20px;
        left: 50%;
        margin-left: -15px;
        background-position: -2px -128px
    }

    .hoverBubble.bottom span {
        display: block;
        bottom: -20px;
        left: 50%;
        margin-left: -15px;
        background-position: -3px -5px
    }

    .hoverBubble.left span {
        height: 30px;
        width: 20px;
        display: block;
        top: 50%;
        left: -20px;
        margin-top: -15px;
        background-position: -8px -38px
    }

    .hoverBubble.right span {
        height: 30px;
        width: 20px;
        display: block;
        top: 50%;
        right: -20px;
        margin-top: -15px;
        background-position: -5px -85px
    }

.howTitle {
    color: #000;
    padding-left: 30px;
    font-weight: 700;
    font-size: 16px
}

.permission-logo {
    display: inline-block;
    margin: 0 2px;
    position: relative
}

    .permission-logo img {
        width: 100%;
        display: block;
        top: 3px;
        position: relative
    }

    .permission-logo.request {
        width: 260px
    }

    .permission-logo.assist {
        width: 160px
    }

    .permission-logo.direct {
        width: 160px
    }

    .permission-logo.permissions {
        width: 180px;
        margin: 0
    }

#loginContainer ul.explainList {
    list-style: none;
    padding-left: 30px;
    margin-top: 10px !important
}

#loginContainer .column.left ul.explainList li.item {
    background-image: url(../Images/background/flash-mask-greybar.png);
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: top right;
    padding: 18px 5px 22px 58px;
    border-radius: 10px 0 10px 10px;
    margin: 0;
    position: relative
}

    #loginContainer .column.left ul.explainList li.item p.el-headline {
        font-weight: 700;
        font-size: 12px
    }

    #loginContainer .column.left ul.explainList li.item p.el-blurb {
        font-weight: 400;
        font-size: 13px;
        padding: 20px 20px 10px 0;
        display: none
    }

    #loginContainer .column.left ul.explainList li.item:hover {
        cursor: pointer
    }

    #loginContainer .column.left ul.explainList li.item:focus p.el-headline,
    #loginContainer .column.left ul.explainList li.item:hover p.el-headline {
        color: #f26522;
    }
    #loginContainer .column.left ul.explainList li.item:focus {
        background-color: #ddd;
        outline:none;
    }

    #loginContainer .column.left ul.explainList li.item span {
        background-image: url(../Images/background/orangeBlankLogo.png);
        background-repeat: no-repeat;
        display: block;
        height: 26px;
        width: 26px;
        position: absolute;
        top: 14px;
        left: 17px;
        padding: 1px 14px 0;
        font-size: 12px;
        color: #fff
    }

#loginContainer .column.left ul.explainList li.arrow {
    background-image: url(../Images/beta/expandArrows.png);
    background-position: center -3px;
    background-repeat: no-repeat;
    margin: 2px;
    height: 10px;
    padding: 0
}

#loginContainer .column.left ul.explainList li.text {
    font-size: 13px;
    color: #000
}

ul.listBlocks {
    list-style: none;
    padding: 0;
    font-size: 0 !important
}

    ul.listBlocks li {
        background-image: url(../Images/background/flash-mask-greybar.png);
        background-color: #eee;
        background-repeat: no-repeat;
        background-position: top right;
        padding: 20px 30px;
        border-radius: 10px 0 10px 10px;
        margin: 4px 3px !important;
        display: inline-block;
        width: 47%;
        text-align: center;
        font-size: 14px;
        box-sizing: border-box;
        vertical-align: top;
        line-height: 1.4
    }

.cmsEditLink {
    background-color: #ec008e;
    background-image: url(../images/icons/arcCMS.png);
    background-position: 0 -1px;
    background-repeat: no-repeat;
    border: 0 none !important;
    border-radius: 4px;
    color: #fff;
    display: inline-block !important;
    float: none !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 17px !important;
    margin: 1px 2px;
    overflow: hidden;
    padding: 2px !important;
    text-decoration: none !important;
    text-indent: -900em;
    vertical-align: middle;
    width: 17px !important
}

    .cmsEditLink:hover {
        background-color: #408540;
        background-position: 0 -31px
    }

.swMain ul.anchor li h4 {
    display: inline-block;
    font-size: 12px;
    left: -140px;
    margin: 13px -110px 0 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 110px;
    z-index: 9999
}

    .swMain ul.anchor li h4 a {
        display: none
    }

        .swMain ul.anchor li h4 a.cmsEditLink {
            border-radius: 4px;
            margin: -4px 0 0 -24px;
            position: absolute;
            z-index: 9999
        }

.regFormContainer .messageBox p {
    box-sizing: border-box;
    margin: 0 !important;
    padding: 10px !important;
    width: 100% !important;
    border: 2px solid #fff
}

    .regFormContainer .messageBox p.hide {
        display: none
    }

#inboxHoldMessage, .inboxHoldMessage {
    background-color: rgba(0,0,0,.04);
    background-color: #f26522;
    border-radius: 8px;
    padding: 10px;
    min-height:58px;
}

#inboxHoldMessage span, .inboxHoldMessage span {
    display: inline-block;
    height: 60px;
    width: 60px;
    background-image: url(../Images/beta/Clear_hexagons.png);
    background-position: 3px -1244px;
    position: absolute
}

#inboxHoldMessage p, .inboxHoldMessage p {
    margin-left: 70px;
    color: #fff
}
.inboxHoldMessage p:first-of-type {
    padding-top: 5px;
}
#inboxHoldMessage p a, .inboxHoldMessage p a {
    color: #fff
}
#inboxHoldMessage p a:hover, .inboxHoldMessage p a:hover {
    text-decoration: none
}
#inboxHoldMessage p strong, .inboxHoldMessage p strong {
    font-size: 14px;
}

.orangeBG {
    background-image: url(../images/background/flash-orange.png);
    background-position: left -30px;
    background-repeat: no-repeat;
    background-color: #ff8f27
}
.whiteBG {
    background-color: #fff;
}

.wizardStepError a {
    display: inline-block;
    background-color: #91c846;
    padding: 10px 30px;
    color: #fff;
    text-decoration: none;
    font-size: .75em;
    border-radius: 6px;
    border: 1px solid grey;
    margin: 40px 0 10px;
    font-weight: 700;
    text-transform: uppercase
}

    .wizardStepError a:hover {
        background-color: #f26f22
    }

.wizardStepError {
    border: 1px solid hotpink;
    margin: 30px 40px;
    border-radius: 8px;
    padding: 40px 10px;
    text-align: center
}

    .wizardStepError h2 {
        color: #000;
        margin: 0 0 25px
    }

@media (max-width:1300px) {
    #loginContainer .column.left ul.explainList li.item {
        padding: 15px 5px 15px 58px
    }

    h2 {
        font-size: 20px
    }

    #loginContainer ul.explainList {
        margin-bottom: 10px !important
    }
}

.jcarousel {
    position: relative;
    overflow: hidden;
}
.jcarousel ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
        float: left;
        width:100px;
    }

#DraftRequestBox {
    display: block;
    margin: -9px 0 0;
}
#DraftRequestBox a {
    font-size: 14px;
    display: block;
    padding: 10px 8px;
    color: #f26522;
    text-decoration: none;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}
#DraftRequestBox a:hover {
    background-color: #f26522;
    color:#fff;
}
#DraftRequestBox a span {
    font-size: 12px;
    display: inline-block;
    padding: 0.08em 0.7em;
    background-color: red;
    color: #fff;
    border-radius: 0.3rem;
    float: right;
    border: 1px solid #fff;
}