.gw {font-family:"Arial Narrow", Helvetica, sans-serif; background-color:white; color:darkblue; }
.mono {font-family: monospace; }
.title {font-size:140%; text-align:center; margin:3px; }
.prompt {font-size:120%; text-align:center; margin:3px; }
.updater {font-size:80%; line-height:150%; }
.copyright {font-size:80%; font-weight:bold; line-height:150%; }
.required {color:teal; text-align:center }
.small {font-size:75%; }
.clean {border-collapse:collapse; empty-cells:show; margin-left:auto; margin-right:auto; padding-left:3px; padding-right:3px; }
.row {border-bottom: 1px solid black;}
.rowt {border-top: 1px solid black; }
.col {border-right: 1px solid black; }
.rowsep {padding:0px; margin:0px; height:1px; }
.underline {text-decoration:underline; }
.left {text-align:left; }
.center {text-align:center; }
.center-in-container {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* Center text in container */
.right {text-align:right; }
.hide {display:none; }
.criteria {color:black; text-align:left; vertical-align:top; padding-left:3px; padding-right:3px; }
.datalabel {color:black; text-align:right; vertical-align:top; padding-left:3px; padding-right:3px; }
.data {color:darkblue; vertical-align:top; padding-left:3px; padding-right:3px; }
.allupper {text-transform:uppercase; }
.firstupper {text-transform:capitalize; }
.sectionhead {color:black; font-weight:bold; text-align:left; vertical-align:top; background-color:#B7BACE; }
.sectionheadright {color:black; font-weight:bold; text-align:right; vertical-align:top; background-color:#B7BACE; }
.header {color:black; text-align:left; vertical-align:top; border-bottom: 1px solid black; padding-left:3px; padding-right:3px; }
.totals {color:black; font-weight:bold; text-align:left; background-color:#B7BACE; padding-left:3px; padding-right:3px; }
.datacolor1 {background-color:#E0E0E0; }
.datacolor2 {background-color:silver; }
.messagesuccess {color:green; }
.messageinfo {color: blue; }
.messagewarn {color:orange; }
.messagefatal {color:red; }
.normal {margin: 0px; }
.hovering:hover {background-color:#ffc; }
.full {width:100%; }
.threequarter {width:75%; }
.half {width:50%; }
.quarter {width:25%; }
.indent {margin-left:5%; margin-right:5%; }
.tab {padding-left:2em; }
.subtle {font-weight:lighter; color:graytext; }
.highlight {color:red; font-weight:bold; }
.intense {font-weight:bold; }
.redact {color:black; background-color:black; }
/* .xxdact {} */
.wait {position:fixed; top:90%; left:70%; font-size:150%; z-index:10; font-style:italic; 
	  opacity:.75; filter:alpha(opacity=75); background:#ffc; border-width:thin; border-style:outset;
	  border-color:brown; padding:.5em;
	  -webkit-border-radius:1em; border-radius:1em; 
	  -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .3); box-shadow:0 1px 3px rgba(0, 0, 0, .3)}
.printfriendly {page-break-inside:avoid; page-break-before:auto; margin:4px 0 4px 0;}

div.docbox 
{margin:auto; padding:5px; text-align:left; color:black; 
  border:inset 2px darkblue; background:#ffc;
  -webkit-border-radius:10px; border-radius:10px;
  -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .3); box-shadow:0 1px 3px rgba(0, 0, 0, .3);
}
div.stamp {position:absolute; top:20%; right:5%; z-index:1; 
  padding:10pt; padding-left:15pt; padding-right:20pt;
  font-family:sans-serif; font-size: 70pt; font-style: oblique; 
  font-weight:bold; color:gray; 
  text-shadow:3pt 3pt black;
  border-style: inset; border-width: 5pt;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);  
  transform: rotate(-10deg);
}
div.stamp span {font-size: 50%;  text-shadow: none;  font-weight:normal; color:black; 
}

input, textarea {font-size:100%; }
select, option, button {font-size:90%; }
button {color:black; background: lightgrey; }
input.imgbutton {vertical-align:middle; cursor:pointer; }
a img {border:0; vertical-align:text-top;}

ol.outline li {list-style-type: upper-roman; }
ol.outline ol.outline li {list-style-type: upper-alpha; }
ol.outline ol.outline ol.outline li {list-style-type: decimal; }
ol.outline ol.outline ol.outline ol.outline li {list-style-type: lower-alpha; }

input.messagewarn, textarea.messagewarn, select.messagewarn {border-color:orange; border-width:medium; background-color:orange; color:white; }
input.messagefatal, textarea.messagefatal, select.messagefatal {border-color:red; border-width:medium; background-color:red; color:white; }
	
@media screen {
.logos {position: relative; font-size:200%; font-style: italic; font-weight: bolder; color: #ffffff;}
.logos img {vertical-align: middle;} /* Help center text in the logo */
.gw {min-width:800px; margin:0px; padding-right:5px; }
/* .noprint {} */
.printonly {display:none; }
.menu {background-color:#205078; color:white; font-size:75%; font-weight:bold; }
.cmds, .cmdstop {background-color:#205078; padding:3px; padding-left:10px; padding-right:10px; min-height:1em; max-height:2.5em; overflow:auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index:9999;}
.cmdstop {width:100% }
.message {color:red; text-align:left; }
.enhance {background-color:#ffc; }
.fastpath {color:white; font-size:12px; font-weight:bold; }
.fastpath legend {text-align:left; color:white; font-weight:bold; }
.sectionsep {padding:0px; margin:0px; height:1px;}
div.cmds2 {background:white; overflow:auto; text-align:center; }
fieldset, div {border-radius:1em; }
textarea {border-style:inset; border-radius:1em; }

select[multiple] option {border-style:none; }
input, select, option, button {border-style:inset; border-radius:.5em; color:black; }
input:focus, textarea:focus, select:focus, option:focus {background-color:#ffc; color:black; border-color:lightgreen; border-width:medium; }
input[type=checkbox]:focus, input[type=radio]:focus {outline:lightgreen inset 3px; }
input.messagefatal:focus, textarea.messagefatal:focus, select.messagefatal:focus, option.messagefatal:focus {border-color:red; }
input[type=checkbox].messagefatal:focus, input[type=radio].messagefatal:focus {outline:red;}
input.messagewarn:focus, textarea.messagewarn:focus, select.messagewarn:focus, option.messagewarn:focus {border-color:orange; }
input[type=checkbox].messagewarn:focus, input[type=radio].messagewarn:focus {outline:orange;}
label:hover, button:hover, input[type=submit]:hover {color:green; cursor:pointer;}
th.sorttable_numeric:hover, th.sorttable_alpha:hover, th.sorttable_mmdd:hover, th.sorttable_ddmm:hover, th.sorttable_customkey:hover {color:green; cursor:pointer;} 
button:focus, input[type=submit]:focus {color: green; }
a:link, a:visited, a:active {color:darkblue; font-weight:bold; text-decoration:none; }
a:hover, a:focus {color:green; text-decoration:underline; }
a.image:link, a.image:visited, a.image:hover, a.image:focus, a.image:active {text-decoration:none; }

/* add rounded corners and box shadow to stamp on screen.
 Causes print problems in Chrome so only doing it on screen */
div.stamp {-webkit-border-radius:1em; border-radius:1em;
  -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .3); 
  box-shadow:0 1px 3px rgba(0, 0, 0, .3);}
}

@media print and (-webkit-min-device-pixel-ratio:0)
{
body {font-size:80%;}
}

@media print {
body {-webkit-print-color-adjust:exact;}
.gw {max-width:100%; word-wrap:break-word; }
.noprint, .logos, .menu, .cmds, .message, .fastpath, .cmds2, .cmdstop, a.ttimage, a.image, span.gwpopout, span.gwpopoutl {display:none; }
/* .printonly {} */
/* .enhance {} */
.sectionsep {padding:0px; margin:0px; height:1px; color: black; background-color: black; border: none; border-bottom: 1px solid black;}
.printintense {font-weight:bold; }
abbr {text-decoration:none; }
a:link, a:visited, a:active {color:darkblue; text-decoration:none; }
a:hover {color:green; text-decoration:none; }
a[href^="#"]:after {display:none; }	
div.stamp {z-index:999;}
.collapsible_collapsed {display: none;}
input.messagewarn, textarea.messagewarn, select.messagewarn {color:black; }
input.messagefatal, textarea.messagefatal, select.messagefatal {color:black; }
}

/*  Tool tips for abbr taqs - via the title attribute */
abbr:hover {cursor: help; background: #E0E0E0;}

/*  Tool tips */
.ttlink {position:relative; z-index:inherit; }
a.ttimage:link, a.ttimage:active, a.ttimage:visited {position:relative; z-index:inherit; text-decoration:none; }
a.ttimage span.ttip, a.ttimage div.ttip, a.ttlink span.ttip {display:none; }
a.ttimage:hover, a.ttlink:hover {z-index:inherit; text-decoration:none; }
a.ttimage:hover span.ttip, a.ttimage:hover div.ttip, a.ttlink:hover span.ttip
  { display:block; margin:0px; padding:3px; text-align:left; color:black; 
    text-decoration:none; position:absolute; top:1em; 
    border:solid 2px gray; background:#E0E0E0; z-index:10;
    -webkit-border-radius:1em; border-radius:1em;
    -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .3); box-shadow:0 1px 3px rgba(0, 0, 0, .3);
  }
a.ttimage img {border:none; }

/* gaw popout menu */
span.gwpopout, span.gwpopoutl {position:relative; font-weight: bold; color: darkblue;}
span.gwpopout div, span.gwpopoutl div 
{ display: none; margin:0px; padding:.5em; text-align:left;
  color:black; background:#E0E0E0; width: 25em;
  border:solid 2px gray; -webkit-border-radius:1em; border-radius:1em;
}
span.gwpopout:hover div, span.gwpopoutl:hover div {display:block; position:absolute; top:.5em; z-index: 1;}
span.gwpopoutl div {text-align:right;}
span.gwpopout:hover div  {left:1em;}
span.gwpopoutl:hover div {right:2em;}
span.gwpopout img, span.gwpopoutl img {border:none; vertical-align: middle;}

/* menu styles */
#nav { display:none; position:absolute; z-index:5; padding:0px; border:none; background:#f9f9f9; text-align:left;
  min-width:20em; max-height: 74vh; overflow: auto; }
#nav a { font-size:1.2em; padding:3px; color:black; text-decoration:none; display:block; font-weight:normal; }
/* override size if a small screen */
@media screen and (max-device-width: 20cm) {
#nav { min-width:25vh; }
#nav a { font-size:2vh; }
}
#nav li { list-style:none; }
#nav li:hover > a { background:#205078; color:white; }
#nav ul { margin:0px; padding-left:5px; padding-right:5px; border:solid 1px gray; 		  
          -webkit-border-radius:14px; 
		  border-radius:14px;
          -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .3); 
		  box-shadow:0 1px 3px rgba(0, 0, 0, .3);}
#nav ul ul { border: solid 1px blue;}
#nav ul ul ul { border: solid 1px red; }

.gwchat {display:none; position:absolute; z-Index:33333; background:#ffc; border:1px solid black; padding:.5em; top:20%; left:25%; width:50%}
.gwchat textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}