body 
{
    margin: 0;
    padding: 0;
    border: 0;
    font: smaller verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif; 
    background: #3690c0;
}

body.toolMenuPage
{
    background: #045a8d;
    color: #d0d1e6;
    /*background-image: url(/static/images/toolsExpandingMenu.gif);*/
    background-repeat: no-repeat;
    background-position: bottom right;
}

body.toolMenuPage a
{
    color: #ece7f2;
}

body.toolMenuPage a:hover
{
    color: white;
}

body.historyPage
{
    background: #045a8d;
    color: #d0d1e6;
    /*background-image: url(/static/images/history.gif);*/
    background-repeat: no-repeat;
    background-position: bottom right;
}

body.historyPage a
{
    color: #ece7f2;
}

body.mastheadPage
{
    background: #023858;
    background-image: url(/static/images/hatch-fade-023858.gif);
    background-position: bottom;
    color: white;
}

body.mastheadPage a
{
    color: #ece7f2;
}

div.pageTitle
{
    font-size: x-large;
    font-weight: bold;
}

div.pageTitle a:link, div.pageTitle a:visited, div.pageTitle a:active, div.pageTitle a:hover
{
    text-decoration: none;
}

/*
6 class diverging BrBG

br2: #8c510a
br1: #d8b365
br0: #f6e8c3
gr0:  #c7eae5
gr1:  #5ab4ac
gr2:  #01665e
*/

/* 

Dark to light: 

Blues
-----

0: #023858
1: #045a8d
3: #0570b0
4: #3690c0
5: #74a9cf
6: #a6bddb
7: #d0d1e6
8: #ece7f2


*/

h1, h2, h3 
{ 
    color: white;
}    

hr
{
    border: none;
    border-bottom: dotted white 1px;
}

div.toolMenu
{
  margin: 10px;
}

div.toolDivider
{
  padding-top: 5px;
  padding-bottom: 5px;
}

div.toolSectionDetailsInner
{ 
  margin-left: 10px;
  margin-right: 10px;
}

div.toolSectionTitle
{
  padding-bottom: 5px;
  font-weight: bold;
}

/*div.toolSectionBg 
{
	background: #0570b0;
}*/

div.toolTitle
{
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 16px;
  margin-right: 10px;
  display: list-item;
  list-style: square outside;
}

div.toolForm
{ 
  margin: 10px;
}

div.toolFormTitle
{ 
  background: #d8b365;
  font-weight: bold;
  padding: 5px;
}

div.toolParamHelp
{
  font-style: italic;
}

div.toolFormBody
{ 
  background: #f6e8c3;
  padding: 5px;
}

td.errorMessage
{
    color: #b30000;
}

div.toolHelp
{ 
  margin: 10px;
}

div.toolHelpBody
{ 
  background: white;
  padding: 5px;
}

div.historyItem
{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    border-bottom: dotted #d0d1e6 1px;
}

div.historyItemBody div
{
    padding-top: 2px;
}

pre.peek
{
    background: #f6e8c3;
    color: black;
    width: 100%; 
    overflow: auto;
}

div.document
{
    margin: 10px;
}

select
{
    max-width: 300px;
}

.errormessage, .warningmessage, .donemessage, .infomessage 
{
    margin: 10px;
    padding: .33em 0 .67em 42px;
    min-height: 32px;
    border-top: 5px solid #900;
    border-bottom: 5px solid #900;
    /* border-left: 1px solid #900; */
    /* border-right: 1px solid #900; */
    background: white;
    background-image: url(/images/icon_error_lrg.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}

.warningmessage 
{
    background-image: url(/images/icon_warning_lrg.gif);
    border-color: #c60;
}

.donemessage 
{
    background-image: url(/images/icon_success_lrg.gif);
    border-color: #090;
}

.infomessage 
{
    background-image: url(/images/icon_info_lrg.gif);
    border-color: #069;
}

.errormark, .warningmark, .donemark, .infomark, .ok_bgr, .err_bgr
{
    padding-left: 20px;
    min-height: 15px;
    background: url(/images/icon_error_sml.gif) no-repeat;
}

.warningmark 
{
    background-image: url(/images/icon_warning_sml.gif);
}

.donemark 
{
    background-image: url(/images/icon_success_sml.gif);
}

.infomark, .ok_bgr
{
    background-image: url(/images/icon_info_sml.gif);
}

table.colored td
{
    padding: 5px;
}

table.colored tr.header
{ 
  background: #d8b365;
  font-weight: bold;
}

table.colored tr
{ 
  background: #f6e8c3;
}

div.debug
{
    margin: 10px;
    padding: 5px;
    background: #FFFF99;
    border: solid #FFFF33 1px;
    color: black;
}
    
#footer {
  position: fixed;
  background: #023858;
  width: 100%;
  left: 0px;
  bottom: 0px;
  color: white;
  z-index:10000;
  opacity:0.9;
  filter:alpha(opacity:90);
}

.footerheader
{
  padding: 5px;
  text-align:center;
  background-image: url(/static/images/hatch-fade-023858.gif);
  background-position: bottom;
}

.footermenu
{
  border-top: solid white 1px; 
}

.footermenuitem
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 25px;
    display: list-item;
    list-style: square outside;
}

.footermenumessage
{
    margin: 5px;
}