@charset "UTF-8";

body {
    border-top: none;
}

#login h1 {
	display: block;
	width: 150px;
	height: 0;
	margin: 25px auto 15px;
	padding: 62px 0 0;
	background: url(../images/reblo_logo.png) no-repeat;
	overflow: hidden;
}
#login h2 {
	margin: 0 -15px 10px;
	padding: 1em;
	color: #333;
	font-size: 134%;
	font-weight: bold;
    text-align: center;
	text-shadow: 1px 1px 1px #AAA;
}
#login h2 span {
    font-size: 85%;
}
#login .section {
    width: 385px;
    margin: 0 auto;
}
#login.forgetPassword .section {
    width: 550px;
}

/* .loginBox */
.loginBox {
	margin-top: 50px;
	margin-bottom: 40px;
	padding: 10px 15px 25px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 4px #BBB;
	-moz-box-shadow: 0px 2px 4px #BBB;
	box-shadow: 0px 2px 4px #BBB;
	background: #FFF;
}
.loginBox dl {
    margin-bottom: 1em;
}
.loginBox dt {
    float: left;
    clear: left;
    width: 20%;
    font-weight: bold;
    line-height: 35px;
}
.loginBox dd {
    float: left;
    width: 100%;
    vertical-align: middle;
}

.loginBox .txtS {
    font-size: 93%;
    text-align: center;
}

.loginBox .error_txt {
    font-size: 93%;
    text-align: center;
    margin : 8px 0;
    color : #EE1111;
}

/* passwordBox */
.passwordBox p {
    text-align: center;
    margin-bottom: 1em;
}
.passwordBox dl {
    width: 460px;
    margin: 0 auto 1em;
    padding: 10px 10px 5px;
    border: 1px solid #EEE;
    background: #F5F5F5;
}
.passwordBox dt {
    width: 150px;
}
.passwordBox dd {
    width: 290px;
}
.fixBox {
    padding: 40px 20px;
    background: #F5F5F5;
    border: 2px solid #EEE;
    margin-bottom: 1em;
}
.fixBox p strong {
    font-size: 116%;
    font-weight: bold;
}
.passwordBox .exp {
    width: 480px;
    margin: 0 auto;
}
.passwordBox .exp p {
    padding: 10px;
    border: 1px solid #EEE;
    font-size: 85%;
}


/* btnLogin */
.btnLogin {
    margin-bottom: 1em;
}
.btnLogin input {
	display: block;
	width: 196px;
	height: 46px;
	margin: 0 auto;
	background: #848484; /* Old browsers */
	background: -moz-linear-gradient(top,  #848484 2%, #848484 2%, #515151 3%, #383838 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#848484), color-stop(2%,#848484), color-stop(3%,#515151), color-stop(100%,#383838)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #848484 2%,#848484 2%,#515151 3%,#383838 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #848484 2%,#848484 2%,#515151 3%,#383838 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #848484 2%,#848484 2%,#515151 3%,#383838 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #848484 2%,#848484 2%,#515151 3%,#383838 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#383838',GradientType=0 ); /* IE6-9 */
	border:#393939 1px solid;
	background-color: transparent;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
		box-shadow : 1px 1px 2px #8F8F8F;
	color:#fff;
	font-size:14px;
	text-shadow:-1px -1px 1px #000;
	font-weight:bold;
	cursor: pointer;
	overflow: hidden;
}
.btnLogin input:hover {
	opacity: 0.8;
	filter: alpha(opacity=64);
}

/* list */
#login ul {
    margin-bottom: 2em;
}
#login li {
    margin-bottom: 2em;
    text-align: center;
    text-shadow: 0 2px 0 #FFF;
}
#login li strong {
    font-size: 108%;
    font-weight: bold;
}

/* footer */
#footer #copy {
    margin: 0;
    text-align: center;
}
.blackBox {
    margin: 1em 0;
    padding: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #766;
    color: #FFF;
    font-weight: bold;
    font-size: 116%;
    text-align: center;
    text-shadow: -1px 0 0 #000;
}
.whiteBox {
    border: 2px solid #CCC;
    background: #FFF;
    padding: 10px;
}
.ieBox {
    margin-top: 15px;
    padding: 15px 0 0;
    border-top: 1px solid #CCC;
    color: #08C;
    font-size: 108%;
    text-align: center;
    text-decoration: underline;
}
.ieBox a:hover {
    color: #F60;
}

/* ------------------------------
    clearfix
------------------------------ */
#login dl { /zoom : 1;}
#login dl:after {
	content : '';
	display : block;
	clear : both;
}

.loginBox input[type="text"]
,.loginBox input[type="password"]
{
	margin-bottom:1.5em;
}