@import url(//www.google.com/css/adwords.css);
@import url(//www.google.com/css/modules/buttons/g-button-chocobo.css);
@media screen, projection {
  h3 { margin: 0 0 0.3em 0; clear:both; border-bottom: 1px solid #ccc; padding: 2em 0 0.2em 0;}
  h3.first {clear: none;}
  .g-button { float: right; margin: 0.2em 0 0.5em 3em; }
  #button { margin-top: 0.5em; }
  div ul li {padding-bottom: 0.5em;}
  #aux ul {margin-left: 1em; padding-left: 1em;}
  #aux p, #aux h4 {padding-right: 120px;}
  #aux div.tip p, #aux div.tip h4 {padding-left: 0; padding-right: 0;}
  #aux p, #aux h4 {padding-left: 240px;}
  #aux ul.tmp, #aux ol.tmp {margin-left: 248px;}
  #nav .feat ul { border: dashed #bbb; border-width: 1px 0 0; padding-left: 0; margin-left:0; margin-top: 1em; padding-top:0.6em}
  div.tip {border: 1px solid #fe8; background: #fff6c3; padding: 0 1.5em; clear: right; margin: 1em 0 0 240px;}
  div.tip h4 {margin-top: 1em;}
  div.time {width: 100px; float:right; background: url(//www.google.com/images/icons/feature/clock-y32.png) no-repeat center 12px; border: 1px solid #fe8; background-color: #fff6c3; padding: 52px 0 12px; font-weight: bold;text-align:center;margin: 1em 0 1em 2em;}
  .illu, .shot { float: left; margin: 1em 1em 1em 0; }
  .shot {padding: 3px; border: 1px solid #ccc;}
  .clear { clear: both; padding: 0; margin: 0; }
  .main {width: 500px; float: right;}
  .twistyExpand, .twistyCollapse { padding-left: 16px; background: url('images/plus.png') no-repeat 0 2px; font-weight: bold;}
  .twistyCollapse { background-image: url('images/minus.png'); }
  p.footeraction { padding-top: 3em; font-weight:bold;}
  #intro p {padding: 0;}
  #intro ul {list-style-type: none; margin: 0; padding: 0;}
  #intro ul li {background:url(//www.google.com/images/icons/feature/checkmark-g16.png) no-repeat left 3px; padding-left: 22px;}
  #x-nav label, #x-lang label {font-weight:normal; display: inline;}
  #aux p.legal {color: #666; font-size: 11px; padding: 0;}

  /* RTL styles */
  body.rtl .g-button {float: left; margin: 0.2em 3em 0.5em 0; direction:rtl;}
  body.rtl #aux ul {margin-right: 1em; padding-right: 1em;}
  body.rtl #aux p, body.rtl #aux h4 {padding-left: 120px;}
  body.rtl #aux div.tip p, body.rtl #aux div.tip h4 {padding-left: 0; padding-right: 0;}
  body.rtl #aux p, body.rtl #aux h4 {padding-right: 240px;}
  body.rtl #aux ul.tmp, body.rtl #aux ol.tmp {margin-right: 248px;}
  body.rtl div.tip {padding: 0 1em; clear: left; margin: 1em 240px 0 0; }
  body.rtl div.time {float: left; margin-right: 2em; margin-left: 0;}
  body.rtl .illu, body.rtl .shot { float: right; margin: 1em 0 1em 1em; }
  body.rtl .twistyExpand, body.rtl .twistyCollapse { padding-right: 20px; background: url('/intl/de/adwords/signuptips/images/plus.png') no-repeat right 2px;}
  body.rtl .twistyCollapse { background-image: url('/intl/de/adwords/signuptips/images/minus.png'); }
  body.rtl #intro ul {float: right; list-style-type: none; margin: 0; padding: 0;}
  body.rtl #intro ul li {background:url(//www.google.com/images/icons/feature/checkmark-g16.png) no-repeat right 3px; padding-right: 22px;}
  body.rtl #nav li.feat ul { border: dashed #bbb; border-width: 1px 0 0; padding-right: 0; margin-right:0; margin-top: 1em; padding-top:0.6em}
}