.logoinBox{width:99%; margin:0 auto 150px ;border:1px solid #CCC;display:block;overflow:hidden;}
.tab_list{list-style:none;}
.tab_list li{list-style:none;width:341px;  display:inline-block; float:left; background:url(../img/login.png) no-repeat left; height:80px;border-bottom:1px solid #ccc;border-left:1px solid #ccc; margin-bottom:0px;}
.tab_list li:first-child{border-left:none; border-right:1px solid #CCC;}
.tab_list > li > span{margin-left: 67px;padding-top: 29px;display: block;}
.nodal{padding-top:18px!important;}
.formcontrol{width:90%; margin:20px auto 0; display:block; overflow:hidden;}
.formcontrol p{ text-align: left;}
 
.formcontrol > .login-form input{border:2px solid #d7d7d7; padding:7px 10px 7px 28px; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-top:11px; font-size:14px;}
.formcontrol > .login-form > .username{background:url(../img/usericon.png) no-repeat left; }
.formcontrol > .login-form > .password{background:url(../img/pwicon.png) no-repeat left; }
.btnbox{ text-align:center;}
.lbnt{ background-color:#676767; color:#fff; text-align:center;padding: 8px 25px 8px 25px;font-size:15px;border: none !important;
       border-bottom: 3px solid #cccccc !important;text-transform: none;}
.lbnt:focus,.lbnt:hover,.lbnt:active{background-color:#868383}
.rbnt{ background-color:#739500; color:#fff !important; text-align: center;padding: 8px 25px 8px 25px;font-size:15px;border: none !important;
       border-bottom: 3px solid #cccccc !important;text-transform: none;}
.rbnt:focus,.rbnt:hover,.rbnt:active{background-color:#698802; color:#fff !important;}
.blicon{ float:right;}
.bricon{ float:right;padding-left: 10px;padding-top: 1px;}
.securedcontent{  margin:0px; padding:0px; border-top:1px solid #ccc; margin-top:68px;}
.seclogo{ width:100%; margin:0px; padding:0px; border-right:1px solid #ccc; height:141px; float:none;display:block;}
.seclist{  margin: 0px 0px 0px 0px; float:none;width:100%;display:block; border-top:1px solid #CCC;}
.seclist ul{ list-style:none; margin: 0 auto; padding: 0; width: 88.3%;}
.seclist li{margin:0px; float:left; padding:7px 25px 7px 25px; font-size:12px; color:#343434; background:url(../img/righticon.png) no-repeat left;}
.seclogo h1{ color:#343434; font-size:20px; margin:0px; line-height:150px;}
.secicon{margin-top: 37px;margin-left: 47px;margin-right: 10px;float: left;}
.helpbox{ height:51px; background-color:#d1d1d1; text-align:center;padding-top:5px;margin-top:20px;}
.helpbox span{display:inline-block;vertical-align:middle;font-size:15px;margin-top:-40px;}
.hboximg{}
.helpbox h1{ margin:0px;color:#323232; font-size:25px; padding:10px 0px;}
.radiobox{ margin:10px 8px 15px 0px;}
.radio1{ margin-left:10px;}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ 
 .tab_list li{width:364px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
.logoinBox{width:683px;}
/*.formcontrol{width:360px;}*/	 
 }
 
 
/*1224px*/
@media only screen  and (min-width : 1024px){
.logoinBox{width:683px;}
/*.formcontrol{width:360px;}*/
.formcontrol > .login-form > input{width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.formcontrol > .login-form a:hover {text-decoration:underline;}
.seclogo{ width:340px;float:left;}
.seclist{width:100%;float:none;border-top:none;}
.helpbox span{display:inline-block;vertical-align:middle;font-size:15px;margin-top:-40px;}
.helpbox{margin-top:0;}
}
@media only screen  and (min-width : 1224px){

}