@charset "iso-8859-1";

/*Colors:
Dark green (buttons etc.) #006600
Light green (hover) #009900
Terracotta (backgrounds and text) #CC6600
Orange (hover) #CC9900
*/

/*Holly hack to remove peekaboo bug in IE:
http://www.positioniseverything.net/articles/hollyhack.html */
/* Hides from IE5-mac \*/
* html .row, .explanation, .label {height: 1%;}
/* End hide from IE5-mac */ 

div
{
display: block;
}

body {
    margin: 0;
    padding: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    color: black;
    background-color: white;
    }
h1, h2, h3, h4
{
color: #006600;
}

.newline
{
clear: left;
}

.explanation
{
clear: both;
}

p
{
margin-top: 0;
}

a
{
color: #006600;
}

a:hover
{
color: #CC6600;
}

a:visited
{
color: #CC0000; /*red*/
}

table
{
border-color: #CC6600;
}

thead
{
background-color: #CC9900;
color: #006600;
font-weight: bold;
}

#header
{
background-color: #CC9900;
margin: 0;
padding: 0;
height: 80px;
}
.image
{
float: left;
}

.image_captioned
{
float: left;
border: 1px solid #666;
}

div.scroller
{
height: 5em;
overflow: auto;
}

.entry
{
clear: left;
margin-top: 10px;
border-top: 1px solid black;
}

.thumbnail
{
float: left;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}
.listnav
{
text-align: right;
display: inline;
float: right;
clear: both;
}

.beside_nav
{
display: inline;
float: right;
clear: both;
}

p.instructions
{
color: #CC0000; /*red*/
clear: left;
}

p.error
{
color: #CC9900; /*orange*/
}

.fineprint
{
font-size: 75%;
}

.alert
{
color: #CC0000;
}

.OK
{
color: #009900;
}

#byline
{
font-style: italic;
}

#rightcolumn
{
width: 50%;
float: left;
}

#leftcolumn
{
width: 50%;
float: left;
}

#show_tree
{
display: none;
}
form
{
background-color: #CC9900;
border: 2px black inset;
}

#currency_chooser
{
background-color: #CC9900;
}
#controls
{
float: left;
}
#logo
{
background-color: #CC9900;
  width: 80px;
  height: 80px;
  float: left;
}
#logo a
{
text-decoration: none;
}
#tagline
{
float: left;
height: 40px;
width: 350px;
float: left;
}

#utility
{
float: left;
height: 40px;
}

#nav
{
/*background-color: #CC9900;*/
float: left;
}

#navbar
{
    position: absolute;
    height: 40px;
    width: 90%;
    left: 80px;
    top: 40px;
    margin-left: 2px;
    padding: 5px;
    float: left;
}
#navbar li
{
    width: 5.5em;
}

#subnav
{
    clear: left;
    background-color: #CC9900;
    display: inline;
    width: 100%;
    left: 0px;
    margin-left: 0px;
    padding: 0px;
    border-bottom: 1px black inset;
    font-size: 80%;
}

#subnav li
{
    width: 5.5em;
}

ul.nav li
    {
    margin: 0px 1px 0px 1px;
    padding: 1px 0px 0px 0px;
    list-style: none;
    white-space: nowrap;
    /*float: left;*/
    display: inline;
    text-align: center;
    /*Following from the buttons style */
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#006600;
   border:1px solid;
   border-top-color:#CC9900;
   border-left-color:#CC9900;
   border-right-color:#CC3300;
   border-bottom-color:#CC3300;
   }
ul.nav li a:hover
    {
    color: #CC9900;
    }
ul.nav li a
    {
    text-decoration: none;
    color: white;
    }
ul.nav li a:visited
    {
    color: #CC9900;
    }
ul.nav li.select
    {
    background-color: #999999;
    color: silver;
    border-style: inset;
    border-color: grey;
    }
#pagenav
{
    display: inline;
    width: 100%;
    left: 0;
    margin-left: 2px;
    float: left;
}

#wizard_progress li
{
display: inline;
list-style-type: none;
padding: 5px;
border-right-color: black;
border-right-style: inset;
border-right-size: 2px;
text-align: center;
font-weight: bold;
}

#wizard_progress li.completed
{
background-color: #006600;
color: #CCC; /*grey*/
}

#wizard_progress li.part_completed
{
background-color: #006600;
color: #CC6600;
}

#wizard_progress li.uncompleted
{
background-color: #CC6600;
color: #006600;
}


#tabs
{
    float: left;
    position: absolute;
    height: 40px;
    width: 90%;
    left: 80px;
    top: 40px;
    overflow: visible;
    white-space: nowrap;
}

#tabs ul
{
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
float: left;
}

#tabs ul li
    {
    display: inline;
    margin: 0px 1px 0px 1px;
    padding: 0.5em 0.5em 0em 0.5em;
    border: 1px black outset;
    /*width: 6.25em;*/
    /*width: 8%; */
    white-space: nowrap;
    bottom: 80px;
    list-style: none;
    float: left;
    }

#tabs ul li a
    {
    text-decoration: none;
    color: white;
    }

#tabs ul li a:hover
    {
    color: #CC9900;
    }

#tabs ul li a:visited
    {
    text-decoration: none;
    color: white;
    }
#tabs li.select
{
    background-color: #CC9900;
    color: #006600;
    border-style: outset;
    font-weight: bold;
    border-bottom: none;
}

#tabs li.select a:hover
       {
       color: #006600;
       }


/*
#login
{
background-color: #CC9900;
display: block;
float: left;
top: 4em;
height: 2em;
width: 100%;
}
#login a
{
color: white;
}
*/
#preview
{
width: 100%;
height: 100%;
background-color: white;
}

#user_controls ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#user_controls li
{
margin: 0 0 .2em 0;
}

#user_controls a
{
display: block;
color: #006600;
background-color:#CC9900;
width: 50%;
padding: .2em .8em;
text-decoration: none;
}

#user_controls a:hover
{
color: #006600;
background-color: #CC9900;
}

#sidebar table
{
border-color: black;
border: 0;
border-style: groove;
background-color: #CCCCCC;
}

/*From ALA: http://www.alistapart.com/articles/practicalcss/ - replaces tables for form layout*/

div.row {
  clear: both;
  padding-top: 10px;
  }

span.label {
  clear: left;
  float: left;
  width: 10em;
  text-align: left;
  border: 1px inset #666;
  }

div.row span.formw {
  float: left;
  text-align: left;
  }

/*End ALA*/

.iconlist
{
list-style: none;
margin: 0;
padding: 0;
}

.trigger
{
      cursor: pointer;
      cursor: hand;
}

.branch
{
      display: block;
      margin-left: 16px;
}

.hidbranch
{
display: none;
margin-left: 16px;
}

.hidden
{
display: none;
}

.shown
{
display: inline;
}

#treenav
{
background-color: #CC9900;
display: inline;
float: left;
width: 35%;
margin-right: 5px;
border: 2px black inset;
}

#navtree
{
display: inline;
}

#treenav a
{
color: #006600;
}

#treenav a:hover
{
color: white;
}

#treenav a:visited
{
color: #CC0000; /*red*/
}

.label
{
font-weight: bold;
color: #006600;
}

.req_label
{
font-weight: bold;
color: #CC0000;
}

span.helplink
{
text-decoration: none;
border-bottom-style: dotted;
background-image: url(help.png);
background-repeat: no-repeat;
background-position: 0 50%;
}

span.hiddenhelp
{
display: none;
}

span.shownhelp
{
display: inline;
}
/*Following is from http://www.webreference.com/programming/css_stylish/ */
input.btn{
   color: white;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#006600;
   border:1px solid;
   border-top-color:#CC9900;
   border-left-color:#CC9900;
   border-right-color:#CC3300;
   border-bottom-color:#CC3300;
/*    filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');*/}
      
input.btnhov{
    color: #CC9900;
   border-top-color:#CC9933;
   border-left-color:#CC9933;
   border-right-color:#CC3333;
   border-bottom-color:#CC3333;
   }   

.hl0  { background-color: #FFFF99 }
.hl1  { background-color: #FF99FF }
.hl2  { background-color: #99FFFF }
.hl3  { background-color: #FF9999 }
.hl4  { background-color: #9999FF }
#greybox  { margin: 0 auto; background-color: #CCC; border: 1px dotted #999; padding: 1em; width: 29.25em; text-align: left }

#topmatter
{
width: 100%;
margin: 1px auto;
}

#explain
{
width: 45%;
float: left;
margin: 0;
padding: 1em;
}

#subscribe
{
float: right;
width: 45%
padding: 1em;
}

#subscribe p
{
margin: 0 0 .5em 0; 
}

#explain h1
{
margin: 0 0 .5em 0; 
}