/* CSS Document */
* { margin:0; padding:0;}
body { margin:0; padding:0; background:#e5e5e5; color:#000000; font-family:Helvetica; font-size:8.6pt;}
hr { margin:0; padding:0;}
img { border:none; outline:none;}





/************************ Layout*********************/
#Outer { width:964px; margin:0 auto; background:url(../images/LoginFEB09/BodyBG.gif) top center repeat-y; padding:0 18px;} 
#Header { background:url(../images/LoginFEB09/HeaderBG.gif) repeat-x bottom left; height:101px;}
#Header a { color:#666666; font-weight:bold; text-decoration:none;}
#Header a:hover { color:#000000; text-decoration:underline;}
#HeaderImage { background:url(../images/LoginFEB09/HeaderImageBg.gif) repeat-x left top; height:169px; margin-top:1px;}
#HeaderImageLeft { background:url(../images/LoginFEB09/HeaderIMg.gif) no-repeat; width:319px; height:169px; border-right:#FFFFFF 1px solid; float:left;}
#Logo { background: url(../images/LoginFEB09/Logo.png) no-repeat 8% center; padding-left:200px; height:119px; vertical-align:middle; padding-top:50px; float:left;}
#Logo h2 { color:#FFFFFF; font-size:22px;}
#Logo a { background:url(../images/LoginFEB09/HeaderLinkArrow.gif) no-repeat; height:18px; display:inline-block; margin:30px 20px 0 0; padding:0 0 0 30px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; padding-top:5px; font-weight:bold; font-size:12px;}

#Body { padding-top:10px;}
/****************************** Round Box *****************************/
.RoundBox { width:308px; float:left; margin:7px 5px;}
.RoundBox input.text { width:220px;}
.button { background:url(../images/LoginFEB09/goButton.gif) no-repeat; width:37px; height:21px; border:none;}
.gloablLoginButton { background:url(../images/LoginFEB09/arcgloballogin.gif) no-repeat; width:170px; height:31px; border:none;}

.RoundBoxTop { background:#fff url(../images/LoginFEB09/RoundBoxTop.gif) no-repeat; width:288px; height:96px; overflow:hidden; padding:10px 10px 0px 10px}
.RoundBoxTop h1 { text-transform:uppercase; font-size:12px; font-weight:bold;}

.RoundBoxBody { background:url(../images/LoginFEB09/RoundBoxBG.gif) repeat-y; width:300px; padding:0 4px 5px 4px;}
.RoundBoxBody h1 {text-transform:uppercase; font-size:12px; font-weight:bold; margin-bottom:5px;}

.RoundBoxBottom { background:url(../images/LoginFEB09/RoundBoxBottom.gif) no-repeat bottom center; width:308px; height:9px;}
.RoundBoxBlueHeader { background:url(../images/LoginFEB09/RoundBoxBlueHeaderTop.gif) left top repeat-x; width:280px; margin: 0; padding:20px 10px 5px 10px;}
.RoundBoxBlueHeader a { color:#3a9cff; text-decoration:none;}
.RoundBoxBlueHeader a:hover { color: Black;}
.RoundBoxInnerSec { margin:5px 0; border-top:#666666 1px solid; padding:10px 10px ;}
.RoundBoxInnerSec p { margin:5px 0;}
.supportlink { background:url(../images/LoginFEB09/HeaderLinkArrow.gif)  no-repeat center right; display:block; color:#000000; text-decoration:none; border-top:#666 1px solid; margin:17px 10px; padding:10px 50px 10px 0;}
.supportlink:hover { color:#0099cc;}
.supportlink span { color:#0099cc; font-size:14px; font-weight:bold;}



.planwellBox { background:url(../images/LoginFEB09/PlanWellLogo.gif) center right no-repeat; height:80px;}
.planwellBox a { color:Black; text-decoration:none;}
.planwellBox a:hover{ color:#0099cc;}
.NewVersion { margin:10px;}
.NewVersion  h1 { text-transform:none; font-variant:normal; font-size:14px;} 
.NewVersion ul { margin:5px; padding:0; list-style:none; font-size:12px;}
.NewVersion ul li { background:url(../images/LoginFEB09/listArrow.gif) no-repeat left 5px; padding-left:10px; margin:16px 5px;}
.NewVersion ul li a { color: #0099cc; text-decoration:none; font-weight:bold;}
.NewVersion ul li a:hover { color:Black;}


.question ul { margin:5px 0; padding:0; list-style:none; font-size:12px;}
.question ul li { background:url(../images/LoginFEB09/listArrowBlack.gif) no-repeat left 5px; padding-left:10px; margin:5px;}
.question ul li a { color: #000; text-decoration:none;}
.question ul li a:hover { color:#0099cc;}

#Footer { background:#4289b1; height:20px; clear:both; margin-top:10px; padding:10px; color:#FFFFFF; font-size:10px;}
#Footer a {color:#FFFFFF; text-decoration:none;}
#Footer a:hover { text-decoration:underline}


 .varify-btn {
    border: 0;
    background: url("../images/LoginFEB09/verify.png") no-repeat 0 0;
    cursor: pointer;
    width: 51px;
    height: 21px;
}
 .add-btn {
    border: 0;
    background: url("../images/LoginFEB09/add.png") no-repeat 0 0;
    cursor: pointer;
    width: 51px;
    height: 21px;
}
 .get-otp-btn {
    border: 0;
    background: url("../images/LoginFEB09/getotp.png") no-repeat 0 0;
    cursor: pointer;
    width: 70px;
    height: 21px;
}
.timmer {
    color: #0099cc;
}
.resend {
    border: 0;
    color: #0099cc;
    cursor: pointer;
    background-color: transparent;
}
.otptext {
    letter-spacing: 10px;
    width: 200px;
}
.flex-between {
display: flex;
flex-align: center;
justify-content: space-between;
}
.mb1 {
    margin-bottom: 8px;
}
.textfield2 {
    width: 200px;
}