BODY {font-family: arial; font-size: 14px; color: #5a5a5a; background-color: gray; margin: 0px;}
INPUT {font-family: inherit;}

.box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#loginCont {width: 100%; height: 100vh; float: left; display: flex; justify-content: space-around; align-items: center; }
#loginFrame {width: 300px; height: auto; float: left; background-color: #FFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 4px 4px 5px -4px rgba(0,0,0,0.38); -moz-box-shadow: 4px 4px 5px -4px rgba(0,0,0,0.38); box-shadow: 4px 4px 5px -4px rgba(0,0,0,0.38); overflow: hidden;}

#topLoginFrame {width: 100%; height: auto; padding: 15px 0px 13px 0px; float: left; border-bottom: 1px #0082bb solid; background-color: #0096d7; color: #FFF; }
#topLoginFrame H1 {margin: 0px; font-size: 26px; font-weight: 300; width: 100%; float: left; text-align: center;}
#loginLogoFrame {width: 100%; height: 100px; margin: 10px 0px; float: left; text-align: center; display: flex; align-items: center; justify-content: center;}
#loginLogoFrame IMG {max-height: 100%; width: auto;}

#loginFrame #formFrame {width: 100%; float: left; padding: 15px; background-color: #f2fafd; border-top: 1px #d1ebf5 solid; border-bottom: 1px #d1ebf5 solid;}
#loginFrame #formFrame INPUT[type=text], #loginFrame #formFrame INPUT[type=password] {width: 100%; float: left; padding: 8px 10px; font-size: 14px; margin: 0px 0px 7px 0px; border: 1px #ccc solid; border-radius: 2px;}
#loginFrame #formFrame INPUT[type=submit] {width: 100%; float: left; padding: 8px 10px; font-size: 14px; background-color: #0096d7; border: 1px #0082bb solid; color: #FFF; font-weight: 700; border-radius: 2px; cursor: pointer;}
#loginFrame #formFrame INPUT[type=submit]:HOVER {background-color: #0082bb;}

#loginFrame #bottomFrame {width: 100%; height: auto; padding: 15px; float: left; text-align: center; font-size: 10px; color: #737373;}