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

@media screen, projection {
/* @@ Special rules */
  #navbar { display: none !important; }
  #navbar-iframe { display: none !important; }
  body {
    background: url(images/blue-bar.gif) repeat-x 0 82px; 
    max-width:none;
    padding:15px !important;
  }
  body #container {
    max-width:1000px;
    margin:auto;
  }
  * html body #container {
    width:1000px;
  }
  #container h1 em {
  display:block; 
  font-size:0.5em; 
  font-style:normal; 
  margin-top:-1.4em;
  }
  h1 {
    font-size: 24px; 
    font-weight: normal; 
    margin:0; 
    border: none; 
    padding: 10px 0 0 0;
    height:67px;
  }
  h1 a {
    color:#333333 !important; 
    text-decoration:none;
  }
  h1 img {
    margin:-13px 0 0 -2px; 
    padding: 0 12px 0 0;
  }
  h2 {
    font-size:2em;
    font-weight:normal;
  }
  #aux {
    padding: 0.385em 0 0 0; 
    margin: 0 0 0 160px;
  }
  #main-nav {
    list-style:none;
    margin:0;
    padding:0;
  }
  #main-nav li {
    float:left;
    border-left:1px solid #fff;
    text-transform:uppercase;
    height:25px;
  }
  * html #main-nav li {
    width:115px;
  }
  #main-nav li a {
    display:block;
    padding:0 13px 0 13px;
    height:25px;
    color:#fff;
    font-weight:bold;
    text-decoration: none;
    line-height:24px;
  }    
  #main-nav li.selected a {
    background: url(images/blue-bar-hover.gif)
  }
  #main-nav li a:hover {
    background: url(images/blue-bar-hover.gif)
  }
  
  #content-wrapper {
    clear:both;
    margin:0;
    padding:20px 0 0 0;
  }
  #main-content {
    border-right:1px solid #CCCCCC;
    margin:0 0 0 5px;
    padding-right:20px;
    width:754px;
  }
  #sidebar {
    float:right;
    width:200px;
  }
  #sidebar div {
    margin:0;
  }
  #sidebar h2 {
    border-bottom:1px solid #333;
    color:#333;
    font-size:1em;
    font-weight:bold;
    margin:0 0 5px 0;
    text-transform:uppercase;
  }
  #sidebar h3 {
    border-bottom:1px solid #333;
    color:#333;
    font-size:1em;
    font-weight:bold;
    margin:0 0 5px 0;
    text-transform:uppercase;
  }
  #sidebar .widget, #sidebar .promo {
    margin-bottom:1.5em;
  }
  #sidebar p {
    margin:0.5em 0;
  }
  #sidebar ul {
    list-style: none;
    padding:0;
    margin:0;
  }
  /* blog */
  .post {
    border-bottom:1px solid #ccc;
    margin-bottom:2em;
  }
  .post div {
    margin:0;
  }
  div.post h3 {
  font-size:2em;
  font-weight:normal;
  margin:0;
  }
  div.post h3 a {
  color:#4A82B5;
  text-decoration:none;
  }
  div.post h3 a:hover {
  color:#AFD3F7;
  }


  #sidebar div.g-button-basic {
    width:200px;
    margin:1em 0 2em 0;
  }
  .g-button-basic {
    margin:1em 0;
  }
  .reduce {
    letter-spacing:-0.015em;
  }
  #nav li.external {
    margin:1.5em 0 0;
    padding:1em 0;
    border-top:1px dashed #999;
    border-bottom:1px dashed #999;
  }
  #consultant-summaries {
    min-width:580px;
    margin:2em 0;
  }
  #consultant-summaries caption {
    position:absolute;
    top:-5000px;
    left:-5000px;
  }
  #consultant-summaries ul {
    margin:0;
    padding:0 0 0 1em;
  } 
  #consultant-summaries th {
    -moz-border-radius-topleft: 15px; 
    -moz-border-radius-topright: 15px; 
    -webkit-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px; 
    padding:0;
  }
  #consultant-summaries th h3 {
    padding:1em;
    margin:0;
  }
  #consultant-summaries th h3 span {
    display:block;
    float:right;
    font-size:0.8em;
    font-weight:normal;
    text-align:right;
    width:140px;
    margin-top:-22px;
  }
  #consultant-summaries td {
    padding:0 0 1em 0;
  }
  #consultant-summaries td.col1, #consultant-summaries td.col2, #consultant-summaries td.col3, #consultant-summaries td.col4 {
    padding:1em;
  }
  #consultant-summaries td.col1 {
    background:#888;
    color:#fff;
    text-align:right;
    width:10%;
    -moz-border-radius-topleft: 15px; 
    -moz-border-radius-bottomleft: 15px; 
    -webkit-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
  }
  #consultant-summaries td.col2 {
    background:#ebedef;
    border-bottom:1px solid #D8DBE0;
    width:30%;
  }
  #consultant-summaries td.col3 {
    background:#f1e683;
    border-bottom:1px solid #E3CD08;
    width:30%;
  }
  #consultant-summaries td.col4 {
    background:#e2cb83;
    border-bottom:1px solid #C59807;
    width:30%;
  }
  #consultant-summaries th.col2 {
    background:#ebedef;
  }
  #consultant-summaries th.col3 {
    background:#f1e683;
  }
  #consultant-summaries th.col4 {
    background:#e2cb83;
  }
  #consultant-summaries th.col2 h3 {
    border-bottom:1px solid #D8DBE0;
  }
  #consultant-summaries th.col3 h3 {
    border-bottom:1px solid #E3CD08;
  }
  #consultant-summaries th.col4 h3 {
    border-bottom:1px solid #C59807;
  }
  /*
  #consultant-list {
    clear:left;
  }
  #consultant-list, #consultant-list ul {
    list-style:none;
    margin:0;
    padding:0;
  }
  #consultant-list ul {
    padding:0 1em;
  }
  #consultant-list ul ul {
    padding:0;
  }
  #consultant-list h4 {
    margin:0 0 0.5em 0;
    font-size:1.17em;
  }
  #consultant-list li{
    border:1px solid #ccc;
    margin: 0 1em 1em 0;
    padding:1em 0;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
  }
  #consultant-list li.platinum {
    background:#ebedef;
    border:1px solid #D8DBE0;
  }
  #consultant-list li.gold {
    background:#F1E683;
    border:1px solid #E3CD08;
  }
  #consultant-list li.associate {
    background:#E2CB83;
    border:1px solid #C59807;
  }
  #consultant-list ul li{
    border:none;
    margin:0;
    padding:0;
    clear:left;
  }
  #consultant-list ul li span {
    display:block;
    float:left;
    padding-right:10px;
    width:45px;
  }
  #consultant-list ul li.listname{

  }
  #consultant-list ul li.listemail{

  }
  #consultant-list ul li.listaddress{

  }
  #consultant-list ul li.listphone{

  }
  #consultant-list ul li.listtype{
    margin:0.5em 0 0 0;
  }
  #consultant-list ul li.listtype span, #consultant-list ul li.listregion span{
    font-weight:bold;
  }
  */
  #library {
    clear:left;
    margin:0 0 3em 0;
  }
  #library ul {
    list-style: none;
    padding:0;
    margin:1em 0;
  }
  #library ul li {
    width: 840px;
  }
  #library h4 {
    border-top:1px solid #ccc;
    padding:1.2em 0 0.3em 0;
    clear:both;
    margin:0;
    font-weight:normal;
  }
  #library h4.first {
    border-top:none;
    padding:0 0 0.3em 0;
  }
  #library h4 em {
    color:#f00;
    padding-left:5px;
  }
  #library h4 a {
  padding-top: 1px;
  padding-bottom: 2px;
  }
  #library ul ul {
    color:#666;
    margin:0 0 1em 0;
  }
  #library ul ul li {
    float:left;
    margin:0 8px 0 0;
    padding:0 0 0 8px;
    border-left:1px solid #ccc;
    width: auto;
  }
  #library ul ul li.first {
    border-left:none;
    padding:0;
  }
  #library ul ul li a {
    display:block;
  }
  #library p {
    margin:0;
    display:inline;
  }
  div.thumb {
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #CCCCCC;
  float:right;
  height:63px;
  margin:-17px 0 10px 20px;
  width:150px;
  }
  div.thumb a {
  display:table-cell;
  height:63px;
  text-align:center;
  vertical-align:middle;
  width:150px;
  }
  * html div.thumb a img {
  height:53px;
  width:140px;
  }
  div.thumb a img {
  margin:5px;
  max-height:53px;
  max-width:140px;
  }

  a.pdf, a.youtube {
    padding:1px 0 1px 20px;
  }
  a.pdf {
    background:url(images/pdf.gif) no-repeat;
  }
  a.youtube {
    background:url(images/youtube.gif) no-repeat;
  }
  .clearme:after, #library ul ul:after {
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
  }
  .clearme, #library ul ul { display: inline-table; }
  /*  \*/
  * html .clearme { height: 1%; }
  .clearme { display: block; }
  * html #library ul ul { height: 1%; }
  #library ul ul { display: block; }
  /*  */
  #browser {
  float:left;
  }

  #selections {
  margin:0 0 2em 0;
  }
  #selections ul {
  list-style:none;
  margin:0;
  padding:0;
  }
  #selections ul li {
  clear:left;
  margin:0;
  }
  #selections ul li h3 {
  margin:0 5px 0 0;
  font-size:1em;
  float:left;
  }
  #selections ul li h3 label {
  width:140px;
  }
  #selections ul li label {
  line-height:1.5em;
  margin:0;
  }
  /*
  #selections {
  margin:0 0 0 8em;
  }
  #selections ul {
  list-style:none;
  margin:0;
  padding:0;
  }
  #selections ul li {
  clear:left;
  margin:0 0 0.5em 0;
  }
  #selections ul li h3 {
  margin:0 5px 0 0;
  font-weight:normal;
  float:left;
  }
  #selections ul li h3 label {
  font-weight:normal;
  width:130px;
  }
  #selections ul li label {
  line-height:1em;
  margin:0;
  }
  #selections ul li select {
  margin-right:40px;
  }
  #selections #submit {
  clear:left;
  }
  */
  #gcf {
    width:840px;
  }
  .gcf {
    padding:1px 10px 1px 70px;
  }
  .gcf h4 {
    margin-top:0.5em;
  }
  .gcf p {
    margin-bottom:0.5em;
  }
  #marketingeffectiveness {
    float:left;
    background: url(images/traffic-48.gif) no-repeat 10px 10px;
    border:1px solid #97d4f9;
    width:170px;
    margin:1em 1.9em 1em 0;
  } 
  #website-usability {
    float:left;
    background: url(images/sitemap-48.gif) no-repeat 10px 10px;
    border:1px solid #97d4f9;
    width:165px;
    margin:1em 0 1em 0;
  }
  #products-services {
    float:right;
    background: url(images/products-48.gif) no-repeat 10px 10px;
    border:1px solid #97d4f9;
    width:210px;
    margin:1em 0 1em 0;
  }
  #analytics-insight {
    background: url(images/analytics-48.gif) no-repeat 10px 10px;
    border:1px solid #ffac75;
  }
  #continuous-improvement {
    background: url(images/tools-48.gif) no-repeat 10px 10px;
    border:1px solid #99cc66;
  }
  .three-arrows {
    background:url(images/blue_arrows.gif) no-repeat 50% 0;
    height:20px;
    clear:both;
  }
  .one-arrow {
    background:url(images/orange_arrow.gif) no-repeat 50% 0;
    height:20px;
  }
  .close {
    float:right;
    margin:0;
  }
  .slim {
    letter-spacing:-0.04em;
  }
  .extra {
  background:#eee;
  border:1px solid #ccc;
  clear:right;
  float:right;
  margin:0 0 1em 2em;
  padding:10px;
  width:300px;
  }
  .extra h3 {
    margin-top:0.2em;
  }
  .extra object, .extra embed {
    display:block;
  }
  .extra p.promo {
    line-height:1.2em;
    margin-top:0;
  }
  .extra img {
    float:right;
    margin:0 0 0.2em 1em;
    display:block;
  }
  .extra .last {
    margin:1em 0 0.2em 0;
  }
  .extra ol,.extra ul {
    padding:0 0 0 1.8em;
  }
  .tabs { padding: 0 0 1em 0; float:left; width:1000px;}
  .tabs ul.tab { list-style: none; margin: 0 0 0 5px; padding: 0; }
  .tabs li.tab { float: left; margin: 0 5px -1px; padding: 0; }
  .tabs li.tab a .box-1 { border-bottom: 0; margin-bottom: 0; }
  .tabs li.tab a { cursor: pointer; display: block; }
  .tabs li.tab a, .tabs li a:visited { color: #00c; }
  .tabs li.tab a.selected { color: #000; font-weight: bold; text-decoration: none; }
  .tabs div.tab-content { clear: left; }
  .tabs h3 { padding: 0; margin:0 0 1em 0; }
  img.alt-1 { float: left; margin: 0 1.5em 1em 0; }
  img.alt-2 { margin: 0 auto 1em; }
  img.alt-3 { float: right; margin: 0 0 1em 1.5em; }
  .box-1, .box-2 { display: block; }
  
  .tabs li.tab a .box-2 { background-color: #e5ecf9; padding: 2px 10px 3px; }
  .tabs li.tab a.selected .box-2 { background-color: #fff; border-bottom: 1px solid #fff; }
  .box-1 { border: 1px solid #93B4D9; margin: 0 1px; }
  .box-2 { background: #fff; border: 1px solid #93B4D9; border-width: 0 1px; margin: 0 -2px; padding: 1em; }
  
  /* Contact partner section */
  .ga-consultant-contact {
  display:none;
  }
  #gaSelector {
    float:left;
    margin-left:8em;
  }
  #gaSelector strong {
    width:150px;
    display:block;
    float:left;
    margin:0 0 0 2em;
  }
  #gaSelector label {
    clear:left;
    margin:0.5em 0;
  }
  #formatContainer {
    clear:left;
    float:left;
    width:630px;
    margin:0;
  }
  #consultant-list {
    background:url(images/gcp.gif) no-repeat 0 2em;
    float:left;
    padding:1em 0 0 0;
    margin:1em 0 3em 0;
    /*
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    */
  }
  .prev-next {
    position:relative;
    clear:left;
    float:left;
    width:630px;
    margin:0;
    height:35px;
    margin-top:1em;
  }
  #moreBtn1, #moreBtn2 {
    position:absolute;
    top:0;
    right:15px;
  }
  #prevBtn1, #prevBtn2 {
    position:absolute;
    top:0;
    left:15px;
  }
  #count, #count2 {
    position:absolute;
    top:0;
    left:230px;
    display:none;
  }
  .ga-consultant-container {
    border:1px solid #ccc;
    padding:1em;
    margin:1em 0;
    background:#fff;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
  }
  #list-key {
    float:right;
    width:315px;
    background:#fff;
    /* margin:1em 1em 1em 0; */
    margin:0;
  } 
  #list-key h3 {
    margin:0;
    padding:1em 0 0.5em 1em;
  }
  #list-key ul {
    list-style: none;
    margin:0;
    padding:0.5em;
  }
  #list-key ul li {
    padding:0.2em 0 1em 3.5em;
    font-size:0.9em;
  }
  #tool-installation {
    background:url(contact_gcp/icons/tools-24.gif) no-repeat 3px 0;
  }
  #data-driven-insights {
    background:url(contact_gcp/icons/beaker-24.gif) no-repeat 3px 0;
  }
  #system-integration {
    background:url(contact_gcp/icons/database-24.gif) no-repeat 3px 0;
  }
  #marketing-effectiveness {
    background:url(contact_gcp/icons/traffic-24.gif) no-repeat 3px 3px;
  }
  #product-services-consulting {
    background:url(contact_gcp/icons/product_search-24.gif) no-repeat;
  }
  .ga-consultant-highlight img {
    margin: 0 0.5em 0 0;
    vertical-align:middle;
  }
  .ga-consultant-highlight strong {
    margin-right:0.5em;
  }
  .image {
    float:right;
    margin:0 0 1em 1em;
  }
  #blog-container {
    border: 1px solid #CCC;
    clear: right;
    padding: 0 1em;
  }
  #blog {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #blog h4 {
    color: #666;
    font-weight: normal;
  }
  
  /* learn */
  dt.twisty {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:0;
    margin:0 0 -1px 0;
    font-weight:bold;
  }
  dl.media dt.twisty a {
    border-left:4px solid #8cc643;
  }
  dl.creative dt.twisty a {
    border-left:4px solid #fcb03b;
  }
  dl.optimisation dt.twisty a {
    border-left:4px solid #ec008c;
  }
  dl.strategy dt.twisty a {
    border-left:4px solid #00aeef;
  }
  dt.twisty a {
    padding:5px 5px 5px 25px;
    display:block;
    text-decoration:none;
    color:#000;
  }
  dt.twisty a:hover {
    background:#DDEDFA;
  }
  dt.twisty a.twistyExpand:hover {
    background:#DDEDFA url(//www.google.com.tw/landing/tips/img/plus.gif) no-repeat 6px 9px;
  }
  dt.twisty a.twistyCollapse:hover {
    background:#DDEDFA url(//www.google.com.tw/landing/tips/img/minus.gif) no-repeat 6px 9px;
  }

  dt.twisty a.twistyExpand {
    background: url(//www.google.com.tw/landing/tips/img/plus.gif) no-repeat 6px 9px;
  }
  dt.twisty a.twistyCollapse {
    background:#DDEDFA url(//www.google.com.tw/landing/tips/img/minus.gif) no-repeat 6px 9px;
    border-right:1px solid #ccc;
  }  
  #info-boxes em {
    font-weight:bold;
  }
  #info-boxes dl {
    padding-bottom:1em;
  }
  #info-boxes dd {
    padding:0 0 0 1em;
    margin:-1px 0 1em;
    background:#fff;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    -moz-border-radius-bottomleft: 3px; 
    -webkit-border-radius-bottomright: 3px;
    -moz-border-radius-bottomright: 3px; 
    -webkit-border-radius-bottomleft: 3px;
    min-height:120px;
  }
  * html #info-boxes dd {
    height:120px;
  }
  #info-boxes dd h4 {
    margin:0 1em -1em 0;
    padding:1em 0 0 0;
  }
  #info-boxes dd p {
    margin:0 1em 1em 0;
    padding-top:1em;
  }
  #info-boxes dd ul {
    list-style:none;  
    margin:1em 0 1em 0;
    padding:0;
  }
  #info-boxes dd img {
    float:right;
    margin:0 0 0 0.5em;
  }
  #info-boxes dd ul.ext-links {
    -moz-border-radius-bottomleft:10px;
    -webkit-border-radius-bottomleft:10px;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    float:right;
    margin:-19px 0 10px 20px;
    padding:10px 10px 5px 10px;
    width:159px;
    line-height:1.2em;  
    list-style:none;  
  }
  #info-boxes dd ul.ext-links li {
    margin-bottom:8px;
  }
  /* end learn */
  
  /* template */
  #template td {
    vertical-align:top;
    border-bottom:1px solid #ccc;
  }
  #template td h3 {
    margin-top:1em;
  }
  #template td.column1 {
    width:150px;
    background:#eee;
    padding:0 10px;
  }
  #template td.column2 {
    padding:0 10px 15px 10px;
  }
  /* success stories on experthelp */
  .success ul {
    margin:0;
    padding:0;
    list-style:none;
  }
  .success ul a {
    padding:1px 0 1px 20px;
  }
  .success ul a {
    background:url(images/pdf.gif) no-repeat;
  }

  /* e-book */
  .controlbar-image {
    background-image: url("//docs.google.com/gview/images/controlbar_icon_sprites_1.png");
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    float:left;
    height: 16px;
    margin: 3px 5px 0 0;
    width: 16px;
  }
  .controlbar-open-in-viewer-image {
    background-position: -80px;
    width: 20px;
  }
  .viewer {
    border:1px solid #ccc; padding:5px; float:left; margin:0 2em 2em 0;
  }
}