/* Copyright (©) 2002-2004 Charles Frankel */
/*  All Rights Reserved               */
 
body {
  font-family: Verdana;
  font-family:Arial;
  color : #000066;
}
/***********************bottom-floater trick***********************/
html>body, html>body div.contents {
  height: auto;
}
div.contents {
  position: absolute;
  width:100%;
  min-height: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
div.main {
  height: auto;
  width:100%;
  text-align:center;
  padding-top: 10px;    /* enough to cover the fixed navigation above */
  padding-bottom: 32px; /* enough to cover the height of the div.bottom_floater */
}

div.bottom_floater {
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 100%;
}
div.sb_logo{
  text-align:center;
  color:black;
  font-size:11px;
}
div.sb_logo img {
    border:3px white ridge;
    vertical-align:middle;
}

/*****************************link styles*****************************/
a {
  color: blue;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
span.clickable_a {
  color:#900;
  cursor: pointer; cursor: hand; 
}
/*****************************header styles*****************************/
div.page_title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align : center;
}
div.page_subheading {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align : center;
}
div.page_subsubheading {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 6px;
  text-align : center;
}
/*****************************general styles*****************************/
table.border {
  float: left;
  text-align: center;
  border: 3px outset grey;
  background-color: #efefef;
  -moz-border-radius:25px;
  border-radius:25px;
}
.clickable {
  cursor: pointer; cursor: hand; 
}
.fixed_navigation_space {
  border: 0;
}

.fixed_navigation_element_selected {
  padding: 0 2 0 2;
  border: 3px groove grey;
  background: #d0d0d0;
  color: #b0d7ff;
  color: #606060;             /* darker grey text color */
}

.fixed_navigation_element {
  padding: 0px 2px 0px 2px;
  border: 3px groove grey;
  background: url('/icons/blue-gradient_25.png');
}

.fixed_navigation {
  text-decoration: none;
  font-weight: bold;
  cursor: pointer; cursor: hand; 
  position: absolute;
  margin: 0px;
  padding: 3px 0px 3px 0px;
  top: 0px;
  left: 8px;
  font-size:12px;
}
/* workaround suggested by http://www.w3.org/Style/Examples/007/menus.html */
body>.fixed_navigation {position: fixed;}

/*****************************tab button styles*****************************/
div.tabArea {
  clear:both;
  float:left;
  margin: 0px;
  font-weight: bold;
}
div.ns_tabArea {
  margin: 0px 30px 0px 20px;
}
    /* note that the right_tab div must proceed the left, or the left will be overlapped and not clickable */
    div.tabArea div.right {
      float: right;
    }
    div.tabArea div.left {
      float: left;
      margin-left: 20px;
    }
    div.tabArea div.center{
      float: right;
    }
    div.tabArea span.tab {
      cursor: pointer; cursor: hand; 
     
      border-style: outset;
      border-bottom-width:0px;
     
      margin: 0px 2px 0px 0px;  /* margin-right only */
      -moz-border-radius:25px 25px 0px 0px;
      border-radius:25px 25px 0px 0px;
      
      background-color: #2368b1;
      border-color: #657fca;
      color:white;

      font-family: Arial;
      font-size:12px;
      font-weight:bold;
    }
    div.tabArea span.square {
      -moz-border-radius: 0px;
      border-radius: 0px;
    }
    /* to be used as <span class="tab tab_selected"> */
    div.tabArea span.selected {
      cursor: default;
     
      margin: 0px 2px 0px 0px;  /* margin-right only */
      border-style: inset;
      
      color: #b0d7ff;
      background-color: #2368b1;
    }
    div.tabArea span.interactive {      /* e.g. slide-show button */
      float: left;
      color:green;
      margin: 0px 2px 0px 0px;  /* margin-right only */
    }
/*****************************border styles*****************************/
/* note that the border style includes the text-align attribute, which will only work with a div */
/* the style, may be used in a span an that element will be unused */
span.border {
  border-style: outset;
  background-color: #efefef;
  margin-top: 0px;
  z-index : 10;
  -moz-border-radius:25px;
  border-radius:25px;
  width:100%;
}
div.border {
  float: left;
  border-style: outset;

  background-color: #efefef;
  border-color: #2368b1;
  color:white;
  font-size:10px;

  text-align: center;
  position: relative;
  margin-top: 0px;
  z-index : 10;
  -moz-border-radius:25px;
  border-radius:25px;
}
    div.border span.title {
        width:100%;
        border-bottom:2px groove grey;
        font-size: 12px;
	font-weight:bold;
    }
    div.border span.title_ns {
        border-bottom:2px solid #D3D3D3;
    }

div.message_holder {
  position:absolute;
  width:200px;
  left:50%;
  top:5px;
  font-size:12px;
  padding-top:1px;
  padding-bottom:1px;
  margin-left:-100px;
  text-align:center;
  border: 3px groove #2368b1;
  background-color: #2368b1;
  color: #b0d7ff;
}                    
div.error_message {
  color:maroon;
  font-weight:bold;
  text-align: center;
}

div.green_info_message {
  color: #b0d7ff;
}

div.info_message {
  color: blue;
  font-weight:bold;
  text-align: center;
}

div.simple_center {
  text-align: center;
  margin-bottom: 5px;
}

/*****************************listbox styles*****************************/
table.list_border{
  border: 3px outset #2368b1;
}
table.list{
  background-color: #ffffff;
  font-size: 13px;
  border-color: #2368b1;
  clear:both;
}
    table.list span.sort_order {
      font-size:10px;
      font-weight:normal;
      color: #b0d7ff;
      cursor: pointer; cursor: hand; 
    }
    table.list th.list {
      font-size:12px;
      font-weight: bold;
      background-color: #2368b1;
      color: white;
    }
    table.list td {
     font-size:11px;
    }
    table.list td.number {
      background-color: #2368b1;
      color: white;
      font-weight: bold;
      padding-right:6px;
      padding-left:6px;
    }
    table.list td.select {
      font-weight: bolder;
    }
    table.list td.label {
      font-weight: bolder;
    }

/*****************************login styles*****************************/
div.login {
  position: absolute;
  
  border: 3px outset grey;
  padding-top:5px;
  padding-bottom: 5px;
  left:50%;
  top:50%;
  margin-left:-126px;
  margin-top:-43px;
  width:250px;
  height:84px;

  text-align:center;
  font-family:Verdana;
  font-size:16px;
  font-weight:normal;
  background-color: #2368b1;
  color:white;

}
	div.login div.username {
	  margin-bottom: 5px;
	  text-align:left;
	  width: 100%;
	}
	div.login div.password {
	  position: static;
	  padding-bottom: 4px;
	  margin-bottom: 5px;
	  text-align:left;
	  width: 100%;
	}
	div.login div.label {
	   float:left;
	   width: 100px;
	   margin-right:4px;
	   text-align: right;
	}
	div.login button.bluebutton {
	   font-size: 12px;
	}

/*****************************small_navigation*****************************/
div.small_nav {
  text-align: center;
}
    div.small_nav span.text {
      font-size: 12px;
      font-weight:bold;
    }
    div.small_nav span.left {
      cursor: pointer; cursor: hand; 
      color : #000066;
      background-color: #fefecc;
      border: solid maroon;
      border-width: 2px 1px 2px 2px; /* [top right bottom left] value replication ordering (Salmon pg 223) */
    }
    div.small_nav span.middle {
      cursor: pointer; cursor: hand; 
      color : #000066;
      background-color: #fefecc;
      border: solid maroon;
      border-width: 2px 1px 2px 0px;
    }
    div.small_nav span.right {
      cursor: pointer; cursor: hand; 
      color : #000066;
      background-color: #fefecc;
      border: solid maroon;
      border-width: 2px 2px 2px 0px;
    }
/*****************************button styles*****************************/
button.bluebutton {
  font-weight: bolder;
  background: url("/icons/blue-gradient_25.png");
  color : #000066;
  font-size: 14px;
}
/* Netscape needs to align buttons on the bottom to be even with text inputs */
button.bluebutton_ns {
  vertical-align: bottom;
  cursor: default;
}

/*****************************ns specific*****************************/
.ns_left {
  padding-left: 15px;
}
.ns_right {
  padding-right: 15px;
}

/*****************************Tree styles*****************************/
div.tree {
  text-align: left;
  float:left;
  
  font-size: 12px;
  font-weight:bold;
  font-family: Courier New;

  background-color: #2368b1;
  color:white;

  border: groove;
  padding: 0px 8px 0px 8px;
}
div.tree span.tree_selected
{
  color:#b0d7ff;
}

div.tree div.tree_title {
  font-size: 12px;
  font-family: Arial;
  font-weight:bold;
  border-bottom: 2px groove grey;
  text-align: center;
}
div.tree div.tree_title_ns {
  font-size: 14px;
  font-family: Arial;
  border-bottom: 2px solid #D3D3D3;
  text-align: center;
}
div.tree_holder {
  position: absolute; 
  text-align : center;
  
  font-size: 24px;
  font-weight: bolder;
  
  margin: 0px;
  padding: 0px;
}
div.tree_holder div.bottom {
   text-align:center;
   clear:both;
   padding: 8px 8px 0px 8px;
}

/*****************************Streambay link styles*****************************/
div.sb_link {
  position:absolute;
  margin:auto;
  bottom:10px;
}

div.sb_link a{
  font-family: Arial;
  color: white;
  font-size: 12px;
  text-decoration: none;
  margin:0 px;
  padding:0 px;

}
div.sb_link a:hover{
  text-decoration: underline;
}

.selected_popup {
  color: #000066;
}
select.tree_popup {
  font-family: Courier New;
  font-size: 12px;
  font-weight:bold;
  background-color: #efefef;
}

/*****************************control_set*****************************/
div.control_set
{
   vertical-align:top;
   text-align:center;
   margin:2px;
   color:white;
   background-color: #2368b1;
   border:2px ridge #999999;
   font-size:12px;
   font-family:Verdana;
}
    div.control_set div.title {
        background-color: #2368b1;
        width:100%;
        font-size:12px;

        border-bottom:2px groove grey;
	padding: 1px 0px 2px;
	color:white;
	font-weight:bold;
    }

td.title {
        background-color : #D3D3D3;
        font-size:16px;
        font-weight:bold;
        border-bottom:2px groove grey;
	text-align:center;
}    
    div.control_set span.title_ns {
        border-bottom:2px groove grey;
    }
    div.control_set span.label
    {
        font-size:11px;
        clear: right;
        float:left;
        font-weight:bold;
        text-align: right;
        width:180px;
        margin-right: 4px;
    }
    div.control_set span.value
    {
        float: left;
        text-align: right;
        width:90px;
        font-size:11px;
    }
    div.control_set span.units
    {
        float: left;
        margin-left: 3px;
        text-align: left;
        width:40px;
        font-size:14px;
    }