﻿
.login-pan
{
     margin-bottom:20px !important;
     width:100%;
     height:520px;
     padding:30px 0px !important;
}
.login-left
{
    border-right:#ccc 1px dashed;
    padding:0px 30px !important;
    margin-right:30px !important;
    /*background:url(../Images/default.htm) 1280-790  490*/
    width:700px;
    height:520px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    float:left;
}
.login-left a{ text-decoration:none;}
.login-left img
{
    height:500px;
    width:680px;
}
.login-right
{
    width:480px;
    height:480px;
    float:left;
    text-align:center;
    line-height:35px; 
}

.login-box
{
    display:block;
    margin-top:10px;
    height:470px;
    padding-top:30px;
    
    margin-left:10px !important;
    background-color:#cecfce;
}
.login-box
{
    /*-webkit-box-shadow:5px 2px 6px 3px #999;
	-moz-box-shadow:5px 2px 6px 3px #999;
	box-shadow:5px 2px 6px 3px #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;*/
	background-image: linear-gradient(bottom, #F0FAFD 10%, #C8ECF7 100%);
	background-image: -o-linear-gradient(bottom, #F0FAFD 10%, #C8ECF7 100%);
	background-image: -moz-linear-gradient(bottom, #F0FAFD 10%, #C8ECF7 100%);
	background-image: -webkit-linear-gradient(bottom, #F0FAFD 10%, #C8ECF7 100%);
	background-image: -ms-linear-gradient(bottom, #F0FAFD 10%, #C8ECF7 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, #F0FAFD),
		color-stop(1, #C8ECF7)
	);
}
.login-box .line span.txt,.login-box .valid span.txt{display:inline-block; width:68px; text-align:right;}
.login-right input[type="text"],.login-right input[type="password"]
{
    width:180px;
    height:25px;
    border:#aaa solid 1px;
}

.valid input[type="text"]{ width:80px;}
.valid img{ vertical-align:middle; margin-left:25px !important; width:75px; height:30px; cursor:pointer;}
.verify
{
    ime-mode:disabled;
	width: 60px;
	padding:10px 20px;
	margin-left:50px;
	border: 1px solid #bac7d2 ;
 	border-radius: 3px;
 	box-shadow: 3px 3px 2px #e7f1f7 inset;
}

.reg-pan
{
    height:840px;
    width:100%;
    display:block;
    -webkit-box-shadow:5px 2px 6px 3px #666;
	-moz-box-shadow:5px 2px 6px 3px #666;
	box-shadow:5px 2px 6px 3px #666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-bottom:30px !important;
}
.reg-left
{
    width:740px;
    height:740px;
    border-right:1px solid #aaa;
    display:inline-block;
    float:left;
    padding:30px;
     margin:20px 0px;
}
.reg-right
{
    width:419px;
    height:740px;
    padding:30px;
    display:inline-block;
    float:left;
     margin:20px 0px;
}

.reg-info-bg
{
    padding-left:60px;
    line-height:40px;
    font-size:16px;
    margin:40px auto !important;
}
.reg-info-bg input[type="text"],.reg-info-bg input[type="password"]
{
    height:30px;
    border: 1px solid #bac7d2 ;
    vertical-align:middle;
}
.reg-line
{
    height:50px;
}
.reg-line .txt
{
    display:inline-block;
    width:  80px;
    text-align:right;
    vertical-align:middle;
}

.reg-line .req
{
    color:#f00;
    margin:0px 10px !important;vertical-align:top; 
}
.reg-line input[type="checkbox"]{ margin-left:83px  !important;}
.reg-line input[type="text"],.reg-line input[type="password"]{ width:250px;}
.reg-line input[type="text"].vali{ width:149px;}
.reg-line img { vertical-align:middle; margin-left:20px !important; cursor:pointer;}
.reg-line .msg{vertical-align:middle; display:none;}
.reg-line .msg.error{ display:inline; padding:3px 5px 3px 5px !important; color:#f00; border:#f00 1px solid;}
.reg-line .msg.ok{ display:inline-block; color:#0f0; }
.reg-info-bg .btns { margin-left:83px !important;}

.acp-btn
{
    background-color:#0D4075;
    padding:10px 25px;
    outline:none;
    border:none;
    cursor:pointer;
    color:#FFF;
    -webkit-box-shadow:5px 2px 6px 3px #666;
	-moz-box-shadow:5px 2px 6px 3px #666;
	box-shadow:5px 2px 6px 3px #666;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
