﻿body { background:#f1f1f1; color:#FFF; font-family:sans-serif,arial; margin:0;}
.logo { text-align:center; }
.logo img { margin:auto; }
.accountInfo {
    top: 50%;
    transform: translate(-50% ,-50%);
    position: absolute;
    width: 300px;
    left: 50%;
    padding: 15px 40px;
    background-color: #273c14;
}
.accountInfo .inputRow {
    background: #FFFFFF; 
    margin: 5px auto;
    padding: 10px;
    max-width: 260px;
}
.accountInfo .inputRow img {
    width: 16px; 
    float: left; 
    padding: 5px;
}
.accountInfo .inputRow input, 
.accountInfo .inputRow select  { 
    border: 0;
    width: calc(100% - 36px);
    float: left;
    padding: 5px;
}
.accountInfo .failureNotification { 
    text-align: center; 
    font-size: 1.2rem; 
    font-weight: bold; 
    color: red; 
}
.accountInfo .submitButton input { 
    background: url('/Account/images/loginButton.png'); 
    border: 0; 
    width: 100%; 
    height: 50px; 
}

#remPwdDiv { 
    margin: 10px auto; 
    width: 100%; 
    max-width: 280px;
}

.submitButton {
    width: 100%; 
    max-width: 280px; 
    margin: 10px auto;
}
.accountInfo .submitButton input.forgotButton,
.accountInfo .submitButton input.renewButton  { 
    background: url('/Account/images/forgotButton.png'); 
    border: 0; 
    width: 100%; 
    height: 50px; 
}
.accountInfo .submitButton input.renewButton { 
    background: url('/Account/images/renewButton.png'); 
}
.submitButton a {color:#fff;}
.clear { clear: both; }
