/* Bootstrapping off Closure Demo CSS */

/* ---------------------------------------------------------------------------
 * From /javascript/closure/demos/css/common.css
 */

/* Copyright 2007 Google Inc.  All Rights Reserved. */
/* Author: pupius@google.com (Daniel Pupius) */

/* Common styles used by the UI Component demos */

body {
  font: normal 10pt Arial, sans-serif;
}


/* Cross-browser implementation of the "display: inline-block" CSS property. */
/* See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details. */
/* Tested on IE 6 & 7, FF 1.5 & 2.0, Safari 2 & 3, Webkit, and Opera 9. */
/* Author: attila@google.com (Attila Bodis) */

/* Gecko hack; Pre-FF3 Gecko uses -moz-inline-box instead of inline-block. */
html>body .goog-inline-block {
  display: -moz-inline-box; /* This is ignored by FF3 and later*/
  display: inline-block; /* This is ignored by pre-FF3 Gecko */
}

/* Default rule; only Safari, Webkit, and Opera handle it without hacks. */
.goog-inline-block {
  position: relative;
  display: inline-block;
}

/* Pre-IE7 IE hack.  On IE, "display: inline-block" only gives the element */
/* layout, but doesn't give it inline behavior.  Subsequently setting display */
/* to inline does the trick. */
* html .goog-inline-block {
  display: inline;
}

/* IE7-only hack.  On IE, "display: inline-block" only gives the element */
/* layout, but doesn't give it inline behavior.  Subsequently setting display */
/* to inline does the trick. */
*:first-child+html .goog-inline-block {
  display: inline;
}

/* ---------------------------------------------------------------------------
 * From /javascript/closure/demos/css/button.css
 */

/* Copyright 2007 Google Inc.  All Rights Reserved. */
/* Author: attila@google.com (Attila Bodis) */

/* Sample native button styles (not all browsers let you change these). */
.goog-button {
  color: #036;
  border-color: #036;
  background-color: #69c;
}

.goog-button-disabled {
  border-color: #333;
  color: #333;
  background-color: #999;
}

.goog-button-hover {
  color: #369;
  border-color: #369;
  background-color: #9cf;
}

.goog-button-active {
  color: #69c;
  border-color: #69c;
}


/* Flat button styles. */
.goog-flat-button {
  position: relative;
  /*width: 20ex;*/
  margin: 2px;
  border: 1px solid #000;
  padding: 2px 6px;
  font: normal 13px "Trebuchet MS", Tahoma, Arial, sans-serif;
  color: #fff;
  background-color: #8c2425;
  cursor: pointer;
  outline: none;
  -moz-outline: none;
}

.goog-flat-button-disabled {
  border-color: #888;
  color: #888;
  background-color: #ccc;
  cursor: default;
}

.goog-flat-button-hover {
  border-color: #8c2425;
  color: #8c2425;
  background-color: #eaa4a5;
}

.goog-flat-button-active,
.goog-flat-button-selected,
.goog-flat-button-checked {
  border-color: #5b4169;
  color: #5b4169;
  background-color: #d1a8ea;
}

.goog-flat-button-focused {
  border-color: #5b4169;
}

/* Pill (collapsed border) styles. */
.goog-flat-button-collapse-right {
  margin-right: 0;
}

.goog-flat-button-collapse-left {
  margin-left: 0;
  border-left: none;
}


/* Custom button styles. */
.goog-custom-button {
  margin: 2px;
  border: 0;
  padding: 0;
  font: normal Tahoma, Arial, sans-serif;
  color: #000;
  background: #ddd url("/web/20110815095340im_/http://earthengine.googlelabs.com/images/button-bg.gif") repeat-x top left;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: default;
  outline: none;
}

/* Pseudo-rounded corners. */
.goog-custom-button-outer-box,
.goog-custom-button-inner-box {
  border-style: solid;
  border-color: #aaa;
  vertical-align: top;
}

.goog-custom-button-outer-box {
  margin: 0;
  border-width: 1px 0;
  padding: 0;
}

.goog-custom-button-inner-box {
  margin: 0 -1px;
  border-width: 0 1px;
  padding: 3px 4px;
  white-space: nowrap; /* Prevents buttons from line breaking on android. */
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-custom-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */
  left: -1px;
}
/* Pre-IE7 BiDi fixes. */
* html .goog-custom-button-rtl .goog-custom-button-outer-box {
  left: -1px;
}
* html .goog-custom-button-rtl .goog-custom-button-inner-box {
  left: 0;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-custom-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */
  left: -1px;
}
/* IE7 BiDi fix. */
*:first-child+html .goog-custom-button-rtl .goog-custom-button-inner-box {
  left: 1px;
}

/* Safari-only hacks. */
::root .goog-custom-button,
::root .goog-custom-button-outer-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: 0;
}

::root .goog-custom-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: normal;
}

/* Disabled styles. */
.goog-custom-button-disabled {
  background-image: none !important;
  opacity: 0.4;
  -moz-opacity: 0.4;
  filter: alpha(opacity=40);
}

.goog-custom-button-disabled .goog-custom-button-outer-box,
.goog-custom-button-disabled .goog-custom-button-inner-box {
  color: #333 !important;
  border-color: #999 !important;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-custom-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-custom-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

.goog-custom-button-hover .goog-custom-button-outer-box,
.goog-custom-button-hover .goog-custom-button-inner-box {
  border-color: #9cf #69e #69e #7af !important; /* Hover border wins. */
}

.goog-custom-button-active,
.goog-custom-button-checked {
  background-color: #bbb;
  background-position: bottom left;
}

.goog-custom-button-focused .goog-custom-button-outer-box,
.goog-custom-button-focused .goog-custom-button-inner-box {
  border-color: orange;
}

/* Pill (collapsed border) styles. */
.goog-custom-button-collapse-right,
.goog-custom-button-collapse-right .goog-custom-button-outer-box,
.goog-custom-button-collapse-right .goog-custom-button-inner-box {
  margin-right: 0;
}

.goog-custom-button-collapse-left,
.goog-custom-button-collapse-left .goog-custom-button-outer-box,
.goog-custom-button-collapse-left .goog-custom-button-inner-box {
  margin-left: 0;
}

.goog-custom-button-collapse-left .goog-custom-button-inner-box  {
  border-left: 1px solid #fff;
}

.goog-custom-button-collapse-left .goog-custom-button-checked
.goog-custom-button-inner-box {
  border-left: 1px solid #ddd;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-custom-button-collapse-left .goog-custom-button-inner-box {
  left: 0px;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-custom-button-collapse-left
.goog-custom-button-inner-box {
  left: 0px;
}

/* ---------------------------------------------------------------------------
 * From /javascript/closure/demos/css/menus.css
 */

/* Copyright 2007 Google Inc.  All Rights Reserved. */
/* Author: pupius@google.com (Daniel Pupius) */



/*
 * goog.ui.Menu
 */

/* State: resting. */
.goog-menu {
  background-color: #fff;
  border-color: #ccc #666 #666 #ccc;
  border-style: solid;
  border-width: 1px;
  cursor: default;
  margin: 0;
  outline: none;
  padding: 4px 0;
  position: absolute;
}

/*
 * goog.ui.MenuItem
 */

/* State: resting. */
.goog-menuitem {
  color: #000;
  font: normal 12px Arial, sans-serif;
  list-style: none;
  margin: 0;
  /* 28px on the left for icon or checkbox; 10ex on the right for shortcut. */
  padding: 4px 10ex 4px 28px;
  white-space: nowrap;
}

/* BiDi override for the resting state. */
.goog-menuitem-rtl {
  /* Flip left/right padding for BiDi. */
  padding: 4px 28px 4px 10ex !important;
}

/* State: disabled. */
.goog-menuitem-disabled {
  color: #ccc;
}

/* State: hover. */
.goog-menuitem-highlight,
.goog-menuitem-hover {
  background-color: #d6e9f8;
}

/* State: selected/checked. */
.goog-menuitem-checkbox,
.goog-menuitem-icon {
  height: 16px;
  left: 6px;
  position: absolute;
  width: 16px;
}
.goog-option-selected .goog-menuitem-checkbox,
.goog-option-selected .goog-menuitem-icon {
  background: transparent url(/web/20110815095340im_/http://earthengine.googlelabs.com/images/check.gif) no-repeat center center;
}

/* BiDi override for the selected/checked state. */
.goog-menuitem-rtl .goog-menuitem-checkbox,
.goog-menuitem-rtl .goog-menuitem-icon {
  /* Flip left/right positioning. */
  right: 6px;
  left: auto;
}

/* Keyboard shortcut ("accelerator") style. */
.goog-menuitem-accel {
  color: #999;
  padding: 0 6px;
  position: absolute;
  right: 0;
  text-align: right;
}

/* BiDi override for shortcut style. */
.goog-menuitem-rtl .goog-menuitem-accel {
  /* Flip left/right positioning and text alignment. */
  left: 0;
  right: auto;
  text-align: left;
}

/*
 * goog.ui.MenuSeparator
 */

/* State: resting. */
.goog-menuseparator {
  border-top: 1px solid #ccc;
  margin: 4px 0;
  padding: 0;
  position: relative;
}


/* goog.ui.SubMenu */

.goog-submenu-arrow {
  text-align: right;
  position: absolute;
  right: 0;
  left: auto;
}

.goog-menuitem-rtl .goog-submenu-arrow {
  text-align: left;
  position: absolute;
  left: 0;
  right: auto;
}

.goog-menuitem-disabled .goog-submenu-arrow {
  display: none;
}


/* goog.ui.FilteredMenu */

.goog-menu-filter {
  margin: 2px;
  border: 1px solid silver;
  background: white;
  overflow: hidden;
}

.goog-menu-filter div {
  color: gray;
  position: absolute;
  padding: 1px;
}

.goog-menu-filter input {
  margin: 0;
  border: 0;
  background: transparent;
  width: 100%;
}


/* goog.ui.TriStateMenuItem */

.goog-tristatemenuitem {
  padding: 2px 5px;
  margin: 0;
  list-style: none;
}

.goog-tristatemenuitem-highlight {
  background-color: #4279A5;
  color: #FFF;
}

.goog-tristatemenuitem-disabled {
  color: #999;
}

.goog-tristatemenuitem-checkbox {
  float: left;
  width: 10px;
  height: 1.1em;
}

.goog-tristatemenuitem-partially-checked {
  background-image: url(/web/20110815095340im_/http://earthengine.googlelabs.com/images/check-outline.gif);
  background-position: 4px 50%;
  background-repeat: no-repeat;
}

.goog-tristatemenuitem-fully-checked {
  background-image: url(/web/20110815095340im_/http://earthengine.googlelabs.com/images/check.gif);
  background-position: 4px 50%;
  background-repeat: no-repeat;
}


/* goog.ui.FilterObservingMenuItem */

.goog-filterobsmenuitem {
  padding: 2px 5px;
  margin: 0;
  list-style: none;
}

.goog-filterobsmenuitem-highlight {
  background-color: #4279A5;
  color: #FFF;
}

.goog-filterobsmenuitem-disabled {
  color: #999;
}

/* ---------------------------------------------------------------------------
 * From /javascript/closure/demos/css/menubutton.css
 */

/* Copyright 2007 Google Inc.  All Rights Reserved. */
/* Author: attila@google.com (Attila Bodis) */

/* Menu button styles. */
.goog-menu-button {
  margin: 2px;
  border: 0;
  padding: 0;
  font: normal Tahoma, Arial, sans-serif;
  color: #000;
  background: #ddd url("/web/20110815095340im_/http://earthengine.googlelabs.com/images/button-bg.gif") repeat-x top left;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
}

/* Pseudo-rounded corners. */
.goog-menu-button-outer-box,
.goog-menu-button-inner-box {
  border-style: solid;
  border-color: #aaa;
  vertical-align: top;
}

.goog-menu-button-outer-box {
  margin: 0;
  border-width: 1px 0;
  padding: 0;
}

.goog-menu-button-inner-box {
  margin: 0 -1px;
  border-width: 0 1px;
  padding: 3px 4px;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */
  left: -1px;
}
/* Pre-IE7 BiDi fixes. */
* html .goog-menu-button-rtl .goog-menu-button-outer-box {
  left: -1px;
}
* html .goog-menu-button-rtl .goog-menu-button-inner-box {
  left: 0;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-menu-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */
  left: -1px;
}
/* IE7 BiDi fix. */
*:first-child+html .goog-menu-button-rtl .goog-menu-button-inner-box {
  left: 1px;
}

/* Safari-only hacks. */
::root .goog-menu-button,
::root .goog-menu-button-outer-box,
::root .goog-menu-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: 0;
}

::root .goog-menu-button-caption,
::root .goog-menu-button-dropdown {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: normal;
}

/* Disabled styles. */
.goog-menu-button-disabled {
  background-image: none !important;
  opacity: 0.4;
  -moz-opacity: 0.4;
  filter: alpha(opacity=40);
}

.goog-menu-button-disabled .goog-menu-button-outer-box,
.goog-menu-button-disabled .goog-menu-button-inner-box,
.goog-menu-button-disabled .goog-menu-button-caption,
.goog-menu-button-disabled .goog-menu-button-dropdown {
  color: #333 !important;
  border-color: #999 !important;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

.goog-menu-button-hover .goog-menu-button-outer-box,
.goog-menu-button-hover .goog-menu-button-inner-box {
  border-color: #9cf #69e #69e #7af !important; /* Hover border wins. */
}

.goog-menu-button-active,
.goog-menu-button-open {
  background-color: #bbb;
  background-position: bottom left;
}

.goog-menu-button-focused .goog-menu-button-outer-box,
.goog-menu-button-focused .goog-menu-button-inner-box {
  border-color: orange;
}

.goog-menu-button-caption {
  padding: 0 4px 0 0;
  vertical-align: top;
}
/* BiDi hack. */
.goog-menu-button-rtl .goog-menu-button-caption {
  padding: 0 0 0 4px;
}

.goog-menu-button-dropdown {
  width: 7px;
  background: url(/web/20110815095340im_/http://earthengine.googlelabs.com/images/toolbar_icons.gif) no-repeat -176px;
  vertical-align: top;
}


/* FlatMenuButton styles */

.goog-flat-menu-button {
  margin: 0 2px;
  padding: 1px 4px;
  font: normal 95% Tahoma, Arial, sans-serif;
  color: #333;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  -moz-outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: #c9c9c9;
  background-color: #fff;
}

.goog-flat-menu-button-disabled * {
  color: #999;
  border-color: #ccc;
  cursor: default;
}

.goog-flat-menu-button-hover,
.goog-flat-menu-button-hover {
  border-color: #9cf #69e #69e #7af !important; /* Hover border wins. */
}

.goog-flat-menu-button-active {
  background-color: #bbb;
  background-position: bottom left;
}

.goog-flat-menu-button-focused {
  border-color: orange;
}

.goog-flat-menu-button-caption {
  padding-right: 10px;
  vertical-align: top;
}

.goog-flat-menu-button-dropdown {
  width: 7px;
  background: url(/web/20110815095340im_/http://earthengine.googlelabs.com/images/toolbar_icons.gif) no-repeat -176px;
  vertical-align: top;
}

/*
 * goog.ui.SelectionMenuButton
 */
.goog-selectionmenubutton-checkbox {
  margin: -4px 0px 0px 0px;
}

/* ---------------------------------------------------------------------------
 * From /javascript/closure/demos/css/tabs.css
 */

/* Copyright 2008 Google Inc.  All Rights Reserved. */
/* Author: attila@google.com (Attila Bodis) */
/* Author: eae@google.com (Emil A. Eklund) */

/*
 * Styles used by goog.ui.TabRenderer.
 */
.goog-tab {
  position: relative;
  padding: 4px 8px;
  color: #00c;
  text-decoration: underline;
  cursor: default;
}

.goog-tab-bar-top .goog-tab {
  margin: 1px 4px 0 0;
  border-bottom: 0;
  float: left;
}

.goog-tab-bar-top:after,
.goog-tab-bar-bottom:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.goog-tab-bar-bottom .goog-tab {
  margin: 0 4px 1px 0;
  border-top: 0;
  float: left;
}

.goog-tab-bar-start .goog-tab {
  margin: 0 0 4px 1px;
  border-right: 0;
}

.goog-tab-bar-end .goog-tab {
  margin: 0 1px 4px 0;
  border-left: 0;
}

/* State: Hover */
.goog-tab-hover {
  background: #eee;
}

/* State: Disabled */
.goog-tab-disabled {
  color: #666;
}

/* State: Selected */
.goog-tab-selected {
  color: #000;
  background: #fff;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #6b90da;
}

.goog-tab-bar-top {
  padding-top: 4px !important;
  padding-left: 5px !important;
  border-bottom: 1px solid #6b90da !important;
}
/*
 * Shift selected tabs 1px towards the contents (and compensate via margin and
 * padding) to visually merge the borders of the tab with the borders of the
 * content area.
 */
.goog-tab-bar-top .goog-tab-selected {
  top: 1px;
  margin-top: 0;
  padding-bottom: 6px;
}

.goog-tab-bar-bottom .goog-tab-selected {
  top: -1px;
  margin-bottom: 0;
  padding-top: 5px;
}

.goog-tab-bar-start .goog-tab-selected {
  left: 1px;
  margin-left: 0;
  padding-right: 9px;
}

.goog-tab-bar-end .goog-tab-selected {
  left: -1px;
  margin-right: 0;
  padding-left: 9px;
}

/* ---------------------------------------------------------------------------
 * From /javascript/closure/demos/css/tabbar.css
 */

/* Copyright 2008 Google Inc.  All Rights Reserved. */
/* Author: attila@google.com (Attila Bodis) */
/* Author: eae@google.com (Emil A. Eklund) */


/*
 * Styles used by goog.ui.TabBarRenderer.
 */
.goog-tab-bar {
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
  cursor: default;
  outline: none;
  background: #ebeff9;
}

.goog-tab-bar-clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.goog-tab-bar-start {
  float: left;
}

.goog-tab-bar-end {
  float: right;
}

/*
 * IE6-only hacks to fix the gap between the floated tabs and the content.
 * IE7 and later will ignore these.
 */
/* @if user.agent ie6 */
* html .goog-tab-bar-start {
  margin-right: -3px;
}

* html .goog-tab-bar-end {
  margin-left: -3px;
}
/* @endif */

/* ---------------------------------------------------------------------------
 * From /javascript/closure/demos/css/datepicker.css and
 *      /javascript/closure/demos/css/popupdatepicker.css
 */

/* Copyright 2008 Google Inc.  All Rights Reserved. */
/* Author: arv@google.com (Erik Arvidsson) */

/* goog.ui.DatePicker */

.goog-date-picker,
.goog-date-picker th,
.goog-date-picker td {
  font: 13px Arial, sans-serif;
}

.goog-date-picker {
  -moz-user-focus: normal;
  -moz-user-select: none;
  position: relative;
  border: 1px solid #000;
  float: left;
  padding: 2px;
  color: #000;
  background: #c3d9ff;
  cursor: default;
}

.goog-date-picker th {
  text-align: center;
}

.goog-date-picker td {
  text-align: center;
  vertical-align: middle;
  padding: 1px 3px;
}


.goog-date-picker-menu {
  position: absolute;
  background: threedface;
  border: 1px solid gray;
  -moz-user-focus: normal;
  z-index: 1;
  outline: none;
}

.goog-date-picker-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.goog-date-picker-menu ul li {
  cursor: default;
}

.goog-date-picker-menu-selected {
  background: #ccf;
}

.goog-date-picker th {
  font-size: .9em;
}

.goog-date-picker td div {
  float: left;
}

.goog-date-picker button {
  padding: 0px;
  margin: 1px 0;
  border: 0;
  color: #20c;
  font-weight: bold;
  background: transparent;
}

.goog-date-picker-date {
  background: #fff;
}

.goog-date-picker-week,
.goog-date-picker-wday {
  padding: 1px 3px;
  border: 0;
  border-color: #a2bbdd;
  border-style: solid;
}

.goog-date-picker-week {
  border-right-width: 1px;
}

.goog-date-picker-wday {
  border-bottom-width: 1px;
}

.goog-date-picker-head td {
  text-align: center;
}

/** Use td.className instead of !important */
td.goog-date-picker-today-cont {
  text-align: center;
}

/** Use td.className instead of !important */
td.goog-date-picker-none-cont {
  text-align: center;
}

.goog-date-picker-month {
  width: 12ex;
}

.goog-date-picker-year {
  width: 6ex;
}

.goog-date-picker table {
  border-collapse: collapse;
}

.goog-date-picker-other-month {
  color: #888;
}

.goog-date-picker-wkend-start,
.goog-date-picker-wkend-end {
  background: #eee;
}

/** Use td.className instead of !important */
td.goog-date-picker-selected {
  background: #c3d9ff;
}

.goog-date-picker-today {
  background: #9ab;
  font-weight: bold !important;
  border-color: #246 #9bd #9bd #246;
  color: #fff;
}

.goog-date-picker {
  position: absolute;
}

/* ---------------------------------------------------------------------------
 * From /trunk/closure/goog/css/linkbutton.css
 */

/*
 * Copyright 2010 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by an Apache 2.0 License.
 * See the COPYING file for details.
 */

/*
 * Styling for link buttons created by goog.ui.LinkButtonRenderer.
 *
 * @author robbyw@google.com (Robby Walker)
 */

.goog-link-button {
  position: relative;
  color: #00f;
  text-decoration: underline;
  cursor: pointer;
}

/* State: disabled. */
.goog-link-button-disabled {
  color: #888;
  text-decoration: none;
  cursor: default;
}

/* ---------------------------------------------------------------------------
 * From /trunk/closure/goog/css/checkbox.css
 */

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by an Apache 2.0 License.
 * See the COPYING file for details.
 */

/* Author: pallosp@google.com (Peter Pallos) */

/* Sample 3-state checkbox styles. */

.goog-checkbox {
  border: 1px solid #1C5180;
  cursor: pointer;
  display: -moz-inline-box;
  display: inline-block;
  font-size: 1px;  /* Fixes the height in IE6 */
  height: 11px;
  margin: 0 4px 0 1px;
  vertical-align: text-bottom;
  width: 11px;
}

.goog-checkbox-checked {
  background: #fff url('/web/20110815095340im_/http://earthengine.googlelabs.com/images/check-sprite.gif') no-repeat 2px
  center;
}

.goog-checkbox-undetermined {
  background: #bbb url('/web/20110815095340im_/http://earthengine.googlelabs.com/images/check-sprite.gif') no-repeat 2px
  center;
}

.goog-checkbox-unchecked {
  background: #fff;
}

.goog-checkbox-disabled {
  border: 1px solid lightgray;
  cursor: default !important;
  background-position: -7px;
}

/* ---------------------------------------------------------------------------
 * Various poached styles
 * http://closure.prom.corp.google.com/javascript/closure/demos
 */

.goog-zippy-expanded img,
.goog-zippy-collapsed img {
   background-image: url('/web/20110815095340im_/http://earthengine.googlelabs.com/images/minus.png');
   width: 19px;
   height: 14px;
   margin: 0 7px 0 -21px;
}

.goog-zippy-collapsed img {
   background-image: url('/web/20110815095340im_/http://earthengine.googlelabs.com/images/plus.png');
}

/* ButterBar CSS */

.goog-butterbar, .goog-butterbar-error {
   background: #fff1a8;
   font-weight: bold;
   padding: 3px 5px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
}

.goog-butterbar-error {
   background: #c00;
   color: #fff;
}

#bbar-container {
   z-index: 100;
   position: absolute;
   text-align: center;
   width: 100%;
   padding-top: 5px;
}

.label-input-label {
   color: #999;
}

/* ---------------------------------------------------------------------------
 * Earth Engine CSS
 */

html, body {
   height: 100%;
   padding: 0px;
   margin: 0px;
   font-size: 13px;
}

img {
   border: none;
}

a {
   color: #1111cc;
}

#ghead {
   background: #f9f9f9;
   border-bottom: 1px solid #eee;
   height: 22px;
   position: relative;
}

#head {
   position: relative;
   height: 67px;
}

#logo {
   position: absolute;
   width: 252px;
   height: 43px;
   top: 14px;
   left: 10px;
}

/** Top bar CSS **/
#ghead {
   line-height: 15px;
}

#gog {
   background: none repeat scroll 0 0 #FFFFFF;
   padding: 3px 8px 0;
}

#gbar {
   float: left;
   height: 22px;
   padding-top: 1px !important;
}

#guser {
   padding-top: 1px !important;
   padding-bottom: 7px !important;
   text-align: right;
}

.gb1 {
   margin-right: 0.5em;
}

a.gb1, a.gb4 {
   text-decoration:underline;
}

a.gb1, a.gb2, a.gb3, a.gb4 {
   color:#0000CC !important;
}

.gb2, .gb3 {
   border-bottom: medium none;
   text-decoration: none;
}

.gbi {
   font-weight: bold;
}

.gbh {
   height: 0;
   position: absolute;
   top: 24px;
   width: 100%;
}

.gbh, .gbd {
   border-top: 1px solid #C9D7F1;
   font-size: 1px;
}

#loginbar {
   width: 300px;
   float: right;
   text-align: right;
   padding: 26px 10px 0 0;
}

#page {
   position: relative;
}

#topbar {
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   line-height: 130%;
}

.goog-tab-bar {
   background: #D5DDF3;
}

.goog-tab {
   cursor: pointer;
}

.goog-tab-hover {
   background: none;
}

.goog-tab-selected {
   /* Needed to keep the selected tab white. */
   background: white !important;
}

#statusDiv {
   text-align: right;
}

.panel-bar-divider {
   background: transparent url(/web/20110815095340im_/http://earthengine.googlelabs.com/images/hpimgs15.png) no-repeat scroll 0 -61px;
   height: 19px;
   width: 2px;
}

.bar-icon-divider {
   background: transparent url(/web/20110815095340im_/http://earthengine.googlelabs.com/images/hpimgs15.png) no-repeat scroll -75px -77px;
   height: 19px;
   width: 2px;
}

.content-pane {
   position: absolute;
   top: 33px;
   bottom: 0px;
   width: 100%;
}

.fw-content {
   position: relative;
   margin: 25px 0px 25px 16px;
   max-width: 960px;
   line-height: 130%;
}

.fw-content h1 {
   font-size: 16pt;
   font-weight: normal;
}

.fw-content h2 {
   font-size: 12pt;
   font-weight: normal;
   margin: 30px 0 10px 0;
}

.info {
   font-size: 80%;
   color: #666;
}

.assetlist {
   border-top: 1px solid #dce5fa;
   padding-top: 20px;
   margin: 20px 0;
}

#workspace-el {
   overflow: hidden;
   top: 33px;
}

#workspace-el .shadow {
   margin-left: 351px;
   position: relative;
}

#findData {
}

#cart {
}

.ds-h {
   z-index:2;
   width: 100%;
   position:absolute;
   background:#000000 none repeat scroll 0 0;
   overflow:hidden;
   top:0px;
   left:0px;
}

.h1 {
   height: 1px;
   opacity: .1;
}

.h2 {
   height: 2px;
   opacity: .08;
}

.h3 {
   height: 3px;
   opacity: .06;
}

.h4 {
   height: 4px;
   opacity: .04;
}

.h5 {
   height: 5px;
   opacity: .02;
}

#map {
   height: 100%;
   margin-left: 350px;
}

#map-bbar-container {
   z-index: 100;
   position: absolute;
   text-align: center;
   width: 100%;
   padding-top: 5px;
}

.ee-clearfix {
   clear: both;
}

.inlineAction {
   color: #4272db;
   font-weight: normal;
   text-decoration: none;
   font-size: 13px;
   white-space: nowrap;
   cursor: pointer;
}

.inlineAction:hover {
   text-decoration: underline;
}

.goog-custom-button-inner-box {
   padding: 3px 8px;
}

.ee-assetlist {
   pxadding: 10px;
}

.ee-assetlist-item {
   position: relative;
   min-height: 75px;
   margin-left: 85px;
   margin-bottom: 15px;
   clear: both;
}

.ee-assetlist-item-title {
   font-size: 15px;
}

.ee-assetlist-item-description {
   margin-top: 5px;
}

.ee-assetlist-item-thumb {
   position: absolute;
   left: -85px;
   top: 0px;
   width: 75px;
   height: 75px;
   border: 1px solid #dce5fa;
}

.ee-assetlist-item .goog-custom-button {
   float: right;
   margin: 5px;
}

.ee-floathelp {
   position: absolute;
   background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #666666;
   color: #666666;
   padding: 2px;
   white-space: nowrap;
   z-index: 1000;
}

/* Detail Page */

a.secondary {
   color: #4272db;
   text-decoration: none;
}

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

#detail-el .header {
   font-weight: bold;
}

#d_outer {
   padding-left: 16px;
   padding-right: 8px;
   max-width: 1100px;
}

#d_outer EM {
   font-weight: bold;
   font-style: normal;
}

#d_title {
   font-size: 150%;
}

#d_open_button {}

.d_field {
   margin-top: 16px;
}

#d_sample_wrap {
   float: left;
   margin-right: 32px;
}

#d_sample {
   display: block;
   width: 256px;
   height: 256px;
   border: 1px solid #dce5fa;
}

#d_legend {
   width: 262px;
   height: 70px;
   background: no-repeat url("/web/20110815095340im_/http://earthengine.googlelabs.com/images/bluespinner.gif") 120px 24px;
   border: 1px solid #eee;
}

#d_provenance {
   clear: both;
   padding-top: 16px;
}

.left_column {
   max-width: 610px;
   overflow: hidden;
}

.right_column {
   float: right;
   margin-left: 15px;
   padding-left: 15px;
   max-width: 289px;
   border-left: 1px solid #dce5fa;
}

.smalltext {
   font-size: 11px;
}

#intro-el .right_column,
#index-el .right_column {
   background: #f1f4ff;
   padding: 9px 15px 15px 15px;
   border: none;
   margin-top: -5px;
}

.maintenance-message {
   border: 1px solid #ccc;
   margin-top: 5px;
   padding: 5px;
   background: #fbfca2;
}

#tos iframe,
#programpolicies iframe {
   width: 100%;
   height: 950px;
   border: none;
}

#tos iframe {
   height: 1400px;
}

.firstheading {
   margin-top: 0px !important;
}

.two-col-left,
.two-col-right {
   float: left;
   width: 295px;
   margin-right: 10px
}

.two-col-right {
   margin-right: 0px
}

.three-col-left,
.three-col-right {
   float: left;
   width: 195px;
   margin-right: 10px
}

.three-col-right {
   margin-right: 0px
}

#d_where {
   margin-top: 0px;
}

#d_where IMG {
   border: 1px solid black;
}

#footer {
   clear: both;
   margin-top: 30px;
   padding: 10px;
   text-align: center;
}

#footer a,
#footer span {
   margin: 0px 10px;
}

/* Workspace CSS */

.small-goog-menu {
  background-color: #fff;
  border-color: #ccc #666 #666 #ccc;
  border-style: solid;
  border-width: 1px;
  cursor: default;
  margin: 0;
  outline: none;
  padding: 4px 0;
  position: absolute;
}

.goog-menu,
.small-goog-menu {
   border-top: 1px solid #d5ddf3;
   border-left: 1px solid #d5ddf3;
   border-right: 1px solid #4272db;
   border-bottom: 1px solid #4272db;
   box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 2px;
   -moz-box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 2px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 2px;
   z-index: 100;
   max-height: 250px;
   overflow-y: auto;
   overflow-x: hidden;
   margin: -1px 0 0 0;
}

.goog-menuitem {
   padding-right: 28px;
}

.small-goog-menu .goog-menuitem {
   font-size: 8pt;
}

#workspaceSidebar {
   position: absolute;
   width: 347px;
   left: 0px;
   top: 0px;
   bottom: 0px;
   padding: 3px 3px 3px 0px;
   border-right: 1px solid #eee;
   background: #fff;
   overflow-y: auto;
   overflow-x: hidden;
   box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 2px;
   -moz-box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 2px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 2px;
}

.noscroll {
   overflow: hidden !important;
}

.ee-computations {
   padding: 4px 3px;
}

.ee-computations .provenance-step {
   font-size: 8pt;
   white-space: nowrap;
   padding: 3px 0;
   overflow: hidden;
   text-overflow: ellipsis;
}

.ee-computations .provenance-step:hover {
   color: #4272db;
   cursor: pointer;
}

#workspaceSidebar .ee-computations .goog-flat-menu-button {
   font-size: 8pt;
}

#workspaceSidebar .ee-computations .goog-flat-menu-button-dropdown {
   background: none;
}

#workspaceSidebar .download-link {
   font-size: 8pt;
   position: absolute;
   right: 5px;
   bottom: 67px;
}

#workspaceSidebar .goog-flat-menu-button {
   background-color: transparent;
   border: 1px solid transparent;
   vertical-align: inherit;
   color: #618ee9;
   margin: 0px;
}

#workspaceSidebar .goog-flat-menu-button-hover {
   border: 1px solid transparent !important;
}

#workspaceSidebar .goog-flat-menu-button-caption {
   padding-right: 4px;
}

#workspaceSidebar .goog-flat-menu-button-hover .goog-flat-menu-button-caption {
   text-decoration: underline;
}

#workspaceSidebar div.goog-flat-menu-button-open {
   background: white;
   border: 1px solid #d5dff3 !important;
}

#workspaceSidebar .goog-flat-menu-button-dropdown {
   background: url("/web/20110815095340im_/http://earthengine.googlelabs.com/images/menuarrow.png") no-repeat scroll 0px 50% transparent;
}

#nolayersmessage {
   padding: 0px 16px;
}
#basemap {
   border-bottom: 1px solid #d5dff3;
}

#basemap img {
   background: none;
}

.ee-menu-heading {
   color: #999;
}

.ee-layer-wrapper {
   border-top: 1px solid #d5dff3;
}

.ee-layer {
   overflow: hidden;
}

.ee-layer-header {
   color: white;
   background: #68e;
   margin: -1px 0 0 20px;
   cursor: pointer;
   padding: 2px;
}

.goog-zippy-collapsed.ee-layer-header {
   color: #eee;
}

.ee-layer-body {
   position: relative;
   border-left: 1px solid #d5dff3;
   background: #f0f3fb;
   color: #333;
   margin-left: 20px;
}

.ee-polygonmenuitem {
   padding-right: 75px;
}

.ee-polygonmenuitem .ee-controls {
   display: none;
   padding: 0 6px;
   position: absolute;
   right: 0;
   text-align: right;
}

.ee-polygonmenuitem:hover .ee-controls {
   display: inline;
}

.ee-polygonmenuitem .ee-controls a {
   cursor: pointer;
}

.ee-polygonmenuitem .ee-controls a:hover {
   text-decoration: underline;
}

.ee-bands-menu .index {
   margin-right: 20px;
}

.ee-bands-menu .all-link {
   margin: 0 0 0 6px;
}

.ee-bands-menu .none-link {
   margin: 0 6px 0 0;
}

.ee-bands-menu .done {
   margin: 6px 0 1px 6px;
}

.small {
   font-size: 8pt !important;
}

.ee-sidebar-modal {
   position: absolute;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
   background: white;
   z-index: 100;
}

.ee-sidebar-modal .back-link-wrapper {
   padding: 10px 13px;
   border-bottom: 1px solid #D5DDF3;
}

.ee-sidebar-modal h3 {
   font-size: 13px;
   font-weight: bold;
   margin: 0 0 2px 0;
}

.ee-sidebar-modal .options {
   padding: 10px 10px 0px 13px;
}

.ee-sidebar-modal .option {
   margin: 5px 0px;
}

.ee-sidebar-modal .suboption {
   margin: 5px 0 0 15px;
}

.ee-sidebar-modal .actions {
   padding: 10px 10px 10px 13px;
}

.ee-sidebar-modal .actions .inlineAction{
   margin-left: 5px;
   vertical-align: -1px;
}

.ee-sidebar-modal .goog-custom-button {
   margin: 0 5px 0 0;
}

.ee-sidebar-modal .message {
   margin-top: 5px;
   padding: 5px;
   background: #ffffcc;
}

.ee-polygon-editor .meta {
   margin-bottom: 10px;
}

.ee-polygon-editor .actions {
   padding-top: 5px;
}

.ee-layercontrolrow {
   margin: 5px 0;
}

#templates {
   display: none;
}

/* Gallery CSS */

#gallery-el {
   overflow: hidden;
   top: 33px;
}

#container {
   position: relative;
   background-color: #fff;
   margin: 0px;
   margin-left: 400px; /* The width of the rail */
   height: 100%;
}

#rail {
   position: absolute;
   background-color: #fff;
   top: 0px;
   left: 0px;
   bottom: 0px;
   width: 400px;
   display: inline; /* So IE plays nice */
   overflow-y: auto;
   border-right: 1px solid #e0e0e0;
}

#rail .padding {
  padding: 8px 0 16px 16px;
}

#map_description {
   position: absolute;
   height: 150px;
   bottom: 0px;
   overflow-y: auto;
   width: 100%;
}

#map_description .md_wrapper {
   padding: 8px;
   max-width: 800px;
   margin-left: 400px; /* The width of the rail */
}

#map_description .title {
}

.meta {
   color: #999;
}

#map3d {
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 150px;
   left: 400px;
}

#rail #footer {
  border: none;
  padding: 0;
}

#footer A {
  white-space:nowrap;
}

#rail UL {
  padding-left: 0;
  /* not sure why having this rule here makes everything work :( */
}

UL.column {
  padding: 0;
  margin: 0;
  width: 100%;
}

#rail LI {
  cursor: pointer;
  width: 100%;
  /* not sure why having this rule here makes everything work :( */
}

UL.column LI {
  margin: 0;
  float: left;
  clear: both;
  width: 100%;
  font-size: 13px;
  list-style: none;
}

UL.column A.title {
  font-size: 13px;
/*  font-weight: bold; */
}

UL.column  LI .imgblock {
  float: left;
  width: 88px;
  margin: 8px 0 8px 8px;
}

UL.column LI .detail{
  padding-left: 104px;
  margin: 8px 0;
}

UL.column LI:hover {
  background-color: #F0F4FB;
}

UL.column A.secondary {
  color: #4272db;
  text-decoration: none;
}

UL.column A.secondary:hover {
  text-decoration: underline;
}


/* Time Controls */
.issingrangeitem {
   color: #999;
   padding: 0px;
   text-align: center;
   position: relative;
   margin: 4px 0;
}

.ee-time-slider {
   width: 100%;
   height: 60px;
   overflow: hidden;
   position: relative;
   border-top: 1px solid #d5dff3;
   background-color: #f6f7fc;
}

.ee-time-slider .scroll-button-left,
.ee-time-slider .scroll-button-right {
   position: absolute;
   z-index: 2;
   top: 13px;
}

.ee-time-slider .scroll-button-left {
   left: -1px;
}

.ee-time-slider .scroll-button-right {
   right: -1px;
}

.ee-time-slider .scroll-button-left .goog-custom-button-inner-box,
.ee-time-slider .scroll-button-right .goog-custom-button-inner-box {
   padding: 0px 3px 0 1px;
   font-size: 8px;
   height: 13px;
   line-height: 14px;
   color: #6b90da;
   border-color: #6b90da;
}

.ee-time-slider .scroll-button-right .goog-custom-button-inner-box {
   padding: 0px 1px 0 3px;
}

.ee-time-slider .scroll-button-left .goog-custom-button-outer-box,
.ee-time-slider .scroll-button-right .goog-custom-button-outer-box {
   height: 13px;
   border-color: #6b90da;
}

.goog-timeslider {
   position: absolute;
   width: 300px;
   height: 40px;
}

.goog-timeslider-horizontal {
   outline-width: 0px;
}

.ee-time-slider .track {
   position: absolute;
   top: 15px;
   height: 13px;
   width: 100%;
   background-color: #f9fafd;
   z-index: 0;
   border-top: 1px solid #c5d3f0;
   border-bottom: 1px solid #c5d3f0;
}

.ee-time-slider .goog-timeslider-value-thumb {
   position: absolute;
   z-index: 5;
   bottom: 1px;
   border: 1px solid #999;
   height: 8px;
   width: 20px;
   background: #ddd url("/web/20110815095340im_/http://earthengine.googlelabs.com/images/button-bg.gif") repeat-x top left;
   cursor: pointer;
   color: #666;
   font-size: 5px;
   font-weight: bold;
   text-align: center;
}

.ee-time-slider .goog-timeslider-extent-thumb {
   display: none;
   z-index: 5;
   bottom: 1px;
   margin: 0 0 -2px -1px;
   border: 1px solid blue;
   width: 10px;
   height: 10px;
}

.ee-time-slider .date-label {
   position: absolute;
   border-left: 1px solid #d9e0f3;
   padding-left: 2px;
   width: 0px;
   height: 10px;
   top: 0px;
   color: #d5d5d5;
   white-space: nowrap;
   font-size: 8pt;
}

.ee-time-slider .major-label {
   color: #666;
}

.ee-time-slider .centered-label {
   width: 19px;
   border-left: none;
   padding-left: 0px;
   text-align: center;
}

.ee-time-slider .valid-period,
.ee-time-slider .valid-period-selected {
   position: absolute;
   top: 16px;
   height: 13px;
   width: 34px;
   background-color: #e9f6e9;
   z-index: 0;
   border-left: 1px solid #f9fafd;
   cursor: pointer;
}

.ee-time-slider .valid-period-selected {
   background-color: #bfe5bf;
}

.ee-time-slider .valid-period:hover,
.ee-time-slider .valid-period-narrow:hover,
.ee-time-slider .valid-period-wide:hover,
.ee-time-slider .valid-period-selected:hover {
   background: #ceeacf;
}

.ee-time-slider .details {
   position: absolute;
   bottom: 0px;
   right: 0px;
   left: 0px;
   font-size: 8pt;
   padding: 3px;
}

.ee-time-slider .readout {
   color: #666;
}

.ee-time-slider .jumptodate {
   font-size: 8pt;
   float: right;
}

.goog-date-picker {
   z-index: 6;
}

#searchresults {
   min-height: 300px;
}

/*
     FILE ARCHIVED ON 09:53:40 Aug 15, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:30:02 May 20, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 152.846
  exclusion.robots: 0.081
  exclusion.robots.policy: 0.075
  cdx.remote: 0.057
  esindex: 0.009
  LoadShardBlock: 87.228 (3)
  PetaboxLoader3.datanode: 108.962 (4)
  CDXLines.iter: 15.823 (3)
  load_resource: 115.844
  PetaboxLoader3.resolve: 41.109
*/