﻿html {font-size:16px;}
body {font-family:'Manrope',sans-serif;background:#f8f8f8;}
div.header {width:99.99%;padding:0;background:#343a40;min-width:60rem;height:2.5rem;line-height:2.5rem;}
/*div.header h1 {float:left;position:relative;width:62rem;left:50%;margin:0;margin-left:-31rem;color:#fff;padding:0;font-size:1.15rem;}*/
div.header h1 {margin:0;padding:0;font-size:1.15rem;width:99.99%;text-align:center;color:#fff;}
div.footer {padding:3rem 0 1rem 0;color:#c0c0c0;font-weight:bold;text-align:center;font-size:0.825rem;}
div.footer > a {text-decoration:none;color:#c0c0c0;} div.footer > a:hover {color:#606060;}
#VSNLoginPage {width:58rem;left:50%;margin-left:-29rem;padding:0;}
div.advBanner {width:25rem;height:auto;min-height:300px;margin:1.75rem 0 0 2rem;}
div.advBanner img {width:auto;height:auto;position:relative;top:3rem;}
#LoginBox {float:right;width:30rem;left:0;min-height:auto;left:0;border:1px solid #e8e8e8;border-radius:0.25rem;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;background:#fff;margin:1.25rem 0 0 0;font-size:0.825rem;}
#Banner {height:3.75rem;line-height:3.75rem;border-bottom:1px solid #e8e8e8;}
#Banner h1{padding:0;margin:0;font-size:1.15rem;font-weight:bold;text-align:center;}
#Title{width:94%;left:-48%;margin:0 0 0 50%;height:auto;padding:0.75rem 0px;text-align:center;font-size:0.825rem;}
#Message{padding:0.75rem 0px;text-align:center;font-size:0.825rem;}
td.form-label {padding:0 0.75rem 0 0;font-size:0.825rem;}
span.msg {font-size:0.825rem;color:#f00;}
input {color:#333;border:1px solid #d0d0d0;padding:0.125rem;}
input.textbox {width:15rem;font-size:0.925rem;height:1.5rem;}
a.btn {display:inline-block;padding:0.75rem 0;text-align:center;width:56%;border:1px solid #d0d0d0;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;text-decoration:none;color:#343a40;font-weight:bold;background:#f2f2f2 url('../../vsn_buttonbgNx40_toolbarmanager_10x600.jpg') repeat-x 0 0;font-size:0.8rem;}
a.btn:hover {border:1px solid #343a40;}
ul.row {list-style:none;float:left;position:relative;width:99.99%;height:auto;margin:0 0 0.25rem 0;padding:0;}
ul > li {float:left;position:relative;width:auto;height:2rem;padding:0 1%;}
ul.row > li.caption {width:20%;text-align:right;}
ul.row > li.control {width:53%;background:#fff;border:1px solid #d0d0d0;}
ul.row > li.capcha {width:54% !important;padding:0 1% 0 0;}
ul.row > li.info{width:20%;line-height:2rem;}
ul.row > li.caption > i.zmf-user {font-size:1.25rem;position:relative;top:0.45rem;}
ul.row > li.caption > i.zmf-lock {font-size:1.15rem;position:relative;top:0.45rem;}
ul.row > li.control > input{width:99.99%;padding:0;margin:0;height:2rem;border:none;outline:none;}
div.row {float:left;position:relative;padding:1rem 0;text-align:center;}
@media only screen and (max-width:1600px) {html {font-size:16px}}
@media only screen and (min-width:1601px) and (max-width:2560px) {html {font-size:20px}}
@media only screen and (min-width:2561px) {html {font-size:24px}}