.hidden{display:none}
.form-login {
	font:14px/18px  Arial, Helvetica, sans-serif;
	color:#7b7b7b;
	margin:0 auto;

	padding:15px 20px;
	border:1px solid #ddd;
	border-radius:8px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
	background-color: #efefef;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#efefef));
	background-image: -moz-linear-gradient(top, #f9f9f9, #efefef);
	background-image: -ms-linear-gradient(top, #f9f9f9, #efefef);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #efefef));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #efefef);
	background-image: -o-linear-gradient(top, #f9f9f9, #efefef);
	background-image: linear-gradient(top, #f9f9f9, #efefef);

}

.position-social-right {	width:690px;}

.form-login form {
	margin:0
}
.form-login label {
	display: block;
	margin-bottom: 0;
}
.form-login a {
	color:#2e8fc7;
	text-decoration:none
}
.form-login a:hover {
	text-decoration: underline
}
.form-login .top {
	font-weight:bold;
	color:#499ece;
	font-size:22px;
	line-height:normal;
	border-bottom:1px solid #dadada;
	padding-bottom:10px;
	overflow:hidden;
	position:relative;
}
.form-login .top .cancel {
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}
.form-login .mid {
	border-bottom:1px solid #dadada;
	border-top:1px solid #fbfbfb;
	padding:15px 0;
}

.position-social-bottom { padding:10px;}
.position-social-bottom .mid .col1 { margin-bottom:20px; padding-bottom:20px; 	border-bottom:1px solid #dadada;}
.position-social-right .mid .col1 {	min-height:200px;	border-right:1px solid #dadada;	width:50%;	padding-right:14px;	float:left;	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box;	box-sizing:border-box;	}

.form-login .mid .col1 label { font-size:13px;}


.position-social-right .mid .col2 {
	min-height:200px;
	border-left:1px solid #fbfbfb;
	width:50%;
	padding-left:14px;
	float:left;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;	
}
.form-login p {
	margin:0 0 15px;
}
.form-login .inputbox {
	border:1px solid #dfdfdf;
	background:#fff !important;
	border-radius:6px;
	margin:0;
	color:#a5a5a5;
	height:38px;
	width:100%;
	padding:0 10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;	
	
	font:14px/38px Arial, Helvetica, sans-serif;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset;
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0) inset;
	text-indent:0;
}
.form-login .inputbox:focus {
	border-color:rgba(82, 168, 236, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	-webkit-box-shadow:  0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
.form-login .invalid:focus{
	border-color: #B94A48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #D59392 !important;
}
.form-login .invalid{
	border-color: #B94A48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.form-login .button, .form-button .button {
	
	border-radius:6px;
	color:#7b7b7b;
	width:130px;
	padding:10px 5px;
	font:22px Arial, Helvetica, sans-serif;
	border:1px solid #4ca6db;
	font-weight:bold;
	*border:none;
	color:#fff;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;	
	text-shadow:1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6) inset;
	-moz-box-shadow:0 1px 1px rgba(255, 255, 255, 0.6) inset;
	background-color: #56a9d9;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5db6ea), to(#56a9d9));
	background-image: -moz-linear-gradient(top, #5db6ea, #56a9d9);
	background-image: -ms-linear-gradient(top, #5db6ea, #56a9d9);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5db6ea), color-stop(100%, #56a9d9));
	background-image: -webkit-linear-gradient(top, #5db6ea, #56a9d9);
	background-image: -o-linear-gradient(top, #5db6ea, #56a9d9);
	background-image: linear-gradient(top, #5db6ea, #56a9d9);
}
.form-login .button:hover,.form-button .button:hover {
	border-color: #4ca6db;
	background-color: #5db6ea;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#56a9d9), to(#5db6ea));
	background-image: -moz-linear-gradient(top, #56a9d9, #5db6ea);
	background-image: -ms-linear-gradient(top, #56a9d9, #5db6ea);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56a9d9), color-stop(100%, #5db6ea));
	background-image: -webkit-linear-gradient(top, #56a9d9, #5db6ea);
	background-image: -o-linear-gradient(top, #56a9d9, #5db6ea);
	background-image: linear-gradient(top, #56a9d9, #5db6ea);
}
.form-login .mid .col1 .remember {
	float:right;
	text-align:right;
	margin: 0 0 10px;
	width:150px;
}
.position-social-right  .mid .col1 .remember { margin-top:15px;} 

.form-login .mid .col1 .remember input {
	float:right;
	margin-left:10px;
}

.form-login .login-social { text-align:center}
.form-login .login-social a {
	display:inline-block;
	margin:0 4px 8px 0;
	border-radius:6px;
	color:#6a6a6a !important;
	line-height:36px;
	border:1px solid #e0e0e0;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;	
	text-shadow:1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(255, 255, 255, 1) inset;
	-webkit-box-shadow: 0px 0px 4px rgba(255, 255, 255, 1) inset;
	-moz-box-shadow:0px 0px 4px rgba(255, 255, 255, 1) inset;
	background-color: #efefef;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f7f7), to(#efefef));
	background-image: -moz-linear-gradient(top, #f7f7f7, #efefef);
	background-image: -ms-linear-gradient(top, #f7f7f7, #efefef);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #efefef));
	background-image: -webkit-linear-gradient(top, #f7f7f7, #efefef);
	background-image: -o-linear-gradient(top, #f7f7f7, #efefef);
	background-image: linear-gradient(top, #f7f7f7, #efefef);
}
.form-login .login-social a:first-child {
	margin-left:0;
}
.form-login .login-social a:hover {
	text-decoration:none;
	border-color:rgba(82, 168, 236, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	-webkit-box-shadow:  0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
	background-color: #f7f7f7 !important;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#efefef), to(#f7f7f7)) !important;
	background-image: -moz-linear-gradient(top, #efefef, #f7f7f7) !important;
	background-image: -ms-linear-gradient(top, #efefef, #f7f7f7) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #f7f7f7)) !important;
	background-image: -webkit-linear-gradient(top, #efefef, #f7f7f7) !important;
	background-image: -o-linear-gradient(top, #efefef, #f7f7f7) !important;
	background-image: linear-gradient(top, #efefef, #f7f7f7) !important;
}
.form-login .login-social a span {
	display: inline-block;
	background-image: url(../images/social.png);
	background-repeat:no-repeat;
	padding:0 10px 0 20px;
	margin-left:10px;
	text-align:center
}
.form-login .login-social a.f span {
	background-position:0 7px
}
.form-login .login-social a.t span {
	background-position:0 -34px
}
.form-login .login-social a.g span {
	background-position:0 -74px
}


.position-social-bottom .login-social a { font-size:13px; margin-right:0;}
.position-social-bottom .login-social a span { margin-left:2px;     padding: 0 7px 0 17px;}
.position-social-bottom .mid .col1 .remember {    float: none;	display:block;    margin: 0 0 10px;    text-align: left;    width: auto;}
.position-social-bottom  .mid .col1 .remember input {    float: left;    margin:3px 10px 0 0 ;}


.form-login .mid .col2 label {
	display: block;
	margin-bottom: 5px;
}
.form-login .note {
	font-size:13px;
	font-style: italic
}
.form-login .YourOpenID {
	position:relative;
}
.form-login .YourOpenID .button {

	position: absolute;
	right: 2px;
	top: 2px;
	width: 36px;
	font-size:14px;
	padding:7px 5px 8px;

}
.form-login .bottom {
	border-top:1px solid #fbfbfb;
	padding:15px 0 5px;
	overflow:hidden;
	text-align:center;
}