@import url('../reset.css');
@import url('typography.css');

body {
    background-color: #50687c;
}
#wrapper {
}
#wrapper #top {
    width: 100%;
    height:98px;
    background: transparent url('/modules/tools/media/img/admin/loginbox/top-repeat.jpg') repeat-x;
}
#wrapper #top #icon {
    width:80px;
    height:90px;
    background: transparent url('/modules/tools/media/img/admin/loginbox/cms-icon.jpg') top left no-repeat;   
    margin-left:30px;
    float:left;
}
#wrapper #top #title {
    width:200px;
    padding:35px 0px 0px 10px;
    float:left;
}
#helpme{position: absolute; right: 0px;top:0px;width:100px;}
#wrapper #content {
}
#wrapper #content #login-form {
    width:335px;
    height:170px;
    margin:15% auto;
    background: #50687c url('/modules/tools/media/img/admin/loginbox/locker.jpg') top left no-repeat;
    padding:0px 0px 0px 130px;
}
#wrapper #content #login-form .field {
    width:335px;
    height:46px;
    background: transparent url('/modules/tools/media/img/admin/loginbox/large-field.jpg') top left no-repeat;
    margin-top:10px; 
}
#wrapper #content #login-form .field input {
    width:320px;
    height:15px;
    border: medium none;
    margin:15px 8px;
    background-color: transparent;
}
#wrapper #content #login-form .login-button {
    width:75px;
    height:25px;
    border: medium none;
    background: transparent url('/modules/tools/media/img/admin/loginbox/enter-btn.jpg') top left no-repeat;
    float:right;
    outline: none; 
}
#wrapper #content #login-form .hr {
    width:100%;
    height:15px;
}
.error {
    font:normal 12px Trebuchet MS,Arial,Verdana;
    color:#FFFFFF;
    display:block;
    clear:both;
}
#gotowalk{
    padding-top: 10px;
    padding-left:100px;
    color:#53D9F0;
}
#gotowalk h1{
    font-size:18px;
    color:#ffffff;
    margin: 10px 0px;
}
#gotowalk a{
    display: inline;
    font-size:17px;
    color:#fffaa8;
    font-weight: bold;
    text-decoration: none;
}
#gotowalk a:hover{
    color: #FFFFFF;
    text-decoration: underline;
}
#showmyerror{
    color:#fefefe;
    text-align: left;
    padding-left:110px;
    padding-top:60px;
    font-family: Trebuchet MS,Verdana;
}
#showmyerror h1{
    font-size: 100px;
    color:#B2CBFF;
    font-weight: bold;
    display:block;
}
#showmyerror h2{
    padding-left: 20px;
    font-size:40px;
}
#showmyerror .textabouterror{
    color:#ffffff;
    font-size:14px;
    line-height: 16px;
    padding:15px;
}
#showmyerror .textabouterror p{
    text-indent: 25px;
}
#showmyerror .textabouterror p i{
    text-indent: 55px;
    display: block;
}