/**
 * Copyright 2011 Google Inc.  All Rights Reserved.
 *
 * CSS for the admin templates (loaded in includes/admin-top.xml) and
 * the admin template submit template (templates/admintemplatessubmit.xml)
 *
 * Author: lcheng@google.com (Luciano Cheng)
 */

body {
  background-color: #fff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
}

#sites-admin .goog-ws-inside {
  border: none;
  border-top: 0;
}

#sites-admin .goog-ws-subhead {
  background: url(../images/navbar_bg.png);
  margin: 0;
}

#sites-admin .goog-ws-subhead li {
  border-right: 1px solid #59d;
}

#sites-admin .goog-ws-subhead li a {
  color: #fff;
  display: block;
  font-weight: bold;
  padding: 5px 15px;
  text-decoration: none;
}

#sites-admin .goog-ws-subhead li a:hover {
  background: url(../images/navbar_hover_bg.png)
}

#sites-admin .goog-ws-subhead .goog-ws-current {
  background: url(../images/navbar_curr_bg.png);
  font-weight: bold;
  padding: 5px 15px;
}

#sites-admin .goog-ws-subnav {
  background-color: #eaf3fd;
  border-bottom: 1px solid #c6dff9;
  padding-bottom: 0;
}

#sites-admin .goog-ws-subnav h2 {
  margin: 0;
  padding: 1px 0 8px;
}

#sites-admin .goog-ws-subnav li {
  padding: 5px 0 3px 10px;
}

#sites-admin .goog-ws-subnav li.goog-ws-current {
  background: #fff;
  border: 1px solid #c6dff9;
  border-bottom: 0;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  margin-bottom: -1px;
  padding: 5px 15px 3px;
}

.goog-ws-subhead .goog-ws-current {
  color: #fff;
}

.search-config-dialog {
  width: 475px;
}

#search-config .goog-ws-element-section {
  height: 210px;
}

#search-config hr {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

#search-config .goog-ws-subnav {
  background-color: #f6f5f6;
  border-bottom: 1px solid #ccc;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

#search-config .goog-ws-subnav ul {
  padding-top: 5px;
  padding-bottom: 24px;
}

#search-config .goog-ws-subnav li {
  display: inline;
  padding: 5px 0 3px 10px;
}

#search-config .goog-ws-subnav li.goog-ws-current {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  margin-bottom: -1px;
  padding: 5px 15px 3px;
}

#search-config dt {
  width: 150px;
  display: block;
  float: left;
  margin: 5px 0;
}

#search-config dd {
  width: 200px;
  display: block;
  float: left;
  margin: 5px 0;
}

#search-config dt {
  clear: both;
}

#search-config p {
  margin: 5px 0 0;
}

#search-config .goog-ws-search-header {
  height: 35px;
}

#search-config input {
  margin: 0;
}

#search-config label {
  margin-top: 5px;
}

#search-config ul.control-list {
  list-style:none;
  padding: 5px;
  margin: 0;
}

#search-config .control-list li {
  padding: 3px;
  margin: 0;
}

div.search-provider-entry {
}

#search-config td {
  padding: 5px;
}

.search-provider-site-list {
  margin: 5px 0;
}

input#search-enable {
  margin: 6px 10px 0;
}

.goog-ws-search-tab {
  height: 21px;
}

.goog-ws-themePrevLink {
  font-size: 11px;
}

.goog-ws-color {
  border: 2px solid #efefef;
  float: left;
  margin: 0 5px 15px;
  padding: 10px 0;
  text-align: center;
  width: 140px;
}

.goog-ws-color-selected {
  border: 2px solid #67a7e3;
}

.goog-ws-color-selected p {
  background: #A4CAEE;
}

.goog-ws-color img {
  padding: 0 5px 5px;
}

.goog-ws-color img:hover,
.goog-ws-color label:hover {
  cursor: pointer;
}

.goog-ws-color input {
  margin: 0 0 -2px;
}

.goog-ws-color p {
  height:35px;
  margin: 12px 0 0 0;
  padding-top: 5px;
}

#sites-admin .goog-ws-color p {
  line-height: 15px;
  margin: 0 0 5px;
  padding: 0;
}

.goog-ws-color-theme-thumb {
  background-repeat: no-repeat;
  height: 100px;
  margin: 0 auto 7px;
  width: 100px;
}

#moreThemesLinkDiv p {
  line-height: 100px;
  font-weight: bold;
  font-size: 15px;
}

.goog-ws-empty {
  background: #fff;
  border: 1px solid #ccc;
}

.goog-ws-empty .goog-ws-layout-box-head {
  background: none;
  border: none;
  height: 9px;
}

.goog-ws-inside p {
  margin: 10px;
}

/* LAYOUT ADMIN AREA */

.sites-admin-layout-button {
  display: inline;
}

.goog-ws-layout-box {
  background: #fff;
  border: 1px solid #67a7e3;
  border-bottom: 1px solid #67a7e3;
  border-right: 1px solid #67a7e3;
  font: 12px;
  margin: 5px 5px 0;
  position: relative;
  width: 203px;
}

.goog-ws-layout-box p {
  margin: 0;
  padding: 5px;
}

.goog-ws-layout-header .goog-ws-layout-box {
  margin-top: 0;
}

.goog-ws-layout-box-disabled {
  background: none;
  border: 1px solid #efefef;
}

.goog-ws-layout-box-disabled p {
  padding-bottom: 15px !important;
}

.goog-s-layout-tools {
  border-top: 1px dotted #c6dff9;
  font-size: 11px;
}

.goog-s-layout-tools-edit {
  padding-right: 3px;
}

.goog-ws-layout-box-head {
  background: #67a7e3 url(../images/layout_handle.gif) no-repeat
    center 2px;
  border-bottom: 1px solid #67a7e3;
  cursor: move;
  font-size: 1px;
  height: 7px;
}

.goog-ws-layout-boxes,
.goog-ws-layout-change {
  position: relative;
}

.goog-ws-layout-boxes {
  padding: 0 0 0 10px;
  width: 640px;
}

.goog-ws-layout-header .goog-ws-layout-box {
  width: auto;
}

.goog-ws-layout-header .goog-ws-layout-box-head {
  display: none;
}

.goog-ws-layout-header .goog-ws-layout-box p {
  float: left;
}

.goog-ws-layout-header p.goog-s-layout-tools {
  float: none;
  text-align: right;
  border-top: none;
  border-left: 1px dotted #c6dff9;
}

.modal-dialog fieldset.goog-ws-logo {
  border: none;
}

.modal-dialog .goog-ws-logo {
  padding: 0 0 20px;
}

.modal-dialog .goog-ws-logo img {
  margin: 0 0 5px 17px;
  padding: 3px;
}

.modal-dialog .goog-ws-logo p {
  line-height: 18px;
  margin: 0;
}

.modal-dialog .goog-ws-logo-custom {
  border: 1px solid #ddd;
  height: 60px;
  margin: 5px 0 10px 17px;
  overflow: auto;
  width: 150px;
}

.modal-dialog .goog-ws-logo-radio {
  margin: 4px 0 -2px;
}

.modal-dialog .goog-ws-logo-upload {
  margin: 0 0 10px 17px;
}

.goog-ws-inside .goog-ws-layout-change {
  margin: 0;
  position: absolute;
  left: 445px;
  text-align: right;
  top: 60px;
  width: 200px;
}

.goog-ws-layout-change span {
  padding: 0 0 3px 20px;
}

.goog-ws-layout-change-left {
  background: url(../images/icon_sidebar_left.gif) no-repeat 0 0;
}

.goog-ws-layout-change-right {
  background: url(../images/icon_sidebar_right.gif) no-repeat 0 0;
}

.goog-ws-layout-footer {
  background: #eaf3fd;
  border: 1px solid #ccc;
  clear: both;
  font: 12px Arial, Helvetica, sans-serif;
  height: 50px;
  margin: 10px 0 0;
  position: relative;
}

.goog-ws-layout-footer p {
  margin: 0;
  padding: 5px;
}

.goog-ws-layout-gadget {
  background: #fff;
  border: 1px dotted #999;
  font: 12px Arial, Helvetica, sans-serif;
}

.goog-ws-layout-header {
  background: #eaf3fd;
  border: 1px solid #ccc;
  margin: 0 0 10px;
  padding-bottom: 5px;
  position: relative;
}

.goog-ws-layout-header p {
  margin: 0;
  padding: 3px 5px 5px;
}

.goog-ws-layout-navbar {
  background: #eaf3fd;
  border: 1px solid #ccc;
  margin: 0 0 10px;
  padding-bottom: 5px;
  position: relative;
}

.goog-ws-layout-navbar p {
  margin: 0;
  padding: 3px 5px 5px;
}

.goog-ws-layout-system-footer {
  background: #EAF3FD;
  border: 1px solid #ccc;
  clear: both;
  font: 12px Arial, Helvetica, sans-serif;
  margin: 10px 0 0;
  position: relative;
}

.goog-ws-layout-system-footer p {
  margin: 0;
  padding: 5px;
}

.goog-ws-big-rtl {
  background: #ffff36;
}

.goog-ws-layout-sidebar p,
.goog-ws-layout-sidebar-rtl p {
  margin: 0;
  padding: 3px 5px;
}

.goog-ws-layout-sidebar,
.goog-ws-layout-sidebar-rtl {
  background: #eaf3fd;
  border: 1px solid #ccc;
  float: right;
  min-height: 250px;
  height: auto !important;
  height: 250px;
  padding: 0 0 5px;
  position: relative;
  width: 215px;
}

/* Sidebar right or left */
.goog-ws-layout-goog-ws-left .goog-ws-layout-sidebar,
.goog-ws-layout-goog-ws-left-nohead .goog-ws-layout-sidebar,
.goog-ws-layout-goog-ws-nav-left .goog-ws-layout-sidebar,
.goog-ws-layout-goog-ws-nav-left-nohead .goog-ws-layout-sidebar {
   /* @noflip */
  float: left;
}

.goog-ws-layout-goog-ws-left .goog-ws-big,
.goog-ws-layout-goog-ws-left-nohead .goog-ws-big,
.goog-ws-layout-goog-ws-nav-left .goog-ws-big ,
.goog-ws-layout-goog-ws-nav-left-nohead .goog-ws-big {
   /* @noflip */
  float: right;
}

.goog-ws-layout-goog-ws-right .goog-ws-layout-sidebar,
.goog-ws-layout-goog-ws-right-nohead .goog-ws-layout-sidebar,
.goog-ws-layout-goog-ws-nav-right .goog-ws-layout-sidebar,
.goog-ws-layout-goog-ws-nav-right-nohead .goog-ws-layout-sidebar {
   /* @noflip */
  float: right;
}

.goog-ws-layout-goog-ws-right .goog-ws-big,
.goog-ws-layout-goog-ws-right-nohead .goog-ws-big,
.goog-ws-layout-goog-ws-nav-right .goog-ws-big,
.goog-ws-layout-goog-ws-nav-right-nohead .goog-ws-big {
   /* @noflip */
  float: left;
}

.goog-ws-layout-goog-ws-left .goog-ws-layout-sidebar-rtl,
.goog-ws-layout-goog-ws-left-nohead .goog-ws-layout-sidebar-rtl,
.goog-ws-layout-goog-ws-nav-left .goog-ws-layout-sidebar-rtl,
.goog-ws-layout-goog-ws-nav-left-nohead .goog-ws-layout-sidebar-rtl {
  /* @noflip */
  float: right;
}

.goog-ws-layout-goog-ws-left .goog-ws-big-rtl,
.goog-ws-layout-goog-ws-left-nohead .goog-ws-big-rtl,
.goog-ws-layout-goog-ws-nav-left .goog-ws-big-rtl,
.goog-ws-layout-goog-ws-nav-left-nohead .goog-ws-big-rtl {
  /* @noflip */
  float: left;
}

.goog-ws-layout-goog-ws-right .goog-ws-layout-sidebar-rtl,
.goog-ws-layout-goog-ws-right-nohead .goog-ws-layout-sidebar-rtl,
.goog-ws-layout-goog-ws-nav-right .goog-ws-layout-sidebar-rtl,
.goog-ws-layout-goog-ws-nav-right-nohead .goog-ws-layout-sidebar-rtl {
  /* @noflip */
  float: left;
}

.goog-ws-layout-goog-ws-right .goog-ws-big-rtl,
.goog-ws-layout-goog-ws-right-nohead .goog-ws-big-rtl,
.goog-ws-layout-goog-ws-nav-right .goog-ws-big-rtl,
.goog-ws-layout-goog-ws-nav-right-nohead .goog-ws-big-rtl {
  /* @noflip */
  float: right;
}

/* No navigation bar. This style is NOT GOOD. We need to move this display
   logic to the clientside JS.
   TODO (jenniferking): create jot template for this CSS file */
.goog-ws-layout-goog-ws-none .goog-ws-layout-navbar,
.goog-ws-layout-goog-ws-left-nohead .goog-ws-layout-navbar,
.goog-ws-layout-goog-ws-right-nohead .goog-ws-layout-navbar,
.goog-ws-layout-goog-ws-noside .goog-ws-layout-navbar,
.goog-ws-layout-goog-ws-left .goog-ws-layout-navbar,
.goog-ws-layout-goog-ws-right .goog-ws-layout-navbar {
  display: none;
}

/* No header */
.goog-ws-layout-goog-ws-left-nohead .goog-ws-layout-header,
.goog-ws-layout-goog-ws-right-nohead .goog-ws-layout-header,
.goog-ws-layout-goog-ws-none .goog-ws-layout-header,
.goog-ws-layout-goog-ws-nav-noside-nohead .goog-ws-layout-header,
.goog-ws-layout-goog-ws-nav-left-nohead .goog-ws-layout-header,
.goog-ws-layout-goog-ws-nav-right-nohead .goog-ws-layout-header {
  display: none;
}

/* No sidebar */
.goog-ws-layout-goog-ws-noside .goog-ws-layout-sidebar,
.goog-ws-layout-goog-ws-none .goog-ws-layout-sidebar,
.goog-ws-layout-goog-ws-nav-noside .goog-ws-layout-sidebar,
.goog-ws-layout-goog-ws-nav-noside-nohead .goog-ws-layout-sidebar {
  display: none;
}

/* No footer */
.goog-ws-layout-goog-ws-nofoot .goog-ws-layout-footer {
  display: none;
}

.goog-ws-layout-goog-ws-noside .goog-ws-layout-sidebar-rtl,
.goog-ws-layout-goog-ws-none .goog-ws-layout-sidebar-rtl,
.goog-ws-layout-goog-ws-nav-noside .goog-ws-layout-sidebar-rtl,
.goog-ws-layout-goog-ws-nav-noside-nohead .goog-ws-layout-sidebar-rtl {
  display: none;
}

.goog-ws-layout-goog-ws-noside .goog-ws-big,
.goog-ws-layout-goog-ws-none .goog-ws-big,
.goog-ws-layout-goog-ws-nav-noside .goog-ws-big,
.goog-ws-layout-goog-ws-nav-noside-nohead .goog-ws-big {
  width: 100%;
}

.goog-ws-layout-goog-ws-noside .goog-ws-big-rtl,
.goog-ws-layout-goog-ws-none .goog-ws-big-rtl,
.goog-ws-layout-goog-ws-nav-noside .goog-ws-big-rtl,
.goog-ws-layout-goog-ws-nav-noside-nohead .goog-ws-big-rtl {
  width: 100%;
}

.goog-ws-layout-submit {
  text-align: right;
}

.goog-ws-preview {
  padding: 0 10px 10px;
}

/* ADMIN SETUP PAGE */
.goog-ws-setup {
  margin: 15px 0 0;
}

.goog-ws-setup-wrapper {
  position: relative;
}

.goog-ws-setup p {
  margin: 0;
  padding: 3px 0 15px;
}

.goog-ws-setup td {
  vertical-align: top;
}

.goog-ws-setup th {
  font-size: 12px;
  padding: 10px 20px 15px 5px;
  text-align: right;
  vertical-align: top;
  width: 140px;
}

.goog-ws-setup .goog-ws-setup-site {
  width: 475px;
}

.goog-ws-setup .text {
  width: 260px;
}

.goog-ws-setup,
.goog-ws-sites {
  font-size: 12px;
  width: 100%;
}

.goog-ws-setup > tbody > tr > td {
  padding: 9px 5px;
}

.goog-ws-sites td {
  padding: 7px 5px;
}

.goog-ws-s-x {
  width: 10px;
}

.goog-ws-s-x input {
  margin: 0;
}

.goog-ws-appear-submit,
.goog-ws-settings-submit {
  position: absolute;
  right: 7px;
  top: 7px;
}

.goog-ws-subhead {
  background-color: #67a7e3;
  border-bottom: none;
  color: #fff;
  position: relative;
}

.goog-ws-subhead h2 {
  font-size: 14px;
  margin: 0;
  padding: 5px;
}

.goog-ws-subhead ul {
  margin: 0;
  padding: 0;
}

.goog-ws-subhead li {
  float: left;
  list-style: none;
}

.goog-ws-subhead li a,
.goog-ws-subhead a,
.goog-ws-subhead a:visited {
  color: #fff;
}

.sites-header-divider {
  border-bottom: 1px solid #b0bdcc;
}

/* MISC */
.goog-ws-big,
.goog-ws-big-rtl {
  background: #ffffe6;
  border: 1px solid #ccc;
  min-height: 250px;
  height: auto !important;
  height: 250px;
  margin: 0;
  padding: 0 0 5px;
  width: 410px;
}

.goog-ws-big p,
.goog-ws-big-rtl p {
  margin: 0;
  padding: 1px 5px 0;
}

.goog-ws-blue-text {
  color: #069;
}

.goog-ws-small {
  float: left;
  position: relative;
  width: 202px;
}

.goog-ws-logo-default {
  border: 1px solid #ccc;
  padding: 3px;
  margin-top: 4px;
}

.goog-ws-faded-text {
  color: #999;
}

.goog-ws-faded-text a {
  color: #66C;
}

/* ADS */
#spinnerWait img {
  vertical-align: top;
  padding-top: 4px;
  padding-left: 3px;
}

.sites-adsense-wrapper {
  margin: 10px;
}

.sites-adsense-private-site-warning {
  margin: 15px;
  width: 500px;
  border: 1px solid red;
  background-color: #ffc;
  padding: 20px;
}

.sites-adsense-empty {
  color: #999;
}
.sites-adsense-selected {
  background-color: #ffc;
}
.sites-setup-adsense {
  vertical-align: top;
  border-collapse: collapse;
}
.sites-setup-adsense td {
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: top;
}
.sites-setup-adsense p {
  margin: 0;
  padding: 3px 0 15px;
}


/***************************/
/**     New AdSense UI    **/
/***************************/
.goog-adsense-signup-promo-main-img {
  background-image: url(../images/managesite.png);
  background-position: -210px 0;
  width: 436px;
  height: 38px;
  margin: auto;
  padding-bottom: 30px;
}

.goog-adsense-signup-promo-create-content-img {
  background-image: url(../images/managesite.png);
  background-position: -0px 0;
  width: 80px;
  height: 80px;
  margin: 5px 10px 50px 0;
}

.goog-adsense-signup-promo-setup-adsense-img {
  background-image: url(../images/managesite.png);
  background-position: -160px 0;
  width: 50px;
  height: 80px;
  margin: 5px 10px 50px 0;
}

.goog-adsense-signup-promo-earn-money-img {
  background-image: url(../images/managesite.png);
  background-position: -80px 0;
  width: 80px;
  height: 80px;
  margin: 5px 10px 50px 0;
}

.goog-adsense-signup-promo {
  padding: 6px 20px;
  width: 750px;
}

.goog-adsense-signup-promo-top {
  border-bottom: 1px solid #DDDDDD;
  padding: 30px 0;
  margin: auto;
  text-align: center;
}

.goog-adsense-signup-promo-top-text {
  font-size: 114%;
  color: #666;
  margin: auto;
  width: 380px;
  padding-bottom: 30px;
}

.goog-adsense-signup-promo-middle-content {
  float: left;
  width: 228px;
  margin: 15px 10px;
  color: #666;
}

.goog-adsense-signup-promo-more-info-links {
  border-top: 1px solid #DDDDDD;
  padding: 10px;
  text-align: left;
  color: #0000FF;
}

.goog-adsense-signup-promo-more-info-links span {
  color: #0000FF;
  margin: 5px;
  cursor: pointer;
}

.goog-adsense-signup-promo-more-info-link-selected span {
  color: #000000;
  font-weight: bold;
}

.goog-adsense-signup-promo-more-info div {
  margin: 10px;
}

.goog-adsense-signup-promo-more-info p {
  color: #666;
}

/* COLORS AND FONTS */
.goog-ws-colors-first {
  padding-top: 9px !important;
}

.goog-ws-colors-table {
  width: 100%;
}

.goog-ws-colors-table td {
  vertical-align: top;
}

.goog-ws-colors-table-inside {
  border-collapse: collapse;
}

.goog-ws-colors-table-inside td {
  padding: 0;
}

.goog-ws-colors-table-inside .palette,
.goog-ws-colors-table-inside .behavior {
  margin: 0;
  padding: 5px 0 5px 30px;
}

.goog-ws-colors-table-inside #hexInput {
  width: 151px;
  border: 1px solid #AAA;
  padding: 0;
}

#themeVarEditorArea label {
  display: block;
  margin-top: 8px;
}

#bgimg-position-and-repeat {
  margin-top: 8px;
}

.goog-ws-colors-table-img-pos-title {
  line-height: 27px;
}

.goog-ws-colors-table-img-pos-value {
  line-height: 7px;
}

.goog-ws-colors-table-main {
  padding: 5px 0 10px;
  vertical-align: top;
  width: 330px;
}

.goog-ws-colors-table-secondary {
  padding: 0 0 0 10px;
  vertical-align: top;
  line-height: 20px;
}

.goog-ws-colors-table-submit {
  padding: 10px 7px 0;
}

#theme-selector {
  display: inline;
}

#theme-selector.goog-flat-menu-button {
  padding: 5px;
}

.goog-ws-colors-theme-icon {
  background: url(../images/themes_sprite_small.png) no-repeat;
  width:16px;
  height:16px;
  margin: 0 5px 0 0;
}

.goog-ws-colors-theme-revert {
  padding: 5px 0 0 10px;
}

.goog-ws-colors-section {
  padding: 5px 10px;
  border-bottom: 1px solid #DDD;
}

.goog-ws-colors-theme-section {
  padding: 10px;
}

.goog-ws-colors-your-ws,
.goog-ws-colors-match-ws,
.goog-ws-colors-more-ws
{
  border-collapse: collapse;
  margin: 2px 0;
}

.goog-ws-colors-your-ws td,
.goog-ws-colors-match-ws td,
.goog-ws-colors-more-ws td
{
  border: 1px solid #999;
  padding: 1px;
}

.goog-ws-colors-your-ws td span,
.goog-ws-colors-match-ws td span,
.goog-ws-colors-more-ws td span
{
  background: #069;
  cursor: pointer;
  display: block;
  font-size: 1px;
  height: 12px;
  width: 12px;
}

.goog-ws-colors-table-browse {
  padding: 0;
}

.goog-ws-colors-table-browse form {
  margin: 0;
}

.goog-ws-colors-table .goog-ws-list-gadget {
  border: 1px solid #ccc;
  height: 157px;
  margin: 5px 0 10px 9px;
  white-space: nowrap;
}

.bgimg-position-and-repeat div.sites-checkbox-vcenter {
  display: inline-block;
  padding-top: 8px;
}

/* Colors and fonts preview page */
.goog-ws-preview-wrapper {
  position: relative;
}

#eventBlocker {
  border: 0;
  height: 500px;
  padding: 0;
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  width: 99%;
  /* This value should be one higher than the previewFrame's zIndex to */
  /* prevent clicks on the preview. */
  z-index: 10;
  -moz-opacity: 0;
}

#previewFrame {
  height: 500px;
  width: 99%;
  z-index: 9;
}

/* Settings page (Other Stuff) */
/* Quota info box */
.goog-ws-settings-quota {
  background-color: #eaf3fd;
  border: 1px solid #c6dff9;
  padding: 10px;
  position: absolute;
  right: 20px;
  top: 20px;
}

.goog-ws-settings-quota p {
  margin: 0;
  padding: 0 0 5px;
}

#sites-admin-general-site-storage {
  width: 250px;
}


#sidebar-width-label {
  font-size: 12px;
  padding-left: 7px;
}

/* Begin CSS rules for the Site Layout admin dialog */
.sitelayout-dlg-section {
  margin: 0;
  padding: 2px 0 10px;
}

.sitelayout-dlg-section table {
  border-spacing: 0;
}

.sitelayout-dlg-section {
  padding: 2px 0 0 0;
}

.sitelayout-dlg-section-border {
  border-bottom: 1px solid #ccc;
}

.sitelayout-dlg-section-border,
.sitelayout-dlg-section-border .sitelayout-dlg-section {
  padding-bottom: 7px;
}

.sitelayout-dlg-section h4,
.sitelayout-dlg-section h3,
.sitelayout-dlg-section div {
  margin: 0 auto 3px auto;
}

.sitelayout-dlg-section .sitelayout-dlg-horizontal {
  margin-left: 18px;
  margin-right: 18px;
}

.sitelayout-dlg-section .sitelayout-dlg-horizontal select {
  width: 150px;
}

.sitelayout-dlg-section .sitelayout-dlg-horizontal > tbody > tr > td {
  width: 238px;
}

.sitelayout-dlg-section .text-input {
  margin: 0 5px 0 0;
  width: 45px;
}

.sitelayout-dlg-img-container {
  position: relative;
}

.sitelayout-dlg-layoutimg {
  position: absolute;
  right: 5px;
  top: 5px;
}

.sites-header-divider .goog-ws-ccc-nav #gbi {
  border: 1px solid #b0bdcc;
}

/*******************************************************
 Below this point are styles that were extracted from
 jot-old.css.xml.  Less than 20% of that file was brought
 over.  With the current markup, the admin area will
 break if these styles are not present. (Or at least,
 most of them, I have checked many rules but not all).
 *******************************************************/
a,
a:visited {
  color: #00c;
  text-decoration: underline;
}

a:active,
a:hover {
  text-decoration: underline;
}

a img {
  border: 0;
}

hr {
  background-color: #efefef;
  border: 0;
  color: #efefef;
  height: 2px;
  margin: 10px 0;
  padding: 0;
}

input,textarea {
  font: 13px;
}

small {
  font-size: 11px
}

.goog-ws-text-right .disabled {
  background: none !important;
  border: 0 !important;
  text-decoration: none !important;
  color: #666 !important;
}

.goog-ws-text-right .enabled {
  background: none !important;
  border: 0 !important;
  text-decoration: underline !important;
  color: #06c !important;
}

.goog-ws-float-left {
  float: left;
}

.goog-ws-float-right {
  float: right;
}

.goog-ws-grey {
  color: #666;
}

.goog-ws-grey-back {
  background: #eff4f9;
}

.goog-ws-half-width {
  width: 48%;
}

.goog-ws-text-right {
  text-align: right;
}

.editable {
  border: 1px dotted #d0d0d0;
  background-color: transparent;
}

div div.editable {
  margin: 0 9px 9px;
  padding: 0;
}

.editable p {
  margin: 10px 0;
}

.goog-browser-support-warning {
  border: 2px solid #777;
  background-color: #fe7;
  padding: 10px;
}

.sites-account {
  background: #fff;
  /* 100% instead of 84% to have font size the same as OneGoogle */
  font: 100% arial,sans-serif;
  padding: 4px 8px 5px 2px;
  text-align: right;
}

.sites-account a,.sites-account a:focus,.sites-account a:visited{
  color: #00c;
}

.sites-account a:active {
  color: #f00; /*as specified by GaiaBar standard.*/
}

.sites-account span {
  color: #000;
  font-weight: bold;
}

.goog-ws-add {
  background: url(../images/icon_add.gif) no-repeat center left;
  padding: 0 0 0 12px;
}

/* Theme thumbnails for admin/colorsAndFonts page */
.goog-ws-color {
  border: 2px solid #efefef;
  float: left;
  font-size: 12px;
  margin: 0 5px 15px;
  padding: 10px 0 0;
  text-align: center;
  width: 140px;
}

.goog-ws-color img {
  padding: 0 5px 5px;
}

.goog-ws-color img:hover,.goog-ws-color label:hover {
  cursor: pointer;
}

.goog-ws-color input {
  margin: 0 0 -2px;
}

.goog-ws-subnav .goog-ws-selected a {
  background: #ffffab;
  color: #eff4f9;
  cursor: default;
  text-decoration: none;
}

.goog-ws-list-gadget .goog-ws-selected,
.goog-ws-list-gadget .goog-ws-selected:hover,
.goog-ws-list-gadget .goog-ws-selected:focus {
  background-color: #999;
  color: #fff;
}

.goog-ws-dialog {
  z-index: 200;
}

.modal-dialog-bg {
  z-index: 199;
}

.goog-ws-dialog .goog-ws-button {
  margin: 0 5px 0 0;
}

.goog-plusone-icon {
  background-image:url(../images/icon_plusone.png);
  background-position: 1px -15px;
  background-repeat: no-repeat;
  height: 22px;
  width: 35px;
  float: right;
  margin: 0px;
}

/* ********************************************** *
 * SUBFOOTER *
 * Subfooter styling (site name,quick links,etc.) *
 * ********************************************** */
.sites-subfooter {
  color: #5e6a72;
  font-size: 11px;
  padding: 0 0 5px;
  text-align: center;
}

.sites-subfooter p {
  margin: 0;
  padding: 5px;
}

.sites-subfooter p span {
  color: #5e6a72;
  font-size: 10px;
}

.sites-subfooter p a:visited {
  color: #06c;
}

/* Navigation tabs styling */
.goog-ws-subnav {
  clear: left;
  padding: 10px 2px 0 15px;
}

.goog-ws-subnav h2 {
  line-height: 12px;
  margin: 0;
  padding: 0 0 10px;
}

.goog-ws-subnav ul {
  margin: 0;
  padding: 4px 0 0;
}

.goog-ws-subnav li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.goog-ws-subnav li a {
  padding: 5px 15px 3px;
}

#editorToolbar {
  background: #eff4f9;
}

.goog-ws-color-selected {
  border: 2px solid #a4caee;
}

.drag-over {
  background: #900 !important;
}

.goog-ws-large {
  font-size: 13px;
}

.disabled {
  text-decoration: none;
  color: #666;
}

#tr_raw-html-area {
  font-family: "Andale Mono", "Courier New", Courier, monospace;
  overflow: auto;
}

.jot-insertMenu img {
  padding: 4px 0 2px 17px !important;
}

.goog-toolbar-menu-item-icon {
  padding-bottom: 1px;
}

.jot-tableMenu-menu .goog-menuitem {
  padding-left: 15px;
}

.command-jot-editor-save div {
  padding-left: 6px;
  padding-right: 6px;
}

/* Used in the editor embed dialogs */
.goog-link-box {
  background: #eff4f9;
  border: 1px solid #efefef;
  padding: 8px 0 0;
}

/* Fix iframe layout in text widget embed editor */
#COMP_dialogembedding .editable {
  border: 0;
  height: 300px;
  margin: 0;
  padding: 5px;
  overflow: auto;
}

.modal-dialog-content .goog-toolbar {
  background-position: left bottom;
}

/* New classes for admin pages redesign. */

.sites-admin-title {
  font: 16px Arial;
  padding: 4px 10px 5px 7px;
}

#sites-admin-logo-link {
  text-decoration: none;
}

.goog-logo {
  vertical-align: middle;
}

.sites-site-name {
  color: #666;
}

.sites-app-title a,
.sites-app-title a:visited {
  font-size: 12px;
  color: #03c;
  text-decoration: underline;
}

body .sites-admin-sidebar li a.sites-admin-sidebar-return,
body .sites-admin-sidebar li a.sites-admin-sidebar-return:visited {
  text-decoration: underline;
  color: #00c;
  font-weight: bold;
  margin: 5px 0 7px;
}

body .sites-admin-sidebar li a.sites-admin-sidebar-return:hover {
  background-color: transparent;
}

.sites-admin-sidebar {
  margin: 0;
  padding: 0;
  wrap: nowrap;
}

.sites-admin-sidebar li {
  margin: 2px 0;
  list-style: none;
  line-height: 21px;
}

.sites-admin-sidebar-section {
  padding: 0px 10px;
  color: #000;
  font-weight: bold;
}

.sites-admin-sidebar-sitetemplate {
  color: #000;
  font-weight: bold;
}

.sites-admin-sidebar li a,
.sites-admin-sidebar-link-style {
  padding: 0px 8px;
  text-decoration: none;
  color: #222;
  display: block;
  line-height: 17px;
  border: 2px solid transparent;
  zoom: 1;
  outline: none;
}

.sites-admin-sidebar li a:visited {
  color: #222;
  text-decoration: none;
}

.sites-admin-sidebar li a:hover {
  background-color: #e3e9ff;
  text-decoration: none;
}

.sites-admin-sidebar li a:focus {
  border-color: #bcf;
}

.sites-admin-sidebar-current {
  background-color: #68e;
  font-weight: bold;
  color: #fff;
  padding: 0px 10px;
  margin: 2px 0;
}

.sites-admin-sidebar-collab {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding-bottom: 5px;
  margin: 5px 0 5px;
}

.sites-admin-sidebar-appear {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin: 10px 0 5px;
}

.sites-admin-sidebar-appearance,
.sites-admin-sidebar-googleadmin {
  border-top: 1px solid #ddd;
  margin: 8px 0 5px;
}

.sites-admin-content-pane {
  border-left: 5px solid #bcf;
  border-top: 5px solid #bcf;
  border-bottom: 5px solid #bcf;
}

.sites-admin-content-pane h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #222;
}

.sites-admin-content-pane-wrapper {
  padding: 0 8px 8px 8px;
}

.sites-admin-content-min-height {
  min-height: 375px;
}

.sites-admin-pagination-top {
  float: right;
  padding-top: 5px;
  padding-right: 8px;
  font-size: 12px;
}

.sites-admin-pagination-bottom {
  float: right;
  padding-top: 9px;
  padding-right: 8px;
  font-size: 12px;
}

.sites-admin-pagelist-td-revisions {
  width: 5%;
  text-align: center;
}

.sites-admin-revisions-td-revert {
  width: 15%;
}

.sites-admin-page-hierarchy-tools {
  background: url(../images/table_background_off.jpg) repeat-x left top;
  padding: 0 0 7px 6px;
}

.sites-admin-page-hierarchy-tools-link {
  margin: 0 5px 0 5px;
}

.sites-admin-warning-icon {
  padding-right: 14px;
  background: url(../images/themes_sprite.jpg) no-repeat;
  background-position: 0px -1110px;
}

.sites-admin-template-gallery-link {
  padding: 2px 10px;
  float: right;
  font-weight: bold;
}

/*
 * Temporary buttons for the admin sitemap. These are to be replaced by
 * closure button equivalents once they are ready.
 */

.sites-admin-icon {
  width:16px;
  background-image: url(../images/toolbar2.gif);
}

.sites-admin-icon-page-list-unselected .sites-admin-icon {
  background-position:-855px 0;
}

.sites-admin-icon-page-list-selected .sites-admin-icon {
  background-position:-870px 0;
}

.sites-admin-icon-page-hierarchy-unselected .sites-admin-icon {
  background-position:-825px 0;
}

.sites-admin-icon-page-hierarchy-selected .sites-admin-icon {
  background-position:-840px 0;
}

.sites-admin-icon-page-list-container-unselected {
  border: 1px solid #ccc;
  border-right: none;
  padding-left: 5px;
  width:22px;
  height: 16px;
  background-image:url(../images/table_background_off.jpg);
  float:left;
  cursor: pointer;
}

.sites-admin-icon-page-list-container-selected {
  border: 1px solid #ccc;
  border-right: none;
  padding-left: 5px;
  width:22px;
  height: 16px;
  background-image:url(../images/navbar_hover_bg.png);
  float:left;
}

.sites-admin-icon-page-hierarchy-container-unselected {
  border: 1px solid #ccc;
  padding-left: 5px;
  width:22px;
  height: 16px;
  background-image:url(../images/table_background_off.jpg);
  float:left;
  cursor: pointer;
}

.sites-admin-icon-page-hierarchy-container-selected {
  border: 1px solid #ccc;
  padding-left: 5px;
  width:22px;
  height: 16px;
  background-image:url(../images/navbar_hover_bg.png);
  float:left;
}

#sites-invite-advanced {
  margin: 10px 0;
}

/* Attachment Management */

#sites-admin-attach-table img {
  vertical-align: bottom;
}

#sites-admin-attach-treeDiv {
  border-top: 1px solid #c5d9fd;
}

#sites-admin-attach-move-file-list {
  border-top: 1px solid #eee;
  margin-top: 5px;
}

#sites-admin-attach-move-file-list li {
  list-style: none;
  border-bottom: 1px solid #eee;
  padding: 2px;
}

#sites-admin-attach-move-file-list li span {
  font-weight: normal;
  color: #666;
}

#sites-admin-attach-move-file-list img {
  vertical-align: bottom;
}

#sites-admin-attach-replace-file-list {
  border-bottom: 2px solid #D1E4F7;
  margin-bottom: 5px;
  padding: 2px;
}

#sites-admin-attach-replace-file-list span {
  color: #666;
}

#sites-admin-attach-replace-file-list img {
  vertical-align: bottom;
}

.sites-admin-attach-select-all-none a {
  text-decoration: none;
}

.modal-dialog-buttons a,
.modal-dialog-buttons a:visited {
  text-decoration: none
}

.sites-admin-page-templates-divider {
  background-color: #eee;
  font-weight: bold;
}

.sites-admin-page-templates-checkmark {
  background: url(../images/icon-checkmark.gif) no-repeat;
  background-position: center;
}

.sites-admin-template-form-margin {
  margin-top: 20px;
}

.sites-admin-template-wrapper {
  padding: 20px 15px;
}

.sites-admin-template-wrapper div {
  margin-top: 20px;
}

#sites-admin-template-header {
  border: 1px solid #C6DFF9;
  background-color: #EAF3FD;
  padding: 7px;
  margin-top: 0;
}

.sites-admin-template-submit-buttons {
  padding-left: 15px;
}

.sites-admin-template-help-text {
  border-left: 1px solid #EFEFEF;
  float: right;
  width: 250px;
}

/* TODO(yardennb): Delete when graduating FreezeTemplateUpdates. */
.sites-admin-template-freeze-message {
  border: 1px solid;
  background-color: DarkSalmon;
  font-size: 18px;
  padding: 5px;
  margin: 5px;
}

/* Site Map Tree color */
#sitemap-tree .goog-tree-root .selected span {
  color: #222;
}


/***************************/
/*  Sharing & Permissions  */
/***************************/

#sites-admin-share-body {
  white-space: nowrap;
}

/* Turn page-level permission on/off links (blue bar) */

#sites-admin-share-enable-plp,
#sites-admin-share-disable-plp {
  color: #00C;
  float: right;
  padding-right: 12px;
  padding-top: 4px;
  text-decoration: none;
}

#sites-admin-share-enable-plp:hover,
#sites-admin-share-disable-plp:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* Turn page-level permission on/off dialogs */

.sites-admin-share-dialog-buttons button {
  font-weight: normal;
}

.sites-admin-share-dialog-cancel {
  color: #06C;
  display: inline-block;
  padding-left: 10px;
}

.sites-admin-share-dialog-cancel:hover {
  text-decoration: underline;
}

/* Permission sitemap tree */

#sites-admin-share-sitemap {
  border-right: 4px;
  border-right-color: #E3E9FF;
  border-right-style: solid;
  height: 500px;
  min-height: 400px;
  overflow: auto;
  vertical-align: top;
  width: 400px;
}

#sites-admin-share-sitemap .goog-tree-row .goog-tree-icon {
  background-image: url(../images/tree_ltr.gif);
}

#sites-admin-share-sitemap .sites-tree-icon-permissions-site-icon {
  background: url(../images/icon_sprites.gif) no-repeat;
  background-position: -184px -1px;
  width: 17px;
  height: 16px;
  vertical-align: middle;
}

#sites-admin-share-sitemap .sites-tree-icon-permissions-inherits-icon {
  background: url(../images/icon_sprites.gif) no-repeat;
  background-position: -166px -1px;
  width: 17px;
  height: 16px;
  vertical-align: middle;
}

#sites-admin-share-sitemap .sites-tree-icon-permissions-ignores-icon {
  background: url(../images/icon_sprites.gif) no-repeat;
  background-position: -146px -1px;
  width: 19px;
  height: 16px;
  vertical-align: middle;
}

#sites-admin-share-sitemap .goog-tree-collapsed-folder-icon,
#sites-admin-share-sitemap .goog-tree-file-icon {
  background-position-x: 1px;
}

#sites-admin-share-sitemap .goog-tree-expanded-folder-icon {
  background-position-x: -47px;
}

#sites-admin-share-sitemap .sites-admin-share-sitemap-root-label {
  font-size: 13px;
  font-weight: bold;
}

#sites-admin-share-sitemap #sitemap-tree .selected {
  background-color: #BCF;
  font-weight: bold;
}

#sites-admin-share-sitemap #site-map-tree-view {
  padding-left: 0px;
  padding-right: 0px;
}

#sites-admin-share-sitemap .goog-tree-item {
  width: 100%;
}

/* Inline share system  */
/* NB: For the time being (until we possibly add additional sizing support for
   inline share client), these widths are hard-coded to look good next to the
   immovable share client. */

#sites-admin-share-inline-share-system {
  white-space: normal;
}

#sites-admin-share-top-text,
#sites-admin-share-inherits-selector,
#sites-admin-share-bottom-text {
  margin: 0 8px;
}

#sites-admin-share-inherits-selector,
#sites-admin-share-bottom-text {
  width: 470px;
}

#sites-admin-share-top-text {
  background-color: #FAFAFA;
  border: 1px solid #CCC;
  padding: 8px;
  margin-bottom: 5px;
  width: 454px;
}

.inherits-selector .jfk-button-mini {
  font-weight: normal;
}

.inherits-selector-change-dialog {
  color: #333;
  font-size: 13px;
  width: 450px;
}

.inherits-selector-change-dialog .modal-dialog-title-text {
  color: #222;
  font-size: 18px;
}

.inherits-selector-dialog-choice-label {
  font-size: 16px;
}

.inherits-selector-change-dialog input[type="radio"] {
  position: relative;
  top: -3px;
}

.inherits-selector-dialog-choice-body {
  margin: 8px 0 32px 21px;
}

.inherits-selector-dialog-choice-body label {
  line-height: 27px;
}

.inherits-selector-change-dialog em {
  color: #222;
  font-style: normal;
  font-weight: bold;
}

.inherits-selector-dialog-choice-grey-text {
  color: #999;
  margin-top: 8px;
}

.inherits-selector-change-dialog .modal-dialog-buttons {
  margin-top: 0;
  padding-top: 0;
}

.inherits-selector-permission-inherits-icon,
.inherits-selector-permission-ignores-icon {
  width: 0;
}

.inherits-selector-learn-more {
  margin-left: 8px;
}

/* Web address mapping page */
#settingsNewDomainError {
  color: red;
}

/* Google+ page button */
#sites-plus-page-dialog-btn {
  margin-top: 5px;
}