﻿body
{
    font-family:Verdana, Sans-Serif;    
    font-size:12px;
}

#loginBox h1
{ 
    font-size:24px;
    text-align:left;
    margin-bottom:5px;
}

#loginBox
{    
    width:660px; /*760px - EVS a AMO*/
    min-height:250px;
    margin:auto;        
    margin-top:100px;    
    position:relative;
    clear:both;
    padding-bottom:5px;
    box-shadow: rgb(68, 105, 126) 4px 6px 20px;
    -webkit-box-shadow: rgb(68, 105, 126) 4px 6px 20px;
    -moz-box-shadow: rgb(68, 105, 126) 4px 6px 20px;
}

#loginBox #leftBox
{
    float:left;
    width:35%; /*48% - EVS*/
    height:100%;    
    text-align:center;
}

#loginBox #leftBox img
{
    margin-top:50px;
}

#loginBox #rightBox
{
    float:right;
    width:65%; /*52% - EVS*/
    height:100%;
}

#loginBox #rightBox #formBox
{
    margin-top:50px;
    width:94%;
    padding-left:10px;
}

#loginBox #rightBox #formBox .ui-widget #LabelError
{    
    display:block;
    text-align:left;
}

#loginBox #rightBox #formBox #formTable
{
    width:100%;    
}

#loginBox #rightBox #formBox input
{
    width:95%;
}

#loginBox #rightBox #formBox select {
    width: 96%;
}

#loginBox #rightBox #buttons 
{
    text-align:right;
    width:100%;
    margin-top:30px;    
}

#loginBox #rightBox #buttons input
{
    width:auto;
}

#loginBox #rightBox #formBox .formLabel
{
    text-align:right;
    font-weight:bold;
    width:40%; /*30% AMO*/
    height: 28px;
}

#loginBox #rightBox #formBox .formInputBox
{
    width:60%; /*70% AMO*/
}

#loginBox #rightBox #info 
{
    text-align:center;
    width:100%;
    margin-top:30px;    
}

#loading
{    
    position:absolute;
    bottom:90px;
    right:270px;        
    padding:10px;
    text-align:center;
    box-shadow: rgb(68, 105, 126) 4px 6px 20px;
    -webkit-box-shadow: rgb(68, 105, 126) 4px 6px 20px;
    -moz-box-shadow: rgb(68, 105, 126) 4px 6px 20px;
}

#loadingAutoSign
{    
    bottom:90px;
    padding:10px;
    text-align:center;
}

.langs
{
    margin-top:15px;
    float:right;
}
.ui-state-error
{
    padding:2px;
}

.css-left
{
    display:block;
    float:left;
}

.css-right
{
    display:block;
    float:right;
}

.css-margin-bottom-large {
    margin-bottom: 15px;
}

div#changePassword
{    
    padding:30px;
    width:600px;
    margin:auto;
    margin-top:100px;    
}

.css_clear
{
    clear:both;   
}

#footer {
    position: absolute;
    bottom: 3px;
    right: 3px;
}

#infoBox {
	width:660px;
	margin:auto;
	margin-top:2px;
}

@font-face {
    font-family: 'text-security-disc';
    src: url('text-security-disc.eot');
    src: url('text-security-disc.eot?#iefix') format('embedded-opentype'), 
        url('text-security-disc.woff') format('woff'), 
        url('text-security-disc.ttf') format('truetype');
    /*, 
        url('text-security-disc.svg#text-security') format('svg');*/
}

input.wa-password {
    font-size: 14px;
    font-family: "text-security-disc";
    -webkit-text-security: disc;
}