﻿@charset "utf-8";

/**
 * Color Map:
 *   #3a9457  Headers - medium dark green. 
 *   
 */

/* Global tag modifications  */
body {
  padding: 1em; 
  max-width: 1000px; 
}
table {
  margin-bottom: 1em; 
  vertical-align: top;
}
td {
  padding: 5px 5px 5px 0; 
  vertical-align: top; 
}
th {
  padding: 5px 5px 5px 0; 
  vertical-align: top; 
  font-weight: bold; 
}
ul, ol {
  margin-left: 5px; 
}
li {
  padding-bottom: 2px; 
  list-style: square; 
}
a img {
  text-decoration: none;
}
h2, h3, h4, h5, h6 {
  font-size: 110%;
  color: #3a9457; 
  padding: 4px 0 4px 0; 
  margin:4px 0 4px 0; 
}

/* Site-wide generic classes */
.hidden {
  display: none; 
}
.center {
  text-align: center; 
}
.border {
  border: 1px solid #ccc; 
}
.border_green {
  border: 1px solid #006633; 
}
.red {
  color: #ff0000; 
}
.bg_green {
  background-color: #deefe0; 
}
.bg_white {
  background-color: #fff;
}
.footnote {
  font-size: 0.9em;
  color: #999;
}

/* Site-wide headers */
h1 { 
  font-size: 130%; 
  color: #333; 
  float: left; 
  padding: 0px; 
}
h2 {
  font-size:120%; 
  border-bottom: 1px solid #ccc; 
}
h4 {
  border-bottom: 1px solid #ccc; 
  font-weight: normal; 
}
h5 {
  font-weight: normal; 
}
h6 {
  font-weight:bold; 
  color: #000; 
}
.grayheader {
  font-size: 100%; 
  font-weight: normal; 
  color: #666; 
}

/* Top header section: logo, header text, lang dropdwown */
.header {
  padding: 0 0 1em 0; 
}

/* Top header section: header text*/
.header .title div {
  float: left; 
  width: 100%; 
  margin: 1.2em 0 0.2em 0;
  padding: 0 0 0.1em 0; 
  border-bottom: 1px solid #999; 
}

/* Top header section: text on the right side of the header */
.header .title div p {
  float: right; 
  padding: 0; 
  vertical-align: bottom; 
}

/* Top header section: language dropdown */
.langselect { 
  float: right; 
}
.langselect select {
  width: 160px;
}

/* Navigation: header used in the left nav */
h5.nav {
  margin-left: 18px; 
  margin-top: 0.5em; 
  padding-bottom: 0px;
}

/* Navigation: left nav links */
ul.nav li {
  list-style: none; 
}

/* Navigation: right nav on enterprise pages */
ul.main li {
  list-style: none; 
}

/* Navigation: currently selected item */
.selected {
  text-decoration: none; 
  font-weight: bold; 
  color:#000; 
}

/* Navigation: previously selected item */
.selected:visited {
  color: #000; 
}

/* Footer section: image, footer text */
.footer_container {
  margin-top: 2em; 
}

/* Footer section for landing pages: image, footer text */
.footer_container_landing {
  margin-top: 2em;
  text-align: center;
}

/* Footer section: footer text */
.footer {
  margin: 1em 0 0 0; 
  padding: 0.8em 0 0 0; 
  border-top: 1px solid #999; 
  color: #666; 
}

/* Tabs */
.tabselected {
  font-weight:bold; 
  background-color: #c3d9ff; 
  border-bottom: 0; 
  color: #000; 
  padding: 3px; 
  text-align: center; 
  white-space: nowrap; 
}
.tabnotselected {
  background-color: #e5ecf9;
  border-bottom:0; 
  padding:3px; 
  text-align: center; 
  white-space: nowrap;
}
.tabbody {
  border: 1px solid #c3d9ff; 
  padding: 5px; 
  border-top-width: 3px;
}
.tabselected a {
  color: #000; 
  text-decoration: none; 
}
.tabnotselected a:visited {
  color:#0000cc; 
}

/* Images: border around the screenshot */
.img_border {
  border: 1px solid #ccc; 
  padding: 2px;
}

/* Images: thumb/product images on the Earth homepage */
.img_thumb {
  margin: 0 10px 0 0; 
  border: 1px solid #ccc; 
  padding: 2px;
  background-color:#fff;
  float:left;
}


/* Enterprise round box */
.roundbox { 
  float: right; 
  width: 200px; 
  background: url(enterprise/images/rounded_left_b.gif) top left no-repeat; 
  margin: 15px 0 10px 30px; 
}
.roundbox .content {
  background: url(enterprise/images/rounded_right_b.gif) top right no-repeat;  
  padding: 5px 15px 0 15px; 
}
.roundbox .bottom {
  background: url(enterprise/images/rounded_right_b.gif) bottom right no-repeat; 
  height: 15px; 
}
.roundbox .bottom div {
  background: url(enterprise/images/rounded_left_b.gif) bottom left no-repeat;  
  height: 15px; margin: 0 15px 0 0; 
}
.content {
  padding: 1em 0.2em 0.2em 0.2em; 
}




/* Message box: yellow earth promo box */
.index_promo {
  width: 80%; 
  margin: 0.5em 0 0.5em 0; 
  padding: 5px; 
  padding-right: 25px; 
  text-align: center; 
  border: 1px solid #d2d26a;
  background-color: #ffffd9;
}

/* Message box: Earth pro contact information */
.earthpro_info {
  width: 85%; 
  margin: 0.5em 0 0.5em 0.5em; 
  padding: 15px; 
  text-align: left; 
  border: 1px solid #d2d26a; 
  background-color: #ffffd9;
}

/* Message box: no javascript error */
.error {
  border: 1px solid #990000; 
  background-color: #fff0f0; 
  padding: 5px;
  margin-bottom: 2em; 
  font-weight: bold; 
  text-align: center;
}

/* Message box: no javascript warning */
.info {
  border: 1px solid #d2d26a;
  background-color:#ffffd9;
  padding: 5px; 
  margin-bottom: 2em; 
  text-align: center;
}

/* Message box: thank you page promo */
.thanks-promobox {
  border: 1px solid #d2d26a;
  background-color: #ffffd9;
  padding: 0.5em;
  margin: 0;
}

/* Earth homepage promo div (infobox, list, etc) */
.earth_promo {
  margin-top: 5px; 
  clear:both; 
}

/* Earth homepage promo, list of new features */
.whatsnew {
  margin-left: 13px; 
  margin-top: 5px;
}

/* Download page EULA */
.eula {
  border: 1px solid #999999;
  background-color: #efefef; 
  width: 70%;
}
.eula td {
  padding: 3px;
}
.eula iframe {
  background-color: #fff; 
  border: 1px solid #ccc;
  width: 95%;
  margin: 2px;
}

/* Aagree button on download-earth.html */
.dlButton {
  font-size: 1.1em; 
  font-weight: bold; 
  padding: 5px; 
}

/* Landing page video (as on /sky/ or /ocean/*/
.landing-page-video {
  border: 1px solid #ccc; 
  padding: 5px; 
  margin-right: 1em; 
  margin-bottom: 1em;
}

/* Homepage product info (thumb, cost, description) */
.features td { 
  padding-top: 1em; 
}
.features img {
  padding: 2px; 
  margin: 2px 10px 0 0; 
  float: left; 
  border: 1px solid #ccc; 
}

/* Sighseer signup table */
.sightseer {
  border: 1px solid #006633; 
  background-color: #deefe0; 
  text-align: center; 
}
.sightseer th {
  text-align: left; 
}

/* Earth API: map container */
.map3d_container {
  border: 1px solid silver; 
  height: 340px; 
  padding: 5px; 
  margin-right: 1em;
}

/* Product comparison table */
.product_comparison {
  width: 80%;
}
.product_comparison th {
  vertical-align: middle; 
  font-size: 130%; 
}
.product_comparison td {
  vertical-align: middle; 
  height: 35px; 
}
.bg_green td{
  border-top: 1px solid #006633; 
  border-bottom: 1px solid #006633; 
}
.bg_green th{
  border-top: 1px solid #006633; 
  border-bottom: 1px solid #006633; 
}

/* Enterprise success story */
.successstory {
  margin-left: 1px; 
  margin-bottom: 1em; 
  padding: 5px; 
}





/* Tour: Scroll arrow images */
.tour-scroll {
  cursor: pointer; 
  margin-top: 30px; 
}

/* Tour: Table containing a set of thumbnails */
.tour-filmstrip {
  text-align:center; 
  width: 100%; 
}

/* Tour: Container for the thumbnail */
.tour-filmstrip td {
  width: 17% 
}

/* Tour: Achor (a href) element containing thumbnail and its description */
.tour-thumb { 
  text-decoration: none; 
}
.tour-thumb img { 
  border: 2px solid #cadef4; 
}
.tour-thumb span {
  text-decoration: underline; 
}

/* Tour: mouse over thumbnail styling */
.tour-thumb-over {
  text-decoration: none; 
}
.tour-thumb-over img {
  border: 2px solid #ffaa11; 
}
.tour-thumb-over span {
  text-decoration: underline; 
}

/* Tour: selected thumbnail */
.tour-thumb-selected {
  text-decoration: none; 
}
.tour-thumb-selected img {
  border: 2px solid #ffaa11; 
}
.tour-thumb-selected span {
  font-weight: bold;
  color: #000;
}

/* Content associated with a thumbnail */
.tour-content {
  padding-left: 1em; 
}
.tour-content h3 {
  margin-top: 0; 
  padding-top: 0;
}









/*** Outreach styles ***/

/* Blog feed on the Outreach homepage */
.infobox {
  border: 1px solid #ddd; 
  padding: 0.5em; 
  height: 21.5em; 
  background: url(images/latlong_logo.png) no-repeat right bottom; 
}  
.infoboxHead {
  border: 1px solid #ddd; 
  border-bottom: 0px;
  padding: 0.1em 0.5em 0.3em 0.5em; 
  margin-top: 30px;
  height: 1em;
  font-weight: bold;
  background-color: #EFFFF6;
}

/* Example container in get started with google maps */
.slide {
  text-align: center; 
}
.slide img {
  padding: 5px; 
}

/* Case studies screenshots */
.case_study_r {
  float: right; 
  padding: 5px 10px 10px 10px; 
  text-align: center; 
  font-size: 80%; 
}
.case_study_r a {
  color: #999; 
}
.case_study_l {
  float: left; 
  padding: 5px 10px 10px 0; 
  text-align: center; 
  font-size: 80%; 
}
.case_study_l a {
  color: #999; 
}


ul.breadcrumbs  {list-style: none; margin-left: 0px; padding-left: 0px; }
ul.breadcrumbs li {display: inline; padding-right: 5px; }















