html{font-family:'Open sans', Tahoma; font-size:12px; height:100%;}
body{background-image:url(/common/images/opensaas/background.jpg);background-repeat:repeat;background-color: #eee;color:#999;min-height: 740px;height:100%;overflow:hidden;}
@media screen and (max-height: 739px) {body{overflow: auto;}}
*[onclick], input[type=submit]{cursor:pointer;}
@-moz-document url-prefix(){select{text-indent:-2px;}}

*{outline:none;}
img{border:none;}

div#main{background-image:url(/common/images/opensaas/logo.png); background-repeat:no-repeat; background-position:50% 100px; position:absolute; top:0px; left:50%; margin-left:-200px; width:400px; height:360px; padding-top:270px;}
a.btn,input[type=button],input[type=submit]{width:100%;box-sizing:border-box;font-family:'Open sans',Tahoma;font-size:16px;border:none;text-transform:uppercase;padding:10px 40px 9px;cursor:pointer;border-radius:2px;background-color:#4d4d4d;color:#fff;}
a, a:HOVER{text-decoration:none;}
input[type=text], input[type=password]{box-sizing:border-box; border:none; border-bottom:1px solid #666; height:30px; line-height:30px; padding:0px 1px; width:100%; background-color:transparent; color:#666;}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-transition-delay: 9999s; -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;}

div.lcBox {background-color:#; background: rgba(0,0,0,.1);  color: #555; font-size: 13px; padding: 20px 10px 10px; text-align: center; margin: 0 0 20px; }
div.lcBox a {background-color:#777;border-radius:2px;border:none;box-sizing:border-box;color:#fff;cursor:pointer;font-family:'Open sans',Tahoma;font-size:15px;padding:10px 40px 9px;text-transform:uppercase;}
div.lcBox a:hover {background-color:#4d4d4d;}
div.message {background-color:#; background: rgba(0,0,0,.05); color: #777; font-size: 13px; padding: 20px 10px; text-align: center;}
div.message div.block, div.lcBox div.block {padding: 30px 0 20px;}

div.field{padding-top:30px; overflow:hidden; position:relative;}
div.field > label{position:absolute; top:40px; left:1px; line-height:10px; transition:all 0.2s ease 0s; color:#999; cursor:text;}
div.field > label.up{top:20px; font-size:10px; color:#666; transition:all 0.4s ease 0s; }
div.field > span{content:"";background-color: #D9E61A;; top:100%; height:3px; position:absolute;right:0;left:50%; width:0; transform:translateX(-50%) translateY(-2px); transition: width 0.15s ease-out;}
div.field.error > span{background-color: #c13d49;}
div.focused > span{width:100%; transition: width 0.3s cubic-bezier(0.4,0,0.2,1);}

div#responsesContainer{color:#c13d49;}
div#footer{background-color:rgba(0,0,0,.8); position:fixed; bottom:0px; left:0px; right:0px; height:50px; line-height:50px; text-align:center; color:#808080;}