/* 
    Document   : template.login.css
    Created on : 7-Jul-2011, 2:11:36 PM
    Author     : gsecher
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


root { 
    display: block;
}

.virtual_login_box {
    background-image: url(../images/bgs/login_box_background.png) ;
    width:710px ;
    height:330px;
    margin-bottom: 30px;
    margin-top:30px;
}

.virtual_login_title {
    font-size: 36px ;
    line-height: 24px ;
    font-family: Arial;
    color:#fff ;
    font-weight: bold ;
    padding-top:15px;
    padding-left:15px;
}

.virtual_login_subtitle {
    font-family: Arial ;
    font-size: 11px ;
    line-height: 13px;
    color:#fff;
    margin:15px ;
}
#virtual_login_form {
    background-image: url(../images/bgs/login_form_background.png) ;
    width:520px ;
    height: 127px ;
    margin-left : 0px;
    padding:15px;
}

#virtual_login_form table {
    margin-left : 15px ;
    margin-top: 15px ;
}

#virtual_login_form label {
    font-family: Arial ;
    font-size: 21px;
    line-height: 21px;
    color:#fff;
    font-weight: bold;
    margin-right:10px;
}

input#v_username , input#v_password, input#v_password:focus,  input#v_username:focus {
    border: none ;
    padding-left: 10px;
    padding-right: 10px;
    width:341px ;
    height:26px;
    margin-bottom: 5px;
}

.forgot {
    color:#fff ;
    font-family: Arial;
    font-size: 10px ;
    line-height: 10px;
}

#submit_login  {
    border: none ;
    background-color: transparent !important;
    background-image: url(../images/buttons/login_button.png) ;
    padding: 5px ;
    font-weight: bold;
    font-family: Arial ;
    font-size: 12px;
    color:#fff;
    width:73px ;
    height:27px;
    cursor: pointer;
}

.virtual_login_forgot_submit {
    margin-top: 5px;
}

.error_login {
    float:left;
    color : #B32017 ;
    font-size: 12px ;
    font-family: Arial ;
    padding-right: 10px;
    padding-top: 10px;
    width:220px;
    text-align: left;
}