@charset "utf-8";

html, body {
  margin:    0;
  padding:   0;
  height: 100%;
  background: transparent url(../images/layout/stary_bg.jpg) repeat;
}

body, td, th {
  color: #000000;
  font-family: Tahoma, Verdana, Arial, sans-serif, Helvetica;
  font-size: 10pt;
}

a, a:visited {
  color: #0000FF;
}

table  { 
  border-spacing: 0px;
}

tr, td {
  vertical-align: top;
}

span.h1 { 
  font-size: 2em; 
  font-weight: bolder; 
  margin: .67em 0 
}

span.h2 { 
  font-size: 1.5em; 
  font-weight: bolder;
  margin: .75em 0 
}

span.h3  { 
  font-weight: bolder;
  font-size: 1.17em; 
  margin: .83em 0
}

div#backgroud_overlapping_layer {
/*  background: transparent url(../images/layout/vertical_fade_bg.png) repeat-x;*/
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  
}
div#body {
  height:      100%;
  min-width:  900px;
  width:       100%;
  background: transparent url(../images/layout/vertical_fade_bg.png) repeat-x;
  
}

#layout_glass_wrapper {
  width: 100%;
}

.spacer {
  width: 5px;
  min-width: 5px;
}


#layout_glass_table, tr.layout, tr.layout td.layout  {
  margin:           0;
  padding:          0;
  border:           0;
  border-spacing: 0px; 
}

#layout_glass_table {
   width:               100%;
   padding:              5px;
   border-collapse: collapse;
   margin-bottom:        5px;
}


#layout_glass_top_left {
  background: transparent url(../images/layout/glass_top_left_corner.png) no-repeat left top;
  height: 32px;
  width:  10px;
}
#layout_glass_top_center {
  background: transparent url(../images/layout/glass_top_center.png) repeat-x left top;
  height: 32px;
  margin:  0px;
  vertical-align: middle;
}
#layout_glass_top_right {
  background: transparent url(..//images/layout/glass_top_right_corner.png) no-repeat right top;
  height: 32px;
  width:  10px;
}
#layout_glass_bottom_left {
  background: transparent url(..//images/layout/glass_bottom_left_corner.png) no-repeat left bottom;
  height: 10px;
}
#layout_glass_bottom_center {
  background: transparent url(..//images/layout/glass_bottom_center.png) repeat-x left bottom;
  height: 10px;
}
#layout_glass_bottom_right {
  background: transparent url(..//images/layout/glass_bottom_right_corner.png) no-repeat right bottom;
  height: 10px;
}
#layout_glass_middle_left {
  background: transparent url(..//images/layout/glass_middle_left.png) repeat-y left top;
  height: 10px;
}
#layout_glass_middle_right {
  background: transparent url(..//images/layout/glass_middle_right.png) repeat-y right -28px; /* offset is to make the transition cleaner */
  height: 10px;
}
#layout_glass_middle_center {
  background: transparent url(..//images/layout/glass_middle_center.png) repeat;
}

div.page_title {
  margin-left:       5px;
  font-size:        120%;
  color:            #fff;
  display:        inline;
  vertical-align: middle;
}
div.search_wrapper {
  float:       right;
  margin-right: 10px;
  display:    inline;
}


#layout_content_table {
  margin:                 0;
  padding:                0;
  border:                 0;
  border-spacing:       0px;
  border-collapse: collapse;
  width:               100%;
  min-width:          900px;
}

/*#layout_content_table *, #layout_content_table * * {
  margin:  0;
  padding: 0;
}*/

#layout_content_top_left_corner {
  background: transparent url(..//images/layout/content_top_left_corner.png) no-repeat left top;
  height:     12px;
  width:      12px;
  min-width:  12px;
  min-height: 12px;
}
#layout_content_top_left_header {
  background: transparent url(..//images/layout/nav_background.png) repeat-y right top;
  width:        175px;
  height:        12px;
  min-height:    12px;
}
#layout_content_top_right_header {
  background: #fff;  
  height:     12px;
  min-height: 12px;
}
#layout_content_top_right_corner {
  background: transparent url(..//images/layout/content_top_right_corner.png) no-repeat right top;
  height:     12px;
  width:      12px;
  min-height: 12px;
}

#layout_content_middle_left_corner {
  background: #dedede;
}
#layout_content_middle_left_header {
  background: transparent url(..//images/layout/nav_background.png) repeat-y right top;
  vertical-align: top;
  padding-right:  5px;
  width:        175px;
  min-width:    175px;
  min-height: 500px;
  height:     500px;
}

#layout_content_middle_right_header {
  background: #fff; 
  vertical-align: top;
}
#layout_content_middle_right_corner {
  background: #fff;  
}

#layout_content_bottom_left_corner {
  background: transparent url(..//images/layout/content_bottom_left_corner.png) no-repeat left;
  height: 12px;
}
#layout_content_bottom_left_header {
  background: transparent url(..//images/layout/nav_background.png) repeat-y right top;
}
#layout_content_bottom_right_header {
  background: #fff;  
}
#layout_content_bottom_right_corner {
  background: transparent url(..//images/layout/content_bottom_right_corner.png) no-repeat right;
  height: 12px;
}

#layout_content_wrapper {
  margin:         5px;
  vertical-align: top;
  padding-left:   8px;
  padding-right:  8px;
  padding-bottom: 8px;
}

#header_wrapper {
  width:      100%;
  height:     65px;
  min-width: 900px;
}

#header_center {
  color:        #fff;
  margin-left:  95px;
}
#header_center div {
  text-align: center;
}
#header_text {
  padding-top: 5px;
  font-size:  170%;
  color:      #fff;
}
#header_sub_text {
  font-size: 100%;
  color:     #fff;
}

#header_right_logos {
  float:       right;
  left:         auto;
  right:           0;
  height:       45px;
  padding:      10px;
}

#header_left_logo {
  position: absolute;
  left:            0;
  right:        auto;
  height:       45px;
  padding:       6px;
}

#nasa_logo {
  padding-left: 5px;
}

#usgs_logo img {
 padding-bottom: 5px;
}

#usgs_logo img, #nasa_logo img, #iau_logo img {
   border: 0px;
}

#simple_search {
  vertical-align: middle;
}

#simple_search * {
  padding:     0;
  margin:      0;
  font-size: 90%;
}

#search_button {
  vertical-align: top; 
  height:  21px;
  width:   22px;
}
#search_button:hover {
  cursor: pointer;
}

#layout_content_footer {
  background:       #fff;
  padding-top:      10px;
  font-size:        100%;
  color:         #4b3f33;
  text-align:     center;
  vertical-align: bottom;
}

#layout_content_footer a  {
  padding-top:     10px;
  font-size:        90%;
  color:        #4b3f33;
  text-decoration: none;
}

#layout_content_footer a:hover {
  text-decoration: underline;
}

#simple_search_box {
  border:     none;
  color:   #000000;
  height:     21px;
  width:     150px;
  font-size: 1.2em;
}

input.search_box_empty {
  background: url(../images/layout/search_box_bg.jpg) no-repeat left center;
}

#simple_search {
  display: inline; /*To fix IE Bug, it thinks a form requires a line break...*/ 
}

li { 
  display: list-item;
}

ol { 
  list-style-type: decimal;
}

ol ul, ul ol, ul ul, ol ol { 
  margin-top: 0; 
  margin-bottom: 0;
}

ul {
  margin-left:   5px;
  padding-left: 10px;
}

#layout_content_middle_left_header ul, #layout_content_middle_left_header ul li ul {
  padding-left: 10px; 
  margin-left:   1px;
  margin-right:  0px;
  
}
div.content_spacer {
  width:     11px;
  min-width: 11px;
  height: inherit;
}

div.page_error {
  position: absolute;
  width:  100%;
  height: 100%;
  margin-left: auto;
  margin-right:auto;
  padding-top: 150px;
  font-size: 300%;
  font-weight: bold;
  background: transparent url(../images/layout/black_70percent.png);
  text-align: center;
  color: white;
  z-index: 9000;
}
div.error_subtext {
  padding-top: 20px;
  text-align: center;
  width: 100%;
  font-size: 20px;
  color: white;
  font-weight: normal;
}

div.error_description {
  text-align: center;
  
}

/** NEWS **/

table.news {
  height:       522px;
  width:        258px;
  margin-left:    7px;
  margin-right:   7px;
  border-spacing: 0px;
  border-collapse:collapse;
}
table.news tbody tr td, table.news tbody tr {
  width:        258px;
  margin:         0px;
}

table.news tbody tr td.news_header {
  background: transparent url(../images/layout/news_header_bg.png) no-repeat;
  font-size:    140%;
  color:        #000;
  height:       30px;
  margin:        5px;
  margin-bottom: 0px;
  padding:       0px;
  padding-left: 10px;
  vertical-align: middle;
}

table.news tbody tr td.news_body {
  background: transparent url(../images/layout/news_body_bg.png) repeat-y;
  vertical-align: top;
  margin:         0px;
}

table.news tbody tr td.news_footer { 
  background:  transparent url(../images/layout/news_footer_bg.png) no-repeat;
  height:        28px;
  margin:         0px;
}

table.news tbody tr td.news_footer a {
  text-align:     right;
  float:          right;
  padding-right:   10px;
  text-decoration: none;
  color:        #1f1d1d;
}

table.news tbody tr td.news_footer a:hover {
  text-decoration: underline;
  color:             #444141;
}

div.rss-box {
  vertical-align: top;
}

ul.rss-items {
  padding-left:    10px;
  padding-right:   10px;
  list-style-type: none;
}

ul.rss-items li {
  font-size:       80%;
  color:       #29628c;
  padding-bottom:  5px;
}

a.rss-item  {
  color:          black;
  font-size:      1.2em;
  text-decoration: none;
}

a.rss-item:hover {
  text-decoration: underline;
}
span.rss-date {   
  display:         block;
  padding-top:       4px;
  vertical-align: bottom;
}
p.home_page_sub_text {
  padding-left:  10px;
  padding-right: 10px;
  text-align:  center;
}
p.home_page_sub_text a {
  text-decoration: none;
  font-weight:     bold;
  color:          black;
}
p.home_page_sub_text a:hover {
  text-decoration: underline;
  color:             #52657E;
}
#top_chooser_border {
  height: 12px;
  width: 540px;  
  background: transparent url(../images/layout/chooser_top_border.png) no-repeat;
  
}
#bottom_chooser_border {
  height: 12px;
  width: 540px;
  background: transparent url(../images/layout/chooser_bottom_border.png) no-repeat;
  
}
td.chooser {
  padding:        0px;
  margin:         0px;
  border-spacing: 0px;
/*  background: transparent url(../images/spiral.png) no-repeat 0 24px;*/ /** not sure if this is going to help */
}

table.search_results {
  padding-top:    4px;
  padding-bottom: 4px;
}
table.search_results > tbody > tr:hover {
  background-color: #C5D8E0;
}
table.search_results tbody tr td {
  border-right: 1px solid #ccc;
}
table.search_results tbody tr.row_header th {
  border-right: 1px solid #ccc;
}

table.search_results tbody tr td:first-child, table.search_results tbody tr.row_header th:first-child {
  border-left: 1px solid #ccc;
}
div.searchresults_instructions {
  

}
.row_even {
  background-color: #E3ECEE;
}
.row_header th {
  background-color: #586366;
  color: white;
  border-right: 1px solid #ccc;
  vertical-align: middle;
  padding-left: 1px;
}
.last_row td {
  border-bottom: 1px solid #ccc;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}

table.table_header tbody tr td {
  border: none;
  color: #fff;
  vertical-align: middle;
}

div.sort_arrow_controls {
/*  display: inline;*/ /*So it gets the v-align */
  width:  10px;
  height: 15px;
  float: right;
}
div.result_column_text {
  float:left;
}

div.asending {
  width:  9px;
  height: 6px;
  margin-top:    2px;
  margin-bottom: 2px;
/*  background: transparent url(../images/searchResults/sort_arrow_light_up.png) no-repeat;*/
}
div.decending {
  width:  9px;
  height: 6px;
/*  background: transparent url(../images/searchResults/sort_arrow_light_down.png) no-repeat;*/
}

div.asending a, div.decending a, div.asending a img, div.decending a img {
  height: inherit;
  display: block;
}

div.decending:hover, div.asending:hover {
  cursor: pointer;
}

div.bottom_next_prev {
/*  float: right;*/
}
table.advanced_search tbody tr td {
  padding: 2px;
}
td.align_top {
  vertical-align: top;
}
form.next_prev {
  display: inline;
}

div.next_prev_buttons {
  width: 400px;
  display:inline ;
}
table.add_padding tbody tr td {
  padding: 5px;
}

sup a:hover, a.js_action:hover {
  text-decoration: underline;
  cursor:       pointer;
}
tr.deprecated td, tr.deprecated td a, span.deprecated {
  color: #7F93A7;
  font-style: italic;
}

#popup {
  position: absolute;
  display:   none;
  opacity:      0;
  z-index:     50;
  top:        240px; /** just some number to get it close */
  background-color: #C5D8E0;
  padding:    8px;
  border: 1px solid #ccc;
  
}
#add_columns {
  font-size: 120%;
  padding:    2px;
}
#csv_chooser {
  display:   none;
}
div.astroConsole {
  background: transparent url(../images/console/console_center.png) repeat-x;
  height: 101px;
}
img.astroConsoleRight {
  float: right;
}
img.astroConsoleLeft {
  float: left;
}
ul.coord_system {
  margin-bottom: 30px;
}
ul.coord_system li {
  list-style: disc outside none; 
  margin-left:             30px;
}

table.target_coord tbody tr td {
  border: 1px solid #ccc;
}

tr.featureTypesHeader th {
  text-align: left;
  font-size: 120%;
}

.loading {
  background: url("../images/ajax-loader.gif") no-repeat scroll center white;
}
div.feature_types {
  clear: both;
  float: left;
  padding-right: 10px;
}
div.html_version {
  float:right;
  display: none;
}
div.html_version a, div.html_version{
  font-size: 80%;
  font-style: normal;
  color: #000;
}
div.html_version a:hover {
/*  font-style: underline;*/
  color: #44B2F1;
}
div.olControlPanel { 
   width: 60px;
   height: 200px;
   margin: 245px 0 0 15px;
}
.olControlPanelEdit div { 
  float: left;
}
