body{
    margin: 0;
    padding: 0;
    
    background: url('../../images/admin/login_bg.png');
}

#content {
    margin: 0 auto;
    
    width: 320px;
    
    overflow: visible;
}
#login {
    display: block;
    
    position: relative;
    
    width: 280px;
}
#login .okIcon {
    position: fixed; margin-left: 115px; z-index: 1000; opacity: 0;
}
#login h3 {
    font-family: 'Open Sans',sans-serif; font-weight: 700; color: #575655; height: 40px; line-height: 40px;
}
#login .form-signin {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin: 0 auto;
    width: 280px;
    padding: 19px;
}
#login .form-signin .form-signin-heading, #login .form-signin .checkbox {
    margin-bottom: 10px;
}
#login .form-signin input[type="text"], #login .form-signin input[type="password"] {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
    font-size: 16px;
    height: auto;
    margin-bottom: 10px;
    padding: 7px 9px;
    width: 260px;
}
#login .btn{
    background: none repeat scroll 0 0 #496CAD;
color: #FFFFFF;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.09) inset;
    border-radius: 6px 6px 6px 6px;
    font-size: 17.5px;
    padding: 11px 19px;
    cursor: pointer;
    display: inline-block;

    line-height: 20px;

    text-align: center;

    vertical-align: middle;
    border: none;
}







/* ================= Alert Boxes ================= */
.albox{
    font-size:12px;
    line-height:17px;
    box-shadow:0px 1px 0px #F7F7F7;
    position:relative;
    margin: 0 0 15px 0px;
    padding: 14px 42px;
    border-radius:3px;}
.albox .close{
    display:block;
    position:absolute;
    width:30px;
    height:30px;
    text-indent:-9999px;
    right:0;
    top:0;
    background:url(../../images/admin/icons/mini/close-opacity-21.png) no-repeat center;}
.albox .close:hover{
    background:url(../../images/admin/icons/mini/close-opacity-42.png) no-repeat center;}
.albox .icon{
    position:absolute;
    left:14px;
    top:14px;}
.warningbox{
    background:#FFF8D8 url(../../images/admin/icons/error/error.png) no-repeat 14px 14px;
    border:1px solid #F3D97E;
    color:#A68510;}
.succesbox{
    background:#EBF9E2 url(../../images/admin/icons/error/accept.png) no-repeat 14px 14px;
    border:1px solid #BEE4A5;
    color:#658C2C;}
.informationbox{
    background:#E9F3F8 url(../../images/admin/icons/error/help.png) no-repeat 14px 14px;
    border:1px solid #BBD7E4;
    color:#3876C6;}
.errorbox{
    background:#F8E9E9 url(../../images/admin/icons/error/cross.png) no-repeat 14px 14px;
    border:1px solid #E4BBBC;
    color:#BF2C11;}