/* CSS Document */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
html{
}
body{
	padding:0;
	margin:0;
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
	text-align:center;
	font-family:"futura", Helvetica, sans-serif;
	font-size:14px;
	color:#666;
}
button, input{
	font-family:"futura", verdana, sans-serif;
}
button:focus, input:focus, select:focus, option{
    outline-style:none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #eee inset;
}
h1{
	font-size: 36px;
	color:#1ea84c;
	font-weight:900;
	margin:60px 0 0 0;
	padding:0;
}
h2{
	font-size: 24px;
	color:#e50002;
	font-weight:100;
	margin:5px 0 30px 0;
	padding:0;
}
span{
}
a{
}
a:hover{
}
#wrapper{
    display: table-cell;
    vertical-align: middle;
}
#panel{
	margin-left: auto;
    margin-right: auto; 
	width:424px;
}
.login-panel > .left{width:48px; float:left;}
.login-panel > .right {width:48px; float:right;}
.login-panel > .middle {float:left; width:328px; padding-top:20px;}
.login-panel > .left > .top {background: url(../img/login-corner-tl.png) top left no-repeat; width: 48px; height:45px;}
.login-panel > .left > .bottom {background: url(../img/login-corner-bl.png) bottom left no-repeat; width: 48px; height:45px;}
.login-panel > .right > .top {background: url(../img/login-corner-tr.png) top right no-repeat; width: 48px; height:45px;}
.login-panel > .right > .bottom {background: url(../img/login-corner-br.png) bottom right no-repeat; width: 48px; height:45px;}
.login-panel > .left > .middle {background: url(../img/login-border-l.png) left repeat-y; width: 48px; height:200px;}
.login-panel > .right > .middle {background: url(../img/login-border-r.png) right repeat-y; width: 48px; height:200px;}

input{
	width:300px;
	border:none;
	padding:14px;
	background-color:#f7f3f3;
	margin: 0 0 1px 0;
	text-align:center;
	font-size:18px;
	color:#333333;
}
p{
	margin:15px 0 30px 0;
}
a{
	text-decoration:none;
	display:block;
	font-size:18px;
	color:#1ea84c;
	background-color:#fff;
	padding:14px 20px;
	width:286px;
	margin:auto;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
button{
	-webkit-transition: all 150ms linears;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
	display:block;
	font-size:18px;
	color:#fff;
	background-color:#1ea84c;
	padding:14px 20px;
	width:328px;
	margin:auto;
	border: none;
	cursor:pointer;
	text-transform:uppercase;
}
button:hover{
	background-color:#e22628;
}
div#error{
	color:#c00;
	display:block;
	float:none;
	clear:both;
	font-size:11px;
	font-style:italic;
	padding:4px 0 10px 0;
}
.legend{
	padding:30px 0;
	color:#e50002;
	font-size:1.3em;
}