@import "//www.google.cn/css/gcs-v2.css";
@import "//www.google.cn/css/header.css";
@import "//www.google.cn/css/modules/buttons/g-button-chocobo.css";

*, ul{margin:0;padding:0;}
body{padding:10px;}

.header{margin-bottom:10px;}
.header h1{border-bottom:1px solid #ccc;float:left;margin-top:13px;width:100%;padding-bottom:5px;color:#666;}

.g-tpl-300-alt .g-first{width:220px !important;}
* html .g-tpl-300-alt .g-first p{width:188px !important;}

.content{padding-right:25px;}
.footer{margin-top:0;padding-top:30px;color:#666;text-align:center;}
.g-button{width:auto;margin-bottom:10px;}
.sub{width:1000px;margin:auto;}
.sub .content{padding-right:0;}
.subtle{color:#666;}

h2{font-size:1.4em;color:#666; padding-bottom:5px;}
h3{font-weight:bold;font-size:1.1em;color:#090; padding:5px 0px;}
h4{color:#090;padding:0;margin:10px 0;}

.lsection-outer{margin-bottom:20px;padding:1px;}
.lsection-outer img {float:left; padding-right:10px}
.lsection-outer p{margin-left:45px;}

.leftnav{width:144px !important;padding-left:5px;}
#backtohome{float:right;margin-top:-25px;}
.nav-secname{display:block;height:20px;line-height:20px;background-repeat:no-repeat;background-position:left center;font-size:110%;margin-bottom:10px;font-weight:bold;padding-bottom:0;}
#nav{list-style-type:none;padding-left:5px;padding-bottom:10px;margin:0;}
#nav ul{list-style-type:none;padding-left:1em;padding-bottom:0;margin-top:5px;}
#nav ul li{padding-bottom:0;line-height:1.3em;}
#nav-sub-active{color:#666;}
#nav-more{background-color:#efefef;padding:5px 10px;width:80%;}

.page-content{margin-right:240px !important;width:590px !important;overflow:hidden;}
.page-content h2{padding-bottom:1em;color:#090;}
.page-content ol, .page-content ul{padding-left:2.6em;}
.indent{padding-left:1.3em;}
.case-quote{margin:0 0 15px 10px;padding:10px 10px 0 40px;width:70%;background:url(images/quote.gif) no-repeat left 10px;}
.case-quote p{padding-bottom:0.5em;}
.img-footnotes{color:#999;width:600px;display:block;}

#videocase-mosaic td{padding:15px 20px;}
#videocase-mosaic .thumb-row td{padding-bottom:0;}
#videocase-mosaic .text-row td{padding-top:5px;}

ul.tabs {margin:10px 0; padding: 0;border-bottom: 3px solid #B5EDBC;height:21px;}
ul.tabs li {list-style: none;float:left;line-height:16px;height:16px;margin:0 0 0 7px;padding:3px 10px 2px;background: #E5FAEC;}
ul.tabs li.selected {background: #B5EDBC;}

.form-table td{padding:5px;vertical-align:top;}
.content-table{margin-bottom:10px;margin-left:1px;}
.content-table td, .content-table th{padding:5px 10px;vertical-align:top;border:1px solid #ccc;}

.stats-table{margin-bottom:10px;margin-left:1px;}
.stats-table td, .stats-table th{padding:5px 10px;text-align:left;border:1px solid #B5EDBC;}
.stats-table th{background-color:#E5FAEC;}

.keywords-table{margin:0 10px 10px;}
.keywords-table td{vertical-align:top; line-height:1.8em;padding:10px;}

.adwords-box{border:1px solid #336699; padding:2px 5px 16px !important;background:url(images/a_a1_3_01.png) no-repeat right bottom;width:225px;margin-bottom:10px;list-style-type:none;}
.adwords-box li{margin-bottom:10px;padding:0;}
.adwords-box li span{display:block;line-height:1.2em;}
.adwords-box li span.ad-title{color:#00c;font-size:1.1em;text-decoration:underline;margin-bottom:2px;}
.adwords-box li span.ad-desc{color:#000;margin-bottom:2px;}
.adwords-box li span.ad-link{color:green;font-size:0.8em;}

.newbie-table{table-layout:fixed;border-collapse:collapse;width:96%;margin:10px 1px;}
.newbie-table th, .newbie-table td{border:1px solid #ccc;padding:5px 10px;text-align:left;vertical-align:top;}
.newbie-table th{background-color:#efefef;}

#steps{width:580px;list-style-type:none;background-color: white; padding: 0; margin: 0 0 10px; list-style: none; position: relative; height: 60px;}
  #steps li{padding:0;}
  #steps li a {outline: none; display: block; height: 58px; position: absolute; top: 0; left: 0; background: url('images/arrow.gif') no-repeat right top; border:1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
  #steps li a:visited {color: blue;}
  #steps li#steps-1 a {z-index: 3; width: 34%; border-width: 1px 0 0 1px;}
  #steps li#steps-2 a {z-index: 2; width: 67%; border-width: 1px 0;}
  #steps li#steps-3 a {z-index: 1; width: 100%; border-width: 1px 1px 1px 0; background-position: 50% top; }
  #steps li a span {background-repeat: no-repeat; width: 80px; position: absolute; top: 15px; right: 50px; background-position: left center; padding-left: 30px; height:30px;line-height:30px; /*background-color: red;*/}
  #steps li#steps-1 a span {background-image: url('images/1.gif');}
  #steps li#steps-2 a span {background-image: url('images/2.gif');}
  #steps li#steps-3 a span {background-image: url('images/3.gif');}
  #steps li a:hover, #steps li.on a {background: url('images/arrow.gif') no-repeat right bottom;}
  #steps li#steps-3 a:hover, #steps li#steps-3.on a{background:url('images/arrow.gif') no-repeat 50% bottom;}
  #steps li.on a {text-decoration: none; color: black;}

.tips{border:1px solid #ccc;margin-bottom:10px;}
  .tips h2{font-size:12px;color:#000;background-color:#EBEFF9;border-bottom:1px solid #ccc;margin:0 0 10px;;padding:5px 10px;}
  .tips p{margin-left:10px;margin-right:10px;}

#partners{margin:0;padding:0;}
.partner{list-style-type:none;width:155px;height:100px;margin-right:10px;margin-top:10px;float:left;}
  .partner a{display:block;height:100%;text-decoration:none;text-align:center;}
  .partner a img{border:0;margin:0 auto 5px;}
  .partner a span{text-decoration:underline;display:block;}