html{margin: 0; padding: 0; height: 100%;}
body{margin: 0; padding: 0; height: 100%; background-color: #006BB5; background: radial-gradient(#FFFFFF 80%, #006BB5); background-attachment: fixed; background-repeat: no-repeat;}

label{font-size: 10pt; color: #808080;}

@font-face{font-family: bonveno; src: url(fonts/bonveno.woff);}

a:link{font-family: Arial; color: #820022; text-decoration: none;}
a:visited{font-family: Arial; color: #820022; text-decoration: none;}
a:hover{font-family: Arial; color: #820022; text-decoration: underline;}
a:active{font-family: Arial; color: #820022; text-decoration: none;}

.container{width: 100%; position: absolute; height: 100%; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0; font-family: Verdana; font-size: 18pt; color: #000000; font-weight: bold;}

.display{margin-left: auto; margin-right: auto; width: 80%; min-width: 600px; height: 400px; margin-top: 180px; background-color: #FFFFFF; position: relative; border: 1px #000000 solid; padding: 0;}

.screen{width: 100%; top: -65px; background-color: #FFFFFF; height: 400px; margin: 0; position: relative;}

.label-on{margin: 0; width: 23%; background-color: #006BB5; height: 65px; top: -66px; display: inline-block; position: relative; line-height: 60px; text-align: center; color: #FFFFFF; font-family: bonveno;}
.label-off{margin: 0; width: 23%; background-color: #808080; height: 60px; top: -61px; display: inline-block; position: relative; line-height: 60px; text-align: center; color: #000000; font-family: bonveno;}
.label-hidden{margin: 0; width: 23%; background-color: #808080; height: 65px; top: -66px; display: inline-block; position: relative; line-height: 60px; text-align: center; color: #000000; font-family: bonveno; opacity: 0; visibility: hidden;}

label{font-size: 10pt; color: #808080;}

.biglogin input,button,submit,reset{font-size: 20pt;}
input, textarea, select, button{border: 1px #000000 solid; box-shadow: 0px 4px 8px rgba(0,0,0,0.3); font-size: 12pt; border-radius: 14px; background-color: #FFFFFF; outline: none; padding: 4px; padding-left: 15px; margin-left: auto; margin-right: auto; cursor: pointer;}
input:focus,textarea:focus,select:focus{background-color: #B3F0FF;}
textarea{overflow: hidden; resize: none;}
[type=button]{padding: 10px; font-family: Verdana; font-size: 14pt;}
label input{display: none;}
label span{box-shadow: 0px 4px 8px rgba(0,0,0,0.3); border-radius: 4px; width: 15px; height: 15px; display: inline-block; background: url("../images/checkbox-blank.gif"); cursor: pointer;}
[type=checkbox]:checked + span{background: url("../images/checkbox-checked.gif");}

.topleft{z-index: 98; font-family: Verdana; font-size: 20pt; color: #066BB5; position: absolute; margin-left: 0; margin-top: 0; width: 300px; text-align: center; height: 100px; line-height: 100px; background-color: #A0A0A0; transition: all 1s ease;}
.topleft_cover{z-index: 99; font-family: Verdana; font-size: 20pt; color: #066BB5; position: absolute; margin-left: 0; margin-top: 0; width: 300px; text-align: center; background-color: #A0A0A0; opacity: 0; height: 100px; cursor: pointer;}

.footer{position: absolute; height: 20px; font-family: Verdana; font-size: 8pt; color: #000000; margin-left: -200px; margin-right: auto; line-height: 20px; width: 400px; bottom: 0; margin-bottom: 0; margin-top: 0; left: 50%; text-align: center; padding: 4px; background: linear-gradient(to right,#FFFFFF,#A0A0A0,#FFFFFF);}
.footer a{color: #820022;}