@import url('//www.google.com/css/modules/buttons/g-button.css');

#mark1 { background-image:url('images/marker1.gif'); }
#mark2 { background-image:url('images/marker2.gif'); }
#mark3 { background-image:url('images/marker3.gif'); }
.new {color: red;}
.more { line-height:1.25em; overflow:visible; background-repeat:no-repeat; min-height:20px; }
.share { background-image:url('/latitude/images/share.gif'); }

body {
  margin:0 auto;
  width:820px;
}
.new {
  color:red;
  font-weight:bold;
}
h1 {
  margin:10px 0 10px 15px;
}
.clearer {
  clear:both;
}
.notsupported p {
  font-size:18px;
  margin:0;
}
.go {
  font-weight:bold;
  border-bottom:1px dotted black;
}
.blue {
  background-color:#CADEF4;
  border:1px solid #93B4D9;
  padding:20px;
  margin:0 0 15px 0;
}
.inputWrapper {
  text-align:center;
}
.blue p {
  margin-top:0;
}
ul.expander ul {
  list-style:disc;
}
ul.expander {
  list-style:none;
  margin:0 0 20px 0;
  padding:0;
}
ul.expander div {
  display:none;
  margin:15px 0 0 0;
}
ul.expander li a {
  margin:0 15px 0 0;
}
ul.expander li.closed a {
  padding-left: 20px;
  background:url('images/icon_expand.gif') 2px no-repeat;
}
ul.expander li a {
  padding-left: 20px;
  background:url('images/icon_collapse.gif') 3px no-repeat;
}
h3 {
  margin-top:1.5em;
}
.go {
  font-weight:bold;
}
.stp-button {
  float:left;
}
.stp-inputs {
  float:left;
}
.footer {
  margin-top:25px;
  text-align:center;
}
h2 {
  font-weight:normal;
  font-size:24px;
  padding-bottom:0;
  margin-bottom:5px;
}
p.subtitle {
  margin-top:.5em;
}
h3 {
  font-size:18px;
  margin-bottom:5px;
}
#mark1 {
  background-image:url('images/marker1.gif');
}
#mark2 {
  background-image:url('images/marker2.gif');
}
#mark3 {
  background-image:url('images/marker3.gif');
}
.screenContainer {
  margin:0 auto;
  display:none;
}
.more {
  text-align:left;
  margin-left:15px;
  padding-left:27px;
  overflow:visible;
  position:relative;
  min-height:20px;
}
.learnmore {
  background:url('images/icon_learnmore.png') no-repeat;
}
.youtube {
  background:url('images/icon_video.gif') no-repeat;
}
.mobile {
  background:url('images/icon_mobile.gif') no-repeat;
}
.thumb-container {
  margin-top:1em;
}
.screenshot, #map, #screenshot, .largeScreen {
  line-height:0;
  background:#bfc5c7;
  display:block;
  margin:0 auto;
  width:290px;
  height:320px;
  border:1px solid #999;
}
#screenshotContainer1 {
  width:290px;
  height:320px;
  border:1px solid #999;
  display:block;
  overflow:hidden;
}
#screenBackdrop {
  position:absolute;
  display:block;
  margin:0;
  z-index:2;
  width:290px;
  height:320px;
  background-color:#f6f2ee;
}
.randMarker {
  background-image:url('images/marker.gif');
  display:block;
  width:44px;
  position:relative;
  height:55px;
  z-index:5;
  top:-99999px;
  left:-99999px;
}
#map {
  line-height:0;
  padding:0;
  margin:0 auto 1em auto;
  width:300px;
  height:280px;
}
.captionText {
  font-style:italic;
  display:none;
  width:90%;
  margin:0 auto 1em auto;
  text-align:left;
  min-height:2.8em;
}
.igoogle-container  {
  padding:20px 22px;
  text-align:center;
}
.willItWork {
  margin-top:1.5em;
  color:#666;
}
ul.thumbs {
  padding:0;
  margin:0 auto;
  list-style-type:none;
  width:280px;
}
ul.thumbs li {
  display:block;
  height:70px;
  width:70px;
  float:left;
}
ul.thumbs li img {
  width:50px;
  height:50px;
  margin:4px 5px;
  background-color:#bfc5c7;
  padding:4px;
  border:1px solid blue;
}
ul.thumbs li:hover {
  background:url('images/thumb-selected.gif') no-repeat top center;
}
ul.thumbs li:hover img {
  border:5px solid #ffa32c;
  padding:0;
}
ul.thumbs li.selected {
  background:url('images/thumb-selected.gif') no-repeat top center;
}
ul.thumbs li.selected img {
  border:5px solid #ffa32c;
  padding:0;
}


/**
 * g-button-chocobo Override
 */
div.g-button {
  cursor:pointer;
  margin:0 auto;
  border:0;
  background-color:none;
  padding:0;
  width:200px;
}
.g-button div span span a {
  padding:10px 5px 13px 3px;
}
.g-button div {
  font-size:13px;
}
#stp-submit {
  cursor:pointer;
}
#stp-number {
  border:1px solid #999;
  padding:5px;
  margin:0 20px 5px 0;
  color:#333;
}
p.disclaimer {
  color:#555;
}
#captcha-message {
  margin-top:15px;
}
p.visit {
  height:1%;
  font-size:16px;
}
.stp-error {
  color:red;
  margin-top:15px;
  font-weight:bold;
}
.stp-success {
  margin-top:15px;
}
img.qr-code {
  float:right;
  margin-left:1em;
  border:1px solid #93B4D9;
}