/* ~~ Comment Reset ~~ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead{
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size:100%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
font-family: 'Merriweather', serif;
line-height:18px;
background: #ffffff !important;
font-size:100%;
margin: 0;
padding: 0;
color: #888888; word-wrap:break-word;
}
*{
padding: 0;
margin: 0;
border: none; outline:0 none; list-style:none;
}
h1,h2,h3,h4,h5{ line-height:normal; font-weight:normal;}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
}
img{ max-width:100%; border:0 none; outline:0 none;}
.clearfix{ clear:both; overflow:hidden;}
.align_left{ float:left; }
.align_right{ float:right; }
.ovr_hidn{ overflow:hidden; }
@font-face {
font-family: 'Raleway';
src: url('https://fonts.googleapis.com/css?family=Raleway');
font-weight: normal;
font-style: normal;
}
/* ~~ Comment Reset End ~~ */
/* ~~ Layout ~~ */
.container{ width:100%; float:left;}
.wrapper{ max-width:1024px; margin:0 auto; width: 100%;}
.hdr{width:100%;}
.logo{ width:360px; height:50px; display:block; float:left; margin-bottom:20px; margin-top:40px; margin-left:4px;}
.login-bnr-no-bg{width:100%;}
.login-bnr-bg{width:100%; background:url(imgs/bnnr-bg.jpg) no-repeat center top; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
.login-cntnt{padding:60px 0px 25px; }
.wlcm{width:88%; overflow:hidden; margin-bottom:30px;}
.wlcm h2{ font-family: 'Raleway';float:left; font-size:34px; color:#747474; letter-spacing:-2px;margin-bottom:10px;}
.livechat{width:203px; height:50px; float:right;}
.login-mn{width:340px; margin:0 auto 50px; border:1px solid #e1e1e1; border-radius:10px; padding:22px 15px 10px; background:#ffffff; overflow:hidden;}
.login-trouble{float: left !important;margin-left: 279px !important;margin-right: 100px !important;}
.troublelogging{margin-bottom: 97px !important;}
.table-mn{width:88%; margin:0 auto 50px; border:1px solid #e1e1e1; border-radius:10px; padding:22px 15px 10px; background:#ffffff; overflow:hidden;}
.inpt-mn{width:100%; overflow:hidden; margin-bottom:10px;}
.inpt-nm{width:25% !important; float:left; font-size:13px; color:#525252; padding-top:3px;}
.inpt-mm{width:50% !important; float:left; font-size:13px; color:#525252; padding-top:3px;}
.inpt-fld{width:75%; float:right;}
.inpt-txt-box{ background:#f6f6f6; border:2px solid #e3e9ea; border-radius:5px; width:95%; padding:3px 5px 3px 0px;}
.select-box{background:#f6f6f6; border:2px solid #e3e9ea; border-radius:5px;padding:3px 5px 3px 0px;}
.forget{width:75%; float:right;}
.didyou{float:left; font-size:11px; }
.didyou a{color:#6698cb; text-decoration:underline; line-height:16px;}
.log-in{width:50px; float:right; margin-top:4px;}
.login-btn{width:50px; background:url(imgs/lgn-bg.jpg) repeat-x center center; height:23px; font-size:11px; color:#ffffff; border:0; text-transform:uppercase; border-radius:5px;}
.btn{width:50px; background:url(imgs/lgn-bg.jpg) repeat-x center center; height:23px; font-size:11px; color:#ffffff; border:0; text-transform:uppercase; border-radius:5px; }
.btn-large{width:150px; background:url(imgs/lgn-bg.jpg) repeat-x center center; height:23px; font-size:11px; color:#ffffff; border:0; text-transform:uppercase; border-radius:5px; }
.popup-red-msg p{width:88%; text-align:left; font-size:12px; color:#a70302 !important; line-height:15px; padding-bottom:15px;margin:10px auto 1px;}
.blue-yellow-strp{ background:url(imgs/blue-yellow.jpg) repeat-x left top; height:30px; width:88%;margin:10px auto 1px;}
.blue-yellow-strp1{ background:url(imgs/blue-yellow.jpg) repeat-x left top; height:30px; width:100%;margin:10px auto 1px;}
.mdrn{width:88%; margin:20px auto 30px;}
.mdrn h2{color:#747474; font-size:24px; padding-bottom:3px; line-height:24px;}
.mdrn p{color:#4d4d4d; font-size:15px; padding-bottom:25px; line-height:20px;}
.ftr{width:100%;margin-bottom:60px;}
.ftr-brdr{ background:url(imgs/ftr-brdr.png) repeat-x left top;margin:10px auto 1px;width:88%;}
.ftr p{font-size:9px; color:#747474; margin:20px auto 1px;width:88%;}
.ftr p a{font-size:10px; color:#00447e; text-decoration:none;}
.ftr p a:hover{color:#00447e;}
.ftr p.special-text{font-size:12px; color:#747474; margin-top:20px;margin-bottom:30px; }
@media screen and (max-width:1050px) {
.wrapper{width:96%;}
}
@media screen and (max-width:850px) {
.wlcm{text-align:center;}
.wlcm h2{width: 100%;margin-bottom: 20px;}
.livechat{float: none;text-align: center;display: inline-block;}
.red-msg{text-align: center; width: 100%;}
.login-cntnt{ padding: 50px 0 25px;}
}
@media screen and (max-width:685px) {
.logo{width:100%; text-align:center;}
.mdrn{width:100%; text-align:center;}
.ftr p{ text-align:center;}
.ftr p br{display:none;}
.login-bnr-bg{ background-size:cover;}
.login-cntnt{padding: 35px 0 25px;}
.wlcm h2{ font-size: 26px;}
}
@media screen and (max-width:485px) {
.login-mn{width: 92%; padding: 22px 4% 10px;}
.wlcm h2{font-size: 20px;}
.forget{width:100%;}
.inpt-fld{width:70%;}
.inpt-nm{width:30%;}
}
@media screen and (max-width:300px) {
.log-in{text-align: center; width: 100%;display: inline-block; float: none; margin-top: 10px;}
.didyou{text-align: center; width: 100%;}
.inpt-fld{width:62%;}
.inpt-nm{width:38%;}
}
/* Design for system alerts yellow box*/
.systm-alrt {margin:10px 0px; background:#ffeca1; padding: 0px 4px; width:88%; }
.systm-alrt p {padding: 0px 5px;}
.systm-alrt hr { border:1px solid #ffca49; }
.systm-alrt ul { font-size: 80%; margin-left: 5px; }
.systm-alrtt, .systm-alrtb, .systm-alrtt div, .systm-alrtb div { background:url(imgs/corners_complete.gif) top right; height:4px; font-size:8px;}
.systm-alrtt div { background-position:top left; }
.systm-alrtb div { background-position:bottom left; }
.systm-alrtb { background-position:bottom right; }
.systm-alrtt, .systm-alrtb { margin:0 -4px 0 -4px; padding-right:4px; }
/* Design for error text in red */
.rederrortext { color: #cc0000; padding: 2px 0px 2px 2px; }
ul li.redtext { color: #C00; background: transparent url(imgs/ico_msg_error.gif) no-repeat 0px 0px; list-style: none; height: auto; padding-left: 20px; padding-top: 2px; padding-bottom: 0px;}
/* For email id */
span.displaynone { display:none; }
/* For system information */
.systm-infr {margin:10px auto 0px; width:88%; background:#ffeca1; padding: 0px 4px; }
.systm-infr p {font-size: 80%; padding: 0px 5px;}
.systm-infrt, .systm-infrb, .systm-infrt div, .systm-infrb div { background:url(imgs/corners_complete.gif) top right; height:4px; font-size:8px;}
.systm-infrt div { background-position:top left; }
.systm-infrb div { background-position:bottom left; }
.systm-infrb { background-position:bottom right; }
.systm-infrt, .systm-alrtb { margin:0 -4px 0 -4px; padding-right:4px; }
/* Error page */
.syserrmsgArea { margin:10px auto 1px; padding: 5px 5px; width:88%; border: 1px solid #d8e4f0; background-color:#ffffff;}
/* Profile page */
.table-mn-inner{width:100%; margin:0 auto 10px; border:1px solid #e1e1e1; border-radius:10px; padding:22px 15px 10px; background:#ffffff; overflow:hidden;}