/**
 * Copyright 2010 Google Inc. All Rights Reserved.
 *
 * Styles from http://www.google.com/landing/cop15/default.css, selected for use
 * specifically in Google Earth Showcase.
 */


noscript div {
  margin: 2em;
  padding: 0 0.7em 0;
  display: block;
  clear: both;
}


/* LAYOUT BLOCKS ___________________________________________________________ */

#embeds {
  margin: .5em 0 0 0;
  padding: 0;
  width: 570px;
  float: right;
  overflow: hidden;
  border: 1px solid #000;
  position: relative;
  background: #E2EFE6;
  overflow: hidden;
}

body.javascript #embeds {
  height: 331px;
  background: #000;
}

#earth {
  position: absolute;
  top: -999px;
  left: 0;
  width: 1px;
  height: 1px;
  width: 770px;
  height: 600px;
  display: block;
}

#video {
  position: absolute;
  top: -999px;
  margin: 0;
  overflow: hidden;
  left: 0;
  display: block;
  width: 570px;
  height: 331px;
}

#controls {
  margin: 0 0 20px 0;
  padding: 0;
  width: 770px;
  height: 40px;
  float: right;
  clear: right;
  background: #000;
  overflow: hidden;
  display: none;
}

#tourlist {
  margin: .5em 5px 0 0;
  padding: 0;
  width: 194px;
  float: left;
  overflow: auto;
}

#about {
  width: 100%;
  clear: both;
  float: left;
  margin: 25px 0 15px 0 !important;
}


/* TOGGLING ________________________________________________________________ */

body.javascript #tourlist {max-height: 418px;}
body.javascript #tourlist li h4 {cursor: pointer;}
body.javascript #tourlist li ul {display:none;}
body.javascript #tourlist li.selected ul {display:block;}

.earth #controls {display:block;}
.earth #earth {top: 40px;}
.video #video {top: 0;}
.resizing #earth, .resizing #video {top: -999px;}


/* CONTROL BUTTONS _________________________________________________________ */

#controls a {
  overflow: hidden;
  display: block;
  float: left;
  margin: 6px 4px 0 6px;
  padding: 2px 7px 2px 5px;
  border: 1px solid #878787;
  float:left;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #E3E3E3 url(//www.google.com/landing/cop15/images/button.png) repeat-x;
  color: #333;
  display: block;
  text-decoration: none;
  overflow:hidden;
}

#controls a:hover {
  background-color: #bbb;
  border-color: #eee;
}

#controls a:active {
  background-color: #c0c0c0;
  outline: 0;
}

#controls a span {
  margin-top: 1px;
  width: 19px;
  height: 16px;
  float: left;
  display: block;
  background: url(//www.google.com/landing/cop15/images/download.gif) no-repeat;
}

#controls a#contract {
  margin: 6px;
  padding: 0;
  width: 27px;
  height: 26px;
  background: #fff url(//www.google.com/landing/cop15/images/close.png) no-repeat;
  display: block;
  text-indent: -999em;
  float: right;
  border: 0;
}

#controls a#contract:hover {
  background-color: #f00;
}

#controls #tourloading {
  color: #fff;
  font-size: 135%;
  padding: 5px 0 0 10px;
  float: left;
}


/* TOURLIST NAVIGATION _____________________________________________________ */

#tourlist li {
  list-style: none;
  border-bottom: 3px solid #fff;
  margin-right: 5px;
  overflow: hidden;
}

#tourlist li:last-child {border-bottom: 0;}

#tourlist li h4 {
  margin:0;
  display: block;
  font-size: 95%;
}

#tourlist li h4 a {
  background: #333 url(//www.google.com/landing/cop15/images/thumbs/earth.png) no-repeat 7px 7px;
  line-height: 120%;
  display: block;
  padding: 10px 5px 10px 64px;
  min-height: 40px;
}

#tourlist li h4 a:hover {
  background-color: #600;
}

body.javascript #tourlist li.selected h4 a, body.javascript #tourlist li.selected h4 a:hover {
  background-color: #000;
}

#tourlist li.algore h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/algore.png);
  background-position: bottom left;
}

#tourlist li.goodall h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/goodall.png);
  background-position: bottom left;
}

#tourlist li.annan h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/annan.png);
  background-position: bottom left;
}

#tourlist li.coalriver h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/coalriver.png);
  background-position: -1px bottom;
}

#tourlist li.schwarzenegger h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/schwarzenegger.png);
  background-position: bottom left;
}

#tourlist li.schneider h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/schneider.png);
  background-position: bottom left;
}

#tourlist li.danson h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/danson.png);
  background-position: bottom left;
}

#tourlist li.conint h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/conint.png);
  background-position: left bottom;
}

#tourlist li.low h4 a {background-image: url(//www.google.com/landing/cop15/images/thumbs/earth_low.png);}
#tourlist li.iri h4 a {background-image: url(//www.google.com/landing/cop15/images/thumbs/iri.png);}

#tourlist li.oceana h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/oceana.png);
  background-position: 10px 10px;
}

#tourlist li.wwf h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/wwf.png);
  background-position: 7px 0;
}

#tourlist li.greenpeace h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/greenpeace.png);
  background-position: 9px 10px;
}

#tourlist li.elephant h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/elephant.png);
  background-position: 7px 8px;
}

#tourlist li.freedomtoroam h4 a {
  background-image: url(//www.google.com/landing/cop15/images/thumbs/bear.png);
  background-position: 5px 10px;
}

body.javascript #tourlist li.selected h4 a {
  cursor: default !important;
}

body.javascript #tourlist li h4 a {
  text-decoration: none;
}

#tourlist li h4 a {
  color: #fff;
}

#tourlist li span {
  display: block;
  margin: 2px 0 0 0;
  font-size: 90%;
  color: #999;
  font-weight: normal;
  line-height: 115%;
}


/* TOURLIST SUB MENUS ______________________________________________________ */

#tourlist li ul {
  border: 1px solid #ccc;
  background: #EEE;
  margin:0;
  overflow: hidden;
  border-top: 0;
  padding:0;
}

#tourlist li ul li {
  border: 0;
  margin: 0;
  float: left;
  clear: both;
  width: 100%;
}

/* IE6 */
* html #tourlist li ul {height: 1%; overflow: visible;}
* html #tourlist li ul li {border-bottom: 1px solid #eee;}
* html body.javascript ul#tourlist {height: 418px;}


#tourlist li ul {
  margin-bottom: 8px;
  background: #fff;
}

#tourlist li:last-child ul {margin-bottom: 0;}

#tourlist li li a {
  font-size: 89%;
  padding: 2px 8px 4px 25px;
  background: #EEE url(//www.google.com/landing/cop15/images/download.gif) no-repeat 5px 2px;
  display: block;
  border-top: 1px dashed #cecece;
}

#tourlist li li:first-child a {border: 0;}

#tourlist li li a.enabled {
  background: #EEE url(//www.google.com/landing/cop15/images/earth.png) no-repeat 5px 5px;
}

#tourlist li li a.out {
  background-image: none;
}

#tourlist li li a:hover {
  background-color: #fff;
}


/* BOX OUT LINKS ___________________________________________________________ */

#caption {
  overflow: hidden;
  display: block;
  float: right;
  width: 554px;
  padding: 8px 8px 5px 8px;
  border: 1px solid #ccc;
  margin-bottom: .5em;
  background: url(//www.google.com/landing/cop15/images/raiseyourvoice.png) no-repeat right bottom;
}

#caption h3 {
  margin: 0 0 .2em 0;
  padding-right: 168px;
}

#caption p {
  margin:0;
  line-height: 130%;
  padding-right: 168px;
}

#caption img {
  float: right;
  margin: 0 0 1em 1em;
}

div.links {
  padding-top: 15px;
  overflow: hidden;
  display: block;
  width: 100%;
  clear: both;
}

div.links div {
  padding-left: 45px;
  width: 42%;
  float: right;
  background: url(//www.google.com/landing/cop15/images/icons/earth.gif) 2px 0 no-repeat;
  overflow: hidden;
  min-height: 32px;
}

div.links div.first {float:left; clear:both;}
div.links div.editorial {background-image: url(//www.google.com/landing/cop15/images/icons/coolearth.png); background-position: 2px 1px;}
div.links div.heroes {background-image: url(//www.google.com/landing/cop15/images/icons/coolearth.png); background-position: 2px 1px;}
div.links div.ipcc {background-image: url(//www.google.com/landing/cop15/images/icons/hotearth.png); background-position: 2px 1px;}
div.links div.unfccc {background-image: url(//www.google.com/landing/cop15/images/icons/unfccc.png); background-position: 0 2px;}
div.links div.vote {background-image: url(//www.google.com/landing/cop15/images/icons/vote.gif); background-position: 0 0;}
div.links div.youtube {background-image: url(//www.google.com/landing/cop15/images/icons/youtube.gif); background-position: 0 0;}
div.links div.org {background-image: url(//www.google.com/landing/cop15/images/icons/org.png); background-position: 0 3px;}

p.earth {
  padding-left: 45px;
  background: url(//www.google.com/landing/cop15/images/icons/earth.gif) 2px 25px no-repeat;
  overflow: hidden;
  min-height: 32px;
  margin-top: 0;
  padding-top: 15px;
}

p.earth span {
  border-top: 1px dashed #ccc;
  display: block;
  padding-top: 10px;
}


/* COUNTDOWN BOX ___________________________________________________________ */

#count {
  display: none;
  color:#CD0101;
  text-align: right;
  float: right;
  font-size: 120%;
}

#count p {
  margin: 0;
  color: #333;
  font-size: 85%;
  line-height: 120%;
}

#count sup {
  color: #666;
  font-size: 60%;
}