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

/* Misc */
#g-doc {
  position: relative;
}
a, a:visited, a:hover, a:active {
color: #00c;
}

a.secondary-link {
color: #3366cc;
text-decoration: none;
}

h2 {
color: #008000;
border-bottom: 1px solid #ccd9f2;
font-size: 1.2em;
font-weight: bold;
margin-top: 26px;
margin-bottom: 0;
}

#heading {
border-bottom: none;
color: #000;
font-size: 1.9em;
font-weight: normal;
margin-top: 0.7em;
margin-bottom: 20px;
}

p {
  line-height: 1.5;
}
.gcr-highlight {
background-color:#fe8;
text-align: center;
}

.g-tpl-50-50 .g-button {
margin: .8em;
}

.gcr-gadget {
border: 1px solid #ccd9f2;
height: 300px;
margin: 1em;
margin-left: 1.6em;
overflow: hidden;
width: 350px;
}

.gcr-gadget iframe {
border: none;
margin: 20px 20px 20px -20px;
}

.g-tpl-50-50 .gcr-movie {
margin: .7em 0 0 0;
}

h3 {
font-size: 1em;
font-weight: bold;
background: #EBEFF9;
padding: 0.5em 0 0.5em 0.5em;
margin-bottom: 0.9em;
}

.gcr-content-section {
margin-bottom: 2em;
}

.gcr-content-section.tools {
_width: 800px;
}

.gcr-content-section.resources h3,
.gcr-content-section.news h3 {
margin-bottom: 1.1em;
}

.gcr-donate {
padding-left: 1em;
}

.gcr-donate h4 {
margin: 1.1em 0 0 0;
}

.footer {
margin: 0;
}

span.attr {
color: #666;
font-size: .8em;
}

ul {
margin-top: .6em;
}

iframe {
border: 0;
}

iframe.personfinder {
border: solid 1px #333;
float: left;
height: 380px;
margin: 8px 0 10px 0;
padding-top: 20px;
width: 357px;
}

iframe#personfinder-ja {
height: 420px;
}

#map-gadget {
height: 460px;
width: 748px;
margin-left: -6px;
}

#mapframe {
border: 1px solid #ccc;
height: 460px;
width: 748px;
}

#newsframe {
height: 280px;
margin-left: -14px;
overflow: hidden;
width: 330px;
}

.action {
margin-bottom: 1em;
}

.header {
height: auto;
position: static;
}

.gcr-donate {
margin: 0 1.5em 0 0;
padding-left: 0;
}

.gcr-nav-anchors {
margin-top: .1em;
}

.gcr-nav-anchors img {
vertical-align: bottom;
}

.gcr-nav-anchors ul,.gcr-nav-anchors p {
margin: .6em;
}

.news-links {
margin-left: 0;
padding: 0;
}

.news-video {
margin-left: -9px;
}

a.rttime {
color: #767676;
text-decoration: none;
}

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

.rtbox {
background-color: #ccd9f2;
font-family: arial,sans-serif;
font-size: 13px;
height: 200px;
margin-left: -6px;
position: relative;
width: 750px;
}

.rtcanvas {
background-color: #fff;
height: 198px;
left: 1px;
position: absolute;
top: 1px;
width: 748px;
}

.rtcontainer {
height: 172px;
left: 8px;
position: absolute;
top: 4px;
width: 738px;
}

.rtfullscreen {
bottom: 4px;
left: 8px;
position: absolute;
}

.rtimage {
float: left;
height: 32px;
padding-right: 8px;
padding-top: 4px;
width: 32px;
}

.rtprovider {
color: #0e774a;
}

.rtresult {
overflow: hidden;
}

.rtresults {
height: 138px;
line-height: 1.3em;
overflow-x: hidden;
overflow-y: scroll;
padding-right: 8px;
}

.rttitle {
font-size: 18px;
line-height: 1.3em;
padding-bottom: 6px;
}

.rtupdate {
font-size: 90%;
margin-bottom: 8px;
min-height: 32px;
}

.rtupdateinner {
margin-left: 40px;
}

.rtuser {
color: #00c;
text-decoration: underline;
}

#donation-box {
  border: 7px solid #EBEFF9;
  border-top: none;
  margin-left: 15px;
  margin-bottom: 0.6em;
}

#donation-box h3 {
  margin: 0;
  padding-left: 0;
}

#donation-box .donation-content {
  padding: 1em;
}

#donation-box form {
  margin-top: 12px;
}

#donation-box .donation-logo {
  text-align: left;
}

.donation-logo {
  height: 50px;
  margin-bottom: 6px;
  text-align: center;
}
.donation-logo a {
  display: table-cell;
  height: 50px;
  vertical-align: middle;
  width: 255px;
}

.more-donations {
  margin-bottom: 1em;
}

.additional-donations {
    border-top: 1px solid #E0E0E0;
    font-size: 1em;
    margin-top: 1.4em;
    padding-top: 1em;
}

.donate img,
.donate input,
.donate .amount {
  display: inline-block;
  vertical-align: middle;
}

.donate .amount input {
  width: 160px;
}

.donate input {
  color: #808080;
}

.gcr-content-section {
  padding-left: 6px;
}

.gcr-content-section h3 {
  margin-left: -6px;
}

.resources {
  padding-left: 6px;
  margin-right: 15px;
}

.resources iframe, .resources-2 iframe {
  margin-left: -6px;
}

.resources-2 {
  padding-left: 6px;
  margin-left: 15px;
}

.resources h3, .resources-2 h3 {
  margin-left: -6px;
  margin-top: 20px;
}

.resources h4, .resources-2 h4 {
  font-size: 1em;
  border-top: 1px solid #e0e0e0;
  padding-top: 1em;
  margin-top: 1.4em;
}

.resources h4.first, .resources-2 h4.first {
  border-top: 0;
  margin-top: 1em;
  padding-top: 0;
}

.first {
  margin-top: 19px;
}
.resources h5, .resources-2 h5 {
  border-top: 1px dashed #e0e0e0;
  padding-top: 1em;
}

.resources h5.first, .resources-2 h5.first {
  border: none;
  padding-top: 0;
}

ul {
  margin-left: 0;
}

li {
  list-style: none;
}

.share {
  padding: 0;
  display: block;
  margin-top: 12px;
}

#short-url {
  color: #666;
  margin-top: -9px;
}
#quicklinks {
  margin-top: -40px;
  float: left;
}

#quicklinks li {
  border-right: 1px solid #E0E0E0;
  margin: 0;
  padding-left: 8px;
  padding-right: 6px;
}

#quicklinks li:last-child {
  border-right: none;
}

/* Chinese and Korean pages */
#loc-container {width: 880px; margin: 20px auto 20px -70px;position: relative;}
#loc-intro {position: absolute;width: 740px;padding:20px 70px;height: 125px;*height:110px;background:#fff;left:0;top:0;z-index:3;overflow:hidden}
#loc-hack-iframe {position:absolute;width:100%;height:150px;*height:130px;left:0;top:0;z-index:2;}
#loc-content {margin-top: 20px;}
.header span a, .header span strong {margin-left: 12px;}

.qr-code {
  text-align: center;
}

#promo {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: .5em;
  margin-bottom: .5em;
}

#promo ul {list-style: none;}
#promo li {padding-left: 4em;}
#promo li.translate {
  background: url("images/japanquake2011/translate-icon.png") no-repeat 0 0;
}

.embedded-g-tpl-33 {
  width: 34% !important;
}

.embedded-g-tpl-67 {
  width: 66% !important;
}

.currency-symb {
  font-size: 115%;
}

.form-detail {
  font-size: 90%;
  color: #444;
  margin-left: 12px;
}

#donation-box2 {
  border: 7px solid #EBEFF9;
  border-top: none;
  overflow:hidden;
}

#donation-box2 h3 {
  margin: 0;
  padding-left: 0;
}

#donation-box2 .donation-content {
  padding: 1em;
}

#donation-box2 form {
  margin-top: 12px;
}

#donation-box2 .donation-logo {
  text-align: left;
}

.donation-ui {
  float:left;
  width:50%;
  margin-left:15px;
}

.donation-ui li, .donate-other li{
  padding:5px 0 5px 25px;
  background:#fff url(../images/japanquake2011/red-cross.png) no-repeat scroll left center;
}

.donate {
  float:left;
  display:none;
  padding-left:5px;
  width:300px;
}

#ico-unicef { background-image: url(../images/japanquake2011/unicef.png)}
#ico-mercy-corps { background-image: url(../images/japanquake2011/mercy-corps.png)}
#ico-worldvision { background-image: url(../images/japanquake2011/worldvision.png)}
#ico-international-medical-corps { background-image: url(../images/japanquake2011/international-medical-corps.png)}
#ico-save-the-children { background-image: url(../images/japanquake2011/save-the-children.png)}
#ico-more,
#donate-5-intro { background-image: none; padding-left:0}
#donate-1 {display:block;}

/** Japan-specific styling **/
.ja-page .header span {
  text-align: left;
  position: absolute;
  left: 488px;
}
.ja-page .additional-donations {
  margin: 10px 45px 20px 45px;
}
.ja-page .receipt {
  margin: 70px 45px 0 15px;
}
.ja-page #qr-code {
  color: #666;
  float: right;
  margin-left: 20px;
  margin-right: 8px;
  width: 255px;
}
.ja-page #qr-code img {
  float:left;
  margin:-10px 0 0 0px;
}
.ja-page .summary {
  margin-right: 315px;
}
.ja-page #heading {
  line-height: 1.5;
  margin-top: -7px;
}
.ja-page .share {
  top: 72px;
  position: absolute;
  left: 499px;
  top: 75px;
  margin-top: 0;
}
.ja-page #short-url {
  top: 63px;
  left: 499px;
  position: absolute;
}
.ja-page .intro {
  margin-bottom: 32px;
}

.banner {
  margin: 30px 0 20px -6px;
  width:100px;
  text-align:center;
}

.banner a{
  border:none;
}