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;}
blockquote, q {quotes:none;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
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%;}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratregular') format('svg');
    font-weight: 900;
    font-style: normal;
}
input, select, textarea {font:100% 'montserrat', Tahoma, Verdana, serif;font-weight:300;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input:focus {background-color:rgba(255,204,0,0.2);border:1px solid rgba(255,204,0,1);}
input[type=text], input[type=password], input[type=file], select, textarea {padding:0.5em;margin:0;color:#000;border:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=text]:disabled {border:0;}
input[type=button], input[type=submit] {padding:0.5em 1em;margin:0 0 0 -1px;color:#fff;border:1px solid #005aaa;background-color:#005aaa;}
input[type=button]:hover, input[type=submit]:hover, a.menu:hover {background-color:#000;color:#f58220 !important;border:1px solid #000;cursor:pointer;}
input[type=radio] {-webkit-appearance:radio;margin:0 0.5em 0 0;}
input[type=checkbox] {-webkit-appearance:checkbox;margin:0 0.5em 0 0;}
.aleft {text-align:left !important;}
.acenter {text-align:center !important;}
.aright {text-align:right !important;}
.vatop {vertical-align:top;}
.w3 {width:3em;}
.w5 {width:5em;}
.w7 {width:6em;}
.w10 {width:10em;}
.w15 {width:15em;}
.w20 {width:20em;}
.w25 {width:25em;}
.w30 {width:30em;}
.h3 {height:3em;}
.h5 {height:5em;}
.h7 {height:6em;}
.h10 {height:10em;}
.spanpurple {background-color:#92278f;color:#fff;padding:0.2em 0.5em;}
.spanred {background-color:#c33;color:#fff;padding:0.2em 0.5em;}
.spangreen {background-color:#39b54a;color:#fff;padding:0.2em 0.5em;}
.spanorange {background-color:#f58220;color:#fff;padding:0.2em 0.5em;}
#clear {border:0;clear:both;margin:0;}

body {font:100% 'montserrat', Tahoma, Verdana, serif;font-weight:300;height:100%;width:100%;line-height:1.4em;background-color:#fff;position:relative;background-image:url('../images/bg-stripe.png');padding:1em 1em 1em 5em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#menu {z-index:20;padding:1em;background-color:#003366;height:100%;position:fixed;top:0;left:0;font-size:1em;}
#menu .logo {background-color:#fff;margin:-1em -1em 1em -1em;padding:0.3em;text-align:center;}
#menu .logo img {height:2.4em;}
#menu ul {list-style-type:none;}
#menu ul li {margin:0 0 0.5em;}
#menu ul li:hover {1background-color:#0099ff;}
#menu ul li img {width:2em;}
#menu ul.logout {position:absolute;bottom:3em;left:1em;}

#submenu {z-index:10;padding:1em 1em 1em 5.5em;background-color:#06c;height:100%;position:fixed;top:0;left:0;min-width:12em;font-size:0.9em;display:none;}
#submenu h1 {color:#f58220;border-bottom:1px solid #f58220;font-weight:900;padding:0.5em 0.5em 0.5em 1em;margin:0 0 0.5em -1em;text-transform:uppercase;}
#submenu ul {list-style-type:none;}
#submenu ul li {margin:0 0 0 -0.5em;padding:0.5em;}
#submenu ul li div {background-color:#f58220;color:#fff;padding:0.5em;margin:0.5em 0;display:inline-block;}
#submenu ul li:hover {background-color:#0099ff;}
#submenu ul li.line {border-bottom:1px solid #999;margin:0 0 1em 0;padding:0;font-size:1em;}
#submenu ul li.line:hover {background-color:transparent;}
#submenu ul li a {color:#fff;text-decoration:none;}

#login {width:30%;margin:20% auto;padding:1.5em;text-align:center;background-color:#fff;border:1px solid #ccc;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;}
#login h1 {text-transform:uppercase;margin:0 0 1em;font-size:0.9em;}
#login .logo {padding:1em;display:inline-block;margin:0 0 1em;
-webkit-border-radius:1em;
-moz-border-radius:1em;
border-radius:1em;}
#login .logo img {width:100%;}
#login .thumb {display:inline-block;margin:0 0 1em;
-webkit-border-radius:1em;
-moz-border-radius:1em;
border-radius:1em;}
#login .thumb img {height:7em;
-webkit-border-radius:5em;
-moz-border-radius:5em;
border-radius:5em;}
#login input {margin:0.5em 0;width:100%;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}
#login .error {color:#f00;background-color:#fee;margin:0 0 1em;padding:0.7em;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
border-radius:0.2em;}

body > h1 {padding:1em;margin:-1em -1em 1em -1em;background-color:#f0f0f0;color:#005aaa;text-transform:uppercase;font-weight:300;}
body > h1 span {font-weight:900;}

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

#wrapper .nav {line-height:1.9em;}
#wrapper .nav input {font-size:0.9em;}
#wrapper .search {float:left;}
#wrapper .search input[type=text] {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;}
#wrapper .search input[type=button] {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;}
#wrapper .nav .action {float:right;font-size:0.9em;}
#wrapper .nav .action a {text-decoration:none;color:#000;color:#005aaa;padding:0.3em;border:1px solid rgba(0,0,0,0);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;}
#wrapper .nav .action a:hover {color:#000;background-color:#eee;border:1px solid #ccc;}
#wrapper .nav .action a img {height:1.4em;margin:0 0.3em -0.3em 0;}
#wrapper .nav .action a img.hover {display:none;}
#wrapper .nav .action a:hover img.hover {display:inline-block;}
#wrapper .nav .action a img.off {display:inline-block;}
#wrapper .nav .action a:hover img.off {display:none;}

#wrapper .paging {text-align:right;margin:0 0 0.5em;font-size:0.8em;}
#wrapper .paging img {height:0.7em;margin:0 0.2em;}
#wrapper .paging input[type=text] {padding:0.2em;margin:0 0.2em;}

table.grid {font-size:0.8em;border-spacing:0;border-collapse:separate;width:100%;empty-cells:hide;}
table.grid tr:hover {background-color:#f0f0f0;cursor:pointer;}
table.grid tr th {background-color:#005aaa;color:#fff;padding:0.7em 1em;border-right:1px solid #fff;font-weight:normal;}
table.grid tr td {color:#000;padding:0.7em 1em;border-bottom:1px solid #ccc;}
table.grid tr td.icon img {height:2em;margin-bottom:-0.5em;}
table.grid tr td.sumtitle {border:0;}
table.grid tr td.sum {background-color:#f0f0f0;}

table.grid tr td.action a {text-decoration:none;background-color:#eee;color:#005aaa;padding:0.3em;border:1px solid #eee;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;}
table.grid tr td.action a:hover {color:#000;background-color:#fff;border:1px solid #000;}
table.grid tr td.action a img {height:1.4em;margin:0 0.3em -0.3em 0;}
table.grid tr td.action a img.hover {display:none;}
table.grid tr td.action a:hover img.hover {display:inline-block;}
table.grid tr td.action a img.off {display:inline-block;}
table.grid tr td.action a:hover img.off {display:none;}


table.form {font-size:0.9em;border-spacing:0.5em;border-collapse:separate;}
table.form tr th {text-align:left;font-weight:normal;padding:0.2em 3em 0.2em 0.2em;vertical-align:top;}
table.form tr td input[type=text] {padding:0.3em;vertical-align:top;}

#navbottom {position:fixed;bottom:0;right:0;padding:1em 1em 2em;background-color:#eee;width:100%;}
#navbottom .action {float:right;font-size:0.9em;}
#navbottom .action a {text-decoration:none;background-color:#005aaa;color:#fff;padding:0.3em;border:1px solid #005aaa;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;}
#navbottom .action a:hover {color:#000;background-color:#eee;border:1px solid #999;}
#navbottom .action a.red {background-color:#c33;border:1px solid #c33;}
#navbottom .action a.red:hover {color:#000;background-color:#eee;border:1px solid #999;}
#navbottom .action a.purple {background-color:#92278f;border:1px solid #92278f;}
#navbottom .action a.purple:hover {color:#000;background-color:#eee;border:1px solid #999;}
#navbottom .action a img {height:1.4em;margin:0 0.3em -0.3em 0;}
#navbottom .action a img.hover {display:none;}
#navbottom .action a:hover img.hover {display:inline-block;}
#navbottom .action a img.off {display:inline-block;}
#navbottom .action a:hover img.off {display:none;}

#popup {border:1px solid #ccc;background-color:#fff;padding:1em;display:none;position:absolute;}

@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) {
	#login {width:60%;}
}