/*  This is how to add a background image that does not scroll
  body {margin-left:0; margin-top:0; background-color:white;
    background-image: url(backgroundblue.jpg); background-attachment:fixed;}
*/

h1 {font-size:140%; color:darkblue; font-weight:bold; text-align:center;}
p {color:blue;}

span.menu {color:white;}
span.dataLabel {color:black;}
span.data {color:darkblue;}
span.highlight {color:red; font-weight:bold;}
span.allUpper {text-transform:uppercase;}
span.firstUpper {text-transform:capitalize;}
.wait {position:absolute; top:90%; left:70%; visibility:visible; font-size:150%; color:darkblue;
  opacity:.75; filter:alpha(opacity=75); background:#ffc; border-width:thin; border-style:outset;
  border-color:brown; padding:2;}
span.green {color:green; font-weight:bold;}
span.orange {color:orange; font-weight:bold;}
span.messageSuccess {color:green; background-color:white;}
span.messageInfo {color:darkblue; background-color:white;}
span.messageWarn {color:orange; background-color:white; border:0;}
span.messageFatal {color:red; background-color:white;}
span.subtle {color:gray;}
span.redact {color:black; background-color:black;}
span.xxdact {}

input.focus, textarea.focus, select.focus, option.focus {background-color:#ffc;}

.messageWarn {color:black; background-color:orange; border-width:thin; border-style:inset; border-color:orange;}
.messageFatal {color:black; background-color:red; border-width:thin; border-style:inset; border-color:red;}
select.messageFatal {color:black; background-color:white; border-width:thin; border-style:inset; border-color:red;}
option.messageFatal {color:black; background-color:red;}

div.updater {text-align:center; font-size:80%; color:darkblue; line-height:150%;}
div.copyright {text-align:center; font-size:80%; color:darkblue; font-weight:bold; line-height:150%;}
div.title {text-align:center; font-size:140%; color:darkblue; font-weight:bold;}
div.prompt {text-align:center; font-size:120%; color:darkblue; font-weight:bold;}
div.required {text-align:center; color:teal;}
div.smallwindow {position:absolute; top:50; left:160; z-index:-1;}
div.left {text-align:left;}
div.indent {margin-left: 5%; }
div.color1 {color:darkblue; text-align:left; background-color:#E0E0E0;}

table {text-align:center; empty-cells:hide; padding:0; border-spacing:0;}
table.data {text-align:center; empty-cells:hide;}

tr {padding:0;}
tr.color1 {background-color:#E0E0E0;}
tr.color2 {background-color:silver;}

td {text-align:center; color:black; padding-top:0; padding-bottom:0; padding-left:5; padding-right:5; vertical-align:top;}

td.title {text-align:center; font-size:140%; color:darkblue; font-weight:bold;}
td.prompt {text-align:center; font-size:120%; color:darkblue; font-weight:bold;}
td.required {text-align:center; color:teal;}

td.criteria {text-align:left;}
td.header {font-weight:bold; text-align:left;}

td.sectionhead {font-weight:bold; text-align:left; background-color:#B7BACE;}
td.sectionheadRight {font-weight:bold; text-align:right; background-color:#B7BACE;}

td.data {color:darkblue; text-align:left;}
td.dataRight {color:darkblue; text-align:right;}
td.dataCenter {color:darkblue; text-align:center;}
td.dataLabel {text-align:right;}

td.dataColor1 {color:darkblue; text-align:left; background-color:#E0E0E0;}
td.dataColor2 {color:darkblue; text-align:left; background-color:silver;}

td.center {text-align:center;}
td.right {text-align:right;}

.document {text-align:left; color:black;}
.bold {font-weight:bolder;}
.black {color:black;}
.nopadding {padding-bottom:0; padding-left:0; padding-right:0;}
.hide {display:none;}
.super {font-size:150%;}
.large {font-size:125%;}
.regular {font-size:100%;}
.small {font-size:75%;}
.tiny {font-size:50%;}
.fixedSuper {font-size:18pt;}
.fixedLarge {font-size:15pt;}
.fixedRegular {font-size:12pt;}
.fixedSmall {font-size:9pt;}
.fixedTiny {font-size:6pt;}
.left {text-align:left;}
.right {text-align:right;}

input.imgbutton {vertical-align:middle; cursor:hand;}

input {font-size:100%;}
select {font-size:90%;}
button {font-size:90%;}
legend {color:black; font-weight:bold;}
fieldset {color:black;}
textarea {font-size:100%;}

hr {text-align:center; width:100%;}
hr.half {width:50%;}


@media screen {
.noprint {}
.printonly {display: none;}
.message {color:red; text-align:left;}
.menu {}
body {font-family:"Arial Narrow",Helvetica,sans-serif; margin:0; background-color:white; height:100%;}
form {height:100%; width:100%;}
.enhance {background-color:#ffc;}
div.menu {background-color:#205078; color:white; font-size:75%; font-weight:bold;}
div.main {background:white; color:darkblue;}
div.cmds {background-color:#205078;}
div.fastpath {position:absolute; bottom:0; left:0; text-align:center; font-size:75%;
  width:138; background:#205078; z-index:2;}
.fastpath {color:white; font-weight:bold;}
div.cmds2 {background:white; overflow:auto; text-align:center;}
div.cmdstop {padding-left:5; padding-top:2; padding-bottom:2; margin-left:0; border-style:ridge;
  border-width:thin; text-align:left; background-color:#205078; overflow:auto;}
a:link, a:visited, a:active {color:darkblue; font-weight:bold; text-decoration:none;}
a:hover {color:green; text-decoration:underline;}
a.image:link, a.image:visited, a.image:hover, a.image:active {text-decoration:none;}
}

@media print {
.noprint {display:none;}
.printonly {}
.message {display:none;}
body {font-family:"Arial Narrow",Helvetica,sans-serif; margin:0; background-color:white;}
form {width:100%;}
.enhance {}
div.main {background:white; color:darkblue; overflow:visible; border-style:none; margin-left:0;}
div.menu {display:none;}
div.cmds {display:none;}
div.cmds2 {display:none;}
div.cmdsTop {display:none;}
div.fastpath {display:none;}
a:link, a:visited, a:active {color:darkblue; text-decoration:none;}
a:hover {color:green; text-decoration:none;}
a.ttimage, a.image {display:none;}
}

/*  Tool tips */
.ttlink {position:relative; /*this is the key*/ z-index:24;}
a.ttimage:link, a.ttimage:active, a.ttimage:visited {position:relative; /*this is the key*/ z-index:24; text-decoration:none;}
a.ttimage:hover, a.ttlink:hover {z-index:25; background-color:#ffc; text-decoration:none; border:1px solid #fc6;}
a.ttimage span.ttip, a.ttimage div.ttip, a.ttlink span.ttip {display:none;}
a.ttimage:hover span.ttip, a.ttimage:hover div.ttip, a.ttlink:hover span.ttip
  {display:block; position:absolute; top:2em; border:1px solid #fc6;
  background-color:#ffc; color:#000; text-align: left; text-decoration:none;}
a.ttimage img {border:none;}

/*  Opaque (transparent) for IE and Firefox */
.opaque {opacity:.75; filter:alpha(opacity=75);}

/* gaw popup menu */
span.gwpopup {font-weight:bold; border:none; color:darkblue;}
span.gwhover {font-weight:bold; border:none;}
td.sectionheadRight span.gwhover {float:right;}
span.gwpopup a {display:none;}
span.gwhover a {display:block; position:relative; border-top:none; background-color:#B7BACE; color: darkblue; text-decoration: none;}
span.gwhover a:hover {color:green; text-decoration:underline;}