@charset "utf-8";

/*
Stylesheet Index:
   $1 - Global Reset
   $2 - Default Elements
   $3 - Menu styling
   $4 - Specific Elements
   $5 - Jquery UI
   $6 - Media Queries
---------------------------------------------------------------*/

/* $1 - Global Resets
---------------------------------------------------------------*/

ul,ol,dl {padding: 0;}

h1,h2,h3,h4,h5,h6,p,blockquote,body,figure,form,label,ul,ol,dl,address {margin: 0;}

article, aside, details,
figcaption, figure, footer,
header, hgroup, main, menu,
nav, section, summary {
   display: block;
}

audio, canvas, progress, video {
   display: inline-block;
   vertical-align: baseline;
}

[hidden], template { display: none; }

a { background-color: transparent; }
a:active, a:hover { outline: 0; }

img { border: 0; }
pre { overflow: auto; }

button, input, optgroup, select, textarea {
   color: inherit;
   font: inherit;
   margin: 0;
}
button {
   overflow: visible;
}
button, select {
   text-transform: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
   border: 0;
   padding: 0;
}
input {
   line-height: normal;
}
legend {
   border: 0;
   padding: 0;
}
textarea {
   overflow: auto;
}
optgroup {
   font-weight: bold;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

/* $2 - Default Elements
---------------------------------------------------------------*/

html {
   font-family: Arial, Helvetica, sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

body {
   background-color:#FFFFFF;
   font-size:80%;
   font-variant:normal;
   font-weight:500;
   line-height:1.25em;
   color:black;
}

h1, h2, h3 {
   font-style:normal;
   line-height:normal;
   color:#ce3410;
   padding:8px 0 12px;
}

h1 {
   font-size:2.2em;
}

button, input, optgroup, select, textarea {
   margin:1px;
   padding:3px;
   border:solid 1px #888;
   background-color:#FFF;
   border-radius:2px;
}

select {
   padding:2px 3px;
}

textarea {
   line-height:1.25em;
}

button:hover, input:hover, optgroup:hover, select:hover, textarea:hover {
   border-color:#444;
}

button:focus, input:focus, optgroup:focus, select:focus, textarea:focus {
   border-color:#337;
}

input:invalid, input.invalid {
   background-color:#FDD;
}

::-webkit-input-placeholder {
   color:#666;
}
:-moz-placeholder { /* Firefox 4 to 18 */
   color:#666;
   opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
   color:#666;
   opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
   color:#666;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
   -webkit-appearance:button;
   cursor:pointer;
   padding:3px 8px;
}

input[type="checkbox"],
input[type="radio"] {
   box-sizing:border-box;
   padding:0;
   vertical-align:middle;
   border-radius:8px;
}

input[type="image"] {
   border-style:none;
   background-color:transparent;
}

input[disabled], input.disabled,
textarea[disabled], textarea.disabled {
   cursor:default;
   color:#5e5e5e;
   border-color:#888888;
   background-color:#DDDDDD;
}

fieldset {
   border:0;
   margin:0 2px;
   padding:0.5em 0.6em 0.5em;
}

label {
   vertical-align:middle;
}

img.center {
   display:block;
   margin-left:auto;
   margin-right:auto;
   box-shadow:1px 1px 2px 1px #ccc;
}

.footnote {
   font-size:0.9em;
}

.highlight {
   font-weight:700;
}

.warning {
   color:red;
   font-weight:800;
}

.error {
   color:red;
   font-weight:800;
}

.notice {
   color:#ce3410;
   font-weight:800;
}

.action {
   color:#d89500;
   font-weight:800;
}

.success {
   color:green;
   font-weight:800;
}

.hidden, .no-js-hide {display:none;}

div.left {float:left;}
div.right {float:right;}
div.clear {clear:both;}

a, a .icon-text {
   color:#565656;
   text-decoration:underline;
}

a:hover, a .icon-text:hover {
   color:#363636;
   text-decoration:underline;
}

a.dangerous, a.forbidden {
   color:red;
}

a.save, a.safe, a.allowed {
   color:green;
}

a.clicked {
   color:#444;
   cursor:default;
   text-decoration:none;
}

table.center {
   margin-left:auto;
   margin-right:auto;
}

td, th {
   line-height:normal;
   padding:1px 7px;
}

td.left, th.left {text-align:left;}
td.right, th.right {text-align:right;}
td.center, th.center {text-align:center;}

th.section {
   padding:8px 5px 9px;
   font-size:1.5em;
   color:#ce3410;
}

th.subsection {
   padding:5px 5px 6px;
   font-size:1.3em;
   color:#ce3410;
}

table.small td, table.small th {
   padding:2px 7px;
}

table.hlr tr:hover td {
   background-color:#ddddee;
}

table.hlc tr td a {
   color:#000;
}
table.hlc tr td:hover a {
   color:green;
   text-decoration:underline;
}

/* $2 - Menu Styling
---------------------------------------------------------------*/

/** first level of menu (base level always visible) **/

.menu2 ul {
   padding:0;
   margin:0;
   list-style-type:none;
}

.menu2 ul li {
   float:left;
   position:relative;
}

.menu2 > ul li a,
.menu2 > ul li a:visited {
   display:block;
   padding:0px 20px;
}

.menu2 ul li ul {
   display:none;
   overflow:visible;
}

/** second level (first hidden level) **/

.menu2 ul li:hover ul {
   display:block;
   position:absolute;
   background:transparent;
   margin-top:3px;
   left:0;
   width:0px; /* will get expanded by a element */
   z-index:100;
}

.menu2 ul li:hover ul li a {
   display:block;
   height:auto;
   line-height:17px;
   padding:6px 20px;
   width:108px;
}

/* $4 - Specific Elements
------------------------------------------------------------- */

span.over18 {
   text-align:center;
   background-color:#80FF80;
   width:90px;
   display:block;
   margin:0 auto;
   border-radius:4px;
}

span.over16 {
   text-align:center;
   background-color:#FFFF80;
   width:90px;
   display:block;
   margin:0 auto;
   border-radius:4px;
}

span.under16 {
   text-align:center;
   background-color:#FF8080;
   width:90px;
   display:block;
   margin:0 auto;
   border-radius:4px;
}

/* $5 - Jquery UI
------------------------------------------------------------- */

.ui-icon {
   margin:0 2px;
}

.icon-text {
   display:inline-block;
}

.ui-autocomplete {
   max-height: 200px;
   overflow-y: auto;
   /* prevent horizontal scrollbar */
   overflow-x: hidden;
}

/* $6 - Media Queries
---------------------------------------------------------------*/

@media print {
   * {
      box-shadow: none !important;
      text-shadow: none !important;
   }
   body {
      font-size: 12pt;
      background: transparent !important;
   }
   #banner, #linkline, #footer, #toplink, #backlink {
      display: none;
   }
   #content {
      width: auto !important;
      background: transparent !important;
   }
}