html{background-color:#eee;}
nav{background-color:#fff;}
html{background-image:url('/online/assets/images/viewport-bg.png');height:100%;width:100%;position:relative;}
body{visibility:visible;height:100%;width:100%;position:relative;background-image:url('preloader.gif');background-position:50% 40%;background-size:64px;background-repeat:no-repeat;}
#title{margin:1px 20px 0 0;color:#414141;padding-bottom:3px;float:right;}
#new,#old{top:48%;}
nav span{font-size:20px;font-family:"Oswald",sans-serif;float:left;margin:5px 0 0 15px;}
nav span > a {color:#d00 !important;}
nav span > a:hover {color:#000 !important;}
.tab{background-color:#286090;}
.active{background-color:#0f4c88;}
.nav img{opacity:0.9;}
.setting{background-color:#000;}
#help-btn{float:left;line-height:50px;color:#fff;font-family:"Oswald";,sans-serif;opacity:0.9;text-transform:uppercase;border-left:1px solid #000;padding-left:9px;}
#help-btn:hover{opacity:1;}
#help{display:none;position:fixed;z-index:9;background:#fff;width:calc(100% - 90px);height:calc(100% - 70px);overflow:auto;margin:20px;border-radius:7px;box-shadow:0px 0px 80px #000;padding:15px 25px;}
#closehelp{position:fixed;top:4px;left:50%;background-color:#f00;color:#fff;padding:15px;border-radius:100%;line-height:12px;cursor:pointer;z-index:100;font-weight:bold;transform:translateX(-21px);}
#help h2{font-size:1.3em;}
#help img{vertical-align:middle;}