/*----- Global settings -----*/

@font-face {
    font-family: 'password';
    src: url(../Images/fonts/password.woff2) format('woff2'),
        url(../Images/fonts/password.woff) format('woff'),
        url(../Images/fonts/password.eot) format('eot'),
        url(../Images/fonts/password.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}   

html, form 
{
    height: 100%;  
    margin: 0;
    padding: 0;      
}

body
{
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS" , "Helvetica" , "Arial" , "Verdana" , "sans-serif";
    font-size: 80%;    
    height: 100%;     
}

a, a:hover, a:visited 
{
    color: #097cb0;
    text-decoration: none;
}

a:hover
{
    color: #000000;
    text-decoration: underline;
}

img 
{
    border: 0;    
}

#login_outer_table
{
    height: 100%;
    width: 100%;
    display: table;
    background-image: url("../Images/template/page_background.png");
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #4d4d4d;
    table-layout: fixed;    
}

#left_column, #right_column
{
    display: table-cell; 
}

#middle_column 
{
    width: 400px;
    display: table-cell; 
    vertical-align: middle;   
}

#login_panel
{
    background-color: White;
    padding: 5px;    
    position: relative;    
    border-radius: 0px 100px 0px 50px;  
    box-shadow: 8px 8px 8px #111111;
}

#ctlLogin 
{
    width: 100%;   
   
}

#login_header
{
    margin: 0;
    padding: 0;
    height: 100px;
    background-image: url("../Images/template/header_background.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #3a7500;
    border-bottom: 10px solid white;    
    border-radius: 0px 100px 0px 0px;  

}

#login_logo
{
    color: #ffffff;
    font-family: "Verdana" , "Helvetica" , "Arial" , "sans-serif";
    font-size: 4em;
    position: relative;
    top: 15px;
    left: 17px;
}

input[type=text], input[type=password]
{
    border: 1px solid silver; 
    height: 20px;  
    width: 185px; 
    font-weight: bold;
    margin-left: 100px;
    vertical-align: middle;
    background-repeat: repeat-x;
    background-image: url(../Images/template/textbox_background.jpg);    
}

#ctlLogin_UserNameLabel, #ctlLogin_PasswordLabel
{
    margin-left: 100px;
}

#login_panel div
{
    padding: 5px 5px 0px 5px;
}

#ctlLogin_RememberMe 
{
    margin-left: 100px;    
}

#login_error 
{
    text-align: center;
    color: Orange;    
}

#login_buttons
{
    text-align: right;
    margin-bottom: 3px;
}

#html5_logo 
{
    position: absolute;  
    z-index: 100;
    height: 72px;
    width: 72px;
    background-image: url(../Images/template/html5.png);
    background-repeat: no-repeat;
    bottom: -20px;
    left: 15px;  
}

.keyfield 
{
    font-family: 'password' !important;
    }