html, body, form { margin:0; padding:0; width:100%; height:100%; display:table; }
table { border-spacing:0; border-collapse:collapse; }
body, form, table { font-family:Tahoma; }

input[type=submit] {padding:9px 18px; min-width:80px; background:dodgerblue; border:solid 1px royalblue; color:lightcyan; font-weight:normal; cursor:pointer }
input[type=submit]:hover {background-color:deepskyblue; border-color:dodgerblue; }
input[type=text], input[type=password] { background:lightsteelblue; border:1px solid cadetblue; color:black; font-size:14px; margin:0; padding:10px; }
input[type=text]:focus, input[type=password]:focus { border-color: dodgerblue;
    -webkit-box-shadow: 0 0 6px rgba(0, 136, 204, 0.4);
        -moz-box-shadow: 0 0 6px rgba(0, 136, 204, 0.4);
            box-shadow: 0 0 6px rgba(0, 136, 204, 0.4);
}
.div_login_wrapper { display:table-cell; text-align:center; vertical-align:middle; }
.div_login { display:table; text-align:left; margin:0 auto; background:#e5e5e5; padding:20px 40px; border-radius:5px; }
        
/* infieldLabel styles */
.infield-label { display: block; position: relative; }
.infield-label label { bottom: 0; color: #777; display: block; left: 0; line-height: 39px; margin: 0; right: 0; top: 0; }
.infield-label label { cursor: text; font-size: 14px; padding: 0 10px; position: absolute; white-space: nowrap; }
.placeholder-focus label { background-color: rgba(0, 0, 0, 0.85); bottom: auto; color: #fff; line-height: 32px; right: auto; top: -40px; }
.no-rgba .placeholder-focus label { background-color: #111; }
.placeholder-focus label:after { border-top: 5px solid rgba(0, 0, 0, 0.8); border-left: 5px solid transparent; border-right: 5px solid transparent; bottom: -5px; content:''; display: block; height: 0; left: 10px; position: absolute; }
.no-rgba .placeholder-focus label:after { border-top-color: #111; }
.infield-label-image.placeholder-focus label { top: -122px; }
.placeholder-hide label { bottom: auto; left: -9999px; right: auto; top: -9999px; }