/* Login - common */

body
{
    background: #eee;
    font-family: OpenSans;
}
.logon
{
    text-align: center; 
    font-size: 12px;
    overflow: none;
    padding: 0;
    margin: 0;
}
.logon form
{
	margin: 0;
}
.logon td.td_center
{
    vertical-align:middle;
    text-align:center;
    padding-top: 100px;
}
td.label_field 
{
    white-space:nowrap;
    padding-right:20px;
}
.logon #center_div
{
    width: 484px; 
    height: 428px; 
    margin: auto; 
    background: url('/Content/images/Logon/LogonBackground.png') no-repeat transparent;
    padding: 0px; 
    text-align: left; 
    position: relative;
}
.logon #logo_version
{
    position: absolute;
    display: none;
}
.logon #logo_div
{
	padding-top: 34px;
	height: 64px;
}
.logon #redaction_div 
{
    margin: 0 0 0 260px;
    color: #333;
    font-size: 16px;
    padding: 4px 8px;
    height: 42px;
}

#redaction_div i {
    background: transparent url("/Content/images/logo-window.png") no-repeat scroll 0 0;
    height: 40px;
    width: 40px;
    margin: auto;
    padding: 0;
    text-align: left;
    display: inline-block;
    margin-top: 2px;
}

#redaction_div span {
    color: #4e80c1;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    top: -12px;
}

.logon #messages_div
{
    height: 32px;
    max-height: 32px;
    padding: 0 1px;
}
.logon .error  
{
    background: #eccbc6;
    color: #ee5740; 
    width: 462px;
    height: 20px;
    padding: 4px 10px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.logon .error #validationSummary
{
    padding: 0px;
}
.logon .error #validationSummary ul
{
    padding:0px;
    margin: 0px;
}
.logon .error #validationSummary li
{
    list-style-type:none; 
}
.logon .validation-summary-errors
{
    margin:0!important;
    background:none!important;
    border:0!important;
    color:#ee5740!important;
}
.logon .login_div
{
    height: 230px;
}
.logon .login_div_fields
{
    height: 160px;
    padding: 20px 40px 0 40px;
}
.logon .login_div_fields .caption-required
{
    font-size: 14px;
    font-weight: 600;
}
.text-box-with-image
{
	padding: 0;
	white-space: nowrap;
	height: 34px;
}
.text-box-with-image .image
{
    border-right: 1px solid #d0d5da;
    width: 34px;
    height: 34px;
    display: block;
    float: left;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-color: transparent;
}
.text-box-with-image input
{
    width: 351px;
	padding: 7px 8px 7px 8px!important;
	line-height:20px!important;
	height: 20px!important;
	font-size: 14px!important;
	margin: 0!important;
}
.login_button_conatainer
{
    text-align: center;
    height: 50px;
}
.alternative-logon, 
    .classic-logon
{
    float: right;
    position: absolute;
    top: 312px;
    right: 40px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('/Content/images/Logon/OtherVariants.png') no-repeat;
}
.logon .login_button 
{
    padding: 11px 24px;
    font-size: 14px;
    font-weight: 600;
    height: auto;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    line-height: 1.435;
    margin: 0;
    text-align: center;
}
.logon .blue {
color: #4e80c1; 
text-decoration: none;
}
.logon a:hover {
color: #4e80c1;
}
.logon .bluebold {
color: #03578A; 
font-weight:bolder;
}
.logon .copyright {
color: #4e80c1; 
text-decoration:none;
white-space:nowrap;
}
.logon .bottom
{
    padding: 10px 40px;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: 370px;
    width: 404px;
}


/* Login - basic */

#login_box_div
{
    margin-bottom: 28px;
}
#login_box_div .image
{
    background-image: url('/Content/images/Logon/UserName.png');
}
#password_box_div
{
    margin-bottom: 20px;
}
#password_box_div .image
{
    background-image: url('/Content/images/Logon/Password.png');
}
#remember_me_container
{
    padding-bottom: 20px;
}


.logon #alt_login_div {
height: 160px;
padding: 45px 50px 0px;
text-align: center;
}




.logon #login_div td 
{
    padding:5px; 
    vertical-align: middle;
    height: 14px;
}
.logon .align_left {
	float: left;
}
.logon .align_right {
	float: right;
}
.logon .underline, .non_decor {
font-size: 70%;
text-decoration: underline;
}
.logon .non_decor {
text-decoration: none;
}
.logon .ddl_width {
width: 330px;
}
.logon .button_subm {
width: 120px; 
text-align:center; 
padding: 2px; 
margin-left: 10px 0 10px 132px;
}
.logon .check {
margin-top:5px;
}

.logon-methods {
    padding: 17px 32px 0 32px;
}

.logon-methods table {
    width: 100%;
}

.logon-methods tr td {
    text-align: center;
}

a.logon-method 
{    
    background-position: left center;
    background-repeat: no-repeat;
    padding: 5px 0 5px 26px;
}


.logon-method {
    margin-bottom: 26px;
    padding-left: 12px;
    height: 46px;
    width: 240px;
    background: #e3f4fe;
    border: 1px solid #4e80c1;
    border-radius: 4px;
    color: #4e80c1;
    font-family: OpenSans;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.logon-method span {
    position: relative;
    top: 1px;
}

.logon-method img 
{
    position: relative;
    top: -1px;
    float: left;
}

/* Login - FREE */

.logon.demover #logo_version
{
    display: block;
    width: 197px;
    height: 59px;
    margin-left: 317px;
    margin-top: -14px;
    background: url('/Content/Images/Logon/demo2.png') no-repeat transparent;
}
.logon.free #logo_version
{
    display: block;
    width: 193px;
    height: 59px;
    margin-left: 352px;
    margin-top: -14px;
    background: url('/Content/images/Logon/free2.png') no-repeat transparent;
}