@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; border:none;}
p, h1 {font-family:Arial, Helvetica, sans-serif;}


.school-name {width:auto; height:auto; margin:0 auto; padding:60px 0;}
.school-name h1 {text-align:center; color:#58585B; font-size:32px; margin:10px 0;}
.school-name p { color:#939597; font-size:18px; text-align:center;}

.login-box { width:690px; height:310px; border:1px solid #d1d3d4; border-radius:10px; border-top:5px solid #8CC63E; margin:0 auto;}
.login-box.red {border:1px solid red; border-top:5px solid red;}
.logo {float:left; width:50%;}
.logo img {display:block; padding-top: 40px; margin: 0 auto; height: 200px; width: auto;}

.form {float:left; width:50%; padding-top: 40px;}
.form p { color:#939597; font-size:14px; margin-left:5px;}

.form input { width:300px; height:auto; border:1px solid #d1d3d4; position: relative; padding:10px; margin: 20px 0px; border-radius:5px; display:block;}
.form input:after { content:""; background:url(../images/use-name.jpg) no-repeat; position:absolute;}
.button {background-color:#8CC63E; color:#FFFFFF; font-size:14px;cursor: pointer;}
.button:hover{background-color: #08592D;}
.button:active {background-color: #8CC63E;}
.form input.remember-me { display:none; width: 20px; float: left; padding: 0px; margin: 0px; margin-top: 4px;}
label {float: left; padding-left: 5px;}
.clear {clear:both;}


.branding { margin:0 auto; width:105px; height:50px; padding:20px 0;}
.bottom p{ text-align:center; font-size:14px; color:#939597;}

label a{color: #008000; font-family: arial; font-size: 14px;
text-decoration: none;
}