@import url('messages.css');
@import url('buttons.css');
body { margin:20px auto; width:1000px; background:#efefef url('../images/page-bg.png') repeat-x; font:11px Verdana; color:#666 }
form { margin:0; padding:0; }
#wrapper { background:#fff; width:998px; border:1px solid #ccc; float:left; }
#login-form { width:271px;height:470px; padding:15px; float:left; background:url('../images/login-bg.png') bottom repeat-x; border-right:1px solid #ccc }
#login-form .block { float:left;padding:5px 0; width:272px;}
#login-form label { margin-bottom:3px; float:left;font-weight:bold; }
#login-form .text { width:256px; padding:7px; border:1px solid #ccc; }
#login-picture { float:left; width:696px; height:500px; background:url('../images/login_1.jpg') 0px -90px no-repeat; }
#login-messages { float:left;width:978px;padding:10px;background:#f1f1f1 }
#login-footer { float:left; width:1000px; padding:10px 0; }

#login-footer .logo  { float:right; color:#ccc; }
#login-footer .logo a { background:url('/images/bimsalogo.png') no-repeat; width:57px; height:14px; text-indent:-9999px; display:inline-block }
#login-footer .logo a:hover { background:url('/images/bimsalogo_hover.png') no-repeat; }
a {color:#333;}
a:hover {text-decoration:none;}
.button {
    color: #6e6e6e;
    font: bold 12px Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-right: 10px;
}
.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    cursor:pointer;
}
.submit {
    background: url('../images/button_submit.png') 10px 7px no-repeat #f3f3f3;
    padding-left: 30px;
}

input {
    border: 1px solid #BBBBBB;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #333333;
    font-family: Verdana, Arial,Helvetica,sans-serif;
    font-size: 12px;
    outline: medium none;
    padding:4px;
}

input.medium { width:260px; margin:5px 0 10px 0 }