body{padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; height: 100%; background: #000;}
p, h1, h2, h3, h4{margin:0; padding: 0;}
img, input{border: 0; outline: none;}
html{min-width: 1024px; background: transparent;}

.left{float: left;}
.right{float: right;}
.hide{display: none;}
.clear{clear: both;}
.alert{position: absolute; bottom: 55px; right: 45px; width: 650px; color: red; font-size: 9px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 9px; text-align: right;}
.code-result {position: absolute; top: 55px; right: 392px; float: left; clear: both; font-size: 12px; text-align: left; line-height: 18px; font-weight: bold;}
.bad-code{min-width: 85px; color: #fff; background: #ff0000; padding: 0; border-radius: 6px; text-align: center;}
.good-code{background: #15d86c; min-width: 85px; color: #fff; padding: 0; border-radius: 6px; text-align: center;}

.ua-header{width: 1024px; height: 100px; margin: 0 auto;}
.logo{display: block; margin: 9px 0 0 10px; float: left;}

.manager-login{width: 340px; height: 45px; float: right; margin-top: 54px; position: relative;}
.manager-login-text{font: normal 12px Arial; color: #fff; display: block; float: left; width: 115px; height: 22px; text-align: right; line-height: 22px; clear: left; margin-right: 9px;}
.input-text{float: left; width: 74px; height: 22px; background: #4d4d4d; color: #fff; margin-right: 4px; padding: 0 5px;}
.btn{float: left;}

.keep-block{margin: 0 0 4px 123px; float: left;}
.keep-block input{  width: 10px; height: 10px; padding: 0; margin: 0 3px 0 0; float: left;}
.keep-block label{font-family: Arial, sans-serif; display: block; float: left; color: #fff; font-size: 10px; margin: 0; line-height: 10px;}

.forgot{display: block; float: left; margin: 0 0 4px 14px;}
.forgot a{font-family: Arial, sans-serif; color: #fff; font-size: 10px; text-decoration: underline; line-height: 10px;}
.forgot a:hover{text-decoration: none;}

.ua-center-image{display: block; margin: 0 auto;}

.ua-title-text{text-align: center; font: bold 24px Arial; color: #fff; line-height: 28px; margin-top: 10px;}
.ua-subtitle-text{text-align: center; font: normal 22px Arial; color: #fff; line-height: 28px; margin-bottom: 10px;}

.ua-content-block{width: 1024px; height: 297px; margin: 0 auto;}
.ua-golden-image{display: block; float: left;}

.candidate-login{width: 388px; height: 297px; float: left; margin: 17px 0 0 115px; position: relative;}

.ua-cand-head{text-align: left; font: normal 24px Arial; line-height: 24px; color: #fff;}
.ua-cand-subhead{text-align: left; font: normal 14px Arial; line-height: 14px; color: #fff; margin-bottom: 10px;}
.interview-code{float: left; border: 1px solid #3a3b3b; background: #555657; width: 187px; height: 28px; line-height: 28px; font-size: 16px; color: #fff; text-align: left; padding: 0 10px}
.btn-t{display: block; float: left; cursor: pointer; margin-left: 12px;}
.btn-t.disabled {cursor: default;}

.ua-video-block{width: 299px; height: 170px; background: url("https://hirevue-landing.s3.amazonaws.com/underarmour/images/ua-video-image.jpg") no-repeat; position: relative; float: left; margin-top: 11px;}
#player{width: 299px; height: 170px; display: none; float: left; cursor: pointer;}
#watch{width: 147px; height: 33px; position: absolute; top: 110px; left: 13px; display: block;}