﻿body { background: url(../img/body-bg.png); color: #838383; font: 13px/1.7em 'Open Sans'; }
.login-container { background: #f9f9f9; border: 1px solid #d5d5d5; border-radius: 5px; box-shadow: 0px 0px 2px #dadada, inset 0px -3px 0px #e6e6e6; margin: 60px auto 0 auto; width: 380px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.login-container h2 { color:#46a546; } 
.login-content { padding: 16px 28px 23px; }
.login-fields .field { margin-bottom: 1.25em; }
.login-fields label { display: none; }
.login-fields input { background-color: #fdfdfd; box-shadow: inset 2px 2px 4px #f1f1f1; color: #8e8d8d; display: block; font-family: 'Open Sans'; font-size: 13px; margin: 0; padding: 11px 15px 10px 50px; width: 255px; }
.login-actions { float: left; margin-top: -1em; margin-bottom: 1.25em; width: 100%; }
.username-field { background: url(../img/user.png) no-repeat; }
.password-field { background: url(../img/password.png) no-repeat; }
.login-checkbox { float: left; margin-top: 31px; }
.login-checkbox > input[type='checkbox'] { float: left; opacity: 0; width: 15px; }
.login-checkbox > input[type='checkbox'] + label { background: url(../img/check.png) no-repeat 0 0; clear: none; cursor: pointer; display: block; font-size: 12px; height: 15px; line-height: 1.2em; margin: 0; padding: 0 0 0 22px; }
.login-checkbox > input[type='checkbox']:checked + label { background-position: 0 -15px; }
.login-button { border-radius: 3px; display: inline-block; float: right; margin-top: 18px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.copyright { border-top: 1px dotted #ccc; float: left; width: 100%; }