html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, hr, 
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
input, select, textarea {font:100% Tahoma, Verdana, serif;}
input {-webkit-appearance:none;-webkit-border-radius:0px;border-radius:0;outline:none;}
select {-webkit-border-radius:0px;border-radius:0;outline:none;}
html,body {-webkit-text-size-adjust:100%;width:100%;height:100%;}
input[type=text], input[type=password] {border:0;padding:0.5em;margin:0.2em 0;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}
input[type=button], input[type=submit], a.button {border:0;padding:0.5em;margin:0.2em 0;background-color:#004a80;color:#fff;text-decoration:none;min-width:5em;text-align:center;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}
input[type=button]:hover, input[type=submit]:hover, a.button:hover {cursor:pointer;background-color:#000;color:#fff;}
input[type=checkbox] {-webkit-appearance:checkbox;margin:0 0.5em 0 0;}
#clear {border:0;clear:both;margin:0;}

body {font:100% Tahoma, Verdana, serif;font-weight:300;font-size:3vmin;min-height:100%;line-height:1;padding:1em;position:relative;background-image:url('../images/bg-stripe.png');}

.valign {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
.w3 {width:3em;}
.w5 {width:5em;}
.w7 {width:7em;}
.w10 {width:10em;}
.w15 {width:15em;}
.w20 {width:20em;}
.w25 {width:25em;}
.w30 {width:30em;}
.wfull {width:100%;display:block;}
.h3 {height:3em;}
.h5 {height:5em;}
.h7 {height:7em;}
.h10 {height:10em;}
.h15 {height:15em;}
.h20 {height:20em;}
.bgray {background-color:#eee !important;}
.bred {background-color:#c00 !important;}
.bgreen {background-color:#0c0 !important;}
.red {color:#f00;}
span.green {border:0;padding:0.5em;margin:0.2em 0;background-color:#39b54a;color:#fff;text-decoration:none;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}
span.gray {border:0;padding:0.5em;margin:0.2em 0;background-color:#666;color:#fff;text-decoration:none;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}

#login {width:50vmin;background-color:#fff;padding:2em 1em;border:1px solid #ccc;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;}
#login h1 {text-align:center;font-size:4vmin;color:#004a80;}
#login .logo {width:50%;margin:1em auto;}
#login .logo img {width:100%;
-webkit-border-radius:1em;
-moz-border-radius:1em;
border-radius:1em;}
#login .form {text-align:center;}
#login .form input[type=text], #login .form input[type=password] {width:100%;border:1px solid #ccc;text-align:center;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}
#login .form input[type=button], #login .form input[type=submit] {width:100%;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}
#login .form .status {margin:0 0 1em 0;color:#f00;}

#topmenu {height:8vh;background-color:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:0 -1em;padding:0 1em;z-index:20;}
#topmenu .logo {float:left;height:100%;}
#topmenu .logo img {height:100%;}
#topmenu .login {float:left;line-height:8vh;margin:0 1em 0 0;background-color:#eee;padding:0 1em;}
#topmenu .menu {float:left;line-height:8vh;margin:0 1em;}
#topmenu .menu a {text-decoration:none;color:#000;}
#topmenu .menu a:hover {color:#f26522;}
#topmenu .menu ul {list-style-type:none;}
#topmenu .menu ul li {background-color:#eee;padding:0 1em;position:relative;}
#topmenu .menu ul ul {position:absolute;left:-999em;}
#topmenu .menu ul li:hover ul {left:0;}
#topmenu .menu ul ul li {display:inline-block;width:15em;}

#content {padding:1em;margin:1em 0;background-color:#fff;border:1px solid #ccc;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}

#content > h1 {text-align:center;margin:0 0 1em 0;background-color:#9e0b0f;color:#fff;padding:0.5em 0;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}

#content table.home {margin:0 auto;}
#content table.home tr td {border:0;vertical-align:middle;}
#content table.home tr td img {height:10vh;}
#content table.home tr td a {text-decoration:none;color:#000;}
#content table.home tr td a:hover {color:#f26522;}

#content .menu {padding:0 0 1em 0;margin:0 0 1em 0;border-bottom:1px solid #ccc;}
#content table {white-space:nowrap;}
#content table tr th {background-color:#f26522;padding:0.5em;}
#content table tr td {padding:0.5em;border-bottom:1px solid #ccc;}
#content table tr td a {text-decoration:none;color:#004a80;}

#content .block {background-color:#eee;margin:1em 0;padding:1em;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}
#content .block > h1 {margin:0 0 0.5em;}
#content .block input {border:1px solid #ccc;}
#content .block .error {padding:1em;margin:0.5em 0 0 0;color:#f00;border:1px solid #f00;display:block;background-color:#fee;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}

#content .content_menu {font-size:0.9em;margin:0 0 1em;}
#content .content_menu input[type=text], #content .content_menu input[type=password] {border:1px solid #ccc;}
#content .content_menu a {background-color:#004a80;color:#fff;padding:0.5em;text-decoration:none;display:inline-block;min-width:5em;text-align:center;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}
#content .content_menu a:hover {background-color:#999;}
#content .content_menu table tr td a {font-size:0.8em;}
#content .content_menu data img, #content .content_menu table tr td img {height:1em;}
#content .content_menu label {margin:0 0.2em 0 0;width:10em;display:inline-block;text-align:right;background-color:#eee;padding:0.4em;border-bottom:1px solid #ccc;}
#content .content_menu data {display:inline-block;vertical-align:top;line-height:2.5;}

#pages {margin:1em 0;}
#pages ul {list-style-type:none;}
#pages ul li {display:inline;padding:0.5em 0.7em;border:1px solid #ccc;}
#pages ul li a {background-color:transparent !important;color:#000 !important;min-width:auto !important;padding:0 !important;}
#pages ul li:hover {background-color:#eee;cursor:pointer;}
#pages ul li.on {background-color:#ccc;}



@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
	body {font-size:3vmin;}
	#login {width:90vmin;}
	#login h1 {font-size:7vmin;}
	#login .logo {width:70%;}
	#login .form input[type=text], #login .form input[type=password] {font-size:5vmin;}
	#login .form input[type=button], #login .form input[type=submit] {font-size:5vmin;}
}