* {margin:0;padding:0}

html,body{height:100%;width:100%;}

body
{
    text-align: center;
    min-height: 468px; 
    min-width: 552px; 
    background-color: #d9d9d9;
   
}

#outer { height: 100%; width: 100%; display: table; vertical-align: middle; no-repeat scroll center center; }
#container { text-align: center; position:relative; vertical-align:middle; display:table-cell; height: 250px}
#inner  
{
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    height: 540px;
    }
 
#login_box
{
    margin-left:auto;
    margin-right:auto;
    height: 400px;
    width: 390px;
    box-shadow:0px 0px 8px #6E6E6E;
    background-color: White;
}

#image_cont{
    float: left;
    height: 102px;
    width: 390px;
    margin: 20px 0 10px 0;
}
    
#login_cont
{
    float: left;
    height: 146px;
    width: 390px;
}
    
#retrive_box
{
    font-family: Verdana;
    font-size: 12px;
    color: #7d7d7d;
    float: left;
    margin-left:auto;
    margin-right:auto;
    height: 30px;
    width: 330px;
    margin: 10px 30px 0 30px;
    text-align: right;
}

.info_box
{
    font-family: Verdana;
    font-size: 12px;
    color: #7d7d7d;
    float: left;
    margin-left:auto;
    margin-right:auto;
    height: 20px;
    width: 330px;
    margin: 10px 30px 0 30px;
    text-align: right;
}

.box-field-text
{
    height: 38px;
    width: 320px;
    text-align: left;
    margin:  2px 0 10px 30px;
    float: left;
}

.textbox_username {
    background-position: left center;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 20px 0 32px;
    color: #323232;
    margin: 0;
    height: 38px;
    width: 330px;
    float: left;
    background-color: white;
    outline: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #C5C5C5;
    box-shadow: none;
    background-image: url('../images/login/icon_field_user.png');
    background-repeat: no-repeat;
}

.textbox_email {
    background-position: left center;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 20px 0 32px;
    color: #323232;
    margin: 0;
    height: 38px;
    width: 440px;
    float: left;
    background-color: white;
    outline: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #C5C5C5;
    box-shadow: none;
    background-image: url('../images/login/icon_field_email.png');
    background-repeat: no-repeat;
}

.textbox_username::-webkit-input-placeholder { font-size: 12px; line-height: 20px;  color: #c4c4c4;}
.textbox_username::-moz-input-placeholder { font-size: 12px; line-height: 20px;  color: #c4c4c4; }
.textbox_username::-ms-input-placeholder { font-size: 12px; line-height: 20px;  color: #c4c4c4; }



.textbox_password {
    background-position: left center;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 20px 0 32px;
    color: #323232;
    margin: 0;
    height: 38px;
    width: 330px;
    float: left;
    background-color: white;
    outline: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #C5C5C5;
    box-shadow: none;
    background-image: url('../images/login/icon_field_pass.png');
    background-repeat: no-repeat;
}

.textbox_password::-webkit-input-placeholder { font-size: 12px; line-height: 20px;  color: #c4c4c4;}
.textbox_password::-moz-input-placeholder { font-size: 12px; line-height: 20px;  color: #c4c4c4; }
.textbox_password::-ms-input-placeholder { font-size: 12px; line-height: 20px;  color: #c4c4c4; }

.button_login
{
    margin: 2px 0 0 0;
    height: 42px;
    width: 330px;
    cursor: pointer;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: white;
    border: none;
    border-radius: 4px;
    background-color: #fe8c89;
    transition-property: background-color;
    transition-duration: 1s;
}

.button_login:hover { 
    background-color: #e94541;
}

#message_cont{
    width: 400px;
    height: 100px;
    color: #5e5e5e;
    font-family: Verdana;
    font-size: 12px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}

#message_cont .question{
    border-bottom: 1px solid #e3e3e3;
    height: 26px;
    width: 100%;
    float: left;
}

#message_cont .answer{
    margin-top: 10px;
    height: 26px;
    width: 100%;
    float: left;
}