html {
   /* background: url("../images/bg/designBG.jpg") no-repeat scroll left top;*/
    height: 100%;
}
body {
    background: url("../images/bg/right_top.png") no-repeat scroll right top;
    height: 100%;
    background-color: white;
}
html > body {
    min-height: 100%;
    position: relative;
}
.leftBottom {
    background: url("../images/bg/left_bottom.png") no-repeat scroll left 0px bottom 0px;
    min-height: 100%;
   /* padding-bottom: 30px; disable to remove scroll issue*/
    position: relative;
}
.awardDark {
    /*background: url("../images/bg/awardDark2.png") no-repeat scroll left 5px;*/
    min-height: 100%;
}
.awardDarkIn {
    /*background: url("../images/bg/awardDark2.png") no-repeat scroll 20px 30px;*/
    min-height: 100%;
}
.LabelDarkIn {
    background: url("../images/bg/LabelDark.png") no-repeat scroll 20px 30px;
    min-height: 100%;
}
.h {
    /*border-bottom: 1px solid #eff4f6;
    border-top: 1px solid #eff4f6;*/
    padding: 15px 0;
}
.Hbdr {
    /*background: url("../images/border_pixel.gif") repeat-y scroll right top;*/
}
.login {
    background: url("../images/bg/LabelDark.png") no-repeat scroll right 50px;
    height: 100vh;
    min-height: 470px;
    padding: 30% 6% 0 30%;
    width: 70%;
    background-position: 140px 100px;
    width: 100%;
}
.loginBar {
    font-size: 12px;
    padding-bottom: 10px;
}
.f {
    bottom: -5px;
    color: #98a8aa;
    font-size: 12px;
    position: absolute;
    right: 10px;
}
.txtw{width:60%! important;}
.dropdown-menu {
    background: none repeat scroll 0 0 #eff5f7;
    border: 1px solid #4fbae0;
    box-shadow: none;
    font-size: 12px;
    left: 8%;
    margin: 0;
    min-width: inherit;
    padding: 0;
}
.dropdown-menu > li > a {
    border-bottom: 1px solid #fff;
    color: #5a635d;
    padding: 5px 14px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: none repeat scroll 0 0 #4fbae0;
    color: #ffffff;
}
.innerpage {
    padding: 10px 0 12px 25%;
    width: 77%;
}
.inLogo {
    width: 88%;
}
@media (max-width: 1200px) {
    body {
        background: url("../images/bg/right_top.png") no-repeat scroll 140% top rgba(0, 0, 0, 0);
        background-color: black;
    }
.leftBottom {
    background: url("../images/bg/left_bottom.png") no-repeat scroll -20% bottom rgba(0, 0, 0, 0);
}
.login {
    padding: 15% 0 0 30%;
    width: 85%;
}
.inLogo {
    width: 100%;
}
}
.borderBottom {
    border-bottom: 1px solid #eff4f6;
}
.borderDarkBottom {
    border-bottom: 1px solid #dce1e2;
}
label {
    display: block;
    font-weight: normal;
    margin-bottom: 3px;
}
.inp {
    background: url("../images/bg/Input_bg.gif") repeat-x scroll left top #fff;
    border: 1px solid #cfd6d7;
    color: #666666;
    padding: 3px;
    resize: none;
}

.greenBigBtn, .redBigBtn {
    background: url(../images/bg/GreenBtnBigGradient.gif) top left repeat-x #934220;
    color: #FFFFFF;
    font-size: 18px;
    border: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    padding: 7px 12px;
    transition: all ease-in-out 200ms
}
.redBigBtn{background:url(../images/bg/RedBtnBigGradient.gif) top left repeat-x #c4262e;}

a.greenBigBtn:hover, a.greenBigBtn:focus {
    background: url(../images/bg/GreenBtnBigGradient.gif) bottom left repeat-x #cc9933;
    text-decoration: none;
    color: #FFF;
}

.greenBigBtnAnchor {
    background: url("../images/bg/GreenBtnBigGradient.gif") repeat-x scroll left top #cc9933;
    border: 0 none;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    padding: 7px 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    transition: all 200ms ease-in-out 0s;
}
a.greenBigBtnAnchor:hover, a.greenBtnAnchor:hover {
    background: url("../images/bg/GreenBtnBigGradient.gif") repeat-x scroll left bottom #84c126;
    color: #fff;
    text-decoration: none;
}
.greenBtnAnchor {
    background: url("../images/bg/GreenBtnBigGradient.gif") repeat-x scroll left top #6eb420;
    border: 0 none;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    padding: 4px 8px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    transition: all 200ms ease-in-out 0s;
}
.profileProgress {
    clear: both;
    height: 20px;
    padding: 15px 5%;
    width: 100%;
}
.pPin {
    border-bottom: 1px solid #c2cdbb;
    float: left;
    height: 20px;
    overflow: visible;
    position: relative;
    width: 16.44%;
}
.pPcr {
    background: url("../images/progress_profile.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    bottom: -5px;
    height: 9px;
    left: -5px;
    overflow: hidden;
    position: absolute;
    width: 9px;
}
.pPtxt {
    color: #c2cdbb;
    font-size: 12px;
    left: -30px;
    position: absolute;
    top: -5px;
}
.pPdone.pPin {
    border-bottom: 1px solid #6eb420;
}
.pPdone .pPcr {
    background: url("../images/progress_profile.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.pPdone .pPtxt {
    color: #6eb420;
}
.pPinProgress .pPcr {
    background: url("../images/progress_profile.png") no-repeat scroll 0 -9px rgba(0, 0, 0, 0);
}
.pPinProgress .pPtxt {
    color: #414b44;
}
.surveyProgress {
    font-size: 14px;
    left: -250px;
    list-style: none;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    top: 78px;
    width: 210px;
    border-left: 1px solid #a94442;
}
.surveyProgress a {
    color: #333;
    display: block;
    font-weight: bold;
    outline: medium none;
    padding-bottom: 12px;
    position: relative;
}
.surveyProgress a span.circle {
    background: url("../images/progress_survey.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    height: 7px;
    overflow: hidden;
    position: absolute;
    right: -4px;
    top: 5px;
    width: 7px;
}
.surveyProgress a span.line {
    background: none repeat scroll 0 0 #c2cdbb;
    height: 33px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    top: 11px;
    width: 1px;
}
.surveyProgress a.done {
    color: #6eb420;
}
.surveyProgress a.done span.circle, .surveyProgress a.current span.circle {
    background: url("../images/progress_survey.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.surveyProgress a.done span.line {
    background: none repeat scroll 0 0 #6eb420;
}
.surveyProgress a.current 
{
    color: #fff;
    font-weight:bold;
}

.surveyProgress a{color:#666; display:block; padding:5px 8px; position:relative; outline:none; font-size:12px;}
.surveyProgress a span.circle{background:url(../images/progress_survey.png) bottom left no-repeat; width:7px; height:7px; overflow:hidden; position:absolute; top:5px; left:4px; z-index:2;}
.surveyProgress a span.line{background:#c2cdbb; width:1px; height:33px; overflow:hidden; position:absolute; top:-24px; left:7px; z-index:1;}
    .surveyProgress a.current {
        color: #fff;
        background: #a94442;
    }
.surveyProgress a.done span.circle, .surveyProgress a.current span.circle{background:url(../images/progress_survey.png) top left no-repeat;}
.surveyProgress a.done span.line, .surveyProgress a.current span.line{background:#6eb420;}

.altColor {
    background: none repeat scroll 0 0 #f5f5f5;
}
.pRelat {
    position: relative;
}
.pad30T {
    padding-top: 25px;
}
.pad10T {
    padding-top: 10px;
}
.pad10Tr {
    padding-bottom: 10px;
    padding-top: 10px;
}
.pad10TBR {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
}
.pad15TBR {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 15px;
}
.pad15T {
    padding-top: 15px;
}
.pad20T {
    padding-top: 20px;
}
.pad10B {
    padding-bottom: 10px;
}
.padTB10 {
    padding-bottom: 10px;
    padding-top: 10px;
}
.padTB20 {
    padding: 20px 0;
}
.m0 {
    margin: 0;
}
.line24 {
    line-height: 24px;
}
.size12 {
    font-size: 12px;
}
.green24 {
    color: #1a5c2f;
    font-size: 24px;
}
.greyG12 {
    color: #666;
    font-size: 12px;
}
.greyG14 {
    color: #666;
    font-size: 14px;
}
.black18 {
    color: #333333;
    font-size: 18px;
}
.black14 {
    color: #333333;
    font-size: 14px;
}
.white12 {
    color:white;
    font-size: 12px;
}

.white14 {
    color: white;
    font-size: 14px;
}
    .myRbold {
    font-weight: bold;
}
.errorMsg {
    color: #ff0000;
}
.logoBox {
    float: left;
    padding: 0 15px;
}