/* Stylesheet for NEODAAS Website */


/** GENERAL PAGE / LAYOUT **/
html {
  /* overflow: scroll; does the same as -moz-scrollbars-vertical, but
   makes the scroll bars appear on both horizontal and vertical axis */
  overflow-y: scroll;
}

body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  background-color: #fff;
  color: #000;
  padding:0px;
  margin-top:1em;
  margin-bottom:1em;
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  /* Makes Mozilla vertical scrollbar always present,
  but fails validation. Also prevents horizontal scrollbar
  from appearing (Is there a -moz-scrollbars-horizontal?).
  overflow:  -moz-scrollbars-vertical; */
}

#content_container {
  width: 950px;
  margin: 0px;
  padding: 0px;
  clear: both;
}

#content_div {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin-top: 1em;        /* IE5 */
  background-color:#fff;
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 0em;
  }
  html>body #content {
  margin-top: 1em;       /* IE6/FFOX */
  /*margin-left: 0em;*/
}

#innercontent {
  padding: 10px;

  /* Overflow is used to fix <div> truncation in Firefox 1.0.8
     on the example page, not reproducable in Firefox 1.5 */
  overflow: visible;
}


div.example_image {
  float: left;
  margin: 0.5em;
}

div.example_text {
}

div.example_cont {
  width: 100%;
}

/** IMAGES **/
img {
  border: 0;
  padding: 0em;
  margin: 0em;
}

img.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

img.thumbnail {
  display:block;
  margin-left:auto;
  margin-right:auto;
}


/** LINKS **/
a {
  color: #00b;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  color: #e2144a;
  text-decoration: none;
}

a.external {
   background: url(/images/external.png) center right no-repeat;
   padding-right: 13px;
}

a.external:hover {
   background-color: #00b;
   background: url(/images/external.png) center right no-repeat;
   padding-right: 13px;
}

/** TEXT STYLES **/
h1 {
  display: block;
  border-bottom: 1px solid #aaa;
  padding: 0;
  padding-bottom: 3px;
  margin: 0px;
  margin-bottom: 15px;
  font-size: 120%;
}

h2 {
  display: block;
  border-bottom: 1px solid #aaa;
  padding: 0;
  padding-bottom: 3px;
  margin: 0 0 15px 0;
  font-size: 110%;
}

h3 {
  font-size: 105%;
  display: block;
  padding: 0;
}

h4 {
  font-size: 100%;
  padding: 0;
  margin: 0;
}

.thumbnail p {
  clear: both;
}
h1.cruise {
   background: #C2D2FF; 
   border: 2px solid #00b; 
   padding: 5px;
   margin-bottom: 0;
   font-size: 120%;
   text-align: center;
}

/** LISTS **/
ul {
  list-style: square;
  margin-left: 1em;
  padding-left: 1em;
}


li {
  margin-bottom: 0.5em;
}

ul.pubs {
  text-indent: -1em;
}


/** TABLES **/
td#nav_menu_tbl {
  width: 175px;
  padding: 0em;
  margin: 0em;
  vertical-align: top;
}

td#content_tbl {
  padding: 0em;
  margin: 0em;
  vertical-align: top;
}

table.examples td {
  padding-right: 0.25em;
  vertical-align: top;
}

td.fixed_width {
  width: 350px;
}

table {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  text-align: left;

}


/*
table ul {
  margin:0px;
}

table li {
  margin-top:0.5em;
}

table td {
  font-size: 10pt;
  padding: 3px;
}

.border td {
  border: 1px solid #555;
}
*/

td.cruise {
   background: #C2D2FF; 
   border: 2px solid #00b; 
   padding: 5px;
   margin-bottom: 0;
   font-size: 120%;
   text-align: center;

}

th.cruise {
   text-align: center;
   padding: 5px;
   background: #F0F8FF;

}

/** LEFT MENU **/
#nav_menu_div {
  overflow: hidden;
  width: 175px;
  padding: 0px;
  padding-left: 0.25em;
  margin: 0px;
  margin-top: 1em;
  margin-left: 0.5em;
  /* margin-right: 0.5em; Re-enable if NERC logo is removed. */
  background-color: #C2D2FF;
}

a.nav_link {
  display: block;
  padding: 0.25em;
  margin: 0em;
  margin-left: 0.25em;
  line-height: 1.5em;
}

a.nav_current {
  display: block;
  padding: 0.25em;
  margin: 0em;
  margin-left: 0.25em;
  color: #e2144a;
}

/** STATUS INDICATOR **/

#status_div {
  overflow: hidden;
  width: 174px;
  margin: 0px;
  margin-top: 1em;
  margin-left: 0.5em;
  background-color: #D5E2ff;
  border: 2px solid #C2D2FF;
  text-align: center;
}

img.process_stat {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  padding-top: 4px;
}

/** EXTRA CLASSES **/
.boxheader {
  display: block;
  padding: 4px;
  margin: 0;
  background-color: #8ca7dc;
  color: #fff;
  font-weight: bold;
}

.thumbnail {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 20px;
  margin-bottom: 85px;
  font-size: 10pt;
  font-family: verdana, arial, helvetica, sans-serif;
  padding: 0px; 
  float: right; 
  width: 264px; 
  text-align:center; 
  border: solid 1px #1042ad; 
  background-color: #e6ecff;
}

.caption {
  font-size: 7pt;
}

.grey {
  font-style: italic;
  color: #ccc;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right:auto;
}

.block {
  display: block;
}

.right {
  float: right;
}

.left {
  float: left;
}

.lowval {
  color: #0080ff;
}

.highval {
  color: #ff0000;
}

.button {
  text-align:center;
  display:block;
  padding:5px;
  border-top: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  border-bottom: 2px solid #c7c7c7;
  border-right: 2px solid #c7c7c7;
  background-image: url(images/button_arrow.gif);
  background-position: top right;
  background-repeat: no-repeat;
}

.button:hover {
  border-top: 2px solid #c7c7c7;
  border-left: 2px solid #c7c7c7;
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-color:#f5f5f5;
}

#copyrightFooter {
   font-size: 9pt;
   padding-top: 1.5em;
}

/** Index page images **/

#webcam {
font-family: verdana, arial, helvetica, sans-serif;
text-align:center; 
background-color: #e6ecff;
}

#ssttext {
margin-top:-1px; 
font-size: 8pt; 
height: 12px;
}

.animtext {
margin-top:-1px; 
font-size: 8pt; 
height: 12px;
}

#anim {
padding: 0 2px 0 2px;
}

p.FigReference {
   padding-left:3em;
   text-indent: -3em;
   margin-top: -7px;
   line-height: 1.2em;
}

.help_text {
   margin-left: 25px;
   width: 900px;
}

.help_text li {
   margin-left: 50px;
}
.help_text img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.Reference {
   padding-left:3em;
   text-indent: -3em;
   margin-top: -7px;
   line-height: 1.2em;
}

.ReferenceDundee{
   padding-left:3em;
   text-indent: -3em;
   margin-top: -7px;
   line-height: 1.2em;
}

#borderline {
   border-top: 1px solid #aaa;
   padding-top: 10px;
}

address {
   margin-left: 2em;
   margin-top: 2em;
   font-weight: bold;
}

/* 
 * News CSS.  Used by pages which show a full list of news, NOT just a single
 * item
 */
h2.news {
   color: #C2D2FF;
   font-size: 140%;
   font-weight: bold; 
   margin-bottom: 1em;
   margin-top: 1em;
}

th.news {
   white-space: nowrap;
   background: #C2D2FF; 
   color: #00b;
}

a.news_navigation {
   color: #000;
}

a.news_navigation:hover {
   text-decoration: underline;
}

a.news_navigation_light {
   color: #000;
}

a.news_navigation_light:hover {
   text-decoration: underline;
}

.news_important {
   background: #f0e8f9;
}

.news_border {
   border: solid 2px #C2D2FF;
}

table.normal {
   padding: 0;
   margin-left: auto;
   margin-right: auto;
   border-bottom: 2px solid #00b;
   border-right: 2px solid #00b;
   border-collapse: collapse;
}

table.normal tr {
}

table.normal th {
   background: #C2D2FF;
   color: #00b;

   padding: 0.25em;
   border: 1px solid #00b;
}

table.normal td {
   padding: 0.25em;
   border: 1px solid #00b;
   text-align: left;
}

table.normal td.no_border {
   border: 0;
}

table.normal ul {
   /*margin-left: 0;
   padding-left: 0;
   list-style: none;*/
   padding: 0;
   margin: 0 0 0 1em;
}

table.normal li {
   padding-bottom: 0.25em;
}

table.normal td.nowrap, table.normal th.nowrap {
   white-space: nowrap;
}

table.center th, table.center td {
   text-align: center;
}

table.thumbnail_and_meta {
   margin-left: auto;
   margin-right: auto;
   padding: 0;
   border-bottom: 2px solid #00b;
   border-right: 2px solid #00b;
   border-collapse: collapse;
}

table.thumbnail_and_meta tr {
}

table.thumbnail_and_meta th {
   background: #C2D2FF;
   color: #00b;

   padding: 0.05em;
   border: 1px solid #00b;
   font-size: 9pt;
}

table.thumbnail_and_meta td {
   padding: 0.05em;
   border: 1px solid #00b;
   font-size: 9pt;
}

div.form_columns {
   text-align: center;
   margin-bottom: 1em;
   border: 1px solid #00b;
   background: #C2D2FF;
   padding: 5px;
}


.form_columns div,
.form_columns h1,
.form_columns h2,
.form_columns h3,
.form_columns p {
   text-align: left;
   clear: both;
}

.form_columns div,
.form_columns p {
   margin-top: 0;
   margin-bottom: 0; 
}

.form_columns span {
   white-space: nowrap; 
   overflow: hidden;
   float: left;
   width: 13em;
}

.form_columns span.overflow {
   white-space: normal; 
}

.form_columns span.narrow, .form_columns div.narrow {
   width: 7em;
}

.form_columns input.wide, 
.form_columns select.wide, 
.form_columns textarea.wide,
.form_columns div.wide,
.form_columns span.wide {
   width: 300px;
}

.form_columns input.full_width, 
.form_columns select.full_width, 
.form_columns textarea.full_width,
.form_columns div.full_width,
.form_columns span.full_width {
   width: 100%;
}

.form_columns textarea {
   height: 200px;
}

/*.form_columns .left {
   float: left;
   width: 13em;
}

.form_columns .right {
   float: right;
   text-align: right;
   width: 150px;
}

.form_columns .text {
   width: 150px;
}
*/

/* 
 * Product_list CSS.  Used by pages which display product lists
 */

table.product_list {
/*   border-collapse: collapse; */
   border-width: 1px;
   border-style: solid;
   border-color: #00b;
}

table.product_list th {
   background: #C2D2FF; 
}

table.product_list th, table.product_list td {
   /**border: 1px solid #004411;**/
   border-width: 1px;
   border-style: solid;
   border-color: #00b;
}

table.product_list th.area {
   background: #C2D2FF;
}
table.product_list th.time {
   background: #C2D2FF;
}
table.product_list th.satellite {
   background: #C2D2FF;
}
table.product_list td.product {
   background: #C2D2FF;
}

td.left_col {
   border-right: 0px;
   /*background: #0000FF;*/
}

td.right_col {
   border-left: 0px;
}

table.product_list .crosshatch {
   background-image: url(/images/crosshatch.png);
   background-repeat: repeat;
   border-style: none;
}

table.product_list td.first_row {
   border-top-style: solid;
}
table.product_list td.last_row {
   border-bottom-style: solid;
}

div.center form {
   margin: 0 auto; 
   text-align: left;
   padding: 10px;
}

#login {
}

#login form {
   width: 250px;
}

#login div {
   clear: both;
}


.login_label {
   white-space: nowrap; 
   overflow: hidden;
}

.login_item {
}

.left {
   float: left;
   width: 90px;
}

.right {
   float: right;
   text-align: right;
   width: 150px;
}

.text {
   width: 150px;
}

.popup_target {
   display: none;
}
.popup_trigger:hover .popup_target {
   position: relative;
   top: 0em;
   display: block;
   float: left;
   width: 100%;
}
.popup_trigger .popup_hide_trigger {
   visibility: visible;
}
.popup_trigger:hover .popup_hide_trigger {
   visibility: hidden;
}

ol.alpha{
   list-style-type: lower-alpha;
}

.bordered {
   border: 1px solid #ccc;
}

div.navlist_container {
   padding: 0;
   padding-right: 1em;
   margin: 0;
   margin-bottom: 1em;
   border-bottom: 1px solid #778; /* The line which goes across the bottom of
                                     the tabbed navigation */
}

#navlist {
   padding: 0;
   margin: 0;
   font-weight: bold;
   line-height: normal;
   border: 1px solid #fff; /* So that IE Win doesn't add a gap between the
                                 UL and the border on the surrounding DIV */
}

#navlist li {
   list-style: none;
   margin: 0 0 0 2px;
   padding: 0;
   float: left;
}

#navlist li a {
   font-size: 7pt;
   color: #FFFFFF;
   background: #00b;
   padding: 1px 0.5em 1px 0.5em;
   margin: 0;
   border: 1px solid #00b;
   border-bottom: 1px solid #337733;
   text-decoration: none;
   white-space: nowrap;
}

#navlist li a:hover {
   color: #00b;
   background: #C2D2FF;
   border-color: #00b;
   border-bottom: 1px solid #C2D2FF;
}

#navlist li a#current {
   background: #C2D2FF;
   border-bottom: 1px solid #00b;
   color: #00b;
}

.clearboth {
   clear: both;
}

#form_login {
   line-height: 1.3em;
   clear: both;
   padding-top: 2px;
   padding-left: 1em;
   padding-right: 0em;
}

#form_login form, #form_login p {
   font-size: 90%;
   display: inline;
   padding: 0;
   margin: 0;
}

#form_login * {
   font-size: 8pt;
}

#form_login input {
   margin: 0;
   border: 1px solid #00b;
   font-weight: bold;
}



#form_login .login_button, #form_login #register_button {
   background-color: #C2D2FF;
   color: #00b;
   padding: 0px;
}

#form_login .login_button:hover, #form_login:hover #register_button:hover{
   background-color: #00b;
   color: #C2D2FF;
   padding: 0px;
}

#logout_link {
   color: #00b;
}

#logout_link:hover {
   color: #e2144a;
}

#login_box {
margin: 8px 0 0 -7px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 5px;
background-color: #e6ecff;
height: 225px;

}

#logout_button{
   font-size: 8pt;
   background-color: #C2D2FF;
   border: 1px solid #00b;
   font-weight: bold;
   padding-left:2px;
   padding-right: 2px;
}

#logout_button:hover{
   background-color: #00b;
   color: #C2D2FF;
}