/*  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:navy; font-weight:bold; text-align:center}
p {color:blue}

span.dataLabel {color:black;}
span.data {color:blue;}
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:navy;
  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:blue; 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:maroon; line-height:150%}
div.copyright {text-align:center; font-size:80%; color:navy; font-weight:bold; line-height:150%}
div.title {text-align:center; font-size:140%; color:navy; font-weight:bold}
div.prompt {text-align:center; font-size:110%; color:maroon; 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}

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:navy; font-weight:bold;}
td.prompt {text-align:center; font-size:110%; color:maroon; font-weight:bold;}
td.required {text-align:center; color:teal}

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

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:blue; text-align:left;}
td.dataRight {color:blue; text-align:right;}
td.dataCenter {color:blue; text-align:center;}
td.dataLabel {text-align:right;}

td.dataColor1 {color:blue; text-align:left; background-color:#E0E0E0;}
td.dataColor2 {color:blue; 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;}
.small {font-size:75%;}
.hide {display:none}

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 print {
.noprint {display:none}
.printonly { }
.fastpath {display:none}
.menu {display:none}
.cmds {display:none}
.cmds2 {display:none}
.message {display:none}
body {margin:0; background-color:white;}
form {width:100%}
div.main {background:white; overflow:visible; border-style:none; margin-left:0;}
div.cmdsTop {display:none;}
a:link, a:visited, a:active {color:blue; text-decoration:none;}
a:hover {color:green; text-decoration:none;}
a.ttimage, a.image {display:none;}
@page {margin:.5in}
}

@media screen {
.noprint { }
.printonly {display: none}
.message {color:red; text-align:left}
body {margin:0; background-color:white; height:100%;}
form {height:100%; width:100%}
div.fastpath {position:absolute; top:80%; left:0; text-align:center; font-size:90%; width:138;
  background:#B7BACE; color:blue; z-index:2}
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:#B7BACE; overflow:auto;}
a:link, a:visited, a:active {color:blue; text-decoration:underline;}
a:hover {color:green; text-decoration:underline;}
a.image:link, a.image:visited, a.image:active, a.image:hover
  {text-decoration: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, a.ttimage div, a.ttlink span {display: none}
a.ttimage:hover span, a.ttimage:hover div, a.ttlink:hover span
  {display:block; position:absolute; top:2em; border:1px solid #fc6;
  background-color:#ffc; color:#000; text-align: left; text-docoration:none;}
a.ttimage img {border:none}

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