/* Test */
/* Defaults */
@font-face {
    font-family: 'futura_lt_bt_light';
    src: url(../fonts/futura_light_bt-webfont.eot);
    src: url(../fonts/futura_light_bt-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/futura_light_bt-webfont.ttf) format("truetype"), url(../fonts/futura_light_bt-webfont.svg#AftaserifRegular) format("svg");
}

@font-face {
    font-family: 'FuturaHvBTHeavy';
    src: url(../fonts/futura-hv-bt-heavy-webfont.eot);
    src: url(../fonts/futura-hv-bt-heavy-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/futura-hv-bt-heavy-webfont.ttf) format("truetype"), url(../fonts/futura-hv-bt-heavy-webfont.svg#futurahvbtheavyheavy) format("svg");
}

* {
    -webkit-hyphens: none;
    box-sizing: border-box;
}

.is-ie9 .marL5, .lt-ie9 .marL5, .latestIE .marL5 {
    margin-left: 5.4em;
}

.marT-1 {
    margin-top: -1.5em;
}

.mB2 {
    margin-bottom: 2em;
}

.marB-1 {
    margin-bottom: -1em;
}

.MarTB43 {
    margin: 43px 0px;
}

html {
    color: #424242;
    font-size: 1em;
    line-height: 1.4;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f2f2f2;
}

.floatRight {
    float: right;
}


.mobile-menu {
    display: none;
}

::-moz-selection {
    background-color: #d9d9d9;
    color: #333;
    text-shadow: none;
}

::selection {
    background-color: #d9d9d9;
    color: #333;
    text-shadow: none;
}

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    position: relative;
    background-color: #ffffff;
    background-attachment: fixed;
    background: -moz-linear-gradient(top, #efefef 1%, #ffffff 66%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#efefef), color-stop(66%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efefef 1%,#ffffff 66%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efefef 1%,#ffffff 66%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #efefef 1%,#ffffff 66%); /* IE10+ */
    background: linear-gradient(to bottom, #efefef 1%,#ffffff 66%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    width: 100%;
    *zoom: 1;
}

    body:before {
        content: " ";
        display: table;
    }

    body:after {
        content: " ";
        display: table;
        clear: both;
    }

.container {
    max-width: 68.750em;
    padding: 0 1.875em;
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: futura_lt_bt_light, Arial;
    text-transform: uppercase;
    margin-top: 0;
}

h1 {
    font-size: 2.1875em;
}

.thin h1 {
    text-align: center;
    margin-bottom: 30px;
}

h2 {
    font-size: 1.5625em;
}

h3 {
    font-size: 1.25em;
}

h4 {
    font-size: 1.125em;
}

p {
    font-variant-numeric: old style-nums proportional-nums;
}

a {
    color: #00947a;
    transition: all .25s ease;
    text-decoration: underline;
}

.line a {
 text-decoration: underline;
}
.noline a {
    text-decoration: none;
}

.mgn_l10 {
    margin-left: 10px;
}

a:visited {
    color: #00947a;
}

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

a:focus {
    outline: dotted 1px;
    color: #002e26;
}

a:hover,
a:active {
    outline: 0;
}

hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}

    hr.dotted {
        border-top: dotted 1px #bfbfbf;
        margin-top: 30px;
    }

img {
    border-width: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto;
}

svg:not(:root) {
    overflow: hidden;
}

canvas,
iframe,
video,
svg {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

blockquote {
    margin: 1.5em;
}

:focus {
    outline-color: transparent;
    outline-style: none;
}

.bold {
    font-weight: 700;
}

.bolder {
    font-family: FuturaHvBTHeavy;
}

.clearfix {
    *zoom: 1;
}

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

.clearfix {
    display: block;
    clear: both;
    position: relative;
}

.alignMiddle, .unsuccessfullTick.alignMiddle {
    vertical-align: middle !important;
}

.displayInline {
    display: inline-block;
}

/* Buttons */
.btn {
    -webkit-appearance: none;
    padding: 12px 25px;
    border-radius: .2em;
    border: 0;
    color: #fff;
    background-color: #6EAB24;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    text-shadow: none;
    font-size: 14px;
    line-height: 1.2;
    font-family: futura_lt_bt_light;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
    /*Added by me*/
    width:230px
}

.specialbtn {
    -webkit-appearance: none;
    padding: 12px 25px;
    border-radius: .2em;
    border: 0;
    color: #fff;
    background-color: #6EAB24;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    text-shadow: none;
    font-size: 14px;
    line-height: 1.2;
    font-family: futura_lt_bt_light;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
}



.blueBtn {
    background-color: #0097b3;
    padding: .75em 1em;
}

.lt-ie9 .btn {
    *display: inline;
    zoom: 1;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.btn:hover {
    background-color: #006150;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

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

.btn-wide {
    display: block;
    width: 100%;
    text-align: center;
}

a:focus,
.btn:focus {
    outline: none;
}

button[disabled]:hover {
    cursor: not-allowed;
    background-color: #ccc;
}


/* Form Elements */
input[type="text"],
input[type="tel"],
input[type="password"],
select,
.type-text {
    padding: 10px 15px 10px 7px;
    font-size: 1em;
    background: #e7eaeb;
    border-radius: 2px;
    border: solid 1px #e2e2e2;
    position: relative;
    margin: 0;
    font-family: futura_lt_bt_light, Arial;
    outline: none;
    box-shadow: none !important;
    -webkit-appearance: none;
}

[disabled] {
    background-color: #ccc;
}

select {
    height: 38px;
    cursor: pointer;
    text-transform: none;
    margin-bottom: 20px;
    text-indent: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/custom-select-arrow.png) 100% 50% no-repeat #e7eaeb;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
    width: 100%;
}

input[disabled] {
    opacity: .4;
    border: solid 1px #ebebeb;
    color: #000;
}

.is-ie9 input[disabled] {
    opacity: .4;
    border: none !important;
    color: #000000;
}

select[disabled] {
    opacity: .6;
    background-color: #ebebeb;
    color: rgb(128, 128, 128);
}

input[disabled]:hover {
    background: none repeat scroll 0 0 #ebebeb;
}

label {
    text-transform: uppercase;
    position: relative;
    margin-bottom: 25px;
    font-family: futura_lt_bt_light;
}

input:focus {
    background: #f6f6f6;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.form-shadowed {
    border: solid 1px #ddd;
    position: relative;
}

    .form-shadowed:after {
        content: "";
        display: block;
        height: 1em;
        position: absolute;
        right: 0;
        bottom: -1em;
        left: 0;
        background: url(../img/header_shadow.png) repeat-x;
    }

.form-thin {
    max-width: 601px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

.form-thin fieldset {
        margin: 0 auto;
        padding: 50px;
    }

.form-error {
    background-color: #fbd3cc;
}

fieldset.fieldnumber {
    max-width: 35em;
    margin: 1em auto;
}

.lt-ie9 select {
    height: 2.8em;
}

.is-ie9 select {
    height: 2.76em;
}

.lt-ie9 select {
    text-align: center;
}

.android select {
    padding: 10px;
}

.label-additional {
    display: block;
    margin: 0 0 20px;
    text-transform: none;
    font-size: 1em;
}

.fullWidth select {
    width: 100%;
}

.label-wide {
    display: block;
    position: relative;
    text-transform: none;
}

.input-wide {
    display: block;
    width: 100%;
    max-width: 100%;
}

.input-full {
    width: 100%;
    max-width: 100%;
}
/* i */
/*i {
    background: url(../img/info_icon_grey.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    padding-left: 30px;
    display: inline-block;
    vertical-align: middle;
}

.i {
    display: inline-block;
    width: 1em;
    height: 1em;
}*/

.lt-ie9 .i {
    *display: inline;
    zoom: 1;
}

i.why-icon {
    background-image: url(../img/info_icon_grey.png);
}

i.why-icon-info {
    background-image: url(../img/info_icon.png);
}

i.phone {
    background: url(../img/phone.png) no-repeat left top;
    width: 36px;
    height: 28px;
    margin-left: -2px;
}

i.arrorw {
    background-image: url(../img/arrow_grey.png);
    background-position: 50% 50%;
    width: 13px;
    height: 22px;
    margin: 0 14px;
}

i.cellphone {
    background-image: url(../img/cellphonenew.png);
    width: 26px;
    height: 45px;
    margin: 0;
    background-position: 50% 50%;
}

#UpgradeUser i.cellphone {
    margin: 0 14px 0 0;
}

i.cellphone-bub {
    background-image: url(../img/cellphonesms.png);
    width: 32px;
    height: 45px;
    margin: 0;
}

i.tick {
    background: url(../img/check.svg) no-repeat left center;
    width: 20px;
    height: 15px;
    right: -2.5em;
    position: absolute;
}

.lt-ie9 i.tick {
    background: url(../img/check.png) no-repeat left center;
}

.lt-ie9 select {
    padding-bottom: 11px;
}

i.SuccessTick {
    background-image: url(../img/check_2.png);
    width: 20px;
    height: 38px;
    right: -2em;
    bottom: 1.2em;
    position: absolute;
    padding-left: 41px!important;
    padding-top: 3px;
}

.lt-ie9 i.SuccessTick {
    background: url(../img/check_2.png);
}

i.nonSuccessTick {
    background-image: url(../img/cross2.png);
    width: 20px;
    height: 38px;
    margin-top: 1px;
    right: -2em;
    bottom: 1.2em;
    position: absolute;
    padding-left: 38px!important;
    margin-left: -66px;
}

i.PendingTick {
    background-image: url(../img/pending.png);
    width: 20px;
    height: 38px;
    margin-top: 1px;
    right: -2em;
    bottom: 1.2em;
    position: absolute;
    padding-left: 41px!important;
}

.successmarR {
    margin-right: 7em;
}

i.tick.relGreen,
i.SuccessTick.relGreen {
    position: relative;
    width: auto;
    padding-left: 35px;
    color: #333;
    height: 21px;
    right: 0;
    display: block;
    font-family: futura_lt_bt_light;
    font-style: normal;
}

i.nonSuccessTick,
i.PendingTick.relGreen {
    position: relative;
    width: auto;
    padding-left: 27px;
    color: #333;
    right: 0;
    font-style: normal;
    font-family: futura_lt_bt_light, Arial;
}

.confirmationContainer {
    display: block;
    position: relative;
}

i.cross {
    background-image: url(../img/cross.png);
    width: 14px;
    height: 15px;
    position: absolute;
    right: -2.5em;
    bottom: 40px;
}

    i.cross.fixed {
        width: auto;
        font-family: futura_lt_bt_light;
        background-image: url(../img/alert.svg);
        font-style: normal;
        position: static;
        display: block;
        padding-left: 35px;
        margin-bottom: 16px;
        height: 22px;
        background-position: left center;
    }

.lt-ie9 i.fixed {
    background: url(../img/alert.png);
}

i.disabled {
    width: auto;
    background-image: url(../img/disabled.svg);
    position: static;
    font-style: normal;
    color: #ff0606;
    display: block;
    padding-left: 25px;
    height: 16px;
    background-position: left center;
}

.lt-ie9 i.disabled {
    background: url(../img/disabled.png);
    background-repeat: no-repeat;
}

i.error-cross {
    background-image: url(../img/cross.png);
    width: 27px;
    height: 15px;
}

.i-large {
    display: inline-block;
    width: 4em;
    height: 4em;
}

.lt-ie9 .i-large {
    *display: inline;
    zoom: 1;
}

.i-inline {
    position: relative;
    top: .25em;
    margin-right: .5em;
}

.i-right {
    position: absolute;
    top: 0;
    right: 0;
}

.i-right-large {
    position: absolute;
    top: -1.25em;
    right: 0;
}

.lt-ie9 .i-right-large {
    top: 0;
    right: -1.5em;
}

.i-error {
    background: transparent url(img/warning.svg) 0 0 no-repeat;
    background-size: 1em;
}

.lt-ie9 .i-error {
    background: transparent url(img/warning.png) 0 0 no-repeat;
}

.i-lock {
    background: transparent url(img/lock.svg) 0 0 no-repeat;
    background-size: 1em;
}

.lt-ie9 .i-lock {
    background: transparent url(img/lock.png) 0 0 no-repeat;
}

.i-chevron {
    background: transparent url(img/chevron-green.svg) 0 0 no-repeat;
    background-size: 4em;
}

.lt-ie9 .i-chevron {
    background: transparent url(img/chevron-green.png) 0 0 no-repeat;
}

.i-addwebsitearrow {
    background: transparent url(../img/addwebsitearrow.png) 0 0 no-repeat;
    margin-top: 8px;
    margin-left: 4px;
    padding-left: 0;
    display: inline-block;
}

.i-pending {
    background: transparent url(img/pending.png) 0 0 no-repeat;
    margin-left: .5em;
}

.lt-ie9 .i-addwebsitearrow {
    background: transparent url(../img/addwebsitearrow.png) 0 0 no-repeat;
    margin-top: .37em;
}

.nav-progress-item-future .i-chevron {
    background: transparent url(img/chevron-grey.svg) 0 0 no-repeat;
    background-size: 4em;
}

.lt-ie9 .nav-progress-item-future .i-chevron {
    background: transparent url(img/chevron-grey.png) 0 0 no-repeat;
}

.label-checkbox .input-checkbox + .i-checkbox {
    margin-right: .25em;
    background-color: #bfbfbf;
}

.label-checkbox .input-checkbox:checked + .i-checkbox {
    background: transparent url(img/checkbox.svg) 0 0 no-repeat;
    background-color: #bfbfbf;
    background-size: .75em;
    background-position: .15em .15em;
}

.lt-ie9 .label-checkbox .input-checkbox:checked + .i-checkbox {
    background: transparent url(img/checkbox.png) 0 0 no-repeat;
}

i.unsuccessfullTick {
    background-image: url(../img/unsuccessful_small.png);
    height: 66px;
    width: 66px;
    margin-right: 20px;
    float: none;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.thisSpanIcon {
    float: left;
}

.thisSpanText {
    float: right;
    width: 80%;
}

.unsuccessContainer {
    background-color: #FFF0E4;
    padding-top: 0em;
}

i.lockedUser {
    background-image: url(../img/orangelock.png);
    height: 66px;
    width: 66px;
    margin-right: 20px;
    float: left;
}

.noMarginTop {
    margin-top: 0px;
}

.da-msg {
    display: inline-block;
    width: 80%;
    font-family: futura_lt_bt_light;
}

.center {
    text-align: center;
}

.displayBlock {
    display: block;
}

.unsuccessContainer {
    background-color: #FFF0E4;
    padding-top: 0em;
}

    .unsuccessContainer .left-span {
    }

    .unsuccessContainer fieldset {
    }



.MT1 {
    margin-top: 1em !important;
}
/* Arrows */
.nextArrow {
    margin-bottom: 0;
    padding-right: 1em;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #333;
}

.arrow-right {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #6ab90d;
    margin: 0;
    vertical-align: middle;
}

.arrow-left {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #6ab90d;
    margin: 0;
    vertical-align: middle;
}

.green-arrow-l {
    border-right: 5px solid #00947a;
    border-left: none;
    margin: 0 0 2px 10px;
}

.green-arrow-r {
    border-left: 5px solid #00947a;
    border-right: none;
    margin: 0 10px 2px 0;
}

.arrow-down {
    position: absolute;
    top: 31px;
    right: 7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #06614f;
}

.arrow-d {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #06614f transparent;
    float: right;
    margin-right: 0;
    margin-top: 10px;
}

.arrow-u {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #aaa transparent transparent transparent;
    float: right;
    margin-right: 0;
    margin-top: 10px;
}

/* Accordions */
.accordionItem {
    border-bottom: 1px dotted #e0e0e0;
}

.accordionTitle a {
    display: block;
    text-transform: none;
    text-decoration: none;
    font-family: futura_lt_bt_light;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 0 26px;
    background: url(../img/accordianClosed.png) left center no-repeat;
    color: #3e3e3e;
    outline: 0;
}

.active .accordionTitle a {
    background-image: url(../img/accordianOpen.png);
}

.accordionTitle h2 {
    width: auto;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.accordionText {
    display: none;
    padding: 6px 20px 0 51px;
    font-size: 14px;
    background: url(../img/openAccordionGradient2.png) repeat-x top #f7f8f8;
}

.accordionTitle h3 {
    margin: 13px 0;
}

.bdrTop {
    border-top: 1px dotted #e0e0e0;
}

.nonAccordianContent {
    padding: .3% 8% 0;
}

.nonAccordianContent {
    padding: .3% 8% 0;
}

.accordionTitle {
    margin: 0 10px 0 29px;
}

.nonAccordianContent a {
    font-size: 16px;
    display: block;
    font-family: futura_lt_bt_light;
}

.nonAccordianContent p {
    font-size: 14px;
    margin-bottom: 25px;
}

.accordionText a {
    text-decoration: none;
    display: block;
}

.accordianColumn {
    float: left;
    width: 66%;
    border: solid 1px #dadada;
}
/* Nav */
#hamburger, .dl-menuwrapper {
    display: none;
}

.nav-progress {
    list-style-type: none;
    margin: 0;
    padding: 32px 50px 26px;
    border-bottom: solid 1px #ddd;
    font-size: .9em;
    counter-reset: nav-progress-counter;
    text-align: center;
    color: #bfbfbf;
    background: #fcfcfc;
    box-shadow: 0 -8px 9px -2px #eee inset;
}

.nav-progress-item {
    margin-bottom: 0;
    padding-right: 1em;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #333;
}

.lt-ie9 .nav-progress-item {
    *display: inline;
    zoom: 1;
}

.nav-progress .progress-icon,
.nav-progress .progress-icon-future,
.progress-icon-passed {
    display: block;
    background: url(../img/white-progress-arrow.png) no-repeat center #006150;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin: 0 auto;
}

.nav-progress .progress-icon-future {
    background: url(../img/white-progress-arrow.png) no-repeat center #c1c1c1!important;
}

.nav-progress .progress-icon-passed {
    background: url(../img/white-progress-arrow.png) no-repeat center #6eab24!important;
}

.nav-progress .progress-text.last {
    background-image: none;
}

.nav-top {
    *zoom: 1;
    max-width: 65em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    height: 85px;
    position: relative;
}

    .nav-top:before {
        content: " ";
        display: table;
    }

    .nav-top:after {
        content: " ";
        display: table;
        clear: both;
    }

    .nav-top ul {
        padding: .5em 0 .5em 3em;
    }

.lt-ie9 .nav-top ul {
    float: right;
}

.nav-main {
    text-transform: uppercase;
    margin-bottom: 3em;
}

    .nav-main a {
        text-decoration: none;
    }

        .nav-main a:hover {
            color: #fff;
            background: #00947a;
        }

    .nav-main .active a {
        color: #fff;
        background: #006150;
    }

        .nav-main .active a:hover {
            background: #00947a;
        }

    .nav-main li {
        margin-right: 1em;
    }

.nav-pad {
    position: relative;
    border: solid 1px #bfbfbf;
    margin-bottom: 1em;
}

    .nav-pad:after {
        content: "";
        display: block;
        height: 1em;
        position: absolute;
        right: 0;
        bottom: -1em;
        left: 0;
        background: -webkit-linear-gradient(top, #ebebeb 0%, #fff 100%);
        background: linear-gradient(to bottom, #ebebeb 0%, #fff 100%);
        border-top: solid 1px #bfbfbf;
    }

    .nav-pad ul {
        padding-left: 0;
        margin: 0;
        list-style: none;
    }

        .nav-pad ul > li {
            border-top: dotted 1px #bfbfbf;
        }

        .nav-pad ul a {
            padding: 1.5em;
            display: block;
        }

        .nav-pad ul p {
            padding-right: 1.5em;
            padding-bottom: 1.5em;
            padding-left: 1.5em;
            margin-top: 0;
            margin-bottom: 0;
        }

    .nav-pad .role_group {
        background-color: #ebebeb;
        background: -webkit-linear-gradient(top, #bfbfbf 0%, #ebebeb 5%, #ebebeb 100%);
        background: linear-gradient(to bottom, #bfbfbf 0%, #ebebeb 5%, #ebebeb 100%);
        border-top: none;
    }

        .nav-pad .role_group li:first-child {
            border-top: none;
        }

.header-nav {
    padding: 1.6em;
    border-bottom: dotted 1px #bfbfbf;
    margin-bottom: 0;
    *zoom: 1;
}

    .header-nav:before {
        content: " ";
        display: table;
    }

    .header-nav:after {
        content: " ";
        display: table;
        clear: both;
    }

.nav-top ul {
    float: right;
}
/* Error */
.error-text {
    color: #eb3410;
}

.error-bg {
    background-color: #fbd3cc;
}

.gcserror #FirstName {
    border: solid 1px #eb3410;
}

.has-error .msg-error {
    color: #eb3410;
}

.has-error input,
.has-error-not-matching input,
.has-error select,
.has-error-dob input,
.has-error .pseudoSelect,
.has-error .pseudoSelect2 {
    margin-bottom: .25em;
    border: solid 1px #eb3410 !important;
}

.msg-error-gcs-validate {
    display: block;
    visibility: visible;
}

.has-error-required .msg-error-required {
    display: block;
    visibility: visible;
}

.has-error-required .country-list-load-failed {
    display: block;
    visibility: visible;
}

.has-error-required .msg-error-required-additional {
    display: block;
    visibility: visible;
}

.has-error-wrong-username-or-password .msg-error-wrong-username-or-password {
    display: block;
    visibility: visible;
}

.has-error-account-locked .msg-error-account-locked {
    display: block;
    visibility: visible;
}

.has-error-account-disabled .msg-error-account-disabled {
    display: block;
    visibility: visible;
}

.has-error-password-mismatch .msg-error-password-mismatch {
    display: block;
    visibility: visible;
}

.has-error-username-invalid .msg-error-username-invalid {
    display: block;
    visibility: visible;
}

.has-error-cellphone-invalid .msg-error-cellphone-invalid {
    display: block;
    visibility: visible;
}

.has-error-password-invalid .msg-error-password-invalid {
    display: block;
    visibility: visible;
}

.has-error-cellphone-invalid-za .msg-error-cellphone-invalid-za {
    display: block;
    visibility: visible;
}

.has-error-not-matching .msg-error-not-matching {
    display: block;
    visibility: visible;
}

.has-error-length .msg-error-length {
    display: block;
    visibility: visible;
}

.has-error-pattern-match .msg-error-pattern-match {
    display: block;
    visibility: visible;
}

.invalidRSAid .id-failed-pattern {
    display: block;
    visibility: visible;
}

.gcserrorCellphone .msg-error-pattern-za {
    display: block;
    visibility: visible;
}

.gcserrorCellphone2 .msg-error-nonZAerror {
    display: block;
    visibility: visible;
}

.has-error-pattern-za .msg-error-pattern-za {
    display: block;
    visibility: visible;
}

.has-error-pattern-match .msg-error-pattern-match-additional {
    display: block;
    visibility: visible;
}

.has-error-unique-user #unique-user {
    display: block;
    visibility: visible;
}

.invalidDOB .msg-error-nomatch-withID {
    display: block;
    visibility: visible;
}

.has-error-unique-user .not-unique-user {
    display: block;
    visibility: visible;
}

.has-error-select-country-Passport .msg-error-required1,
.has-error-select-country-NonRSA .msg-error-required2 {
    display: block;
    visibility: visible;
}

.has-error-select-gender .msg-error-select-gender {
    display: block;
    visibility: visible;
}

.has-error-greater-than .msg-error-greater-than {
    display: block;
    visibility: visible;
}

.has-error-isnan .msg-error-isnan-match {
    display: block;
    visibility: visible;
}

.has-error-dist-channel .msg-error-distribution-channel {
    display: block;
    visibility: visible;
}

.msg-error-nonZAerror .msg-error-pattern-NonZA {
    display: block;
    visibility: visible;
}

.msg-error-nonZAerror .msg-error-nonZAerror {
    display: block;
    visibility: visible;
}

.overwrite-has-error #input-cellphone {
    outline: solid 1px #bfbfbf!important;
    border: none;
}

.gcserror .has-error input, .gcserror .has-error .pseudoSelect {
    border: none !important;
}

.msg-error {
    font-family: futura_lt_bt_light!important;
    display: none;
    visibility: hidden;
    color: #eb3410;
    text-transform: none;
    margin-bottom: 1em;
    text-align: left;
}

.msg-error-alt {
    text-align: left;
}

a#error-pop-up {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}

:invalid {
    box-shadow: none;
    outline: 0;
}

.errorContainer {
    margin-left: 5em;
    color: red;
    width: 80%;
    margin-top: -5em;
}

.error-cross-cell {
    margin-top: 2em;
    margin-left: 4em;
}

.errorContainer p {
    margin-top: -1em;
}

.errorMessage {
    color: red;
    width: 100%;
    font-family: futura_lt_bt_light;
    margin: 0 0 30px;
}

p.Invalid-cellno.msg-error,
p.service-error.msg-error {
    border: solid 1px;
    padding: 10px;
}

#linkSmsMessage {
    display: none;
}
/* Shadows */
.shadow-bottom-curve {
    position: relative;
    background: #fff;
    padding-bottom: 1em;
}

    .shadow-bottom-curve:after {
        content: "";
        display: block;
        width: 80%;
        height: 2em;
        position: absolute;
        right: 0;
        bottom: -1em;
        left: 10%;
        border-radius: 50%;
        z-index: -1;
        background: -webkit-linear-gradient(top, #ebebeb 0%, #fff 100%);
        background: linear-gradient(to bottom, #ebebeb 0%, #fff 100%);
    }

.no-cssgradients .shadow-bottom-curve:after {
    border-bottom: solid 1px #ebebeb;
    border-radius: 0;
    background: transparent;
    bottom: -1.5em;
}

.no-cssgradients .main:after {
    border-bottom: solid 1px #ebebeb;
    border-radius: 0;
    background: transparent;
    bottom: -1.5em;
}

.shadow-top-inner {
    background-color: #ebebeb;
    background: -webkit-linear-gradient(top, #bfbfbf 0%, #ebebeb 5%, #ebebeb 100%);
    background: linear-gradient(to bottom, #bfbfbf 0%, #ebebeb 5%, #ebebeb 100%);
}

    .shadow-top-inner li:first-child {
        border-top: none;
    }

.shadow-top-none {
    background-color: #fff;
}

/* Siphas styles*/

i.success_icon {
    background-image: url(/content/img/successful_icon.png);
    height: 66px;
    width: 66px;
    margin-right: 10px;
    vertical-align: top;
}

.leftOfIcon {
    display: inline-block;
    width: 65%;
}

.ml15 {
    margin-left: 31px;
}

.marT2 {
    margin-top: 2em !important;
}

.matB10 {
    margin-bottom: 10.5px;
}

.marT {
    margin-top: 25px;
}

.successContainer .left-span {
    margin-left: 0;
}

.try_again_icon {
    margin-right: 15px;
}

.marB2 {
    margin-bottom: 2em !important;
}

.usernameContainer i.successPasswordPortal {
    margin-top: 14px;
}


.check_cellphone {
    margin-top: -46px;
}

.tech_error_page {
    padding-top: 1.5em;
}

.username_sent {
    margin-top: -40px;
    margin-bottom: 44px;
    width: 36.9em;
}

.height121 {
    height: 121px;
}

.margin30 {
    margin: 30px 0;
}

.marR2 {
    margin-right: 2em;
}

.small_content_container {
    position: relative;
    border: solid 2px #e2e2e2;
    margin-bottom: 3em;
    padding: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1.5em 2em 1.5em 1em;
    margin-top: 30px;
    color: #666666;
}

.marB2 {
    margin-bottom: 2em !important;
}

.usernameContainer i.successPasswordPortal {
    margin-top: 14px;
}

.normal {
    color: black;
}

.check_cellphone {
    margin-top: -46px;
}

.tech_error_page {
    padding-top: 1.5em;
}

.username_sent {
    margin-top: -40px;
    margin-bottom: 44px;
    width: 36.9em;
}

.height121 {
    height: 121px;
}

.margin30 {
    margin: 30px 0;
}

.marR2 {
    margin-right: 2em;
}

.small_content_container {
    position: relative;
    border: solid 2px #e2e2e2;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1.5em 2em 1.5em 1em;
    margin-top: 30px;
    color: #666666;
}

.emailError i.unsuccessfullTick {
    background-image: url(/content/img/unsuccessful_icon.png);
    height: 81px;
    width: 88px;
    margin-top: 14px;
    margin-right: 6px;
}

.emailError .floatNone {
    float: none !important;
}

.emailError .unsuccessContainer {
    background-color: #FFF0E4;
    padding-top: 0em;
}

    .emailError .unsuccessContainer .left-span {
        margin-left: 10.5em;
    }

    .emailError .unsuccessContainer fieldset {
        padding-top: 1em;
    }

.height112 {
    height: 121px;
}

.emailError .MT1 {
    margin-top: -1.5em !important;
    margin-bottom: -1em !important;
}
/*End siphas styles*/
/* Classes */
main {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    padding: 0 .5em 30px;
    background-color: #fff;
}

.main {
    position: relative;
    background: transparent;
}

.country-list-load-failed {
    margin-bottom: 0;
}

#countryListError {
    border: 1px solid #eb3410;
    padding: 20px 20px 0 20px;
    margin-bottom: 25px;
}

.greyInfoText {
    color: #666666;
}

strong.ff14 {
    font-size: 14px;
}

.ua-safari strong {
    font-family: FuturaHvBTHeavy;
}

.footer-shadow {
    height: 24px;
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    margin: 30px auto 0;
    background: url('/content/img/footer.png') no-repeat 50% 100% transparent;
    background-size: contain;
}

.inlineFlex {
    display: inline-flex;
}

.gcserrorCellphone .blockGroupMsg, .gcserrorCellphone2 .blockGroupMsg,
.gcserror .errorGroup, .invalidDOB .errorGroup2, .invalidRSAid .errorGroup3, .invalidNumberCombo .errorGroup4, .cellNoInvalid .errorGroup, .gcserrorCellphone .blockGroupMsg {
    border: 1px #eb3410 solid;
    padding: 3%;
    margin-bottom: 20px;
}

.gcserror .gcs-error-group {
    display: block;
    visibility: visible;
    padding-left: 3%;
}

.browsehappy {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0;
}

.bordered {
    border: solid 1px #ebebeb;
    background-color: #fff;
}

.show {
    display: block;
    visibility: visible;
}

.debug {
    border: solid 1px red;
}

.no-tt {
    text-transform: uppercase !important;
}

.dib {
    display: inline-block;
}

.lt-ie9 .dib {
    *display: inline;
    zoom: 1;
}

.uc {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.ttn {
    text-transform: none;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

.tdn {
    text-decoration: none;
}

.no-bull {
    list-style: none;
}

.rule {
    border-top: solid 2px #c6c6c6;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.scroll-here {
    background-color: #cfd5d7;
}

.rule-light {
    border-top: solid 1px #dfdfdf;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.rule-alt {
    border-top: dotted 1px #ababab;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.list-inline {
    margin: 0;
    padding: 0;
}

    .list-inline a {
        margin-right: 2em;
        line-height: 1.5;
        vertical-align: middle;
        display: inline-block;
    }

    .list-inline .redirect {
        display: inline-block;
        vertical-align: middle;
    }

    .list-inline li {
        display: inline-block;
    }

.profileLinks li:last-child {
    padding-right: 0;
}

.lt-ie9 .list-inline li {
    float: left;
}

.list-divided li:first-child a {
    border-left: 0;
}

.list-spaced {
    margin: 0;
}

    .list-spaced li {
        margin-bottom: .5em;
    }

.fwb {
    font-weight: 700;
}

.fwn {
    font-weight: 400;
}

.h-huge {
    font-size: 3.4375em;
}

.small-font {
    font-size: .75em;
}

.h-main {
    padding-bottom: .5em;
    margin-bottom: .75em;
    border-bottom: solid 1px #ebebeb;
}

.intro-content {
    font-family: "futura_lt_bt_light";
    font-size: 1.25em;
}

.has-icon {
    position: relative;
    padding-right: 1.5em;
}

.has-icon-large {
    position: relative;
    padding-right: 3.5em;
}

.boxout-heading {
    display: block;
    margin-bottom: 7px;
    font-weight: bold;
}

.boxout-info {
    background: #cfe1dd;
    min-height: 50px;
    margin-top: 0;
    color: #06614f;
}

    .boxout-info .Black {
        color: #333;
    }

.boxout {
    padding: 30px;
    float: left;
    width: 100%;
    margin-bottom: 1.6em;
}

#NewUser {
    background: url(/content/img/Success_icon.png) #f0f5ec no-repeat left center;
    background-position: 32px 22px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 72px;
}

#RegularUser {
    background: url(/content/img/lock.png) #cfe1dd no-repeat 5px 1px;
    background-size: 20px 26px;
    margin: 0;
    padding: 0 0 0 35px;
}

#UpgradeUser {
    background: #cfe1dd no-repeat 0 0;
    padding: .5em 1em;
}

.disableCustomSelect {
    opacity: .4;
}

    .disableCustomSelect .defaultOption {
        color: #000000;
    }

.is-ie9 .disableCustomSelect .defaultOption, .lt-ie9 .disableCustomSelect .defaultOption {
    color: #999999;
}

#slide2 {
}

    #slide2 .links {
        margin: 0 0 10px 9px;
    }

.boxout-error {
    color: #eb3410;
    background-image: url(../img/warning.svg);
    background-position: 1em center;
    background-repeat: no-repeat;
    padding-left: 4em;
    border: solid 1px #eb3410;
    background-color: #fbd3cc;
}

    .boxout-error a {
        color: #eb3410;
        font-weight: 700;
    }

.boxout-alert {
    background-color: #fbd3cc;
}

.overflow-container {
    overflow-y: scroll;
}

.aspect-ratio {
    height: 0;
    padding-top: 56.25%;
    position: relative;
}

.aspect-ratio--object {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}

.no-m {
    margin: 0;
}

.no-p {
    padding: 0;
}

.no-mp {
    margin: 0;
    padding: 0;
}

.no-mp-centered {
    margin: 0 auto;
    padding: 0;
}

.thin {
    max-width: 601px;
    margin-left: auto;
    margin-right: auto;
}

.wide {
    max-width: 66.875em;
    padding: 0 1.875em;
    margin-left: auto;
    margin-right: auto;
}

.l-pa {
    position: absolute;
}

.l-pr {
    position: relative;
}

.l-fl {
    float: left;
}

.l-fr {
    float: right;
}

.l-fn {
    float: none;
}

.pad-l {
    padding: 3em;
}

.progress-text {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    font-family: futura_lt_bt_light;
    font-size: 16px;
    color: #006150;
}

    .progress-text.disabled-link {
        color: #999;
    }

.last {
    background: url(../img/greyarrow.png) no-repeat right center;
}

.secure-sites-list {
    margin-top: 3em;
    margin-bottom: 3em;
}

    .secure-sites-list:before {
        content: "";
        display: block;
        height: 1em;
        position: absolute;
        right: 0;
        top: -1em;
        left: 0;
        background: -webkit-linear-gradient(top, #fff 0%, #ebebeb 100%);
        background: linear-gradient(to bottom, #fff 0%, #ebebeb 100%);
        border-bottom: solid 1px #bfbfbf;
    }

    .secure-sites-list .header-nav {
        background-color: #ebebeb;
        background: -webkit-linear-gradient(top, #fff 0%, #ebebeb 100%);
        background: linear-gradient(to bottom, #fff 0%, #ebebeb 100%);
        border-bottom: none;
    }

.lt-ie9 .secure-sites-list {
    display: inline;
    float: left;
    width: 64.58333333%;
    margin: 0 1.04166667%;
}

    .lt-ie9 .secure-sites-list h3 {
        margin-bottom: 0;
    }

.other-secure-sites h3 {
    margin-bottom: 0;
}

.lt-ie9 .other-secure-sites {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.04166667%;
}

.lt-ie9 .view-other-secure-sites {
    display: none;
}

.has-children > a,
.role_group > a {
    position: relative;
}

    .has-children > a:after,
    .role_group > a:after {
        content: "";
        border-top: solid .5em #bfbfbf;
        border-right: solid .5em transparent;
        border-bottom: solid .5em transparent;
        border-left: solid .5em transparent;
        position: absolute;
        right: 1.5em;
        top: 2em;
    }

    .has-children > a:hover:after,
    .role_group > a:hover:after {
        border-top: solid .5em #00947a;
    }

.role_group_detail {
    background-color: #fff;
}

.has-open-children > a:after {
    border-top: solid .5em transparent;
    border-bottom: solid .5em #bfbfbf;
    top: 1.5em;
}

.has-open-children > a:hover:after {
    border-top: solid .5em transparent;
    border-bottom: solid .5em #00947a;
}

.is-hidden {
    display: none;
}

img.breadcrumbimg {
    margin-top: -5px;
}

.profile-not-matched {
    color: #eb3410;
}

.toLower {
    text-transform: lowercase!important;
}

.topBorderP {
    border-top: solid 1px #dadada;
    padding-top: 1em;
    width: 32em;
}

.noWidth {
    width: auto!important;
}

.floatnone {
    float: none!important;
}

.lt-ie9 label {
    font-size: 14px;
}

.label-small {
    display: inline;
    float: left;
    width: 44%;
}

.label-medium {
    display: inline;
    float: left;
    width: 56%;
    padding-left: 10px;
}

.tsandcs {
    display: inline;
    float: left;
    width: 97.91666667%;
    margin: 0 1.04166667%;
}

.h-logo {
    height: 85px;
    padding-right: 3em;
    border-right: dotted 1px #bfbfbf;
    float: left;
}

    .h-logo img {
        margin-top: 24px;
    }

#header {
    text-align: left;
    background: #fff;
    margin: 55px 0 40px;
    position: relative;
}

    #header:after {
        content: "";
        display: block;
        height: 1em;
        position: absolute;
        right: 0;
        bottom: -1em;
        left: 0;
        background: url(../img/header_shadow.png) repeat-x;
        border-top: solid 0 #bfbfbf;
        z-index: 999;
    }

.lt-ie9 #header {
    text-align: left;
}

.h-logo {
    display: inline-block;
}

.lt-ie9 .h-logo {
    *display: inline;
    zoom: 1;
}

.lt-ie9 .h-logo {
    padding-right: 1em;
    border-right: dotted 1px #bfbfbf;
    float: left;
}

[role="contentinfo"] {
    text-align: center;
    padding: 4em 0 2em;
    clear: both;
}

.hidden {
    display: none!important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.troubleline {
    padding-right: 10px;
}

.margin-11 {
    margin: -21px 3px -11px;
}

.clearBoth {
    clear: both;
}

.noWrap {
    white-space: nowrap;
}

.margin29B {
    margin-bottom: 23px!important;
}

.italic {
    font-style: italic;
    text-transform: none;
}

.floatLeft {
    float: left;
}

.noMarginRight {
    margin-right: 0!important;
}

.marL20 {
    margin-left: 10px;
}

.terms {
    margin-left: 8em;
    padding-top: 3px;
}

.marL12 {
    margin-left: 12em;
}

.mar24B {
    margin-bottom: 24px;
}

.marL6Neg {
    margin-left: -3px!important;
}

.mar2-T {
    margin-top: -2em;
}

.marT-20 {
    margin-top: -20px;
}

.marT15 {
    margin-top: 15px !important;
}

.marT18 {
    margin-top: 18px !important;
}

.marT25 {
    margin-top: 25px !important;
}

.marL-3 {
    margin-left: -3px!important;
}

.marL-15 {
    margin-left: 10px !important;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

.latestIE .portalSuccessBanner {
    margin-top: -62px;
}

.right {
    float: right;
}

.privacyPolicy li {
    list-style-type: disc;
}

.mar-0T {
    margin-top: 0;
}

.padR1 {
    padding-right: 1em;
}

.successmarR i {
    font-family: futura_lt_bt_light;
    font-size: 20px;
}

.addWebLink {
    margin-top: -29px;
    margin-bottom: 5px;
}

.ActiveSites {
    padding: 0 42px;
}

.noMargin {
    margin: 0;
}

.ActiveSites ul {
    padding: 0 0 0 17px;
    margin: 0 0 23px;
    list-style-type: none;
    font-family: futura_lt_bt_light;
    font-size: 18px;
}

.borTop {
    border-top: 1px #ccc solid;
    padding-top: 20px;
    margin-top: 40px;
}

.nornamlCase {
    text-transform: none;
}

.chevron {
    margin: 0 5px;
    color: #006150;
    font-size: 14px;
}

.normal {
    font-weight: 400;
}

.mar-2T {
    margin-top: -1em;
}

.mar5B {
    margin-bottom: 2em;
}

.cancel-link {
    margin-right: 2em;
    text-decoration: none;
}

.successContainer {
    background-color: #F0F5EC;
}

.portalSuccessBanner {
    margin-top: -66px;
    width: 37.6em;
    margin-left: -2px;
    height: 75px;
}

.is-ie9 .portalSuccessBanner {
    margin-top: -63px;
}

.height100 {
    height: 92px;
}

.regPdn {
    padding: 50px 50px 0 !important;
}

.regPdn p {
    margin:0;
    padding:20px;
}

.successContainer a:hover {
    text-decoration: none;
}

.successContainer fieldset {
}

.successContainer.portalSuccessBanner p {
    margin-left: 29%;
    margin-bottom: 1em;
    font-size: .9em;
}

i.successPassword {
    background-image: url(/content/img/Success_icon.png);
    height: 29px;
    width: 44px;
    margin-top: -11px;
}

.norepeat {
    background-repeat: no-repeat!important;
    margin-left: 12em;
    margin-right: 10em;
    padding-top: 0!important;
    padding-bottom: 2em;
}

i.successPasswordPortal {
    background-image: url(/content/img/Success_icon_portal.png);
    height: 49px;
    width: 52px;
    margin-top: 3px;
    margin-bottom: -10px;
}

.left-span {
    margin-left: 9em;
}

.success-password {
    margin-left: 18em;
    width: 100%;
}

.bottom-btns {
    margin: 2em 3em 2em 5em;
}

.changepassportalhome {
    padding-right: 3em;
}

    .changepassportalhome a:hover {
        text-decoration: none;
    }

.noBorderTop {
    border-top: none!important;
}

.noBorderBottom {
    border-bottom: none!important;
}

.pop-up a {
    display: block;
    width: auto;
    text-decoration: none;
    margin-bottom: 1em;
    font-weight: 700;
    font-size: .85em;
}

.unitTrustList li {
    padding-bottom: 12px;
}

.notxtTransform {
    text-transform: none!important;
}

.gray-txt {
    color: #9b9b9b;
}

.pop-up-content {
    position: relative;
    border: solid 2px #E2E2E2;
    margin-bottom: 3em;
    color: #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1.5em 2em 1.5em 1em;
}

.pop-up-sub {
    margin-left: 2.6em;
}

.secondary-button {
    background-color: #6EAB24;
}

[disabled] {
    background-color: #ccc;
    color: #fff;
}

    [disabled]:hover {
        cursor: not-allowed;
    }

.is-ie9 [disabled], is-ie8 [disabled], .lt-ie9 [disabled] {
    background-color: #e7eaeb;
    border: 1px solid #bfbfbf;
    color: #000;
}

    .is-ie9 [disabled]:hover, is-ie8 [disabled]:hover {
        background-color: #f4f4f4;
        border: 1px solid #2f4f4f;
    }

.usernameSuggested label {
    text-transform: none;
}

.noMarginBottom {
    margin-bottom: 0;
}

.marB175em {
    margin-bottom: 1.75em;
}

.noMarginTop {
    margin-top: 0;
}

.portal-user {
    background: url(../img/user.svg) no-repeat left center;
    background-position: 1px 2px;
    margin-right: 4px;
    display: inline-block;
    width: 14px;
    height: 15px;
}

.lt-ie9 .portal-user {
    background-image: url(../img/user.png);
    background-repeat: no-repeat;
    background-position: 1px 2px;
    display: inline-block;
    width: 14px;
    height: 15px;
}

.user {
    background: url(../img/user.svg) no-repeat left center;
    padding-left: 28px;
    font-family: futura_lt_bt_light;
}

.lt-ie9 .user {
    background-image: url(../img/user.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.pop-up-content:before {
    border-color: rgba(128, 167, 168, 0);
    border-bottom-color: #E2E2E2;
    border-width: 16px;
    margin-left: -15px;
}

.otp-msg {
    width: 180px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 1em;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
}

.c {
    clear: both;
}

.label-otp {
    float: left;
    width: 100%;
    margin: 0 0 26px 0;
}

#displayOTP {
    position: absolute;
    left: 0;
    right: 0;
}

#ReloadCountryList {
    display: block;
    padding: 10px 0 10px 0;
    text-transform: none;
}

.sendOTPerror, .invalidOTP {
    float: left;
    width: 100%;
    clear: both;
    display: none;
}

.invalidOTPMessage {
    display: none;
    margin-bottom: 0;
    float: left;
    width: 100%;
}

.input-smaller {
    width: 8.3em;
}

.otp-msgTimer {
    display: inline-block;
    margin-top: 1.6em;
}

.red, .red-text {
    color: #eb3410;
    text-transform: none;
    font-family: futura_lt_bt_light, Arial;
}

.is-ie9 .not-unique-error {
    float: left;
    width: 100%;
}

.add-website {
    text-align: left!important;
    padding: 1em 2em 1em 0;
    list-style-type: none;
    margin: 0;
    margin-bottom: 0;
    border-bottom: solid 1px #bfbfbf;
    font-size: 1em;
    text-transform: uppercase;
    counter-reset: nav-progress-counter;
    color: #bfbfbf;
    height: 5em;
}

    .add-website li {
        display: inline;
        color: #006150;
        padding-left: 17px;
        font-weight: bolder;
    }

.borderBottom ul {
    padding-bottom: 25px!important;
    border-bottom: dotted 1px #bfbfbf;
}

.sitesContainer {
    padding: 1em 0 2em 1em;
}

    .sitesContainer:before {
        content: "";
        display: block;
        height: 1em;
        position: absolute;
        right: 0;
        bottom: 4.88em;
        left: 0;
        background: -webkit-linear-gradient(top, #ebebeb 0%, #fff 100%);
        background: linear-gradient(to top, #ebebeb 0%, #fff 100%);
    }

.textRight {
    text-align: right;
}

.textLeft {
    text-align: left;
}

.opt-msg-try-again.i.arrorw {
    height: 2em;
}

.otpDesc {
    font-family: Arial;
}

.OMHeader {
    margin-top: .2em;
    position: absolute;
    right: inherit;
}

.marB60 {
    margin-bottom: 60px;
}

.marB {
    margin-bottom: 1.75em;
}

.marTB {
    margin: 1.75em 0;
}

.noUl,
.noUl:hover {
    text-decoration: none;
}

.errMsgs span {
    width: 100%;
}

.troubleLogging label {
    text-transform: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #ebebeb inset;
    box-shadow: 0 0 0 1000px #ebebeb inset;
}

.properOTP {
    color: #eb3410;
    font-size: 1em;
    text-transform: none;
}

.pseudoLabel, .pseudoLabel2 {
    font-family: futura_lt_bt_light, Arial;
    text-transform: uppercase;
}

.pseudoSelect, .pseudoSelect2 {
    background-color: #e7eaeb;
    padding: 10px 12px;
    cursor: pointer;
    position: relative;
    font-family: futura_lt_bt_light, Arial;
}

.generatedLabel, .generatedLabelCountrySelect {
    margin-bottom: 25px;
    font-family: futura_lt_bt_light, Arial;
    text-transform: none;
}

.pseudoOptions, .pseudoOptions2 {
    background-color: #e7eaeb;
    font-family: futura_lt_bt_light, Arial;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 999;
    left: 0;
    top: 42px;
}

.caret {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background-color: #cfd5d7;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.pseudoSelect:hover .caret, .pseudoSelect2:hover .caret {
    background-color: #006150 !important;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

    .pseudoSelect:hover .caret span, .pseudoSelect2:hover .caret span {
        border-top: 5px solid #fff;
    }

.pseudoSelect-active .caret {
    background: #006150 !important;
}

.caret span {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #939495;
    margin: 17px 0 0 15px;
    vertical-align: middle;
    background: transparent;
}

.pseudoSelect-active .caret span {
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-bottom: 5px solid #fff !important;
    border-top: 0 solid transparent !important;
}

.marB29 {
    margin-bottom: 39px;
}

.pseudoOptions ul, .pseudoOptions2 ul {
    margin: 0;
    padding: 0 0 10px;
    position: relative;
}

.pseudoOptions a, .pseudoOptions2 a {
    font-family: futura_lt_bt_light, Arial;
    color: #222;
    padding: 0 0 0 20px;
    display: block;
    z-index: 1000;
}

    .pseudoOptions a:hover, .pseudoOptions2 a:hover {
        text-decoration: none;
    }

.pseudoOptions li, .pseudoOptions2 li {
    padding: 0;
    margin: 0;
    cursor: pointer;
    list-style: none;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

    .pseudoOptions li:hover, .pseudoOptions2 li:hover {
        background: #cfd5d7;
        -webkit-transition: background-color .3s linear;
        -moz-transition: background-color .3s linear;
        -ms-transition: background-color .3s linear;
        transition: background-color .3s linear;
    }

.styledbox {
    position: relative;
    display: block;
    height: 20px;
    margin: 15px 10px 27px 0;
    font-family: futura_lt_bt_light;
}

.tickbox {
    top: 3px;
    left: 3px;
    padding-left: 25px;
}

.dynamicTnC {
    display: inline-block;
    margin-left: 3px;
}

.unchecked-checkBox {
    background: url(../img/checkbox.png) no-repeat;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.lt-ie9 .unchecked-checkBox {
    background: url(../img/checkbox.png) no-repeat;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.unselected-radioBox {
    background: url(../img/radio_unselected.png) no-repeat;
    height: 24px;
    display: inline-block;
    cursor: pointer;
    padding: 0 0 0 35px;
}

.lt-ie9 .unselected-radioBox {
    background: url(../img/radio_unselected.png) no-repeat;
    height: 24px;
    display: inline-block;
    cursor: pointer;
}

.is-ie9 .noMarginLeft, .lt-ie9 .noMarginLeft {
    margin-left: 0em !important;
}

.tickedCheckBox {
    background: url(../img/checkbox_tick.png) no-repeat;
}

.lt-ie9 .tickedCheckBox {
    background: url(../img/checkbox_tick.png) no-repeat;
}

.selectedRadioBox {
    background: url(../img/radio_selected.png) no-repeat;
}

.lt-ie9 .selectedRadioBox {
    background: url(../img/radio_selected.png) no-repeat;
}

.OTPLeft {
    float: left;
    width: 100%;
    clear: both;
}

.f-heavy {
    font-family: FuturaHvBTHeavy;
}

.primary-links {
    float: left!important;
    margin-top: 25px;
}

    .primary-links li:last-child a {
        margin-right: 0;
    }

.profileLinks {
    right: 0;
    top: -49px;
    position: absolute;
    color: #006150;
    font-family: futura_lt_bt_light;
    z-index: 1000;
}

.profileLink #logout {
    display: block;
    color: #fff;
}

.primary-links li a {
    text-decoration: none;
    font-family: futura_lt_bt_light;
    font-size: 1em;
    color: #333;
    border-bottom: solid 5px #fff;
}

    .primary-links li a:hover {
        border-bottom: solid 5px #029179;
    }

    .primary-links li a.active {
        font-family: FuturaHvBTHeavy;
        border-bottom: solid 5px #029179;
    }

a#logout,
a#logout,
a.orangeButton {
    display: inline-block;
    background: #f90;
    border-radius: 2px;
    padding: 4px 12px 3px;
    margin: 0;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

    a.orangeButton:hover {
        background: #f60;
        -webkit-transition: background-color .2s linear;
        -moz-transition: background-color .2s linear;
        -ms-transition: background-color .2s linear;
        transition: background-color .2s linear;
    }

.myPortContainer {
    max-width: 601px;
    margin: 30px auto 0;
    border: solid 1px #dadada;
    border-bottom: solid 1px #fff;
    background-color: #fff;
}

#linkAddaWebsite {
    background: transparent;
    max-width: 67em;
}

.websitesContainer {
    float: left;
    width: 100%;
    clear: both;
}

#linkmyportalHome {
    background: #fff !important;
}

    #linkmyportalHome h2 {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    }

p.allCenter {
    text-align: center;
}

#yourWebsites {
    max-width: 65em;
    margin: 0 auto;
    border: solid 1px #bfbfbf;
    background: #fff;
}

.yourWebsites {
    max-width: 65em;
    margin: 0 auto;
}

.breadcrumStuff {
    max-width: 601px;
    margin: -22px auto 14px;
    padding: 10px 0;
    font-family: futura_lt_bt_light;
}

    .breadcrumStuff a {
        text-decoration: none;
        white-space: nowrap;
    }

    .breadcrumStuff > div {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.thirdTier {
    cursor: default;
    color: #333;
}

a.thirdTier {
    color: #333;
}

.thirdTier:visited {
    outline: none;
}

#yourWebsites {
    max-width: 601px;
}

.yourWebsitesLinks {
    padding: 30px 40px 10px;
}

#yourWebsites h2,
.yourWebsites h2,
.myPortContainer h2 {
    font-family: FuturaHvBTHeavy;
    font-size: 20px;
    color: #333;
    margin: 0 1px !important;
    padding: 22px 0 22px 40px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    position: relative;
}

.dynamicHeader.ft-light {
    background: #fff;
    border-bottom: 1px dotted #ccc;
    box-shadow: 8px 0 0px #029179 inset;
    margin-left: 0 !important;
    filer: opacity(0) !important;
}

.dynamicText {
    display: inline-block;
}

.yourWebsitesLinks ul {
    padding: 10px 17px;
    margin: 0;
    list-style-type: none;
    font-family: futura_lt_bt_light;
    font-size: 18px;
}

.myPortContainer h4 {
    font-family: futura_lt_bt_light;
    font-size: 18px;
    color: #333;
    margin: 0 1px 1em 1px;
    padding: 10px 0;
    background-color: #f7f9fa;
    text-transform: none;
    border: dotted 1px #d8d8d8;
}

.futuraLight {
    font-family: futura_lt_bt_light;
}

.noBorder,
.noBorder ul {
    border: none!important;
}

.addWebsiteLink {
    padding: 0 40px 20px!important;
}

.yourWebsitesLinks h3 ul {
    border-bottom: none;
}

.PendingSites p {
    color: #858585;
    padding: 0 58px 10px;
}

.PendingSites li {
    list-style-type: none;
}

.yourWebsitesLinks ul li a {
    font-size: 18px;
    color: #029179;
}

.yourWebsitesLinks ul li span {
    font-size: 16px;
    font-family: Arial;
    color: #858585;
}

.myPortContainer .add-a-website {
    color: #029179;
    font-size: 16px;   
}

.drop-down-box {
    position: absolute;
    border: solid 1px #80a7a8;
    color: #006150;
    background: #fff;
    width: 159px;
    padding: 15px;
    top: 20px;
    right: 0;
    opacity: 0;
    z-index: 9999;
    -webkit-box-shadow: 2px 2px 12px -1px rgba(217, 210, 217, 1);
    -moz-box-shadow: 2px 2px 12px -1px rgba(217, 210, 217, 1);
    box-shadow: 2px 2px 12px -1px rgba(217, 210, 217, 1);
}

    .drop-down-box a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        color: #029179;
        font-size: 16px;
    }

    .drop-down-box:after,
    .drop-down-box:before {
        bottom: 100%;
        left: 73%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .drop-down-box:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 14px;
        margin-left: -14px;
    }

    .drop-down-box:before {
        border-color: rgba(128, 167, 168, 0);
        border-bottom-color: #80a7a8;
        border-width: 15px;
        margin-left: -15px;
    }

#changePasswordDropBox {
    position: relative;
    margin-right: 15px;
}

    #changePasswordDropBox .name {
        text-decoration: none;
        margin: 0!important;
    }

.TandC {
    text-align: center;
    margin-bottom: 80px;
}

    .TandC ul {
        padding-left: 0;
    }

    .TandC a {       
        color: #029179;
        font-size: 14px;
    }

        .TandC a:hover {
            text-decoration: none;
        }

.padT15 {
    padding-top: 15px;
}

.marB0 {
    margin-bottom: 0;
}

.marB20 {
    margin-bottom: 20px;
}

.marB30 {
    margin-bottom: 30px;
}

.mar0 {
    margin: 0;
    font-family: futura_lt_bt_light;
}

.marT0 {
    margin-top: 0!important;
}

.marT25 {
    margin-top: 25px!important;
}

.marT60 {
    margin-top: 60px!important;
}

.marR35 {
    margin-right: 35px;
}

.marR10 {
    margin-right: 10px;
}

.marT30 {
    margin-top: 30px;
}

.textCenter {
    text-align: center;
}

span.dropArrow,
.lt-ie9 span.dropArrow {
    background: url(../img/dropdown_arrow.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 10px;
    background-position: 50% 100%;
    background-size: 15px;
}

.tandcs {
    text-transform: none;
}

.regLink {
    text-align: center;
    margin: 40px 0 0 0;
    font-size: 1.3em;
    line-height: 1;
}

#green-bar {
    height: 15px;
    width: 100%;
    background: #69b80d;
    background: -moz-linear-gradient(left, #69b80d 0%, #01624f 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #69b80d), color-stop(100%, #01624f));
    background: -webkit-linear-gradient(left, #69b80d 0%, #01624f 100%);
    background: -o-linear-gradient(left, #69b80d 0%, #01624f 100%);
    background: -ms-linear-gradient(left, #69b80d 0%, #01624f 100%);
    background: linear-gradient(to right, #69b80d 0%, #01624f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69b80d', endColorstr='#01624f', GradientType=1);
}

.green {
    color: #006150;
}

#footerRegLink {
    font-family: FuturaHvBTHeavy;
    text-transform: uppercase;
}

a#headerRegLink {
    font-family: arial;
    font-size: 13px;
    margin-right: 1em!important;
}

.otpContainer {
    width: 110%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.otp-height {
    height: 145px;
    display: table!important;
}

.otpButton {
    display: block;
    float: left;
}

.tableCell {
    display: table-cell;
    vertical-align: middle;
}

.icons {
    display: block;
    float: left;
}

.otpLabel {
    display: block;
    float: left;
    width: 160px;
}

#txtLinkCellphoneOTP {
    width: 6.3em;
}

ul.passwordPolicy li {
    width: 12em;
    float: left;
    list-style: bullet;
    text-transform: none;
}

ul.passwordPolicy {
    margin: 0;
    height: auto;
    padding: 4px 0 100px 17px;
}

.IntemediariesDetails label span {
    font-family: FuturaHvBTHeavy;
}

#tnc-default {
    text-transform: none;
}

.pushLi {
    margin-right: 3em;
}

.tooltip {
    cursor: pointer;
}

li.ToolTipLi {
    width: auto!important;
    position: relative;
}

.tooltipContent {
    z-index: 9999;
    background: #06614f;
    opacity: .9;
    border-radius: 3px;
    padding: .8em;
    color: #fff;
    font-size: 11px;
    text-align: center;
    position: absolute;
    width: 172px;
    top: -40px;
    right: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: alpha(opacity=90);
}
/*.no-placeholder-text #input-DateOfBirth {
	background: url(../img/date-slashes.png)no-repeat #e7eaeb 13px 17px
}*/
.no-placeholder-text #input-DateOfBirth:focus {
    background: #e7eaeb;
}

.is-ie9 .portalHome {
    background-position-y: 3px;
}

    .is-ie9 .portalHome.active {
        background: url(../img/house-green.svg)no-repeat left 5px;
    }

        .is-ie9 .portalHome.active:hover {
            background: url(../img/house-green.svg)no-repeat left 5px;
        }


.latestIE .portalHome {
    background: url(../img/house-grey.png);
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 5px;
    padding-left: 20px!important;
    margin-left: 0!important;
}

.lt-ie9 .portalHome {
    background-position-y: 4px;
}

.portalHome {
    background: url(../img/house-grey.svg)no-repeat left center;
    padding-left: 20px!important;
    background-position: 0 4px;
    margin-left: 0!important;
}

.latestIE .portalHome:hover {
    background-position-x: 0;
    background-position-y: 4px;
}

.is-ie9 .portalHome:hover {
    background-position-y: 3px;
}

.portalHome:hover {
    background: url(../img/house-green.svg)no-repeat left 4px;
}

.MB1 {
    margin-bottom: 1em;
}

.lt-ie9 .portalHome:hover {
    background: url(../img/house-green.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

.portalHome.active {
    background: url(../img/house-green.svg)no-repeat left 4px;
    padding-left: 20px;
}

.lt-ie9 .portalHome.active {
    background: url(../img/house-green.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 20px!important;
}

.cellLocation {
    font-size: .8em;
    color: #8f8f8f;
}

.example {
    font-size: .8em;
    color: #8f8f8f;
}

.is-required {
    font-family: futura_lt_bt_light, arial;
}

.loggedout {
    font-size: 1.2em;
}

.secureSites {
    float: left;
    width: 33%;
    padding-top: 38px;
}

.secureSitesLinks li.active a {
    border-left: #029179 solid 6px;
}

.secureSitesLinks ul {
    padding-left: 0;
}

.ft-light {
    font-family: 'futura_lt_bt_light'!important;
}

.secureSitesLinks {
    position: relative;
}

    .secureSitesLinks li {
        list-style: none;
        border-bottom: 1px dotted #e0e0e0;
    }

.secureSitesArrow {
    background: url(../img/secureSitesArrow2.png);
    position: absolute;
    width: 21px;
    height: 39px;
    top: 2px;
    left: -8px;
}

.secureSitesLinks a {
    padding: 10px;
    display: block;
    color: #000;
    font-size: 14px;
    font-family: futura_lt_bt_light;
}

    .secureSitesLinks a:hover {
        text-decoration: none;
    }

.secureSitesLinks li.active {
    background: #d4e8dc;
}

.secureSites h3 {
    padding-left: 40px;
    margin-bottom: -10px;
}

.myPortContainer:after {
    content: "";
    display: block;
    height: 2em;
    margin-bottom: -2em;
    margin-right: -1px;
    margin-left: -1px;
    background: url(../img/header_shadow.png) repeat-x;
    border-top: solid 0 #bfbfbf;
}

#linkAddaWebsite:after {
    margin-right: 354px;
    margin-left: 0;
}

.aboutContent ol {
    list-style: none;
    margin-top: 0;
}

.aboutContent .tar {
    text-align: right;
}

.aboutContent ol li span {
    margin-left: -29px;
    float: left;
}


.has-second-level ol li span {
    margin-left: -42px;
}

.txtCenter {
    text-align: center;
}

.TandC ul li {
    display: inline-block;
    padding-right: 20px;
}

#input-type-hidden-el {
    margin-bottom: 25px;
}

.non-rsa-help-text {
    text-transform: none;
    font-size: .8em;
    color: #8f8f8f;
    font-style: italic;
}

p#IdDOBvalidation {
    text-transform: none;
}

.marT4 {
    margin-top: 4px!important;
}

.padL20 {
    padding-left: 20px;
}

.marT34 {
    margin-top: 34px!important;
}

.noMarginBottom {
    margin-bottom: 0;
}

.noMarginTop {
    margin-top: 0;
}

.noTextTransform {
    text-transform: none!important;
}

.contactUsContainer .main {
    padding-bottom: 36px!important;
    background: #fff;
}

.contactUsContainer ul {
    padding-left: 20px;
}

.tabbedContent,
.passwordContainer {
    background: #fff;
}

#troubleLogging {
    float: left;
    margin-top: 21px;
}
#forgotpasswordlnk {
    float: left;
    margin-top: 21px;
}
#forgotusernamelnk {
    float: left;
  
}

a.unlockProfile {
    display: block;
    text-align: center;
    height: 27px;
    padding-top: 2px;
    padding-left: 8px;
}

.unlockprofile {
    background: url(../img/unlock.png) no-repeat 0 0;
    width: 32px;
    height: 41px;
    margin-right: 20px;
    display: inline-block;
}

input#OTP,
#txtLinkCellphoneOTP {
    width: 130px;
}

.lt-ie9 input[type="password"] {
    font-family: Helvetica, Arial, sans-serif;
}

#overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 100;
    display: none;
}

/* Loader */
.overlay.active {height: 100%;opacity: 1;position: fixed; width: 100%;}
.overlay.active .loader {display:block !important;}
.overlay {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);font-weight: 200;height: 0;left: 0;opacity: 0; overflow-x: hidden;overflow-y: auto;position: absolute;top: 0;width: 0;z-index: 9999;}
.loader {margin: 150px auto 0;width: 350px;text-align: center}
.loading {width: 100%; display: none}
.loading.active {display: block}
.loading img {margin: 0 auto; display: block}
.loader img {width: 50px}

.overlay-dark.active {height: 100%;opacity: 1;position: fixed; width: 100%;}
.overlay-dark {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);font-weight: 200;height: 0;left: 0;opacity: 0; overflow-x: hidden;overflow-y: auto;position: absolute;top: 0;width: 0;z-index: 1100;}


a.flipslide {
    margin: 10px 0 0 0;
    display: block;
    line-height: 1;
}

    a.flipslide:hover {
        text-decoration: none;
    }

#slide2 a.flipside {
    margin-left: 22px;
}

#slide2 .links {
}

.scroller {
    height: 440px;
    width: 100%;
    overflow-y: scroll!important;
}

.loader {
    background: url('/content/img/ajax-loader.gif') no-repeat 50% 50% transparent;
    width: 32px;
    height: 32px;
}

.ml15 {
    margin-left: 31px;
}

.try_again_icon {
    margin-right: 15px;
}

.tech_error_page {
    padding-top: 1.5em;
}

.margin30 {
    margin: 30px 0;
}

.small_content_container {
    position: relative;
    border: solid 2px #e2e2e2;
    padding: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1.5em 2em 1.5em 1em;
    margin-top: 30px;
    color: #666666;
    max-width: 100%;
    font-size: 15px;
}

/* Block Section */
#blockSection {
    min-height: 100px;
    display: table;
}

.block {
    display: table-cell;
    vertical-align: middle;
}

#block1, #block2, #block6, #block7 {
    display: none;
}

.posRel {
    position: relative;
}
/*Error Styles*/
.errorIcon {
    background-image: url(../img/errorIcon.png);
    height: 66px;
    width: 66px;
    margin-right: 20px;
    vertical-align: top;
    white-space: nowrap;
}

i.successIcon {
    background-image: url(../img/SuccessIcon.png);
    height: 66px;
    width: 66px;
    margin-right: 16px;
    vertical-align: top;
    white-space: nowrap;
    display: inline-block;
}

.errorStyles fieldset, .fieldSet50 {
    padding: 50px;
}

.fieldSet30 {
    padding: 30px!important;
    position: relative;
    border: solid 2px #E2E2E2;
    margin-bottom: 3em;
    color: #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.callCenterHours {
    padding: 30px 50px 50px 50px;
    font-family: Arial, sans-serif;
}

.helpContent {
    padding: 30px !important;
}

.arial {
    font-family: Arial, sans-serif;
}

.helpText {
    margin-left: 1.6em;
}
/* Media Queries */

@media print {

    @page {
        size: auto;
        margin: 25mm 10mm 25mm 10mm;
    }

    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important;
    }

    :before,
    :after {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important;
    }

    a,
    a:visited {
        text-decoration: none;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    a[href]:after {
        content: none !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100%!important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .nav-top {
        height: 40px;
        margin: 0;
    }

    #header, .h-logo img {
        margin: 0 !important;
    }

    .bordered {
        border: none !important;
    }

    .thin {
        max-width: 100% !important;
    }

    .pad-l {
        padding: 0;
    }

    .Myprotalmenu, .l-fr, #dl-menu, .primary-links, .profileLinks, .btn-print, footer, .TandC, .nav-top ul, .footer-shadow, #green-bar {
        display: none !important;
    }
}

@media (max-width: 320px) {
    .container {
        padding: 0 0.675em;
    }

    .form-thin fieldset {
        padding: 30px !important;
    }
}
/* Phone - Small */
@media (max-width: 380px) {

    #UpgradeUser i.cellphone {
        display: none;
    }

    .try_again_icon {
        margin-right: 10px;
    }

    .ua-mobile-iphone .aboutContent ol li > span {
        line-height: 1.2;
    }

    select {
        background: url(../img/drop-arrow.png) 96% 50% no-repeat #e7eaeb;
    }

    .progress-text {
        display: inline-block;
        width: 58%;
        vertical-align: middle;
        line-height: 1.5 !important;
    }

    .myPortContainer .add-a-website {
        font-size: 14px;
    }

    .contactUsContainer h3 {
        font-size: 15px !important;
    }

    i.unsuccessfullTick, .errorIcon {
        display: none !important;
    }

    i.nonSuccessTick {
        right: -28px;
    }

    .successContainer .displayInline {
        width: 72%;
    }

    .successContainer i.successPassword {
        margin-top: 0;
        vertical-align: top;
    }

    #yourWebsites h2, .yourWebsites h2, .myPortContainer h2 {
        font-size: 16px;
    }

    #RegularUser {
        background: none;
        padding: 0;
    }

    #slide2 .links {
        padding-left: 20px;
    }

    .btnTroubleLogging {
        margin: 30px 0 0;
        width: 100%;
    }

    .why-icon {
        display: none;
    }

    .small_content_container {
        padding: 20px;
    }

        .small_content_container .ml15 {
            margin-left: 0 !important;
        }

    body {
        font-size: 14px !important;
    }

    .pop-up-sub {
        margin-left: 0 !important;
    }

    .dynamicTnC {
        display: block;
        margin-left: 12px !important;
    }

    .successContainer .left-span {
        margin-left: 0 !important;
    }

    i.success_icon {
        display: none !important;
    }

    .usernameContainer fieldset {
        padding: 30px !important;
    }

    .check_cellphone {
        margin-top: 0 !important;
        margin-left: 0 !important;
        width: auto !important;
    }

    #Gotologin {
        text-align: center;
        width: 100%;
    }

    .ml15 {
        margin-left: 0;
    }

    .leftOfIcon {
        width: 100%;
    }

    .alignIcon {
        width: 100% !important;
    }

    .wrapLong {
        display: inline-block;
        word-wrap: break-word;
        width: 148px;
        word-break: break-all;
    }

    #changePasswordDropBox .name,
    .loggedInName .name {
        display: none !important;
    }
}

/* Phone - Medium */
@media (max-width: 480px) {
    body {
        font-size: 15px;
    }

    .progress-text {
        font-size: 14px;
    }

    .nav-progress-item {
        padding-right: 8px;
    }

    .nextArrow {
        padding-right: 8px;
    }

    .dynamicHeader.ft-light {
        font-size: 16px !important;
    }

    .progress-text {
        font-size: 14px;
    }

    .arrow-d, .arrow-u {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    #btnSubmit {
        margin-top: 20px;
    }

    .otpContainer .tableCell {
        padding: 10px 0;
    }

    .PendingSites li {
        position: relative;
    }

        .PendingSites li span {
            margin-left: 22px;
            display: block;
        }

    .i-pending {
        position: absolute;
        left: -9px;
        top: 0;
    }

    .contactUsContainer h3 {
        font-size: 18px;
    }

    .contactUsContainer a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .contactUsContainer .main {
        padding: 20px !important;
    }

    #yourWebsites h2, .yourWebsites h2, .myPortContainer h2 {
        font-size: 16px;
    }

    .lockedUser {
        display: none !important;
    }

    .regLink {
        line-height: 1.5 !important;
    }

    #slide2 .why-icon-info {
        display: none;
    }

    #slide2 .links {
        padding-left: 9px;
    }

    #slide1 a.flipslide {
        font-size: 14px;
    }

    #slide2 a.flipslide {
        margin-left: 0;
        font-size: 14px;
    }

    #slide2 .green-arrow-l {
        margin-left: 2px;
    }

    .aboutContent {
        padding: 20px;
        font-size: 15px;
    }

        .aboutContent .l-fr {
            position: absolute;
            right: -5px;
            top: -10px;
            font-size: 13px;
            text-transform: uppercase;
        }

            .aboutContent .l-fr span {
                display: none;
            }

    .form-register ul {
        padding-left: 20px;
    }

    .da-msg {
        max-width: 100% !important;
        width: 100%;
    }

    .errorIcon, .successIcon {
        display: none !important;
    }

    #changePasswordDropBox .name,
    .loggedInName .name {
        width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* Phone - Larger */
@media (max-width: 520px) {
    .nav-progress {
        padding: 30px;
    }

    #btnSubmit, #portal-save-password, #btnConfirmDetails, #btnUpdateLinkDetailButton, #Submit {
        width: 100%;
    }

    .TandC ul li {
        padding: 0;
        width: 100%;
        margin-bottom: 0 !important;
    }

    .TandC a {
        display: block;
        text-align: center;
        padding: 10px 0;
    }

    .otpLabel {
        clear: both;
    }

    .dynamicHeader.ft-light.mobile {
        padding: 20px !important;
    }

    #UpgradeUser {
        padding: 0;
    }

    .boxout {
        padding: 25px;
    }

    .form-thin fieldset {
        padding: 30px;
    }

    a.btn {
        width: 100%;
        text-align: center;
        margin: 30px 0px 20px 0;
    }

    .upglater {
        position: absolute;
        bottom: 30px;
        margin-bottom: 0 !important;
    }

    .btn.upgbtn {
        margin-bottom: 40px;
    }

    .otpContainer .tableCell {
        padding: 10px 0;
    }

    .i-pending {
        float: left;
    }

    .da-msg {
        max-width: 70%;
    }

    .cancel-link {
        display: block;
        text-align: left;
        position: absolute;
        margin: 100px 0px 40px;
    }

    .footer-shadow {
        margin: 20px auto 0;
    }

    .pop-up-content {
        padding: 20px !important;
    }

    .aboutContent ol {
        padding-left: 32px;
    }

    #NewUser {
        background-image: none;
        font-size: 14px;
        padding-left: 25px;
    }

    .btn {
        width: 100%;
        text-align: center;
    }

    .mobileContainer {
        padding: 30px !important;
    }

    .mobFullWidth {
        float: none;
        width: 100%;
        clear: both;
    }
}
/*
@media (max-width: 599px) {
    .nav.dl-menuwrapper {
        margin-top: -66px !important;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
      margin: 66px 0 0 0;
      padding: 0;
    }

    #header.mobile {
      margin-top: 0;
    }
    #header.mobile .profileLinks {
      display: none;
    }
}
*/
@media only screen and (min-width:521px) and (max-width: 766px) {
    .da-msg {
        max-width: 70%;
    }

    .mobCenter {
        text-align: center;
    }
}

/* InBetween Devices - eg iPad Mini etc */
@media (max-width: 767px) {
    .noTop .profileLinks {
        display: none;
    }

    #header.noTop {
        margin-top: 0;
    }

    .nav.dl-menuwrapper {
        position: absolute;
        z-index: 1000;
        right: 0;
    }

    .h-logo {
        padding-right: 1em;
        z-index: 1001;
        position: relative;
    }
    /* Center Nav */
    .nav-top {
        float: none;
        display: block;
        margin-bottom: 25px;
    }

        .nav-top .floatLeft {
            display: block;
            padding: 0;
            width: 100%;
            text-align: center;
        }

    .nav-progress {
        display: none;
    }

        .nav-progress li:last-child {
            margin-bottom: 0;
        }

    .h-logo {
        border-right: none;
    }

    .nav.dl-menuwrapper {
        margin-top: 18px;
        float: right;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        margin: 66px 0 0 0;
        padding: 0;
    }

    #header.mobile {
        margin-top: 0;
    }

        #header.mobile .profileLinks {
            display: none;
        }

    .list-divided li:first-child a {
        margin: 0;
    }

    .list-divided li {
        padding: 0 15px;
    }

    h1 {
        font-size: 1.3875em;
    }

    h2 {
        font-size: 1.1625em;
    }

    form fieldset:first-child {
        padding: 30px;
    }

    .form-thin fieldset {
        margin: 0 auto 20px;
    }

    .TandC ul li {
        margin-bottom: 20px;
    }

    .Myprotalmenu, .primary-links.list-inline {
        display: none;
    }

    #hamburger, .dl-menuwrapper {
        display: block;
    }

    .dynamicText {
        width: 87%;
    }

    .arrow-u, .arrow-d {
        margin-top: 5px;
    }

    .myPortContainer h2 {
        padding-left: 30px;
    }

    .otpContainer {
        width: 100%;
    }

    .otp-height {
        height: auto;
        width: 100%;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .otp-msg {
        width: 100%;
    }

    .otpContainer .tableCell {
        display: block;
        width: 100%;
        padding: 20px 0;
    }

        .otpContainer .tableCell.is-hidden {
            display: none;
        }

    .tar button {
        width: 100%;
    }

    #blockSection {
        display: block;
        width: 100%;
        clear: both;
    }

    .block {
        float: left;
        width: 100%;
        clear: both;
        padding: 15px 0;
    }

    .sendbtnTable, .firstArrowTable, .cellTable, .arrowrTable, .codeTable, .tryagainTable {
        text-align: center;
    }

    i.arrorw {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .arrorw.right {
        float: none;
    }

    .arrow-d {
        margin-right: 0 !important;
    }

    .arrow-u {
        margin-right: 0 !important;
    }

    .loader {
        width: 100%;
        margin: 0 auto !important;
    }

    .label-otp {
        margin: 0 0 26px 0 !important;
    }

    .mobile-menu {
        display: block;
    }

    .breadcrumStuff {
        padding: 10px 0;
        margin-top: 10px;
        line-height: 30px;
        display: none;
    }

    .TandC a {
        padding-bottom: 10px;
        display: inline-block;
    }

    .nav-progress-item {
        display: block;
        text-align: left;
        margin-bottom: 20px;
    }

    .nav-progress .progress-icon, .nav-progress .progress-icon-future, .progress-icon-passed {
        display: inline-block;
        margin-right: 15px;
        vertical-align: middle;
        background-size: 8px !important;
        width: 26px;
        height: 26px;
    }

    .nav-progress .nextArrow {
        display: none;
    }

    .progress-text {
        margin: 0;
        text-align: left;
        line-height: 1;
    }

    #yourWebsites h2,
    .yourWebsites h2,
    .myPortContainer h2 {
        padding: 20px 30px;
        height: auto;
    }

    #changePasswordDropBox, .list-inline .redirect {
        display: none;
    }

    .myPortContainer h4 {
        margin-bottom: 0;
    }

    .PendingSites p, .yourWebsitesLinks {
        padding: 0 30px 10px;
    }

    #myportContent .yourWebsitesLinks {
        padding-top: 30px;
    }

    .PendingSites li {
        font-size: 15px;
    }

    .yourWebsitesLinks.addWebLink {
        padding: 30px 30px 10px;
    }

    .ActiveSites {
        padding: 0 30px;
    }

        .ActiveSites ul {
            padding-left: 0;
        }

    .myPortContainer .add-a-website {
        padding: 15px 0;
    }

    .unsuccessContainer fieldset {
        padding: 30px !important;
    }

    .form-login .form-thin fieldset {
        margin: 0 !important;
    }

    #troubleLogging {
        margin-top: 57px;
        position: absolute;
        font-size: 14px;
    }

    .form-login .tar {
        padding-bottom: 10px;
    }

    .small_content_container {
        padding: 20px;
    }

        .small_content_container .ml15 {
            margin-left: 0 !important;
        }

    .why-icon {
        float: left;
    }

    .alignIcon {
        float: left;
        width: 80%;
    }

    .aboutContent ul {
        padding-left: 20px;
    }

    .noWrap {
        white-space: normal !important;
    }

    .styledbox {
        height: auto;
    }

    #slide1 .green-arrow-r {
        margin-right: 0;
    }

    a.unlockProfile {
        background-position: 20px 0;
    }

    .successContainer .left-span {
        margin-left: 0;
    }

    .loggedInName {
        display: none;
    }

    .marMobT0 {
        margin-top: 0 !important;
    }

    .marMobB0 {
        margin-bottom: 0 !important;
    }

    .padMobB0 {
        padding-bottom: 0 !important;
    }

    .padMobT0 {
        padding-top: 0 !important;
    }

    .tar {
        text-align: initial;
    }

    .mobileContainer {
        padding: 30px !important;
    }

    .loggedInName {
        display: none;
    }

    .topBorderP {
        width: auto;
    }

    .btnMedFull {
        width: 100%;
        text-align: center;
    }

    .upglater {
        margin-bottom: 20px;
    }

    select {
        line-height: normal;
    }
}
/* Tablet */
@media (min-width: 768px) {
    .nav-progress.lg {
        float: left;
        width: 100%;
    }

        .nav-progress.lg .nav-progress-item {
            max-width: 120px;
            float: left;
        }

        .nav-progress.lg .nextArrow {
            float: left;
        }

            .nav-progress.lg .nextArrow .arrow-right {
                margin-top: 57px;
            }
}
/* Interim Menu Fix */
@media only screen and (min-width:768px) and (max-width: 800px) {
    .primary-links li a {
        font-size: 14px !important;
    }
}

/* Everything before iPad Landscape */
@media (max-width: 991px) {
    /*.myPortContainer {
		background: transparent
	}*/
    .secureSites, #linkAddaWebsite:after {
        display: none;
    }

    .accordianColumn {
        width: 100%;
    }

    .dynamicHeader.ft-light:first-child {
        display: none;
    }

    .dynamicHeader.ft-light.mobile {
        display: block;
    }

    .arrow-d {
        margin-right: 30px;
    }

    .arrow-u {
        margin-right: 30px;
    }

    .dynamicHeader.ft-light:hover {
        cursor: pointer;
    }

    .dynamicHeader.ft-light {
        font-size: 17px;
        color: #029179;
        background: #fff;
        border-bottom: 1px dotted #ccc;
        margin: 0 !important;
        box-shadow: none;
        /*background: url(../img/header_shadow.png) repeat-x 0 100% #fff;*/
    }

        .dynamicHeader.ft-light.open {
            box-shadow: 8px 0 0px #029179 inset;
        }

        .dynamicHeader.ft-light.last {
            border-bottom: none;
        }

            .dynamicHeader.ft-light.last.open {
                border-bottom: 1px dotted #ccc;
            }

        .dynamicHeader.ft-light:hover {
            cursor: pointer;
        }

        .dynamicHeader.ft-light::selection {
            background: transparent;
        }

    .nonAccordianContent, .tabbedContent {
        background: #f9f9f9;
    }

    .accordianColumn {
        border-color: #bbb;
    }

    .mobileOnly {
        display: block;
    }

    ::-moz-selection {
        background-color: transparent;
    }

    ::selection {
        background-color: transparent;
    }
}
/* Desktop and iPad Landscape */
@media (min-width: 992px) {
    .dynamicHeader.ft-light:first-child {
        display: block;
    }

    .dynamicHeader.ft-light.mobile {
        display: none;
    }

    .mobileOnly {
        display: none;
    }
}

@media (min-width: 1025px) {
    .tel-links {
        text-decoration: none;
        color: #424242;
    }

        .tel-links:hover {
            cursor: default;
            text-decoration: none;
        }
}

/* Device Specific Fixes */

/* ----------- Galaxy S4 ----------- */
.ua-android-4-3 select {
    padding: 0 0 0 10px !important;
    height: auto;
}

/* Device Specific Fixes */

/* ----------- Galaxy S4 ----------- */
.ua-android-4-3 select {
    padding: 0 0 0 10px !important;
    height: auto;
}

/* Device Specific Fixes */

/* ----------- Galaxy S4 ----------- */
.ua-android-4-3 select {
    padding: 0 0 0 10px !important;
    height: auto;
}

.ua-android .aboutContent .bnt-print {
    display: none;
}

.ua-android-4 .input-country-dialing-code {
    color: #333333!important;
}

.ua-blackberry-10 .form-register select {
    padding-bottom: 5px;
}

.ua-mobile-iphone select {
    padding: 10px 20px 10px 7px;
}

.ua-mobile-iphone .pad-1 {
    padding: 2.5em;
}

.ua-mobile-iphone .aboutContent ol li > span {
    line-height: 1.5;
}


.MfButton {
   text-align: center;float: left;display: inline-block; 
}


.MfButtonRight {
   text-align: center;float: right;display: inline-block;
}