html, body { width: 100%; height: 100%; min-height: 665px; background: transparent url(/Formal/images/login/bg/01/1680.jpg) no-repeat cover center center }
i.icon { display: inline-block; background: transparent url(/Formal/images/login/icons-cloud.png) 0 0 no-repeat; vertical-align: middle }
i.icon.camera { background-position: -612px -78px; width: 25px; height: 20px }
.text-muted { color: #ccc }
.btn { padding: 0 15px; height: 32px; background: #fff; border: 1px solid #eee; vertical-align: middle; border-radius: 3px; cursor: pointer }
.btn-default { border-color: #eee; background: -webkit-linear-gradient(top, #fff, #e5e5e5); background: -ms-linear-gradient(top, #fff, #e5e5e5); background: -moz-linear-gradient(top, #fff, #e5e5e5); background: background:linear-gradient(top, #fff, #e5e5e5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e5e5e5) }
.btn-default:hover { background: -webkit-linear-gradient(top, #e5e5e5, #fff); background: -ms-linear-gradient(top, #e5e5e5, #fff); background: -moz-linear-gradient(top, #e5e5e5, #fff); background: background:linear-gradient(top, #e5e5e5, #fff); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e5e5e5, endColorstr=#ffffff) }
.btn-primary { color: #fff; border-color: #2241B2; background: -webkit-linear-gradient(top, #1b59ae, #094095); background: -ms-linear-gradient(top, #1b59ae, #094095); background: -moz-linear-gradient(top, #1b59ae, #094095); background: background:linear-gradient(top, #1b59ae, #094095); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1b59ae, endColorstr=#094095) }
.btn-primary:hover { border-color: #2241B2; background: -webkit-linear-gradient(top, #094095, #1b59ae); background: -ms-linear-gradient(top, #094095, #1b59ae); background: -moz-linear-gradient(top, #094095, #1b59ae); background: background:linear-gradient(top, #094095, #1b59ae); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#094095, endColorstr=#1b59ae) }
.form-control { width: 160px; border-radius: 3px; padding: 8px; border: 1px solid #eee; vertical-align: middle }
.form-group { margin-bottom: 10px }
#meeting { padding-top: 6%; text-align: center; color: #fff; margin-bottom: 51px }
#meeting .logo { display: block }
#meeting h1 { font-size: 30px; font-weight: normal; margin: 30px auto 40px }
#meeting .btn { width: 80px; margin-left: 5px; font-size: 18px; width: 80px; height: 48px; border-radius: 8px }
#meeting .form-control { font-size: 20px; width: 400px; border-radius: 8px; padding: 10px 15px }
#footer { color: #fff; text-align: center; width: 100%; position: absolute; bottom: 0 }
#footer .nav li a { color: #fff }
#footer { padding: 15px 0; background: transparent url(/Formal/images/login/footer.png) 0 0 repeat }
#footer .copyright { margin-bottom: 0 }
#banner { height: 195px; width: 100%; color: #fff; position: absolute; top: 390px; border: 1px solid rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.2); border-left: none; border-right: 0; margin-bottom: 20px }
.login { width: 460px; margin: 0 auto; position: relative; z-index: 10 }
.login label.for { font-size: 14px; display: none }
.login .title { font-size: 16px; margin: 40px 0 10px }
.login .form-control { margin-right: 5px; font-size: 14px }
.login .btn-primary { box-shadow: 0 0 2px #1167b5 inset; font-size: 14px; height: 36px }
.login .holder { width: 178px; margin-right: 5px; display: inline-block; *display: inline; zoom: 1 }
.login .forget a { color: #fff; text-decoration: underline }
/** 2014-09-22 Darren Add */
.login nav { position: absolute; right: -150px; bottom: -40px; *bottom: -30px; }
.login nav a { display: inline-block; width: 26px; height: 27px; margin: 0 5px; background: transparent url(/Formal/images/login/icons-cloud.png) 0 0 no-repeat; opacity: 0.8; }
.login nav a:hover { opacity: 1; }
.login nav a.left { background-position: -583px -131px; }
.login nav a.right { background-position: -610px -131px; }
/** 2014-09-22 Darren Add */
.no-rgba #banner { padding: 1px 0; background: transparent url(/Formal/images/login/banner-rgba.png) 0 0 repeat-x }
.no-placeholder .login { width: 545px }
.no-placeholder label.for { display: inline-block; *display: inline }
.no-placeholder .login .holder { padding-left: 42px }
.no-placeholder .login .holder.forget { padding-left: 46px }