html, body{
    height:100%
}
body{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:1.5em;
    background-color:#F9F9F9;
    color:#aaa;
    background-image:url(../images/login-body.jpg);
    background-repeat:repeat;
    margin:0;
    padding:0
}
a{
    color: #D5982D;
    text-decoration: none;
}
a:hover{
    color: #666;
}
ul, li{
    list-style-type:none;
    margin:0;
    padding:0
}
#showform,#admin_form{
    background-color:#fff;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image:-webkit-linear-gradient(top, #fff, #eee);
    background-image:-moz-linear-gradient(top, #fff, #eee);
    background-image:-ms-linear-gradient(top, #fff, #eee);
    background-image:-o-linear-gradient(top, #fff, #eee);
    background-image:linear-gradient(top, #fff, #eee);
    width: 355px;
    height: 317px;
    margin: -200px 0 0 -230px;
    padding:30px;
    position:absolute;
    top:50%;
    left:50%;
    z-index:0;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, .2)
}
#showform:before,#admin_form:before{
    content:'';
    position:absolute;
    z-index:-1;
    border:2px solid #ccc;
    top:5px;
    bottom:5px;
    left:5px;
    right:5px;
    -moz-box-shadow:0 0 0 1px #fff;
    -webkit-box-shadow:0 0 0 1px #fff;
    box-shadow:0 0 0 1px #fff
}
#showform{
    display:none
}
h1{
    text-shadow:0 1px 0 rgba(255, 255, 255, .7);
    text-align:center;
    color:#666;
    margin:0 0 30px 0;
    letter-spacing:4px;
    font:normal 26px/1 Arial, Helvetica;
    position:relative
}
fieldset{
    border:0;
    padding:0;
    margin:0 
}

#inputs input{
    display: block;
    background:#f1f1f1 url(../images/login-icons.png) no-repeat;
    padding:15px 15px 15px 30px;
    margin:0 auto 10px auto;
    width: 95%;
    border:1px solid #ccc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow:0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow:0 1px 1px #ccc inset, 0 1px 0 #fff;
    outline:none
}

#inputs #username{
    margin-top: 10px;
    background-position:5px -2px !important
}
#password{
    background-position:5px -52px !important
}
#email{
    background-position:5px -108px !important
}
#inputs input:focus{
    background-color:#fff;
    border-color:#e8c291;
    outline:none;
    -moz-box-shadow:0 0 0 1px #e8c291 inset;
    -webkit-box-shadow:0 0 0 1px #e8c291 inset;
    box-shadow:0 0 0 1px #e8c291 inset
}

#actions{
    margin: 0 0 5px 0
}
#submit{
    background-color:#ffb94b;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image:-webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image:-moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image:-ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image:-o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image:linear-gradient(top, #fddb6f, #ffb94b);
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-shadow:0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow:0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-width:1px;
    border-style:solid;
    border-color:#d69e31 #e3a037 #d5982d #e3a037;
    float:left;
    height:35px;
    padding:0;
    width: 120px;
    margin: 0 0 0 8px;
    cursor:pointer;
    font:bold 15px Arial, Helvetica;
    color:#8f5a0a
}
#submit:hover, #submit:focus{
    background-color:#fddb6f;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image:-webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image:-moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image:-ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image:-o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image:linear-gradient(top, #ffb94b, #fddb6f)
}

#submit:active{
    outline:none;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.5) inset
}

#submit::-moz-focus-inner {
    border:none;
}

#actions .jbutton{
    display: block;
    height: 36px;
    line-height: 36px;
    padding-right: 10px;
}

#actions div{
    float: right;
    text-shadow:1px 1px 0 #fff
}
#actions div p{
    margin:0;
    padding:0;
    text-align:right;
    margin-bottom:5px
}
p.info{
    background-color: #FFF;
    margin: 0px;
    padding: 5px;
    border-radius:5px;
    margin-top:10px 
}
#message-box{
    width:450px;
    margin-right:auto;
    margin-left:auto;
    margin-top:170px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-225px
}
.msgError{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:2px 2px 2px #cfcfcf;
    -webkit-box-shadow:2px 2px 4px #cfcfcf;
    box-shadow:2px 2px 2px #cfcfcf;
    color:#444;
    font-size:13px;
    padding:8px 10px;
    border-top:1px solid #f7d0d0;
    border-bottom:1px solid #c87676;
    background:rgb(243,199,199)
}
.msgError span{
    background-image:url(../images/error-ico.png);
    background-repeat:no-repeat;
    background-position:0 center;
    display:inline-block;
    padding-right:5px;
    padding-left:25px;
    font-weight:700
}
.msgError ul.error li{
    background-image:url(../images/error-li.png);
    background-repeat:no-repeat;
    background-position:left 7px;
    padding-left:10px;
    margin-left:25px;
    list-style-type:none
}

#inputs-check{
    padding: 5px 0 10px 6px;
    cursor: pointer;
}

#inputs-check label{
    cursor: pointer;
}
