html, body {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

blockquote, q {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" ""; }
  blockquote:before, q:before,
  blockquote:after, q:after {
    content: ""; }

th, td, caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

a img {
  border: none; }

.hidden {
  display: none; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.left {
  text-align: left; }

div.center {
  margin-left: auto;
  margin-right: auto; }

.page {
  display: inline;
  float: left;
  margin-right: 0;
  width: 870px;
  padding-left: 40px;
  padding-right: 40px; }
  * html .page {
    overflow-x: hidden; }
  .page .left-column {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 430px; }
    * html .page .left-column {
      overflow-x: hidden; }
  .page .right-column {
    display: inline;
    float: left;
    margin-right: 0;
    width: 430px; }
    * html .page .right-column {
      overflow-x: hidden; }
  .page .full-column {
    display: inline;
    float: left;
    margin-right: 0;
    width: 870px; }
    * html .page .full-column {
      overflow-x: hidden; }

.framed {
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
  display: inline-block;
  float: left;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background-color: white;
  margin: 20px; }
  .framed img {
    margin: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }

.framed:before, .framed:after {
  content: '';
  z-index: -1;
  position: absolute;
  left: 18px;
  bottom: 13px;
  width: 70%;
  max-width: 300px;
  height: 55%;
  background: transparent;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  transform: skew(-15deg) rotate(-6deg);
  -webkit-transform: skew(-15deg) rotate(-6deg);
  -moz-transform: skew(-15deg) rotate(-6deg); }

.framed:after {
  left: auto;
  right: 18px;
  transform: skew(15deg) rotate(6deg);
  -webkit-transform: skew(15deg) rotate(6deg);
  -moz-transform: skew(15deg) rotate(6deg); }

.drop-shadow {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
  .drop-shadow:before, .drop-shadow:after {
    content: "";
    position: absolute;
    z-index: -2; }

.lifted {
  color: red; }
  .lifted:before, .lifted:after {
    bottom: 15px;
    left: 10px;
    width: 40%;
    height: 20%;
    max-width: 300px;
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg); }
  .lifted:after {
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg); }

.raised {
  -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }

.curved:before {
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 50%;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -moz-border-radius: 10px / 100px;
  border-radius: 10px / 100px; }

.curved-vt-2:before {
  right: 0; }

body {
  border-top: 0px solid #322722;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  background: white url(/images/sky/common/background-gradient.png) repeat-x 0 0; }
  body #sxsw-banner {
    position: absolute;
    top: 0px;
    left: 0px; }
  body #corner-banner {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: absolute;
    top: 40px;
    left: -170px;
    width: 500px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #322722;
    border: 4px solid #231d1a;
    z-index: 1000; }
    body #corner-banner:hover {
      -webkit-transform: rotate(-40deg);
      -moz-transform: rotate(-40deg);
      -o-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
      transform: rotate(-40deg);
      left: -160px; }
    body #corner-banner .text-content {
      font-family: "Arvo", Helvetica, Arial, Sans-serif;
      font-size: 13px;
      padding: 10px 0; }
      body #corner-banner .text-content h2 {
        color: white;
        margin: 0; }
      body #corner-banner .text-content a {
        text-decoration: none;
        color: white; }
  body a {
    color: #322722;
    text-decoration: underline; }
    body a:focus, body a:active, body a:visited {
      color: #322722; }
    body a:hover {
      color: #022c44; }
    body a.more {
      background: url(/images/sky/common/arrow-filled.png) no-repeat right;
      padding-right: 18px;
      float: right;
      font-weight: bold;
      font-style: italic;
      color: #022c44; }
  body #main {
    background: url(/images/sky/common/background-page-repeating.png) repeat-y center 100px;
    font-size: 1.1em; }
    body #main #background_container {
      background: url(/images/sky/common/background-front-feature-wide.png) no-repeat center 0; }
  body .notice {
    border: none;
    background-color: #8eaa37;
    color: white;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
  body .warning {
    border: none;
    background-color: #d54f27;
    color: white;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }

.display-block {
  display: block; }

.display-none {
  display: none; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.half-left {
  width: 50%;
  float: left; }

.half-right {
  width: 50%;
  float: right; }

.center {
  margin-right: auto;
  margin-left: auto; }

#notice {
  display: none;
  font-weight: bold; }

.banner-corner-right {
  background-image: url(/images/sky/common/banner-corner-right.png);
  width: 152px;
  height: 152px;
  margin-top: -40px;
  float: right;
  margin-right: -40px; }

.movie {
  margin-top: 5px;
  margin-bottom: 25px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  -moz-border-radius-bottomleft: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-top-right-radius: 9px;
  -webkit-border-top-left-radius: 9px;
  -webkit-border-bottom-right-radius: 9px;
  -webkit-border-bottom-left-radius: 9px;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #d3e149;
  border: 10px solid #e4f4f9; }

#footer .style {
  background-color: #322722;
  border-top: 3px solid #231d1a;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 14px;
  color: #c9b994; }
#footer h6 {
  text-transform: uppercase;
  color: white; }
#footer li {
  list-style-type: none; }
  #footer li.emphasis {
    padding-top: 8px;
    padding-bottom: 8px; }
#footer .emphasis a {
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #231d1a;
  font-weight: bold;
  color: white;
  padding: 8px;
  margin-left: -8px; }
#footer a {
  color: #c9b994;
  text-decoration: none; }
  #footer a:hover {
    text-decoration: underline; }
#footer ul {
  margin-left: 0; }
#footer .box {
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  -moz-border-radius-bottomleft: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-top-right-radius: 9px;
  -webkit-border-top-left-radius: 9px;
  -webkit-border-bottom-right-radius: 9px;
  -webkit-border-bottom-left-radius: 9px;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #231d1a; }

#logo img {
  float: left;
  margin-top: 35px; }
#logo .cobranded .partner_logo img {
  border: 10px solid #e4f4f9;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  -moz-border-radius-bottomleft: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-top-right-radius: 9px;
  -webkit-border-top-left-radius: 9px;
  -webkit-border-bottom-right-radius: 9px;
  -webkit-border-bottom-left-radius: 9px;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  margin: 30px 0 20px 20px; }

.control #logo img {
  float: left;
  margin-top: 15px; }

.page {
  min-height: 350px;
  height: 100%;
  padding-top: 40px;
  background: url(/images/sky/common/background-page.png) no-repeat;
  clear: both; }
  .page h1.badge-left {
    background: url(/images/sky/common/badge-left.png) no-repeat;
    font-weight: bold;
    color: white;
    clear: both;
    margin-left: -45px;
    margin-bottom: 5px;
    padding-top: 12px;
    height: 65px;
    padding-left: 43px;
    font-size: 2.3em;
    text-shadow: -1px -1px 2px #000; }
  .page h1, .page h2 {
    font-weight: bold;
    color: #333333;
    line-height: normal; }

#user-nav {
  float: right;
  margin-right: 0;
  height: 64px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 15px; }
  #user-nav li {
    list-style-type: none;
    float: left;
    padding-left: 10px;
    padding-top: 20px; }
    #user-nav li a {
      font-weight: bold;
      text-align: center; }

#primary-nav {
  width: 432px;
  float: right;
  margin-right: 0;
  font-size: 14px;
  clear: right; }
  #primary-nav li {
    list-style-type: none;
    float: left; }
  #primary-nav a {
    font-weight: bold;
    color: white;
    display: block;
    width: 108px;
    text-align: center;
    background: url(/images/sky/common/top-navigation-sprite.png) repeat-x 108px;
    text-decoration: none;
    padding-top: 13px;
    height: 35px; }
    #primary-nav a:hover {
      background-position: 444px;
      text-shadow: #e9e5cd 0 0 3px; }
    #primary-nav a.active {
      background-position: 218px; }
    #primary-nav a.first {
      width: 118px;
      background-position: 562px;
      text-indent: 10px; }
      #primary-nav a.first:hover {
        background-position: 680px; }
      #primary-nav a.first .active {
        background-position: 336px; }

body #main.control #background_container {
  background: url(/images/sky/common/background-feature-blank.png) repeat-x 0 0; }
body #main.control .hide_on_control a {
  display: none; }

#mini-tutorial {
  display: block;
  margin: 10px auto; }
  #mini-tutorial ul {
    float: left; }
  #mini-tutorial ol {
    font-size: 1.1em; }
    #mini-tutorial ol li {
      font-weight: bold;
      padding-bottom: 20px; }
    #mini-tutorial ol ul {
      margin-top: 10px; }
      #mini-tutorial ol ul li {
        padding-bottom: 2px;
        font-weight: normal; }
  #mini-tutorial img {
    border: #eeeeee solid 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  #mini-tutorial .half-left.center {
    text-align: center; }

.hatchery_egg {
  background: url(/images/sky/hatchery/just_hatched.png) no-repeat top right; }

.control-banner {
  width: 928px;
  margin-left: -30px;
  margin-top: -39px; }

.buddy_request_results {
  padding: 10px;
  font-weight: bold; }

#tutorials #main .page #old textarea.olark-embed-code, textarea.olark-embed-code {
  font-size: 11px;
  font-family: sans-serif;
  width: 90%;
  height: 250px;
  border: solid #eeeeee 10px;
  background-color: #eeeeee;
  color: #322722;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 0px; }

.sub-paragraph {
  color: #888;
  font-size: 10pt;
  margin-bottom: 5px; }

.control .page {
  background: url(/images/sky/common/background-page-control.png) no-repeat;
  padding-top: 0px; }
.control .no-bullets {
  list-style-type: none; }
.control #embed textarea {
  font-size: 11px;
  font-family: sans-serif;
  width: 90%;
  height: 250px;
  border: solid #eeeeee 10px;
  background-color: #eeeeee;
  color: #322722;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 0px; }
.control .note {
  padding: 5px 8px 5px 8px;
  background-color: #d54f27;
  color: white;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  .control .note a {
    color: white;
    font-weight: bold; }
.control #topmessage {
  clear: both;
  padding: 5px 8px 5px 8px;
  margin-bottom: 15px;
  background-color: #d54f27;
  color: white;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  .control #topmessage a {
    color: white;
    font-weight: bold; }
.control #progressbar .todo a {
  background-color: #eeeeee;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: block;
  padding: 2px;
  text-align: center;
  margin-bottom: 5px;
  text-decoration: none; }
  .control #progressbar .todo a:hover {
    text-decoration: underline; }
.control #progressbar #barcontainer {
  border: #eeeeee solid 2px;
  margin-bottom: 10px; }
  .control #progressbar #barcontainer .indicator {
    height: 15px;
    background-color: green; }
  .control #progressbar #barcontainer.twentyfive {
    padding-right: 66%; }
  .control #progressbar #barcontainer.seventyfive {
    padding-right: 33%; }
  .control #progressbar #barcontainer.onehundred {
    padding-right: 0%; }
.control ul#control_navigation_primary {
  height: 100px;
  margin-left: -15px; }
  .control ul#control_navigation_primary li {
    list-style-type: none;
    font-size: 1.1em;
    float: left;
    display: inline-block;
    margin-bottom: 3px;
    line-height: 75px;
    text-align: center;
    padding: 0 8px 0 8px;
    background: url(/images/sky/common/control-nav-separator.png) no-repeat right; }
    .control ul#control_navigation_primary li.right {
      float: right;
      background-image: none;
      margin-right: -15px; }
    .control ul#control_navigation_primary li.last {
      background-image: none; }
    .control ul#control_navigation_primary li a {
      text-decoration: none; }
      .control ul#control_navigation_primary li a:hover {
        text-decoration: underline; }
.control #control_navigation_secondary a.button {
  margin-left: -10px; }
.control #control_navigation_secondary ul {
  margin-left: 0px; }
  .control #control_navigation_secondary ul li {
    list-style-type: none;
    font-size: 1.1em;
    margin-bottom: 5px; }
    .control #control_navigation_secondary ul li.label {
      color: #d54f27;
      font-weight: bold;
      padding: 5px 0 0px 0;
      border-bottom: dashed #8e8e8e 1px;
      font-size: 1.25em;
      margin-bottom: 10px; }
    .control #control_navigation_secondary ul li.divider {
      border-top: dashed #eeeeee 1px;
      margin: 15px 0 0 0;
      padding: 15px 0 0 0; }
    .control #control_navigation_secondary ul li a {
      display: block;
      height: 35px;
      width: 170px;
      line-height: 35px;
      overflow: visible;
      text-decoration: none; }
      .control #control_navigation_secondary ul li a:hover {
        padding-left: 10px;
        margin-left: -10px;
        background: #eeeeee url(/images/sky/common/subnavigation_arrow.png) no-repeat right; }
      .control #control_navigation_secondary ul li a.active {
        padding-left: 10px;
        margin-left: -10px;
        color: white;
        font-weight: bold;
        text-shadow: 0px 0px 1px #000;
        background: #022c44 url(/images/sky/common/subnavigation_arrow.png) no-repeat right; }
      .control #control_navigation_secondary ul li a.orange_background, .control #control_navigation_secondary ul li a.green_background {
        padding-left: 10px;
        margin-left: -10px;
        color: white;
        font-weight: bold;
        background: #8eaa37 url(/images/sky/common/subnavigation_arrow.png) no-repeat right; }
      .control #control_navigation_secondary ul li a.green_background {
        background-color: #8eaa37; }
      .control #control_navigation_secondary ul li a.orange_background {
        background-color: #d54f27; }

#dashboard #control_navigation_primary .dashboard {
  width: 146px;
  height: 82px;
  background: url(/images/sky/common/control-nav-active.png) no-repeat 0 3px;
  padding: 0; }
  #dashboard #control_navigation_primary .dashboard a {
    color: white;
    text-shadow: -1px -1px 1px #000;
    font-weight: bold; }

#install #control_navigation_primary .install {
  width: 146px;
  height: 82px;
  background: url(/images/sky/common/control-nav-active.png) no-repeat 0 3px;
  padding: 0; }
  #install #control_navigation_primary .install a {
    color: white;
    text-shadow: -1px -1px 1px #000;
    font-weight: bold; }

#customize #control_navigation_primary .customize, #customize_color #control_navigation_primary .customize {
  width: 146px;
  height: 82px;
  background: url(/images/sky/common/control-nav-active.png) no-repeat 0 3px;
  padding: 0; }
  #customize #control_navigation_primary .customize a, #customize_color #control_navigation_primary .customize a {
    color: white;
    text-shadow: -1px -1px 1px #000;
    font-weight: bold; }

#op #control_navigation_primary .op, #groups #control_navigation_primary .op {
  width: 146px;
  height: 82px;
  background: url(/images/sky/common/control-nav-active.png) no-repeat 0 3px;
  padding: 0; }
  #op #control_navigation_primary .op a, #groups #control_navigation_primary .op a {
    color: white;
    text-shadow: -1px -1px 1px #000;
    font-weight: bold; }

#transcripts #control_navigation_primary .transcripts {
  width: 146px;
  height: 82px;
  background: url(/images/sky/common/control-nav-active.png) no-repeat 0 3px;
  padding: 0; }
  #transcripts #control_navigation_primary .transcripts a {
    color: white;
    text-shadow: -1px -1px 1px #000;
    font-weight: bold; }

#reports #control_navigation_primary .reports {
  width: 146px;
  height: 82px;
  background: url(/images/sky/common/control-nav-active.png) no-repeat 0 3px;
  padding: 0; }
  #reports #control_navigation_primary .reports a {
    color: white;
    text-shadow: -1px -1px 1px #000;
    font-weight: bold; }

#integrations #control_navigation_primary .integrations {
  width: 146px;
  height: 82px;
  background: url(/images/sky/common/control-nav-active.png) no-repeat 0 3px;
  padding: 0; }
  #integrations #control_navigation_primary .integrations a {
    color: white;
    text-shadow: -1px -1px 1px #000;
    font-weight: bold; }


.main_background {
  margin-bottom: 500px; }

#fullscreen {
  padding-top: 2%;
  background: url(/images/sky/front_page_variant/sunburst.png);
  background-position: 50% -250px;
  background-repeat: no-repeat; }
  #fullscreen #floatinglogo {
    display: block;
    width: 207px;
    height: 134px;
    background: url(/images/sky/common/logo-medium-3d.png) no-repeat center 0;
    margin: 0 auto 30px auto; }
  #fullscreen .page {
    margin: 0;
    padding-top: 20px;
    background: url(/images/sky/common/background-page-fullscreen-tile.png) repeat-y center 0; }
  #fullscreen #top {
    margin: 10px 0 0 0;
    width: 945px;
    height: 13px;
    background: url(/images/sky/common/background-page-fullscreen-top.png) no-repeat center 0;
    clear: both;
    border: none;
    padding: 0; }
  #fullscreen #bottom {
    width: 945px;
    height: 13px;
    background: url(/images/sky/common/background-page-fullscreen-bottom.png) no-repeat center 0;
    margin-bottom: 50px;
    clear: both; }

#iframe {
  padding: 2%; }
  #iframe #logo_and_description {
    padding: 20px 0 20px 240px;
    min-height: 140px;
    background: url(/images/sky/common/logo-medium-3d.png) no-repeat left 0;
    font-size: 2em; }
    #iframe #logo_and_description a {
      font-size: .7em; }
  #iframe #logo_and_description_small {
    padding: 0px 100px 10px 0;
    min-height: 50px;
    background: url(/images/sky/common/logo-small-3d.png) no-repeat right 0;
    font-size: 2em; }
  #iframe .inner_iframe_container {
    padding: 20px;
    text-align: left;
    border: 5px solid #d3e8ef;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: white; }
  #iframe .right_container {
    width: 48%;
    float: right; }
  #iframe .left_container {
    width: 48%;
    float: left; }
  #iframe #plans-table td {
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    padding: 10px; }
    #iframe #plans-table td ul {
      margin: 0;
      list-style-type: none; }
      #iframe #plans-table td ul li {
        border-bottom: 1px solid #f0f0f0; }
        #iframe #plans-table td ul li.last {
          border-bottom: none; }
    #iframe #plans-table td a {
      text-decoration: none; }
    #iframe #plans-table td .plan-name {
      font-size: 20px;
      font-weight: bold; }
    #iframe #plans-table td .plan-price {
      font-size: 40px;
      color: #254262;
      font-weight: bold;
      line-height: 40px; }
      #iframe #plans-table td .plan-price a {
        color: #254262; }
      #iframe #plans-table td .plan-price .dollar {
        font-size: 15px;
        vertical-align: 18px; }
      #iframe #plans-table td .plan-price .term {
        padding-left: 3px;
        font-size: 15px;
        margin-left: -15px; }
    #iframe #plans-table td .plan-savings {
      color: #8e8e8e;
      font-size: 11px;
      margin-left: 15px;
      margin-top: -12px;
      margin-bottom: 5px;
      font-style: italic; }
  #iframe #plans-table .selections a {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    font-size: 18px;
    color: white;
    text-align: center;
    border: none;
    margin: 0;
    padding: 3px 5px 3px 5px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    background-color: #d54f27; }
    #iframe #plans-table .selections a:hover {
      text-decoration: underline; }
  #iframe #timeperiod {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #8eaa37;
    padding: 10px; }
    #iframe #timeperiod ul {
      margin: 0;
      list-style-type: none; }
      #iframe #timeperiod ul li {
        display: inline;
        padding: 8px; }
    #iframe #timeperiod a {
      color: white;
      font-size: 18px;
      text-decoration: none;
      font-weight: bold;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      -moz-border-radius-bottomleft: 10px;
      -moz-border-radius-bottomright: 10px;
      -webkit-border-top-right-radius: 10px;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      padding: 4px; }
      #iframe #timeperiod a:hover {
        text-decoration: underline; }
    #iframe #timeperiod.annual a.annual {
      background-color: white;
      color: black; }
    #iframe #timeperiod.biennial a.biennial {
      background-color: white;
      color: black; }
    #iframe #timeperiod.monthly a.monthly {
      background-color: white;
      color: black; }
  #iframe #imclient .band {
    padding: 20px 0 20px 0; }
  #iframe #imclient .box.green {
    font-weight: bold; }
  #iframe #imclient ul {
    margin-left: 0;
    list-style-type: none; }
    #iframe #imclient ul li {
      font-size: 1.2em;
      padding: 5px;
      padding-bottom: 0px; }
  #iframe #imclient .subheader {
    color: #8e8e8e;
    font-size: .5em;
    font-weight: normal; }
  #iframe #imclient .show_more, #iframe #imclient .show_more_nojs {
    text-decoration: none; }
    #iframe #imclient .show_more:hover, #iframe #imclient .show_more_nojs:hover {
      text-decoration: underline; }
  #iframe #imclient #why a {
    font-size: 1.2em;
    font-weight: bold; }
    #iframe #imclient #why a div {
      padding: .1em .5em .1em .5em;
      float: left;
      margin-right: .5em;
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -moz-border-radius-bottomleft: 20px;
      -moz-border-radius-bottomright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      -webkit-border-bottom-right-radius: 20px;
      -webkit-border-bottom-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
      background-color: #eeeeee; }

#context_banner {
  background-color: #322722;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 0 0px 0;
  border-bottom: 3px solid #231d1a; }
  #context_banner img {
    vertical-align: middle; }
  #context_banner a {
    color: white; }
  #context_banner.green {
    font-weight: normal;
    background-color: #8eaa37;
    border-bottom: 3px solid #7fa02f; }
  #context_banner.orange {
    font-weight: normal;
    background-color: #d54f27;
    border-bottom: 3px solid #c6451f; }
  #context_banner .button {
    display: inline-block; }
  #context_banner .float-right .button {
    margin-top: 10px; }
  #context_banner .no_decoration {
    text-decoration: none; }
  #context_banner .text_callout {
    display: inline-block;
    line-height: 35px;
    padding-left: 15px;
    margin-left: 5px; }
    #context_banner .text_callout span {
      padding-right: 15px;
      height: 37px;
      display: inline-block; }
    #context_banner .text_callout.brown {
      background: url(/images/sky/shopify/text-callout-brown.png) left; }
      #context_banner .text_callout.brown span {
        background: url(/images/sky/shopify/text-callout-brown.png) right; }

.warning {
  clear: both;
  padding: 5px 8px 5px 8px;
  margin-bottom: 15px;
  background-color: #d54f27;
  color: white;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  .warning a {
    color: white;
    font-weight: bold; }

.iconify-right {
  padding-right: 20px;
  margin-right: 5px;
  background: no-repeat right center; }

.iconify-left {
  padding-left: 23px;
  background: no-repeat left center; }

.iconify-left, .iconify-right {
  display: inline-block; }
  .iconify-left.add, .iconify-right.add {
    background-image: url(/images/sky/famfamfam/add.png); }
  .iconify-left.cart, .iconify-right.cart {
    background-image: url(/images/sky/famfamfam/cart.png); }
  .iconify-left.pencil, .iconify-right.pencil {
    background-image: url(/images/sky/famfamfam/pencil.png); }
  .iconify-left.help, .iconify-right.help {
    background-image: url(/images/sky/famfamfam/help.png); }
  .iconify-left.group, .iconify-right.group {
    background-image: url(/images/sky/famfamfam/group.png); }
  .iconify-left.house, .iconify-right.house {
    background-image: url(/images/sky/famfamfam/house.png); }
  .iconify-left.arrow_refresh_small, .iconify-right.arrow_refresh_small {
    background-image: url(/images/sky/famfamfam/arrow_refresh_small.png); }
  .iconify-left.bullet_delete, .iconify-right.bullet_delete {
    background-image: url(/images/sky/famfamfam/bullet_delete.png); }
  .iconify-left.wrench, .iconify-right.wrench {
    background-image: url(/images/sky/famfamfam/wrench.png); }
  .iconify-left.vcard, .iconify-right.vcard {
    background-image: url(/images/sky/famfamfam/vcard.png); }
  .iconify-left.plugin, .iconify-right.plugin {
    background-image: url(/images/sky/famfamfam/plugin.png); }
  .iconify-left.color_wheel, .iconify-right.color_wheel {
    background-image: url(/images/sky/famfamfam/color_wheel.png); }
  .iconify-left.report, .iconify-right.report {
    background-image: url(/images/sky/famfamfam/report.png); }
  .iconify-left.plugin, .iconify-right.plugin {
    background-image: url(/images/sky/famfamfam/plugin.png); }
  .iconify-left.chart_curve, .iconify-right.chart_curve {
    background-image: url(/images/sky/famfamfam/chart_curve.png); }
  .iconify-left.chart_bar, .iconify-right.chart_bar {
    background-image: url(/images/sky/famfamfam/chart_bar.png); }
  .iconify-left.package_add, .iconify-right.package_add {
    background-image: url(/images/sky/famfamfam/package_add.png); }
  .iconify-left.arrow_right, .iconify-right.arrow_right {
    background-image: url(/images/sky/famfamfam/arrow_right.png); }
  .iconify-left.new, .iconify-right.new {
    background-image: url(/images/sky/famfamfam/new.png); }
  .iconify-left.html_add, .iconify-right.html_add {
    background-image: url(/images/sky/famfamfam/html_add.png); }
  .iconify-left.chat, .iconify-right.chat {
    background-image: url(/images/sky/famfamfam/chat.png); }
  .iconify-left.delete, .iconify-right.delete {
    background-image: url(/images/sky/famfamfam/delete.png); }
  .iconify-left.cancel, .iconify-right.cancel {
    background-image: url(/images/sky/famfamfam/cancel.png); }
  .iconify-left.accept, .iconify-right.accept {
    background-image: url(/images/sky/famfamfam/accept.png); }
  .iconify-left.group_delete, .iconify-right.group_delete {
    background-image: url(/images/sky/famfamfam/group_delete.png); }
  .iconify-left.bricks, .iconify-right.bricks {
    background-image: url(/images/sky/famfamfam/bricks.png); }
  .iconify-left.lightning, .iconify-right.lightning {
    background-image: url(/images/sky/famfamfam/lightning.png); }
  .iconify-left.lightning_go, .iconify-right.lightning_go {
    background-image: url(/images/sky/famfamfam/lightning_go.png); }
  .iconify-left.lightning_add, .iconify-right.lightning_add {
    background-image: url(/images/sky/famfamfam/lightning_add.png); }
  .iconify-left.lightning_delete, .iconify-right.lightning_delete {
    background-image: url(/images/sky/famfamfam/lightning_delete.png); }
  .iconify-left.heart, .iconify-right.heart {
    background-image: url(/images/sky/famfamfam/heart.png); }
  .iconify-left.script_code, .iconify-right.script_code {
    background-image: url(/images/sky/famfamfam/script_code.png); }
  .iconify-left.cog, .iconify-right.cog {
    background-image: url(/images/sky/famfamfam/cog.png); }
  .iconify-left.email_go, .iconify-right.email_go {
    background-image: url(/images/sky/famfamfam/email_go.png); }
  .iconify-left.warning, .iconify-right.warning {
    background-image: url(/images/sky/famfamfam/error.png); }

.doily {
  text-align: center;
  padding: 90px 0 0 0;
  background: url('/images/sky/common/doily.png') center 35px no-repeat; }
  .doily h2 {
    background-color: white;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 20px;
    font-family: "Arvo", Helvetica, Arial, Sans-serif;
    letter-spacing: -2px;
    font-size: 2.5em; }

.box {
  background-color: #eeeeee;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: inset 0px 1px 3px rgba(0,0,0,0.4);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.4);
  -o-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.4); }
  .box.orange {
    color: white;
    background-color: #d54f27; }
  .box.white {
    background-color: white;
    border: #eeeeee; }
  .box.dashed {
    border: 1px dashed; }
  .box.light_red {
    text-shadow: 1px 1px 1px white;
    background-color: #fcf1ee;
    border-color: #d54f27;
    color: #d54f27 !important;
    margin-bottom: 40px; }
    .box.light_red a {
      color: black; }

.blockify, a.blockify:visited, a.blockify {
  display: inline-block;
  padding: 5px;
  color: white;
  background-color: #212121;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  .blockify.gray, a.blockify:visited.gray, a.blockify.gray {
    background-color: #8e8e8e; }
  .blockify.blue, a.blockify:visited.blue, a.blockify.blue {
    background-color: #022c44; }
  .blockify.green, a.blockify:visited.green, a.blockify.green {
    background-color: #8eaa37; }
  .blockify.orange, a.blockify:visited.orange, a.blockify.orange {
    background-color: #d54f27; }
  .blockify.iconify-right, .blockify.iconify-left, a.blockify:visited.iconify-right, a.blockify:visited.iconify-left, a.blockify.iconify-right, a.blockify.iconify-left {
    padding-left: 30px;
    background-position: 10px; }

.button {
  cursor: pointer; }
  .button img {
    vertical-align: text-bottom; }
  .button.mini {
    font-size: .8em; }
  .button.simple {
    padding: 3px 5px 5px 5px;
    text-decoration: none;
    font-weight: bold;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px; }
    .button.simple.gray {
      background-color: #f3f3f3;
      border: #eeeeee 1px solid; }
      .button.simple.gray:hover {
        background-color: #f8f8f8;
        border-color: #f6f6f6; }
    .button.simple.orange {
      color: white;
      background-color: #d54f27;
      border: #d54f27 1px solid; }
      .button.simple.orange:hover {
        background-color: #df5931;
        border-color: #df5931; }
    .button.simple.green {
      color: white;
      background-color: #8eaa37;
      border: #98b441 2px solid; }
      .button.simple.green:hover {
        background-color: #98b441;
        border-color: #a2be4b; }
  .button.console {
    margin: 0px;
    list-style-type: none; }
    .button.console li {
      float: left;
      padding: 0px;
      margin: 0px;
      height: 23px; }
    .button.console .first {
      border-left: none;
      padding-left: 20px;
      background: url(/images/sky/common/button_console.png) no-repeat left top; }
      .button.console .first:hover {
        background-position: left -36px; }
    .button.console .last {
      padding-right: 30px;
      background: url(/images/sky/common/button_console.png) no-repeat right top; }
      .button.console .last:hover {
        background-position: right -36px; }
    .button.console a {
      font-weight: bold;
      text-decoration: none;
      padding: 3px 20px 2px 20px;
      display: inline-block;
      height: 23px;
      background: url(/images/sky/common/button_console.png) no-repeat top -150px; }
      .button.console a:hover {
        background-position: 0 -76px; }
  .button.orange_border {
    border: none;
    width: 198px;
    display: block;
    text-align: center;
    color: white;
    text-decoration: none;
    font-weight: bold;
    height: 43px;
    font-size: 18px;
    padding-top: 7px;
    background: url(/images/sky/common/button-orange-bordered.png) no-repeat top left;
    padding-bottom: 10px;
    margin: 0; }
    .button.orange_border:active {
      background-position: -198px; }
    .button.orange_border:hover {
      background-position: -198px; }
  .button.green_border {
    border: none;
    width: 198px;
    display: inline-block;
    text-align: center;
    color: white !important;
    height: 43px;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    padding: 9px 0 10px 0;
    vertical-align: top;
    background: url(/images/sky/common/button-green-border.png) no-repeat top left; }
    .button.green_border:active {
      background-position: top -198px; }
    .button.green_border:hover {
      background-position: top -198px; }
  .button.green_border_css {
    border: 1px solid #808F44;
    border-bottom: 3px solid #6C773A;
    background-color: #92a543;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 10px;
    width: 100px;
    border-radius: 5px;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px #000;
    margin-bottom: 30px;
    margin-left: 2px; }
    .button.green_border_css:hover {
      background-color: #a5b951; }
  .button.gray_border {
    border: none;
    width: 198px;
    display: inline-block;
    text-align: center;
    height: 43px;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    padding: 9px 0 10px 0;
    vertical-align: top;
    background: url(/images/sky/common/button-gray-bordered.png) no-repeat top left; }
    .button.gray_border:active {
      background-position: top -198px; }
    .button.gray_border:hover {
      background-position: top -198px; }
  .button.gray_border_css {
    border: 1px solid #bbb;
    border-bottom: 3px solid #888;
    background-color: #ddd;
    color: #333;
    font-size: 1.25em;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 10px;
    width: 100px;
    border-radius: 5px;
    text-shadow: 0px 1px 1px #fff;
    box-shadow: 0px 1px 1px rgba(0,0,0,1);
    margin-bottom: 30px;
    margin-left: 2px; }
    .button.gray_border_css:hover {
      background-color: #eee; }
  .button.blank_border {
    border: none;
    display: inline-block;
    text-align: center;
    height: 43px;
    text-decoration: underline;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    padding: 9px 1em 10px 1em;
    vertical-align: top;
    background: none no-repeat top left; }
    .button.blank_border:active {
      background-position: top -198px; }
    .button.blank_border:hover {
      background-position: top -198px; }
    .button.blank_border.green {
      color: #8eaa37; }
    .button.blank_border.orange {
      color: #d54f27; }
    .button.blank_border.no_underline {
      text-decoration: none; }
  .button.mini_icon {
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left center;
    padding: .2em .5em .2em 20px; }
  .button.orange_small_noborder {
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    height: 33px;
    padding: 8px 0 8px 0;
    width: 162px;
    text-align: center;
    border: none;
    margin: 0;
    background-position: left top;
    color: white;
    background: url(/images/sky/common/button-orange-small-noborder.png) no-repeat; }
    .button.orange_small_noborder:hover {
      background-position: -162px top; }
  .button.green_small_noborder {
    text-shadow: none;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    height: 33px;
    padding: 8px 0 8px 0;
    width: 162px;
    text-align: center;
    border: none;
    margin: 0;
    background-position: left top;
    color: white !important;
    background: url(/images/sky/common/button-green-small-noborder.png) no-repeat; }
    .button.green_small_noborder:hover {
      background-position: -162px top; }
  .button.gray_small_noborder {
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    height: 33px;
    padding: 8px 0 8px 0;
    width: 162px;
    text-align: center;
    border: none;
    margin: 0;
    background-position: left top;
    color: #322722;
    background: url(/images/sky/common/button-gray-noborder.png) no-repeat; }
    .button.gray_small_noborder:hover {
      background-position: -162px top; }
  .button.gray_small_noborder_css {
    border: 1px solid #ddd;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 5px 10px 5px 10px;
    background-color: #F7F7F7;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f7f7));
    background-image: -webkit-linear-gradient(top, #fff, #f7f7f7);
    background-image: -moz-linear-gradient(top, #fff, #f7f7f7) /* Firefox 3.6+ */;
    background-image: -ms-linear-gradient(top, #fff, #f7f7f7) /* IE 10+ */;
    background-image: -o-linear-gradient(top, #fff, #f7f7f7) /* Opera 11.10+ */; }
    .button.gray_small_noborder_css:hover {
      background-color: #FCFCFC;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#fff));
      background-image: -webkit-linear-gradient(top, #f7f7f7, #fff);
      background-image: -moz-linear-gradient(top, #f7f7f7, #fff) /* Firefox 3.6+ */;
      background-image: -ms-linear-gradient(top, #f7f7f7, #fff) /* IE 10+ */;
      background-image: -o-linear-gradient(top, #f7f7f7, #fff) /* Opera 11.10+ */;
      box-shadow: inset 0px 0px 2px rgba(0,0,0,0.1);
      -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);
      -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2);
      -o-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.2); }
  .button.blank_small_noborder {
    text-decoration: underline;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    height: 33px;
    padding: 8px 8px 8px 20px;
    text-align: center;
    border: none;
    margin: 0;
    color: #322722;
    background: none; }
  .button.affirmative {
    color: green !important; }
  .button.neutral {
    color: #322722 !important; }
  .button.negative {
    color: #d54f27; }
  .button.copy_button {
    font-weight: bold;
    position: relative;
    padding: .2em .5em .2em 20px;
    background: url(/images/sky/famfamfam/paste_plain.png) no-repeat left center; }

form a.negative {
  color: red; }
form a.affirmative {
  color: green; }
form .required span {
  color: red; }
form .hint {
  font-size: .8em;
  color: #8e8e8e; }
form .spacer {
  clear: both;
  height: 50px; }
form .text input {
  border-top: 1px solid #7c7c7c;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  height: 20px;
  padding: 5px;
  margin: 0.5em 0; }
form ul.label-top {
  font-size: 1.2em;
  margin: 1em 0 0 0; }
  form ul.label-top.full-width {
    margin-top: 0; }
    form ul.label-top.full-width li {
      margin-top: 0em; }
    form ul.label-top.full-width .text {
      clear: none; }
      form ul.label-top.full-width .text label {
        width: 98%; }
      form ul.label-top.full-width .text input {
        width: 98%; }
  form ul.label-top li {
    margin: 1em 0 0 0;
    list-style-type: none; }
  form ul.label-top .buttons {
    clear: left;
    padding: 10px 0 0 0; }
  form ul.label-top .text label {
    float: left;
    clear: both;
    margin-right: !form_top_column_padding;
    width: 45%; }
  form ul.label-top .text input {
    float: left;
    clear: both;
    width: 45%; }
  form ul.label-top .file label {
    float: left;
    clear: both;
    margin-right: !form_top_column_padding;
    width: 45%; }
  form ul.label-top .file input {
    float: left;
    clear: both; }
  form ul.label-top .half-left label, form ul.label-top .half-left input, form ul.label-top .half-right label, form ul.label-top .half-right input {
    width: 90%; }
  form ul.label-top .checkbox input {
    height: 1.5em;
    width: 1.5em; }
form ul.label-left {
  font-size: 1.2em;
  margin: 1em 0 0 0; }
  form ul.label-left.half_width .text input {
    width: 55%; }
  form ul.label-left.half_width .text label {
    margin-right: 20px;
    width: 35%; }
  form ul.label-left.half_width li {
    margin-right: !form_column_padding; }
    form ul.label-left.half_width li.buttons {
      margin-left: 35%;
      padding: 10px 0 0 20px; }
    form ul.label-left.half_width li.two-inputs label.second {
      width: 15.625%; }
  form ul.label-left .file label {
    float: left;
    margin-top: 1em;
    margin-right: 20px;
    width: 25%; }
    form ul.label-left .file label i {
      display: block;
      font-size: .8em;
      font-weight: normal; }
  form ul.label-left .file input {
    float: left;
    margin-top: 15px;
    font-size: 1em; }
  form ul.label-left .text input {
    float: left;
    width: 25%;
    font-size: 1em; }
  form ul.label-left .text label {
    float: left;
    margin-top: 1em;
    margin-right: 20px;
    width: 25%; }
    form ul.label-left .text label i {
      display: block;
      font-size: .8em;
      font-weight: normal; }
  form ul.label-left .text .right {
    float: left;
    margin: 0.5em 0;
    padding: 5px; }
  form ul.label-left li {
    list-style-type: none;
    clear: left;
    margin-right: !form_column_padding; }
    form ul.label-left li.buttons {
      margin-left: 25%;
      clear: left;
      padding: 10px 0 0 20px; }
      form ul.label-left li.buttons .float_left a, form ul.label-left li.buttons .float_left input {
        float: left; }
    form ul.label-left li.two-inputs label.second {
      width: 12.5%;
      text-align: right; }

#old h2 {
  font-size: 1.2em; }
  #old h2.orange {
    margin: 0 8px 20px 0;
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    line-height: 1em;
    color: white;
    width: 950px;
    padding-left: 0;
    background: url(/images/h2bar-orange.png) no-repeat;
    padding-top: 12px;
    padding-bottom: 12px; }
#old h1 {
  font-size: 1.6em;
  color: #333;
  padding-bottom: 5px; }
#old #header h1 {
  margin: 0;
  font-size: 4em;
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  background-color: #f3f3f3; }
  #old #header h1 a {
    margin: 0;
    padding: 0;
    display: block;
    width: 279px;
    height: 115px;
    text-indent: -1000px;
    background: url(/portalimages/logo-header.gif) no-repeat left 15px; }
  #old #header h1.blog a {
    background: url(/images/logo_blog.gif) top left no-repeat;
    width: 300px; }
#old .float_right {
  float: right; }
#old .orange {
  color: #EC7522; }
#old #footer {
  clear: both;
  margin-top: 40px;
  text-align: center;
  font-size: 1em;
  color: #aaa;
  padding-bottom: 30px;
  padding-top: 40px;
  line-height: 1.4; }
#old .source {
  background-color: #f8f8f8;
  border: 5px solid #3c3c3c;
  font: 12px courier;
  overflow: auto;
  margin-top: 10px; }
#old h3 {
  padding-top: 30px;
  text-align: center;
  font-size: 1.7em;
  overflow: hidden; }
#old .premium #header h1 a {
  background: url(/portalimages/logo-header-pro.gif) no-repeat left top; }
#old .feature_disabled {
  font-color: gray;
  background-color: #EFEFEF;
  padding: 10px; }
#old div.cleardiv {
  clear: both; }
#old form#customize h3 {
  font-size: 20px;
  border-left: 8px solid #EC7522;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  background-color: #effafe;
  padding: 10px;
  clear: left; }
#old #user_nav {
  position: absolute;
  top: 42px;
  right: 20px;
  font-size: 18px; }
  #old #user_nav a {
    font-family: "Century Gothic", sans-serif;
    color: black;
    text-decoration: none;
    padding: 2px; }
  #old #user_nav strong a {
    padding: 5px;
    color: black;
    font-weight: bold;
    text-decoration: underline; }
#old #site_nav {
  position: absolute;
  top: 85px;
  right: 20px;
  font-size: 18px;
  font-weight: bold; }
  #old #site_nav a {
    font-size: 14px;
    color: black;
    padding: 2px; }
#old .breadcrumbs {
  color: #e15206;
  font-size: 1.5em;
  font-weight: bold;
  margin: 10px 0 20px 0;
  border-bottom: 1px dotted #004e99; }
  #old .breadcrumbs a {
    color: #373737;
    font-size: 0.8em;
    text-decoration: none; }
#old dl dt {
  float: left;
  width: 130px;
  padding-top: 1px;
  font-size: .9em; }
#old dl dd {
  margin: 0 0 5px 130px;
  width: 250px; }
  #old dl dd input {
    border: 1px solid #ccc;
    padding: 2px 4px;
    width: 100%; }
#old .subnav {
  background-image: url(/images/bluebg.png);
  background-repeat: repeat-x;
  background-position: 0 top;
  width: 250px;
  float: right;
  margin-left: 10px;
  padding: 10px 5px;
  border: solid 1px #e9f3ff; }
  #old .subnav ul {
    margin: 10px 0 0;
    padding: 0; }
  #old .subnav li {
    color: #e15206;
    font-size: 14pt;
    font-weight: bold;
    list-style-type: none; }
  #old .subnav a {
    font-size: 12pt; }
  #old .subnav li:hover {
    color: #004e99; }
#old .leftfifty {
  width: 50%;
  float: left;
  border-right: 1px solid #373737; }
#old #blue {
  background-image: url(/images/bluebg.png);
  background-repeat: repeat-x;
  background-position: 0 top;
  padding: 10px;
  width: auto;
  margin: 10px;
  border: solid 1px #e9f3ff; }
#old #red {
  background-image: url(/images/redbg.png);
  background-repeat: repeat-x;
  background-position: 0 top;
  padding: 10px;
  width: auto;
  margin: 10px;
  border: solid 1px #ffe6e0; }
#old #green {
  background-image: url(/images/greenbg.png);
  background-repeat: repeat-x;
  background-position: 0 top;
  padding: 10px;
  width: auto;
  margin: 10px;
  border: solid 1px #dfffe9; }
#old #yellow {
  background-image: url(/images/yellowbg.png);
  background-repeat: repeat-x;
  background-position: 0 top;
  padding: 10px;
  width: auto;
  margin: 10px;
  border: solid 1px #fafcdc; }
#old #gray {
  background-image: url(/images/graybg.png);
  background-repeat: repeat-x;
  background-position: 0 top;
  margin: 10px;
  padding: 10px;
  width: auto;
  border: solid 1px #f8f8f8; }
#old .noticebox {
  background-image: url(/images/bluebg.png);
  background-repeat: repeat-x;
  background-position: 0 top;
  padding: 10px;
  width: auto;
  margin: 10px;
  border: solid 1px #e9f3ff;
  font-size: 0.85em; }
  #old .noticebox p {
    margin: 0; }
#old div#signup.pages {
  margin-top: 40px;
  margin-bottom: 20px; }
#old .welcome_page h1 {
  padding: 14px 0px 10px 0px; }
#old table.dl th {
  margin: 0;
  padding: 0;
  padding-top: 1px;
  font-size: 0.9em;
  font-weight: normal;
  text-align: right;
  width: 175px; }
#old table.dl td {
  margin: 0 0 5px;
  width: 300px; }
  #old table.dl td input {
    border: 1px solid #ccc;
    padding: 2px 4px;
    width: 100%; }
  #old table.dl td.explain {
    font-size: 0.7em;
    font-style: italic; }
#old table.myform td.explanation {
  font-size: 12px;
  color: #5d5d5d;
  font-style: italic; }
#old table.myform td input {
  border: 1px solid #ccc;
  padding: 2px 4px;
  width: 210px; }
#old table.myform th {
  margin: 0;
  padding: 0;
  padding-top: 1px;
  font-size: 0.9em;
  font-weight: bold;
  text-align: right; }
#old .snippetTip {
  margin-top: 20px;
  margin-bottom: 20px;
  background: white url(/images/snippetTip_white.png) no-repeat 10px center;
  min-height: 55px;
  padding: 10px 10px 10px 100px;
  margin-left: 0;
  border: 4px solid #EC7522; }
#old .snippetExclamation {
  margin-top: 20px;
  margin-bottom: 20px;
  color: white;
  background: #EC7522 url(/images/snippetExclamation.png) no-repeat 5px 5px;
  min-height: 55px;
  padding: 20px 10px 20px 110px; }
  #old .snippetExclamation a {
    color: black; }
#old div#habla_window_div {
  z-index: 3; }
#old div#thisishabla {
  height: 96px;
  position: absolute;
  z-index: -1;
  background: url(/images/thisishabla.gif) no-repeat;
  bottom: 0;
  right: 0;
  width: 150px; }
#old div#habla_middle {
  background-color: #fff; }
#old #fp_left {
  font-size: 22px;
  width: 500px;
  margin-top: 10px; }
  #old #fp_left p {
    margin-top: 10px;
    margin-bottom: 10px; }
#old #fp_signup {
  width: 500px;
  text-align: center;
  background: url(/images/fparrow.png) no-repeat;
  padding-top: 50px;
  padding-bottom: 75px;
  font-size: 1.2em;
  overflow: visible; }
#old .sellpoint .blocktext {
  color: white;
  background-color: black;
  font-weight: bold; }
#old .sellpoint a {
  font-weight: bold;
  text-decoration: none;
  color: #000;
  line-height: .9em;
  font-size: 2.1em; }
  #old .sellpoint a:hover {
    color: black;
    background-color: transparent; }
#old #fp_top {
  background: url(/images/fp_globe.jpg) top right no-repeat;
  height: 400px; }
#old #chatbox {
  width: 450px;
  height: 250px;
  margin: 0;
  background: url(/images/chatbox.jpg) top left no-repeat;
  float: right;
  border: 6px solid #505050; }
#old #chatbox_win {
  width: 425px;
  height: 410px;
  margin: 0;
  background: url(/images/chatbox_windows.jpg) top left no-repeat;
  float: right; }
#old #chatbox_linux {
  width: 425px;
  height: 410px;
  margin: 0;
  background: url(/images/chatbox_linux.jpg) top left no-repeat;
  float: right; }
#old #fp_select_protocol {
  margin-top: 35px;
  padding-left: 0px;
  margin-left: 0;
  list-style-type: none; }
  #old #fp_select_protocol #starthere {
    width: 201px;
    height: 189px;
    background-image: url(/images/starthere.png);
    margin-top: -10px;
    padding-left: 0;
    margin-left: 0; }
  #old #fp_select_protocol li {
    float: left;
    text-align: center;
    margin-left: 35px;
    padding-left: 0px; }
  #old #fp_select_protocol p {
    margin-top: 0px;
    margin-bottom: -20px;
    padding: 0;
    position: relative;
    top: 25px;
    text-decoration: underline; }
  #old #fp_select_protocol a {
    font-weight: bold;
    padding: 10px;
    float: left;
    border: 6px solid #dce2e2;
    background-color: white;
    text-decoration: none; }
  #old #fp_select_protocol img {
    border: none;
    text-decoration: none; }
  #old #fp_select_protocol a:hover {
    border-color: #e45701;
    color: #2973ce; }
#old div#bottom_container {
  background-color: #e7eded;
  border-top: 5px solid #dce2e2;
  margin-top: 10px;
  padding-right: 0;
  padding-left: 15px;
  padding-bottom: 20px; }
#old div#bottom_section {
  font-size: 1.5em;
  width: 990px;
  margin-right: auto;
  margin-left: auto; }
  #old div#bottom_section a {
    text-decoration: none; }
  #old div#bottom_section #links {
    float: left;
    margin-top: 20px; }
  #old div#bottom_section p {
    padding-top: 15px;
    clear: both; }
#old .list_features ul {
  padding: 0;
  margin: 0px;
  list-style-type: none; }
#old ul.list_features li {
  list-style-type: none;
  padding-left: 0px;
  margin: 0 0px 0px;
  padding-top: 15px;
  clear: left; }
#old .list_features h3 {
  margin-top: 25px;
  padding: 0;
  font-weight: bold;
  color: #45331e;
  padding-bottom: 10px;
  font-size: 1.2em;
  line-height: 1.2em;
  float: right;
  width: 650px; }
#old .list_features li img {
  float: left;
  margin-bottom: 20px;
  border: 6px solid #dce2e2;
  padding-left: 0; }
#old .list_features div {
  float: right;
  width: 650px; }
#old #bottom_section #links a {
  color: #45331e;
  font-weight: bold; }
  #old #bottom_section #links a:hover {
    text-decoration: underline;
    color: white; }
  #old #bottom_section #links a.orange_link {
    color: #EC7522; }
#old .box {
  padding: 20px;
  background: url(/images/softbluebox.png) no-repeat; }
  #old .box.blue {
    background-image: url(/images/softbluebox.png); }
  #old .box.green {
    background-image: url(/images/softgreenbox.png); }
  #old .box.yellow {
    background-image: url(/images/softyellowbox.png); }
#old #login-form {
  position: relative;
  width: 100%; }
  #old #login-form #gtalk-login {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 400px;
    height: 200px;
    margin: 0px;
    padding: 0px;
    border-left: 1px solid #aaa; }
    #old #login-form #gtalk-login h2 {
      padding-left: 50px; }
    #old #login-form #gtalk-login dd {
      margin: 50px; }
  #old #login-form dd.signup {
    width: 85%;
    background: #eeeeee;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 25px;
    font-size: 20px;
    text-align: center;
    border: 1px solid #dddddd; }
#old #loginform .text input {
  border: 4px solid #e4e4e4;
  font-size: 20px;
  width: 300px; }
#old #leftside {
  width: 500px;
  padding-top: 10px; }
  #old #leftside #signupform th {
    font-weight: bold;
    vertical-align: text-top;
    padding: 5px;
    font-size: 20px;
    text-align: right;
    width: 400px; }
#old .signupform input, #old #signupform input {
  border: 4px solid #e4e4e4;
  font-size: 20px;
  width: 300px; }
#old #signup.submit input {
  border: 4px solid blue;
  font-size: 20px;
  color: #767676;
  font-weight: normal;
  font-style: normal; }
#old #signupform input:focus {
  background-color: #fefdf3;
  border-color: #3486ee; }
#old #rightside {
  float: right;
  width: 450px; }
#old .form_note {
  font-weight: normal;
  font-style: normal;
  color: #3b3b3b; }
#old #signupnetworks {
  margin-top: 0;
  margin-bottom: 50px;
  margin-left: 60px; }
  #old #signupnetworks td {
    height: 160px;
    width: 160px;
    vertical-align: middle; }
  #old #signupnetworks p {
    margin-top: 0px;
    margin-bottom: -20px;
    padding: 0;
    position: relative;
    top: 25px; }
  #old #signupnetworks a {
    float: left;
    font-weight: bold;
    margin: 0 0 0 20px;
    padding: 10px;
    border: 6px solid #dce2e2;
    text-decoration: none;
    background-color: white; }
    #old #signupnetworks a.selected {
      border-color: #e45701;
      margin: 0; }
  #old #signupnetworks img {
    border: none;
    text-decoration: none; }
  #old #signupnetworks a:hover {
    border-color: #e45701;
    color: #2973ce; }
#old #signup hr {
  height: 2px;
  background-color: #e4e4e4;
  float: left;
  border: none;
  margin-top: 37px; }
#old #signup div.submit {
  margin-top: 20px;
  float: left; }
#old .submit input {
  width: 332px;
  height: 64px;
  background: url(/images/button_orange.png) no-repeat;
  color: white;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 0px;
  border-style: none; }
  #old .submit input:hover {
    background-position: 0 -64px; }
#old #signup .submit small {
  margin-left: 190px;
  float: left;
  margin-top: 5px;
  color: #aaa; }
#old #enter_username span.error {
  color: #FF0000;
  border-bottom: 1px dashed #FF0000;
  border-top: 1px dashed #FF0000;
  font-size: 16px;
  margin: 8px 0px;
  font-weight: bold;
  padding: 10px; }
#old #signup div.bluearrow {
  color: white;
  font-size: 14px;
  width: 333px;
  height: 125px;
  float: left;
  background: url(/images/bluearrow.png) no-repeat;
  margin-right: 30px; }
  #old #signup div.bluearrow p {
    margin-top: 35px;
    padding: 0;
    text-align: left;
    margin-right: 30px;
    margin-left: 15px; }
  #old #signup div.bluearrow a {
    color: white; }
#old #signup_small {
  width: 150px;
  margin: 10px 10px 10px 150px;
  background-color: #fffbb5;
  border: 2px solid #fff600;
  text-align: center;
  padding: 10px; }
#old div.submit {
  float: right; }
#old #errorExplanation h2 {
  font-size: 20px; }
#old #confirmed {
  height: 20px;
  width: 20px; }
#old #lib {
  float: right;
  width: 400px;
  margin-top: 10px;
  margin-bottom: 10px; }
#old #lib_box {
  float: right;
  padding: 3px;
  margin-top: 5px; }
#old #plans {
  float: left;
  margin: 0; }
  #old #plans .label {
    font-weight: bold;
    color: #000; }
  #old #plans b {
    color: #2e7cdf;
    font-size: 1.1em; }
  #old #plans .plan {
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 5px dotted #e8e8e8; }
  #old #plans .price {
    font-weight: bold;
    font-size: 1.3em; }
#old .selector-tab {
  font-size: 1.2em;
  padding-bottom: 20px;
  list-style-type: none; }
  #old .selector-tab a {
    padding: 5px 5px 5px 30px;
    display: block;
    background-repeat: no-repeat;
    background-position: left center; }
  #old .selector-tab b {
    font-size: 1.3em; }
  #old .selector-tab a.active {
    background-color: #EC7522;
    background: #EC7522 url(/images/wizard-arrow-small-orangebg.png) no-repeat 2px center;
    color: #eeeeee;
    text-decoration: none;
    font-weight: bold; }
#old #wizard-navigation {
  width: 270px;
  padding-right: 20px;
  float: left; }
#old #wizard-content {
  margin-left: 310px; }
  #old #wizard-content h2 {
    font-size: 1.4em; }
#old #wizard-steps {
  list-style-type: none;
  font-size: 1.1em;
  padding-left: 0px;
  margin-top: 0px; }
  #old #wizard-steps li a:hover {
    color: #fff;
    background: #EC7522 url(/images/wizard-arrow-small-orangebg.png) no-repeat 5px center; }
  #old #wizard-steps a.inactive {
    color: #a9a9a9; }
    #old #wizard-steps a.inactive:hover {
      background: none no-repeat left center;
      color: #a9a9a9;
      cursor: default; }
#old .connect-pane {
  padding: 10px; }
#old #wizard-steps a.current {
  background: #EC7522 url(/images/wizard-arrow-small-orangebg.png) no-repeat 2px center;
  background-color: #EC7522;
  color: #fff; }
#old #wizard-steps a.complete {
  color: #a9a9a9;
  background: white url(/images/wizard-check-small-whitebg.png) no-repeat 2px center; }
  #old #wizard-steps a.complete:hover {
    color: #a9a9a9;
    background: white url(/images/wizard-check-small-whitebg.png) no-repeat 2px center; }
#old #wizard-steps li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 5px 5px 25px;
  background: url(/images/wizard-circle-small-whitebg.png) no-repeat 0px center; }
#old #wizard-navigation .tutorials {
  list-style-type: none;
  font-weight: bold;
  padding: 20px;
  background: #f5f5f5 repeat-x;
  border-style: solid;
  border-color: #ebebeb;
  font-size: 1.3em; }
#old #wizard-content ol {
  font-weight: bold; }
  #old #wizard-content ol li {
    margin-bottom: 15px; }
    #old #wizard-content ol li span.wimpy {
      font-weight: normal; }
#old #wizard-content .nbutton {
  font-weight: bold;
  font-size: 1.5em;
  border-color: #f7f2ef; }
#old #wizard-content .button {
  font-weight: bold;
  font-size: 1.5em;
  float: left;
  margin-top: 10px;
  border-color: #f7f2ef; }
  #old #wizard-content .button.small {
    font-size: 1.1em; }
#old #wizard-content input {
  border: 4px solid #e4e4e4; }
#old #wizard-content .submit input {
  border: none; }
#old #wizard-content fieldset {
  border-style: solid;
  border-width: 4px;
  padding-top: 15px; }
#old #wizard-content legend {
  font-weight: bold;
  font-size: 1.4em; }
#old #wizard-content label {
  margin-right: 10px;
  font-weight: bold;
  color: #000; }
#old div #badgeWindow {
  height: 180px;
  width: auto;
  overflow: scroll; }
#old ul#badgeSelect {
  margin-left: 0px;
  padding-left: 0px;
  width: 800px; }
#old #badgeSelect li {
  list-style-type: none;
  float: left;
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  border: solid 3px #e1e1e1;
  display: inline;
  padding: 8px; }
#old #badgeSelect img {
  border: none;
  padding: 5px;
  margin: 0px;
  border: none;
  padding: 3px;
  margin: 0px; }
#old #badgeSelect a {
  background-color: transparent; }
  #old #badgeSelect a:hover {
    background-color: transparent;
    color: #2973ce; }
#old .wizardsteps {
  color: #e15206;
  font-size: 1.1em;
  font-weight: bold;
  margin: 5px 0 20px;
  border-top: 2px solid #dce2e2;
  padding-top: 10px; }
  #old .wizardsteps a {
    text-decoration: none; }
    #old .wizardsteps a.active {
      text-decoration: none;
      font-size: 1.2em;
      font-weight: bold;
      color: #333; }
  #old .wizardsteps .greyed {
    color: #919191; }
#old h3 {
  text-align: left;
  font-size: 2em;
  color: #45331e;
  padding-top: 20px;
  padding-bottom: 18px;
  margin: 0; }
#old .welcome_console_top {
  background: url(/images/rocketmanTop.png) no-repeat right bottom;
  padding-bottom: 25px;
  padding-right: 200px;
  padding-top: 5px; }
#old .welcome_console_bottom {
  background: #EC7522 url(/images/rocketmanBottom.png) no-repeat right top;
  padding: 10px;
  margin-bottom: 10px; }
  #old .welcome_console_bottom .protocol {
    float: left;
    margin-left: 12px;
    margin-bottom: 10px; }
    #old .welcome_console_bottom .protocol p {
      color: white;
      clear: left;
      font-size: 12px; }
  #old .welcome_console_bottom .right {
    margin-left: 120px; }
  #old .welcome_console_bottom h1 {
    color: white;
    margin-top: 0px; }
  #old .welcome_console_bottom .protocol a {
    background-repeat: no-repeat;
    width: 69px;
    height: 69px;
    border: 4px solid #494949; }
  #old .welcome_console_bottom a.editbutton {
    border: 4px none black;
    color: white;
    font-weight: bold;
    margin-left: 85px; }
#old .aimBig {
  background-image: url(/images/protocol_aim_big.png); }
#old .msnBig {
  background-image: url(/images/protocol_msn_big.png); }
#old .jabberBig {
  background-image: url(/images/protocol_jabber_big.png); }
#old .gtalkBig {
  background-image: url(/images/protocol_gtalk_big.png); }
#old .aimSmall {
  background-image: url(/images/protocol_aim_small.png); }
#old .msnSmall {
  background-image: url(/images/protocol_msn_small.png); }
#old .jabberSmall {
  background-image: url(/images/protocol_jabber_small.png); }
#old .gtalkSmall {
  background-image: url(/images/protocol_gtalk_small.png); }
#old .warningSmall {
  background: url(/images/warningSmall.png) no-repeat;
  padding-left: 50px;
  height: 60px; }
#old textarea.bluearea {
  color: white;
  font-weight: bold;
  border: 4px solid white;
  background-color: #3486ee;
  padding: 9px;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px; }
#old ul#basictutorial {
  padding: 0px 0px 0px 18px;
  margin: 0px; }
#old .welcome_page li {
  padding-bottom: 2px; }
#old #basictutorial li, #old #sitetutorial li {
  padding-bottom: 5px; }
#old ul#sitetutorial {
  margin: 0;
  padding: 0;
  list-style-type: none; }
#old div.explanation {
  font-size: 12px;
  color: #5d5d5d;
  line-height: 1em;
  padding: 3px; }
#old div.useit {
  padding: 10px;
  font-size: 2em;
  font-weight: bold;
  text-align: left;
  background-color: #ccccc8;
  margin: 20px 20px 20px 0;
  color: #fff;
  border-left: 15px solid #969696;
  background-image: none; }
#old div.complete.useit {
  background-color: #EC7522;
  border-left-color: #373737;
  background-image: none; }
#old div.disclaimer {
  font-size: .8em;
  background: url(/images/bigasterisks.png) no-repeat;
  padding-left: 120px; }
#old div.welcome_page .step {
  background-color: white; }
  #old div.welcome_page .step h1 {
    position: relative;
    right: 60px;
    padding-left: 60px;
    background: #fff none no-repeat; }
  #old div.welcome_page .step.complete h1 {
    background-image: url(/images/smallcheck.png); }
#old div.welcome_page div.complete.step {
  background: url(/images/stepcompletetext.png) no-repeat center center; }
#old #step {
  background-image: none; }
#old #protocols {
  float: right;
  width: 410px;
  border-left: 1px dotted #004e99;
  padding-left: 20px;
  font-size: 15px; }
  #old #protocols ul {
    list-style-type: none;
    padding-left: 0; }
  #old #protocols li {
    margin-top: 15px; }
  #old #protocols a {
    font-weight: bold;
    padding-right: 5px; }
    #old #protocols a.network {
      border-right: 10px none #00a316; }
  #old #protocols .inactive a.network {
    border-right: 10px none #e1e1e1; }
  #old #protocols .error a.network {
    border-right: 10px none #bc1c00; }
  #old #protocols div.settings {
    border: 3px solid #009b14;
    padding: 5px;
    margin: 8px 0 5px 25px;
    color: black; }
  #old #protocols .inactive {
    color: #696969; }
  #old #protocols .active {
    color: #009b14; }
  #old #protocols .error {
    color: #bc1c00; }
  #old #protocols .inactive div.settings {
    border-color: #c2c3c7;
    color: #707070; }
  #old #protocols .editing div.settings {
    background-color: #fefcce;
    color: black; }
  #old #protocols .error div.settings {
    border-color: #bc1c00; }
  #old #protocols .settings a.edit, #old #protocols .message, #old #protocols .save_cancel {
    float: right; }
  #old #protocols .clear {
    clear: both; }
#old .checkbox_cls {
  width: 20px;
  height: 20px; }
#old div.customize h2 {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  background-color: #ecfbfd;
  padding-left: 10px;
  border: 1px solid #f2f2f2;
  border-left: 10px solid #ce4e00; }
#old .customize dt {
  font-weight: bold;
  width: 165px; }
#old .customize dd {
  width: 500px;
  margin-left: 165px; }
#old .customize textarea {
  width: 100%;
  height: 50px; }
#old .customize dt.premium {
  background: url(/images/premium_feature.png) no-repeat;
  padding-top: 20px;
  padding-left: 65px;
  padding-bottom: 20px;
  margin-left: -65px;
  clear: both; }
#old .customize dd.premium {
  padding-top: 20px; }
#old .customize_textarea {
  height: 70px; }
#old div.positionbox {
  width: 59px;
  background-color: #ecf5e5;
  border: 3px solid #525357; }
#old .positionbox input {
  width: 15px;
  height: 15px; }
#old input#topleft, #old input#topright, #old input#bottomleft {
  float: left; }
#old input#bottomright {
  clear: left;
  float: left; }
#old #controlnav {
  margin-bottom: 15px;
  border-bottom: 1px solid #EC7522; }
  #old #controlnav ul {
    margin: 0;
    padding: 0; }
    #old #controlnav ul li {
      float: left;
      font-size: 18px;
      font-weight: bold;
      list-style-type: none; }
      #old #controlnav ul li a {
        color: black;
        display: block;
        float: left;
        text-decoration: none;
        color: #333; }
        #old #controlnav ul li a:hover, #old #controlnav ul li a:active {
          background-color: #eee;
          color: black;
          text-decoration: none; }
      #old #controlnav ul li.current a {
        background-color: #EC7522;
        color: white;
        text-decoration: none; }
      #old #controlnav ul li.spacer {
        display: block;
        float: left; }
  #old #controlnav li#last {
    display: block; }
  #old #controlnav li a {
    padding: 10px;
    margin-right: 20px; }
#old div#controlnav_secondary ul {
  list-style-type: none;
  font-weight: bold;
  margin: -15px 0px 20px;
  padding: 0px;
  border-top: 4px solid #EC7522;
  background-color: #EC7522;
  height: 25px; }
#old div#controlnav_secondary li {
  float: left;
  display: block;
  list-style-type: none;
  padding-right: 15px;
  padding-left: 15px; }
#old div#controlnav_secondary a {
  color: white;
  text-decoration: none; }
#old .operator_list {
  float: right;
  font-weight: bold;
  font-size: 1.2em; }
#old #multiop fieldset {
  margin-top: 20px;
  border: none;
  margin-bottom: 10px;
  width: 650px; }
#old #multiop legend {
  color: #EC7522; }
#old #multiop label {
  display: block;
  float: left;
  width: 215px;
  text-align: right;
  padding-top: 8px;
  padding-right: 10px;
  font-weight: bold; }
#old #multiop input {
  border: 4px solid #e4e4e4;
  font-size: 20px;
  width: 300px; }
#old #multiop fieldset div {
  float: left;
  clear: both;
  color: #6c6c6c; }
#old div#sync_form {
  background-color: white;
  border-style: solid;
  border-color: #e4ebdd;
  margin: 20px;
  font-weight: normal;
  font-style: normal; }
  #old div#sync_form span {
    font-weight: bold; }
#old #mc_embed_signup {
  border-top: 1px dotted #e6e6e6; }
  #old #mc_embed_signup fieldset {
    margin-left: 10px;
    padding: 0px;
    border-style: none;
    width: 450px; }
  #old #mc_embed_signup h1 {
    font-size: 1.2em; }
#old .bulletin {
  border: 3px solid #EC7522; }
  #old .bulletin h1 {
    color: white;
    background-color: #EC7522;
    margin-top: 0; }
  #old .bulletin p {
    color: white; }
  #old .bulletin a.closebox {
    color: black;
    text-decoration: none;
    padding: 2px 6px;
    background-color: white;
    float: right;
    font-size: 12px;
    margin: 0; }
#old #todo {
  list-style-type: none;
  font-size: 1.2em; }
  #old #todo .explanation {
    font-size: .8em;
    font-weight: normal;
    font-style: normal;
    margin-top: 0; }
#old #dashboard table {
  margin-bottom: 30px;
  background-image: url(/images/50pct.png); }
  #old #dashboard table ul {
    padding-left: 0px; }
#old #dashboard td {
  vertical-align: top;
  border-width: 5px;
  border-color: #e8e8e8;
  padding-left: 10px; }
#old #todo {
  cursor: pointer; }
  #old #todo li {
    margin-top: 10px;
    display: none; }
    #old #todo li b:hover {
      color: #3486ee; }
#old .searchForm {
  float: right; }
  #old .searchForm #searchInput {
    border: 2px solid #d1d5db;
    font-size: .7em;
    background-color: #f3effa; }
    #old .searchForm #searchInput:focus {
      border-color: #3486ee;
      background-color: white; }
#old .big_button {
  width: 332px;
  height: 64px;
  background: url(/images/button_orange.png) no-repeat;
  border: none;
  color: white;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 0px; }
  #old .big_button:hover {
    background-position: 0 -64px; }
#old .smallbox {
  background-color: #f9f9f9;
  border-style: solid;
  border-color: #e8e8e8; }
  #old .smallbox ul {
    padding-left: 15px;
    list-style-position: inside; }
  #old .smallbox li {
    padding-left: 0px; }
#old #plans a.button {
  border-color: #ab4000;
  font-weight: bold;
  padding: 10px;
  float: left;
  margin-top: 10px; }
#old input#year_exp, #old input#month_exp {
  width: auto; }
#old fieldset.signupform {
  border-style: none;
  font-weight: bold; }
#old .signupform legend {
  color: #e15206;
  font-size: 1.5em;
  padding-top: .5em;
  padding-bottom: .2em; }
  #old .signupform legend.secure {
    padding-right: 20px;
    background: url(/images/lock.png) no-repeat right 16px; }
#old fieldset.agreement {
  margin-top: 20px;
  border: 4px solid #e4e4e4;
  margin-bottom: 10px;
  width: 650px; }
#old .agreement legend {
  color: #e15206;
  font-size: 1.5em;
  font-weight: bold; }
#old .signupform label {
  display: block;
  float: left;
  width: 215px;
  text-align: right;
  padding-top: 8px;
  padding-right: 10px; }
#old .signupform input {
  width: 250px; }
#old .signupform div {
  margin-bottom: 5px; }
#old .signupform .field_cc {
  background: url(/images/cards.gif) no-repeat 225px 40px;
  padding-bottom: 30px; }
#old div.field {
  clear: left; }
#old .fieldWithErrors input {
  border-color: #f00; }
#old .fieldWithErrors select {
  background-color: #f00; }
#old .field_exp select {
  margin-top: 8px;
  font-size: 16px; }
#old .field_country select {
  margin-top: 8px;
  font-size: 16px;
  width: 250px; }
#old .signupform .field_terms {
  margin-top: 20px;
  margin-left: 220px; }
#old #select_plan ul {
  margin-top: 20px;
  float: left;
  width: 280px;
  border-width: 4px;
  border-style: solid;
  padding-bottom: 5px;
  font-size: 14px;
  list-style-type: circle;
  padding-left: 10px;
  list-style-position: inside;
  cursor: pointer; }
#old #select_plan .first {
  list-style-type: none;
  margin-left: -10px;
  font-weight: bold;
  color: white;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-width: 3px;
  border-style: solid;
  z-index: 999; }
#old #paypal-form {
  display: none; }
#old ul.selected {
  border-color: black; }
#old ul.unselected {
  border-color: #e4e4e4; }
#old .selected li.first {
  border-color: #e4e4e4;
  background-color: black; }
#old .unselected li.first {
  background-color: #959595;
  border-color: #e4e4e4; }
#old #select_plan .price {
  font-weight: bold;
  font-size: 24px;
  list-style-type: none;
  padding: 12px 12px 0;
  color: black; }
  #old #select_plan .price small {
    color: #EC7522; }
#old #select_plan #multi {
  margin-right: 40px; }
#old #select_plan .choose {
  display: block;
  background: url(/images/button_orange_small.gif) no-repeat;
  width: 151px;
  text-align: center;
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 9px;
  float: left;
  margin-bottom: 30px;
  cursor: pointer; }
#old #select_plan a.choose:hover {
  background-position: 0 -41px; }
#old #select_plan .choose-button {
  list-style: none;
  display: block;
  margin-top: 10px; }
  #old #select_plan .choose-button a {
    display: block; }
#old #select_plan .empty {
  list-style: none; }
#old .bigger {
  font-size: 2em;
  font-weight: bold;
  margin-top: .4em;
  margin-bottom: .4em;
  line-height: 1em; }
#old .orangetext {
  color: #e15206; }
#old .bluetext {
  color: #3486ee; }
#old .greytext {
  color: #373838; }
#old .whitetext {
  color: white; }
#old .blocktext {
  background-color: black;
  padding: .4em; }
#old .evenbigger {
  font-size: 4em;
  font-weight: bold;
  margin-top: .3em;
  margin-bottom: .3em; }
#old .boldbox {
  background-color: #418ef1;
  border: 4px solid #3486ee;
  padding: 20px; }
  #old .boldbox h1 {
    color: white;
    margin-top: 0px;
    margin-bottom: 0; }
#old .username {
  font-weight: bold; }
#old .label {
  color: #555; }
#old .loading-text {
  color: #999;
  font-style: italic; }
#old .low-emphasis {
  color: #999;
  font-weight: normal; }
#old #multiop-operator-listing table {
  margin: 0px auto 0px auto;
  border-spacing: 0px; }
  #old #multiop-operator-listing table th {
    padding: 10px;
    text-align: left;
    background: #f3f3f3;
    color: #6c6c6c; }
  #old #multiop-operator-listing table td {
    padding: 5px; }
#old #multiop-operator-listing .primary {
  font-size: 18px;
  margin-bottom: 15px;
  background: #ddeeff; }
  #old #multiop-operator-listing .primary .modify {
    color: #aaa; }
#old #multiop-operator-listing .add-operator {
  padding: 10px;
  background: #eee;
  margin: 20px auto 0px auto;
  width: 600px; }
  #old #multiop-operator-listing .add-operator h2 {
    margin: 0px;
    padding: 0px; }
#old #multiop-operator-listing .operator-usage {
  text-align: center; }
#old #multiop-operator-listing .sub-config {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  margin: 0px 0px 10px 0px;
  background: #efefef; }
#old #multiop-operator-listing .operator-addition {
  margin: 0px;
  text-align: right; }
#old #operator-list {
  width: 100%; }
  #old #operator-list td {
    vertical-align: top; }
#old #operators .operator-list td {
  vertical-align: top; }
#old #operator-list .operator-edit-row td {
  padding-top: 10px;
  border-bottom: 1px solid #ddd; }
#old .operator-edit-row .buttons {
  width: 150px; }
#old .primary .username small {
  font-size: 0.7em;
  font-weight: normal; }
#old .protocol-label {
  font-size: 0.9em;
  padding: 1px;
  margin: 4px;
  border: 1px solid #999;
  background: #ddd;
  color: #999; }
#old .dialog div {
  width: 600px;
  background-image: url(/images/30pct.png);
  float: left;
  z-index: 12; }
#old .stuffy {
  font-weight: bold;
  font-size: 2em; }
  #old .stuffy input {
    border: 4px solid #dcdcdc;
    font-size: 1.2em; }
#old #todo li a {
  text-decoration: none;
  font-weight: bolder; }
#old #todo li p a {
  text-decoration: underline;
  font-weight: normal; }
#old #main {
  padding: 0px 20px; }
#old #account-settings {
  margin: 0px auto 20px auto;
  width: 400px; }
#old #content {
  padding: 20px; }
#old .yellowbox {
  text-align: center;
  background-color: #FDF0BA;
  padding: 10px 10px 10px 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }
#old table td .yellowbox p {
  height: 60px; }
#old #share-box table {
  margin: 0px;
  padding: 0px; }
  #old #share-box table td {
    margin: 0px;
    padding: 5px; }
#old #share-box .quiet {
  color: #60300E;
  font-size: 0.8em;
  line-height: 1.2em; }
#old #share-box .share-type-embedded {
  width: 58%; }
#old #share-box .share-content textarea {
  width: 480px;
  border: 1px solid #999;
  height: 110px;
  overflow: hidden;
  background-color: #eee;
  font-size: 11px; }
#old #shortlink-form label {
  display: block;
  margin: 3px; }
#old #shortlink-form input {
  font-size: 1.2em;
  padding: 2px;
  display: block;
  width: 100%;
  margin: 3px; }
  #old #shortlink-form input.submit {
    text-decoration: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: block;
    text-align: center; }
#old #shortlink-form .short-link {
  background: #eee;
  border: 1px solid #999; }
#old table td .yellowbox {
  width: 180px; }
#old .defaulted {
  color: #999; }
#old #share-box table td.share-javascript-container {
  padding-left: 15px; }
#old #short-link-preview {
  display: block;
  font-size: 9pt;
  text-align: right; }
#old #connector-selector li {
  border: 4px solid #EC7522;
  margin: 10px;
  padding: 10px; }
#old #connector-selector a {
  text-decoration: none; }
#old .selector-tab {
  margin: 0px;
  padding: 0px; }
#old #connector-selector .quiet {
  padding: 10px;
  color: #777; }
#old .minion-manager {
  background: #EC7522;
  padding: 10px;
  color: white;
  text-align: center; }
  #old .minion-manager em {
    color: #FFD591; }
    #old .minion-manager em a {
      color: #FFD591; }
#old .minion-manage-description {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 10px 30px 5px 30px;
  background-color: #FDF0BA; }
#old .minion-list {
  margin: 0px auto 0px auto;
  width: 800px; }
  #old .minion-list th {
    text-align: left; }
  #old .minion-list td {
    padding: 10px;
    border: 1px solid #eee;
    border-width: 0px 0px 1px 0px;
    list-style-type: none; }
  #old .minion-list .quiet {
    color: #999;
    font-style: italic; }
  #old .minion-list td.nickame {
    width: 200px; }
  #old .minion-list .username {
    padding: 10px;
    width: 300px; }
  #old .minion-list .connection, #old .minion-list .transcripts {
    width: 150px; }
  #old .minion-list th {
    border-bottom: 5px solid #eee; }
#old .transcript_show a {
  background: url(/images/externallink.png) no-repeat;
  padding-left: 25px;
  padding-bottom: 5px;
  margin-left: 3px; }
  #old .transcript_show a:hover {
    color: black; }
#old .transcript_show td.first {
  width: 120px; }
#old .transcript_show .url_change {
  font-weight: bold; }
#old .transcript_show .operator_msg_offline {
  font-style: italic; }
#old .transcript_show .visitor_msg_offline div.username {
  color: #215aa1; }
#old .transcript_show .operator_msg_offline div.username {
  color: #EC7522;
  font-style: normal; }
#old .transcript_show .operator_msg {
  font-style: italic; }
#old .transcript_show .visitor_msg div.username {
  color: #215aa1; }
#old .transcript_show .operator_msg div.username {
  color: #EC7522;
  font-style: normal; }
#old td.date_transcript {
  padding: 2px;
  background-color: #908b94;
  color: white;
  border: 3px solid #f5f5f5;
  font-size: .9em; }
#old .transcript_show td {
  padding: 2px;
  vertical-align: top; }
#old .duration {
  background: url(/images/duration.png) no-repeat;
  padding-left: 25px; }
#old #round_corner {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  margin: 20px 0 20px 0;
  width: 875px; }
  #old #round_corner th {
    padding: 8px;
    font-weight: bold;
    font-size: 12px;
    color: white;
    background: #d54f27; }
  #old #round_corner td {
    padding: 8px;
    background: #fff;
    border: 1px solid #d54f27;
    color: #000000; }
  #old #round_corner tfoot {
    text-align: center; }
    #old #round_corner tfoot td.rbleft {
      background: #d54f27; }
  #old #round_corner tbody tr:hover td {
    background: #ffcc66;
    cursor: pointer; }
#old .pt {
  cursor: pointer; }
#old .tleft {
  text-align: left; }
#old .tright {
  text-align: right; }
#old #round_corner2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  width: 95%;
  text-align: left;
  margin: 60px auto 45px auto; }
  #old #round_corner2 th {
    padding: 8px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    background: #EC7522; }
  #old #round_corner2 td {
    padding: 8px;
    background: #fff;
    border: 1px solid #ff8a00;
    color: #000000; }
  #old #round_corner2 tfoot {
    text-align: center; }

#shopify #fullscreen #floatinglogo {
  width: 707px;
  height: 134px;
  background: url(/images/sky/shopify/logo-medium-3d-with-shopify.png) no-repeat center 0; }
#shopify #main {
  background: url(/images/sky/common/background-front-feature-wide.png) no-repeat center 0; }
  #shopify #main #background_container {
    background: url(/images/sky/shopify/background-feature-shopify.png) no-repeat center 0; }
    #shopify #main #background_container #floatunder {
      float: left;
      z-index: -2000; }
  #shopify #main h1 {
    font-weight: bold;
    font-size: 2.3em;
    margin-top: 120px; }
    #shopify #main h1.center {
      text-align: center; }
  #shopify #main .get-started-box {
    margin: 0 0 20px 0; }
  #shopify #main fieldset {
    border: none;
    padding: 0; }
    #shopify #main fieldset label {
      padding: 0 0 10px 0;
      margin-top: 20px;
      display: block; }
    #shopify #main fieldset .clear_default_text {
      font-size: 12px;
      padding: 10px;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      -moz-border-radius-bottomleft: 10px;
      -moz-border-radius-bottomright: 10px;
      -webkit-border-top-right-radius: 10px;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      border: 1px solid #eeeeee;
      width: 250px; }
  #shopify #main .plans {
    float: left; }
    #shopify #main .plans img {
      border: none;
      padding: 0 !important;
      margin: 0 !important; }

body {
  text-align: center; }
  * html body legend {
    margin: 0px -8px 16px 0;
    padding: 0; }
  html>body p code {
    *white-space: normal; }

.container {
  text-align: left; }

ol {
  margin-left: 2em; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

hr {
  margin: -8px auto 11px; }

img {
  -ms-interpolation-mode: bicubic; }

fieldset {
  padding-top: 0; }

input.text {
  margin: 0.5em 0;
  background-color: #fff;
  border: 1px solid #bbb; }
  input.text:focus {
    border: 1px solid #666; }
input.title {
  margin: 0.5em 0;
  background-color: #fff;
  border: 1px solid #bbb; }
  input.title:focus {
    border: 1px solid #666; }
input.checkbox {
  position: relative;
  top: 0.25em; }
input.radio {
  position: relative;
  top: 0.25em; }
input.button {
  position: relative;
  top: 0.25em; }

textarea {
  margin: 0.5em 0; }

select {
  margin: 0.5em 0; }

button {
  position: relative;
  top: 0.25em; }

#about #main .page .padding {
  margin: 40px;
  background: url('/images/sky/about/jobsbadge.png') top right no-repeat; }
  #about #main .page .padding h1 {
    font-family: "Arvo", Helvetica, Arial, Sans-serif;
    font-weight: bold;
    letter-spacing: -2px;
    margin-bottom: 0; }
  #about #main .page .padding .checkboxies {
    list-style-type: none;
    margin: 20px 0 0 0; }
    #about #main .page .padding .checkboxies li {
      background: url('/images/sky/about/checkbox.png') no-repeat;
      padding: 6px 6px 6px 70px;
      margin: 10px 10px 10px 0; }
      #about #main .page .padding .checkboxies li a {
        text-decoration: none;
        font-size: 1.5em;
        display: inline-block;
        right: 20px; }
        #about #main .page .padding .checkboxies li a.check1, #about #main .page .padding .checkboxies li a.check2, #about #main .page .padding .checkboxies li a.check3, #about #main .page .padding .checkboxies li a.check4 {
          padding: 6px 6px 6px 140px;
          margin-left: -140px; }
        #about #main .page .padding .checkboxies li a.checked.check1 {
          background: url('/images/sky/about/check1.png') no-repeat; }
        #about #main .page .padding .checkboxies li a.checked.check2 {
          background: url('/images/sky/about/check2.png') no-repeat; }
        #about #main .page .padding .checkboxies li a.checked.check3 {
          background: url('/images/sky/about/check3.png') no-repeat; }
        #about #main .page .padding .checkboxies li a.checked.check4 {
          background: url('/images/sky/about/check4.png') no-repeat; }
  #about #main .page .padding .gallery {
    margin-top: 20px; }
    #about #main .page .padding .gallery .framed {
      margin: 8px; }
  #about #main .page .padding #postings.faded {
    opacity: .1; }
  #about #main .page .padding #postings ul.jobs {
    list-style-type: none;
    margin-left: 0; }
    #about #main .page .padding #postings ul.jobs #jobindex {
      font-size: 1.5em;
      font-weight: bold; }
      #about #main .page .padding #postings ul.jobs #jobindex li {
        padding: .5em 0 .5em 80px;
        list-style-type: none;
        background: url('/images/sky/about/caret.png') left no-repeat; }
    #about #main .page .padding #postings ul.jobs ul {
      margin: 2em 2em 2em 3em; }
    #about #main .page .padding #postings ul.jobs h1 {
      font-size: 1.5em; }
    #about #main .page .padding #postings ul.jobs h2 {
      margin-bottom: 1.5em; }
  #about #main .page .padding #postings h3 {
    margin-top: 1em;
    margin-bottom: .2em;
    font-weight: bold;
    color: #333333;
    line-height: normal; }

#billing .box {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #eeeeee; }

#community ul#control_navigation_primary li.Highlight {
  width: 146px;
  height: 82px;
  background: url(/images/sky/common/control-nav-active.png) no-repeat 0 3px;
  padding: 0; }
  #community ul#control_navigation_primary li.Highlight a {
    color: white;
    text-shadow: -1px -1px 1px #000;
    font-weight: bold; }

#customize .text-selectee .blank_image {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 200px;
  background-color: #8e8e8e;
  color: white;
  padding: 10px; }
#customize ul {
  margin: 0; }
  #customize ul.text-selector li {
    list-style-type: none; }
    #customize ul.text-selector li.active a {
      text-decoration: underline;
      background-color: white; }
    #customize ul.text-selector li a {
      background-color: #f2f2f2;
      display: inline-block;
      float: left;
      margin-right: 5px;
      padding: 5px;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      -moz-border-radius-bottomleft: 10px;
      -moz-border-radius-bottomright: 10px;
      -webkit-border-top-right-radius: 10px;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      font-weight: bold;
      text-decoration: none; }
  #customize ul.gallery li {
    list-style-type: none; }
    #customize ul.gallery li a {
      margin-right: 5px;
      width: 160px;
      height: 180px;
      display: inline-block;
      float: left;
      background: url('/images/sky/customize/callout_gallery_inactive.png') no-repeat; }
      #customize ul.gallery li a.active {
        background-image: url('/images/sky/customize/callout_gallery_active.png'); }
        #customize ul.gallery li a.active img {
          -moz-opacity: 1;
          filter: alpha(opacity= 1 );
          opacity: 1; }
      #customize ul.gallery li a img {
        margin: 5px 0 0 5px;
        -moz-opacity: 0.4;
        filter: alpha(opacity= 0.4 );
        opacity: 0.4; }
        #customize ul.gallery li a img:hover {
          -moz-opacity: 1;
          filter: alpha(opacity= 1 );
          opacity: 1; }
#customize #gallery_tabs > div {
  margin-top: 20px; }
#customize #customize_form {
  margin-bottom: 50px; }
  #customize #customize_form .hr {
    margin-bottom: 30px; }
    #customize #customize_form .hr .button {
      margin-left: 500px; }
    #customize #customize_form .hr img {
      float: left; }
    #customize #customize_form .hr .enable {
      margin: 20px 300px 0 0;
      float: left;
      background-color: #eeeeee;
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -moz-border-radius-bottomleft: 20px;
      -moz-border-radius-bottomright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      -webkit-border-bottom-right-radius: 20px;
      -webkit-border-bottom-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
      padding: 20px;
      font-weight: bold; }
  #customize #customize_form #appearance .positionbox {
    margin: 10px 0 10px 0;
    background-color: #322722;
    width: 67px; }
    #customize #customize_form #appearance .positionbox input {
      margin: 7px 7px 10px 7px;
      padding: 0;
      width: 15px;
      height: 15px; }
  #customize #customize_form #targeting-rules .rule {
    border: 1px solid #aaa;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2); }
  #customize #customize_form #targeting-rules .rule-head {
    background-color: #eee;
    padding: 10px;
    border-radius: 10px 10px;
    height: 23px; }
    #customize #customize_form #targeting-rules .rule-head h3 {
      font-size: 1.25em;
      margin-bottom: 0px;
      width: 50%;
      padding: 5px;
      display: inline;
      font-weight: bold;
      color: #022c44;
      line-height: 18px; }
    #customize #customize_form #targeting-rules .rule-head h3:hover {
      cursor: text; }
    #customize #customize_form #targeting-rules .rule-head span.show-hide {
      float: left;
      padding: 5px;
      position: relative;
      bottom: 3px;
      font-size: 1.45em;
      cursor: pointer;
      border-radius: 5px; }
      #customize #customize_form #targeting-rules .rule-head span.show-hide:hover {
        background-color: #ddd;
        box-shadow: 0px 0px 2px #000; }
    #customize #customize_form #targeting-rules .rule-head span.delete-rule {
      float: right;
      padding: 5px;
      position: relative;
      bottom: 3px;
      border-radius: 5px; }
      #customize #customize_form #targeting-rules .rule-head span.delete-rule:hover {
        background-color: #ddd;
        box-shadow: 0px 0px 2px #000;
        cursor: pointer; }
    #customize #customize_form #targeting-rules .rule-head form.editable-name {
      display: inline;
      border: none;
      position: relative;
      bottom: 6px;
      right: 5px; }
      #customize #customize_form #targeting-rules .rule-head form.editable-name input {
        font-family: helvetica, arial, sans-serif;
        font-size: 1em;
        color: #022c44;
        height: 30px !important;
        padding: 0px 5px;
        font-weight: bold; }
    #customize #customize_form #targeting-rules .rule-head img.edit-arrow {
      position: relative;
      top: 3px;
      height: 16px; }
    #customize #customize_form #targeting-rules .rule-head img.hidden {
      display: none; }
  #customize #customize_form #targeting-rules .rule-body {
    padding: 15px;
    display: none;
    font-size: 1em; }
    #customize #customize_form #targeting-rules .rule-body h4 {
      font-size: 1.15em; }
    #customize #customize_form #targeting-rules .rule-body .conditions, #customize #customize_form #targeting-rules .rule-body .actions {
      background-color: #f6f6f6;
      padding: 10px;
      margin-bottom: 30px;
      box-shadow: 0px 0px 2px #aaa;
      border-radius: 10px; }
    #customize #customize_form #targeting-rules .rule-body input.number {
      width: 100px; }
    #customize #customize_form #targeting-rules .rule-body button.add-condition {
      float: right;
      position: relative;
      bottom: 30px; }
    #customize #customize_form #targeting-rules .rule-body .actions input[type=text] {
      margin: 0;
      width: 250px; }
    #customize #customize_form #targeting-rules .rule-body .actions label {
      font-weight: normal; }
  #customize #customize_form #behavior {
    display: none; }
  #customize #customize_form #advanced {
    display: none; }
  #customize #customize_form #save {
    margin: 20px; }
  #customize #customize_form #pre_chat_settings, #customize #customize_form #offline_msg_settings {
    background-color: #e3f4f9;
    padding: 15px;
    margin: 10px 0 10px 0;
    display: none;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px; }
  #customize #customize_form .subsection {
    background-color: #eeeeee;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 20px;
    margin-bottom: 15px; }
  #customize #customize_form .row {
    margin-bottom: 10px; }
    #customize #customize_form .row .rlabel {
      font-weight: bold;
      float: left;
      padding-top: 8px;
      width: 180px; }
    #customize #customize_form .row textarea {
      height: 50px;
      width: 300px; }
    #customize #customize_form .row .rvalue {
      margin-left: 180px; }
      #customize #customize_form .row .rvalue div {
        margin-top: 10px;
        font-style: italic; }
      #customize #customize_form .row .rvalue .checkbox_cls {
        margin-top: 8px; }
  #customize #customize_form .advanced {
    display: none; }

button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

#warning-banner {
  position: fixed;
  text-align: center;
  width: 100%;
  top: 0px;
  left: 0px;
  background-color: #d54f27;
  z-index: 99;
  padding: 15px;
  height: 30px;
  font-size: 1.25em;
  color: #fff;
  border-bottom: 3px solid rgba(0,0,0,0.2); }
  #warning-banner a {
    color: #fff; }

#warning-modal {
  display: none; }

#customize_color #habla_window_preview_container {
  float: left;
  margin: 20px 0px 20px 0px; }
  #customize_color #habla_window_preview_container.smoke, #customize_color #habla_window_preview_container.modernity, #customize_color #habla_window_preview_container.barney {
    margin-left: -50px; }
  #customize_color #habla_window_preview_container.color {
    margin-left: 0; }
#customize_color #colorbox.smoke, #customize_color #colorbox.modernity, #customize_color #colorbox.barney {
  display: none; }

#customize .theme_list {
  /* for now just be lazy and have a scrolling box */ }
  #customize .theme_list .theme_list_box {
    width: 675px; }
  #customize .theme_list li {
    float: left;
    list-style-type: none; }
  #customize .theme_list .theme {
    padding: 2px;
    text-align: center;
    border: solid transparent 2px; }
  #customize .theme_list .selected_theme {
    border: solid black 2px; }
  #customize .theme_list .hatchery_themes {
    margin-top: 5px;
    padding: 2px;
    float: left;
    border: #bbb dashed 1px; }
    #customize .theme_list .hatchery_themes li {
      float: left;
      list-style-type: none; }
    #customize .theme_list .hatchery_themes h5 {
      text-align: center;
      margin: 0px; }
#customize .theme_preview .theme_preview_wrapper {
  width: 400px;
  margin-right: auto;
  margin-left: auto; }
  #customize .theme_preview .theme_preview_wrapper iframe {
    border: 0px;
    width: 400px;
    height: 300px; }
#customize .theme_preview .theme_preview_bottom {
  height: 10px;
  border-top: 5px solid #aaa; }
#customize .color_picker_list ul li {
  float: left;
  list-style-type: none;
  width: 194px;
  height: 34px;
  padding: 3px; }
  #customize .color_picker_list ul li .text {
    padding-top: 5px;
    padding-left: 5px;
    float: left; }
  #customize .color_picker_list ul li .picker {
    float: left;
    width: 28px;
    height: 28px;
    background: url(/javascripts/colorpicker/images/select2.png) center; }
#customize .color_picker_list #reset_colors {
  margin: 5px; }

#dashboard .page #shopify_install_manually {
  display: none; }
#dashboard .page #olark-activation-status .button {
  display: none;
  float: left; }
#dashboard .page #olark-activation-status p {
  display: none; }
#dashboard .page .olark-activation-status-activated #olark-deactivate-on-shopify-link {
  display: block; }
#dashboard .page .olark-activation-status-activated #olark-shopify-is-activated-message {
  display: block; }
#dashboard .page .olark-activation-status-deactivated #olark-activate-on-shopify-link {
  display: block; }
#dashboard .page .olark-activation-status-deactivated #olark-shopify-is-deactivated-message {
  display: block; }
#dashboard .page .olark-activation-status-activating #olark-activate-on-shopify-link {
  display: none; }
#dashboard .page .olark-activation-status-activating #olark-deactivate-on-shopify-link {
  display: none; }
#dashboard .page .olark-activation-status-activating #olark-activating-on-shopify-link {
  display: block; }
#dashboard .page .olark-activation-status-deactivating #olark-activate-on-shopify-link {
  display: none; }
#dashboard .page .olark-activation-status-deactivating #olark-deactivate-on-shopify-link {
  display: none; }
#dashboard .page .olark-activation-status-deactivating #olark-deactivating-on-shopify-link {
  display: block; }
#dashboard .page .best_option .sub-paragraph {
  margin-bottom: 5px; }
#dashboard .page #recommendations {
  background: url(/images/sky/dashboard/sun.png) no-repeat left 0;
  height: 132px;
  padding: 20px 0 0 170px; }
  #dashboard .page #recommendations .list {
    font-size: 1.3em; }
    #dashboard .page #recommendations .list li {
      list-style-image: url("/images/sky/famfamfam/arrow_right.png");
      margin-left: -25px; }
#dashboard .page .green_bubble {
  background-color: #8eaa37;
  color: white;
  font-size: 1.2em;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 10px; }
  #dashboard .page .green_bubble a {
    color: #022C44; }
  #dashboard .page .green_bubble .recommended {
    font-size: 2em;
    font-weight: bold; }
#dashboard .page #todo {
  margin-bottom: 15px;
  padding-top: 0px; }
  #dashboard .page #todo .buttons {
    width: 100%; }
    #dashboard .page #todo .buttons a {
      float: left;
      margin-right: 5px; }
  #dashboard .page #todo ol, #dashboard .page #todo ul {
    list-style-type: none;
    margin-left: 0;
    font-size: 1.2em; }
    #dashboard .page #todo ol li, #dashboard .page #todo ul li {
      margin-left: 0;
      padding-left: 100px; }
      #dashboard .page #todo ol li.one, #dashboard .page #todo ul li.one {
        background: url(/images/sky/dashboard/one.png) no-repeat left 0; }
        #dashboard .page #todo ol li.one textarea, #dashboard .page #todo ul li.one textarea {
          font-size: 11px;
          font-family: sans-serif;
          width: 90%;
          height: 250px;
          border: solid #eeeeee 10px;
          background-color: #eeeeee;
          color: #322722;
          -moz-border-radius-topleft: 10px;
          -moz-border-radius-topright: 10px;
          -moz-border-radius-bottomleft: 10px;
          -moz-border-radius-bottomright: 10px;
          -webkit-border-top-right-radius: 10px;
          -webkit-border-top-left-radius: 10px;
          -webkit-border-bottom-right-radius: 10px;
          -webkit-border-bottom-left-radius: 10px;
          border-top-right-radius: 10px;
          border-top-left-radius: 10px;
          border-bottom-right-radius: 10px;
          border-bottom-left-radius: 10px;
          padding: 0px; }
      #dashboard .page #todo ol li.two, #dashboard .page #todo ul li.two {
        background: url(/images/sky/dashboard/two.png) no-repeat left 0; }
      #dashboard .page #todo ol li.complete, #dashboard .page #todo ul li.complete {
        background: url(/images/sky/dashboard/complete.png) no-repeat left 0; }
  #dashboard .page #todo ul li {
    padding-left: 0;
    color: red; }
  #dashboard .page #todo h6 {
    color: #322722;
    font-size: 1.1em; }
  #dashboard .page #todo .or {
    background: url(/images/sky/dashboard/or.png) no-repeat 210px 30px; }
#dashboard .page #not_setup {
  padding: 10px;
  font-size: 1.15em;
  margin-bottom: 40px;
  position: relative;
  left: 100px; }
  #dashboard .page #not_setup h2 {
    color: #d54f27;
    font-size: 2.5em;
    margin-bottom: 10px; }
  #dashboard .page #not_setup h3 {
    font-weight: bold; }
  #dashboard .page #not_setup img {
    float: right;
    margin-left: 50px; }
  #dashboard .page #not_setup a#not_setup_link {
    text-decoration: none;
    font-weight: bold;
    color: #80a24f; }

#need-help {
  text-align: center; }
  #need-help h2 {
    font-family: 'Arvo';
    font-weight: bold;
    letter-spacing: -0.08em;
    font-size: 3em; }
  #need-help ul.ways {
    width: 100%;
    margin: 0 auto; }
    #need-help ul.ways li.way {
      width: 200px;
      margin: 0px 5px;
      height: 150px;
      background: #fcf1ee;
      border: 1px dashed #D54F27;
      border-radius: 10px;
      text-shadow: 1px 1px 1px white;
      font-size: 1.1em;
      padding: 20px 10px;
      color: #D54F27;
      margin-bottom: 40px;
      display: inline-block; }
      #need-help ul.ways li.way h3 {
        font-weight: bold;
        font-size: 1.3em;
        margin-bottom: 15px; }
      #need-help ul.ways li.way h3#2 {
        font-size: 1.5em !important; }
      #need-help ul.ways li.way p {
        margin-bottom: 0.5em;
        font-size: 1.02em;
        height: 70px; }
      #need-help ul.ways li.way a {
        text-shadow: none; }

#developer .documentation-snippet {
  color: #444;
  font-family: 'Andale Mono', 'Lucida Console', monospace; }
#developer .documentation-snippet .olark-api-method {
  color: #993E00;
  font-weight: bold; }
#developer .documentation-snippet .olark-api-method:hover {
  background: #efefef; }
#developer .method-listing {
  list-style-type: none; }
  #developer .method-listing .configuration-documentation {
    color: #aaa;
    margin-bottom: 10px; }
#developer .beta-tag {
  color: #555;
  background: #ddd;
  padding: 5px; }

#documentation .dsq-comments .dsq-header-avatar {
  display: none !important; }
#documentation .dsq-comment-header {
  padding: 5px !important; }
#documentation .dsq-comment-footer {
  margin: 2px 0px 5px 25px !important; }
#documentation .dsq-comment-header {
  background: #ddd !important; }
#documentation .dsq-comment-header-time {
  color: #999 !important; }
#documentation .dsq-reply-link {
  color: #999 !important; }
#documentation .dsq-subscribe-email * {
  color: #bbb; }
#documentation .dsq-subscribe-email img {
  display: none !important; }
#documentation #dsq-comments-title {
  display: none !important; }
#documentation .dsq-full-comment .dsq-comment-buttons {
  visibility: hidden !important; }
#documentation .dsq-full-comment:hover .dsq-comment-buttons {
  visibility: visible !important; }
#documentation .dsq-comment-cite a {
  color: black !important; }
#documentation #dsq-new-post {
  border-top: 1px solid #aaa !important;
  background: #eee !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
  padding-bottom: 25px !important; }
#documentation .dsq-request-user-info a {
  color: black !important; }
#documentation .dsq-request-user-name {
  padding-bottom: 25px !important; }
#documentation #dsq-content-stub {
  text-align: center !important; }
#documentation #disqus_thread {
  margin-bottom: 0px !important; }
#documentation #dsq-global-toolbar,
#documentation #dsq-like-tooltip,
#documentation #dsq-comments-title,
#documentation .dsq-options,
#documentation #dsq-comments {
  padding: 0px 25px 0px 25px !important; }
#documentation #dsq-new-post h3 {
  color: #999;
  font-size: 16pt; }
#documentation .dsq-request-user-stats * {
  color: #bbb; }
#documentation .dsq-collapsed-comment {
  padding: 0px !important; }
#documentation .dsq-collapsed-comment img {
  display: none !important; }
#documentation .dsq-editedtxt {
  color: #887C44; }
#documentation .dsq-comment-message {
  background: #FFF5B7 !important;
  margin: 0px 0px 0px 10px !important;
  padding: 15px !important; }
#documentation .prettyprint {
  background: #eee;
  padding: 10px !important; }
#documentation .prettyprint *,
#documentation p code {
  font-family: 'Andale Mono', 'Lucida Console', monospace; }
#documentation p code {
  border: 1px solid #888;
  background: #eee;
  padding: 2px; }
#documentation #dsq-global-toolbar {
  display: none !important; }
#documentation .dsq-request-user-info {
  position: relative; }
#documentation .dsq-request-user-info .dsq-request-user-logout {
  float: none !important;
  position: absolute;
  bottom: 0px;
  right: 0px; }
#documentation .dsq-request-user-info .dsq-request-user-stats {
  display: none !important; }
#documentation .docs-arguments li code {
  font-family: 'Andale Mono', 'Lucida Console', monospace;
  background: #ddd;
  padding: 2px; }

#extensions .extension-heading h1 {
  font-family: "Arvo", Helvetica, Arial, Sans-serif;
  font-weight: bold;
  letter-spacing: -0.1em;
  margin-bottom: 0; }
  #extensions .extension-heading h1 span {
    font-size: 0.5em;
    font-family: helvetica, arial, sans-serif;
    letter-spacing: normal; }
#extensions .extension-heading #slider {
  background-image: url('/images/sliders.png');
  width: 110px;
  height: 33px;
  float: right; }
  #extensions .extension-heading #slider:hover {
    cursor: pointer; }
  #extensions .extension-heading #slider.on {
    background-position: bottom; }
#extensions .extension-heading p {
  font-family: Helvetica, arial, sans-serif;
  font-style: italic;
  font-size: 1em;
  color: #8e8e8e; }
#extensions .extension-body h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.5em; }
#extensions .extension-body p {
  font-style: normal;
  font-size: 1.1em;
  color: #000; }
#extensions .extension-body p#warning {
  color: #d54f27; }
#extensions .advanced {
  display: none; }
#extensions .enable {
  width: 620px;
  margin-bottom: 10px;
  background-color: #eeeeee;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 20px;
  font-weight: bold; }
#extensions .bulleted_thumbnail img {
  border: 2px solid; }
#extensions .bulleted_thumbnail a {
  vertical-align: text-top; }
#extensions .bulleted_thumbnail .left {
  float: left;
  padding-left: 10px; }
#extensions .bulleted_thumbnail .right {
  float: left;
  padding-top: 50px;
  padding-left: 10px; }

#image_library .image-list li {
  list-style-type: none; }
  #image_library .image-list li.active a {
    border-color: #022c44; }
  #image_library .image-list li a {
    display: block;
    margin-top: 10px;
    width: 200px;
    height: 200px;
    border: solid 5px transparent;
    float: left;
    position: relative; }
  #image_library .image-list li img {
    position: absolute;
    bottom: 0px; }

#welcome_assistant textarea {
  width: 650px;
  height: 100px; }
#welcome_assistant .advanced {
  display: none; }
#welcome_assistant .enable {
  width: 620px;
  margin-bottom: 10px;
  background-color: #eeeeee;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 20px;
  font-weight: bold; }

#welcome_messages {
  display: none; }

.welcome_message {
  display: none; }

.add-welcome-message {
  display: none; }

#welcome_urls {
  display: none; }

.welcome_url {
  display: none; }

.add-welcome-url {
  display: none; }

#features .page #how-we-do-it {
  width: 253px;
  margin: 15px 0px 0px 0px;
  position: absolute; }
  #features .page #how-we-do-it img {
    position: absolute;
    right: 80px; }
#features .page .question {
  font-size: .9em;
  padding: 0 0 20px 0;
  text-align: justify;
  color: #8e8e8e; }
  #features .page .question b {
    color: #333333; }
  #features .page .question h3 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: bold; }
#features .page #feature-sections hr {
  margin: 60px 0 60px 0; }
#features .page #feature-boxes {
  margin-top: 110px;
  padding: 5px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  #features .page #feature-boxes .feature {
    text-align: center;
    display: inline-block;
    float: left;
    padding: 10px 0 0 0;
    width: 191px; }
    #features .page #feature-boxes .feature p {
      font-size: .8em;
      margin-top: 10px;
      margin-bottom: 10px; }
    #features .page #feature-boxes .feature img {
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      -moz-border-radius-bottomleft: 10px;
      -moz-border-radius-bottomright: 10px;
      -webkit-border-top-right-radius: 10px;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px; }
    #features .page #feature-boxes .feature b {
      font-size: 1.1em; }
#features .page .subheader a {
  text-decoration: none;
  font-size: 1.2em; }
#features .page #features-navigation {
  position: relative;
  z-index: 1;
  margin: 40px 0 20px 20px; }
  #features .page #features-navigation h2 {
    font-size: 1.3em;
    text-align: center; }
  #features .page #features-navigation ul {
    position: relative;
    background: #fff;
    list-style-type: none;
    margin: 0; }
    #features .page #features-navigation ul:before {
      content: "";
      position: absolute;
      z-index: -2; }
    #features .page #features-navigation ul:before {
      top: 10px;
      bottom: 10px;
      left: 0;
      right: 50%;
      -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
      -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
      box-shadow: 0 0 15px rgba(0,0,0,0.6);
      -moz-border-radius: 10px / 100px;
      border-radius: 10px / 100px; }
    #features .page #features-navigation ul li {
      padding: 10px;
      margin-left: 10px; }
      #features .page #features-navigation ul li a {
        text-decoration: none;
        padding-left: 25px; }
        #features .page #features-navigation ul li a:hover {
          text-decoration: underline; }
#features .page #features-list {
  margin-top: -70px; }
  #features .page #features-list tr td, #features .page #features-list tr th {
    border-bottom: 1px solid #eee; }
  #features .page #features-list tr td {
    border-left: 1px solid #eee;
    text-align: center; }
    #features .page #features-list tr td.yes {
      background: url(/images/sky/portal/featurelist-check.png) no-repeat center;
      text-indent: -2000px;
      overflow: hidden; }
  #features .page #features-list tr th {
    width: 300px; }
    #features .page #features-list tr th a {
      text-decoration: none;
      color: #333; }
    #features .page #features-list tr th.section {
      font-size: 1.5em; }
    #features .page #features-list tr th.spanning {
      text-align: center; }
  #features .page #features-list tr tr:hover {
    background-color: #e3f4ff; }
  #features .page #features-list tr tr.header:hover {
    background-color: white; }
  #features .page #features-list tr.header th {
    width: auto;
    text-align: center;
    border-bottom: 3px solid #3a3341; }
  #features .page #features-list tr.hr th, #features .page #features-list tr.hr td {
    border-top: 3px solid #3a3341; }
  #features .page #features-list tr a.button.plan {
    color: #022c44;
    display: inline-block;
    margin-bottom: 10px;
    padding: 0.5em 1em 0.4em;
    text-align: center;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: white 1px 1px 0px inset;
    line-height: 20px;
    background: -moz-linear-gradient(#f6f6f6, #eaeaea);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#eaeaea));
    background: linear-gradient(#f6f6f6, #eaeaea);
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #f1f1f1;
    font-size: 18px;
    font-weight: bold; }
    #features .page #features-list tr a.button.plan:hover {
      background: -moz-linear-gradient(#DEDEDE, #999);
      background: -webkit-gradient(linear, 0 0, 0 100%, from(#DEDEDE), to(#999));
      background: linear-gradient(#DEDEDE, #999); }

#front_page #main {
  background-image: none; }
  #front_page #main #background_container {
    background-image: none; }
    #front_page #main #background_container #navigation {
      position: absolute;
      z-index: 300; }
      #front_page #main #background_container #navigation ul.new_tabs {
        float: right; }
        #front_page #main #background_container #navigation ul.new_tabs li {
          vertical-align: top;
          display: inline-block;
          *display: inline; }
          #front_page #main #background_container #navigation ul.new_tabs li a {
            background: url('/images/sky/front_page_variant/tabs.png') left bottom no-repeat;
            display: inline-block;
            height: 48px; }
            #front_page #main #background_container #navigation ul.new_tabs li a.plans {
              width: 170px;
              background-position: -0px; }
            #front_page #main #background_container #navigation ul.new_tabs li a.signup {
              width: 100px;
              background-position: -95px; }
            #front_page #main #background_container #navigation ul.new_tabs li a.login {
              width: 84px;
              background-position: -195px; }
            #front_page #main #background_container #navigation ul.new_tabs li a:hover {
              height: 52px; }
    #front_page #main #background_container h1, #front_page #main #background_container h2, #front_page #main #background_container h3, #front_page #main #background_container h4 {
      font-family: "Arvo", Helvetica, Arial, Sans-serif;
      letter-spacing: -0.07em;
      color: #333333; }
    #front_page #main #background_container h2 {
      font-size: 2.5em; }
    #front_page #main #background_container .smallline {
      display: inline-block;
      height: 14px;
      width: 93px;
      background: url('/images/sky/front_page_variant/smallline.png') top no-repeat;
      *display: inline; }
    #front_page #main #background_container .bigline {
      *display: inline;
      display: inline-block;
      width: 156px;
      height: 18px;
      background: url('/images/sky/front_page_variant/bigline.png') top no-repeat;
      *display: inline; }
    #front_page #main #background_container #placeholder {
      height: 1000px;
      background-color: red;
      width: 0px; }
    #front_page #main #background_container #above_the_fold {
      z-index: 5;
      padding: 250px 0 0 0;
      background: url('/images/sky/front_page_variant/sunburst.png') center top no-repeat;
      position: absolute;
      top: 50%;
      width: 960px;
      margin: 0 auto;
      margin-top: -500px;
      text-align: center; }
      #front_page #main #background_container #above_the_fold #front_page_logo {
        margin-bottom: 20px; }
      #front_page #main #background_container #above_the_fold h1 {
        font-size: 3.5em; }
    #front_page #main #background_container #screenshot {
      position: absolute;
      bottom: 1px;
      height: 95px;
      width: 935px;
      background: url('/images/sky/front_page_variant/buildyourteam.png') center top no-repeat; }
      #front_page #main #background_container #screenshot a {
        display: block;
        height: 155px;
        width: 935px; }
    #front_page #main #background_container #cloud1, #front_page #main #background_container #cloud2 {
      position: fixed;
      bottom: -100px;
      background-position: 200px 100px;
      height: 35%;
      z-index: 200; }
    #front_page #main #background_container #cloud1 {
      right: 0px;
      width: 35%;
      background: url('/images/sky/front_page_variant/cloud1_op.png') left top no-repeat; }
    #front_page #main #background_container #cloud2 {
      left: 0px;
      width: 35%;
      background: url('/images/sky/front_page_variant/cloud1_op.png') right top no-repeat; }
    #front_page #main #background_container #below_the_fold h2 {
      text-transform: uppercase;
      font-weight: bold; }
    #front_page #main #background_container #below_the_fold .shadow {
      height: 11px;
      width: 100%;
      position: absolute;
      left: 0px;
      background: url('/images/sky/front_page_variant/shadow.png') center top no-repeat; }
    #front_page #main #background_container #below_the_fold .triple_feature {
      margin-bottom: 30px; }
      #front_page #main #background_container #below_the_fold .triple_feature .feature {
        text-align: center;
        width: 290px;
        float: left;
        display: inline-block; }
        #front_page #main #background_container #below_the_fold .triple_feature .feature .framed {
          margin-left: 35px; }
        #front_page #main #background_container #below_the_fold .triple_feature .feature h3 {
          clear: both;
          letter-spacing: -1px;
          font-size: 1.4em;
          font-weight: bold;
          margin-bottom: 5px;
          padding-top: 10px;
          font-family: Helvetica, Arial, Sans-serif; }
        #front_page #main #background_container #below_the_fold .triple_feature .feature .subtext {
          font-size: 1em;
          font-style: italic; }

#front_page_2 #main {
  background-image: none; }
  #front_page_2 #main #background_container {
    background-image: none; }
    #front_page_2 #main #background_container #navigation {
      position: absolute;
      z-index: 300; }
      #front_page_2 #main #background_container #navigation ul.new_tabs {
        float: right; }
        #front_page_2 #main #background_container #navigation ul.new_tabs li {
          vertical-align: top;
          display: inline-block;
          *display: inline; }
          #front_page_2 #main #background_container #navigation ul.new_tabs li a {
            background: url('/images/sky/front_page_variant/tabs.png') left bottom no-repeat;
            display: inline-block;
            height: 48px; }
            #front_page_2 #main #background_container #navigation ul.new_tabs li a.plans {
              width: 170px;
              background-position: -0px; }
            #front_page_2 #main #background_container #navigation ul.new_tabs li a.signup {
              width: 100px;
              background-position: -95px; }
            #front_page_2 #main #background_container #navigation ul.new_tabs li a.login {
              width: 84px;
              background-position: -195px; }
            #front_page_2 #main #background_container #navigation ul.new_tabs li a:hover {
              height: 52px; }
    #front_page_2 #main #background_container h1, #front_page_2 #main #background_container h2, #front_page_2 #main #background_container h3, #front_page_2 #main #background_container h4 {
      font-family: "Arvo", Helvetica, Arial, Sans-serif;
      letter-spacing: -0.06em;
      color: #333333; }
    #front_page_2 #main #background_container #top {
      margin-bottom: 100px;
      padding-left: 30px; }
      #front_page_2 #main #background_container #top #logo {
        margin: 60px 0px 40px 0px;
        height: 120px; }
      #front_page_2 #main #background_container #top h1 {
        font-size: 2.3em;
        font-weight: bold; }
      #front_page_2 #main #background_container #top p {
        font-size: 1.16em; }
      #front_page_2 #main #background_container #top #video {
        background-color: #d54f27;
        box-shadow: 0px 0px 10px #ff825a;
        padding: 2px;
        border-radius: 5px;
        margin: 200px 10px 0px 40px;
        float: right; }
    #front_page_2 #main #background_container #expectations {
      float: right;
      width: 360px; }
      #front_page_2 #main #background_container #expectations h2 {
        font-size: 2.3em;
        font-weight: bold;
        margin-bottom: 0px; }
      #front_page_2 #main #background_container #expectations ol li {
        font-size: 1.35em;
        margin-bottom: 20px;
        vertical-align: top;
        font-weight: bold; }
        #front_page_2 #main #background_container #expectations ol li p {
          font-weight: normal;
          font-size: 13px;
          line-height: 15px !important; }
    #front_page_2 #main #background_container .page #next-steps {
      margin: 20px 0px;
      background-color: #eee;
      box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
      border-radius: 5px;
      padding: 15px;
      padding-bottom: 30px;
      width: 380px; }
      #front_page_2 #main #background_container .page #next-steps p {
        font-size: 1.1em; }
        #front_page_2 #main #background_container .page #next-steps p a {
          font-weight: bold;
          color: #d54f27; }

@-webkit-keyframes pulse {
  0%, 100% {
    box-shadow: 0px 0px 10px !orange; }

  50% {
    box-shadow: none; } }

#groups .page .editable_container .editable {
  cursor: pointer; }
#groups .page .editable_container .inline_edit_buttons {
  display: inline-block;
  padding: 5px; }
#groups .page .editable_container h2:hover {
  text-decoration: underline; }

#hatchery .control-banner {
  background: url('/images/sky/hatchery/splash.png') no-repeat;
  height: 275px; }
  #hatchery .control-banner #enable-hatchery {
    margin-top: 40px;
    font-size: 1.1em; }

#help .page #help_index {
  margin-bottom: 100px; }
#help .page .help_section h1 {
  font-family: 'Arvo', 'Rockwell', Arial, Sans-serif;
  font-weight: bold;
  font-size: 3.5em;
  letter-spacing: -0.05em; }
#help .page .help_section p.subtitle {
  font-family: Helvetica, Arial, sans-serif;
  color: #888;
  font-size: 1.25em;
  line-height: 1.1em; }
#help .page .help_section h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 2em;
  margin: 15px 0px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  color: #888;
  clear: both; }
#help .page .help_section li a, #help .page .help_section p a {
  color: #d54f27; }
#help .page .help_section #premium_support_notifier {
  background: #fcf1ee;
  border: 1px dashed #D54F27;
  border-radius: 10px;
  text-shadow: 1px 1px 1px white;
  font-size: 1.1em;
  padding: 10px;
  color: #D54F27;
  margin-bottom: 40px; }
  #help .page .help_section #premium_support_notifier a {
    color: #000; }
  #help .page .help_section #premium_support_notifier p {
    margin-bottom: 0.5em; }
#help .page .help_section .setup_step {
  float: none;
  clear: both;
  display: block;
  margin: 10px 0; }
  #help .page .help_section .setup_step h3 {
    font-size: 1.2em;
    margin-bottom: 5px;
    color: #022C44;
    border: none;
    clear: none !important; }
  #help .page .help_section .setup_step p {
    font-size: 0.9em; }
  #help .page .help_section .setup_step span.step {
    font-family: "arvo", 'rockwell', arial, sans-serif;
    font-weight: bold;
    color: #AAA;
    font-size: 3em;
    float: left;
    clear: both;
    margin: 5px 20px 20px 20px; }
  #help .page .help_section .setup_step span.code {
    font-family: 'andale mono'; }
#help .page #help_sidebar {
  background-color: #eee;
  border-radius: 0 10px 0 0;
  float: right;
  padding: 20px;
  position: relative;
  bottom: 28px;
  left: 40px;
  box-shadow: inset 2px 0px 2px #ddd;
  -webkit-box-shadow: inset 2px 0px 2px #ddd;
  -moz-box-shadow: inset 2px 0px 2px #ddd; }
  #help .page #help_sidebar a#helplink img {
    position: relative;
    right: 55px; }
  #help .page #help_sidebar #search_bar {
    border-radius: 5px;
    width: 90%;
    border: 1px solid #ccc;
    color: #ccc; }
  #help .page #help_sidebar h2 {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0px 0px 3px 0px;
    margin: 15px 0px 15px 0px;
    border-bottom: 1px solid #ccc; }
  #help .page #help_sidebar h3 {
    color: #d54f27;
    font-weight: normal;
    font-size: 1em;
    position: relative;
    left: 10px;
    text-decoration: underline;
    margin-bottom: 0px; }
  #help .page #help_sidebar h3:hover {
    cursor: pointer; }
  #help .page #help_sidebar ul {
    list-style-type: none;
    margin: 0px 0px 5px 0px;
    padding-left: 10px; }
    #help .page #help_sidebar ul li {
      margin-bottom: 3px; }
      #help .page #help_sidebar ul li a {
        text-decoration: none; }
        #help .page #help_sidebar ul li a:hover {
          text-decoration: underline;
          color: #d54f27; }
      #help .page #help_sidebar ul li.help_section_heading {
        color: #d54f27;
        font-weight: bold;
        margin-top: 10px; }
      #help .page #help_sidebar ul li.current_help_article {
        background-color: white;
        padding: 5px 5px 5px 30px;
        position: relative;
        right: 30px;
        width: 11em;
        box-shadow: 2px 1px 3px #ccc; }
        #help .page #help_sidebar ul li.current_help_article a {
          font-weight: bold; }
      #help .page #help_sidebar ul li.subsection {
        font-weight: bold;
        margin: 10px 10px 0 0; }
  #help .page #help_sidebar ul#ecommerce_platforms {
    display: hidden; }

#help .page .tutorial_selector, #op .page .tutorial_selector {
  font-size: 1.1em;
  border-bottom: solid 1px #eeeeee;
  margin: 40px 0 20px 0; }
  #help .page .tutorial_selector a, #op .page .tutorial_selector a {
    font-weight: bold;
    border: solid 1px #eeeeee;
    border-bottom: none;
    padding: .5em;
    display: inline-block;
    text-decoration: none;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px; }
    #help .page .tutorial_selector a:hover, #op .page .tutorial_selector a:hover {
      background-color: #eeeeee; }
    #help .page .tutorial_selector a.active, #op .page .tutorial_selector a.active {
      border: none;
      background-color: #022c44;
      color: white; }
#help .page #settings ul, #op .page #settings ul {
  padding: 20px; }
  #help .page #settings ul li, #op .page #settings ul li {
    font-size: 1.5em;
    list-style-type: none; }

.help_article h2 {
  font-size: 2em;
  font-weight: bold;
  color: #888; }
  .help_article h2.bordertop {
    color: #022c44; }
.help_article h4 {
  font-size: 1.5em;
  font-weight: bold; }
.help_article h5 {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 10px; }
.help_article div.code {
  margin-left: 20px;
  font-family: courier;
  border: 1px solid #bbb;
  padding: 5px;
  margin-bottom: 10px; }
.help_article p {
  font-size: 1em; }
.help_article ol {
  list-style-type: none; }
  .help_article ol#tips p {
    font-size: 0.7em; }
  .help_article ol li {
    margin: 40px 0px;
    font-size: 1.5em; }
    .help_article ol li .ol_number {
      font-weight: bold;
      margin-left: -20px;
      color: #d54f27; }
.help_article ul#toc {
  font-size: 1.1em;
  padding-left: 50px; }
  .help_article ul#toc li {
    margin: 10px 0px !important;
    font-weight: bold; }
    .help_article ul#toc li a {
      color: #022c44 !important; }
.help_article img {
  max-width: 500px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 1px 5px rgba(0,0,40,0.6);
  -webkit-box-shadow: 0px 1px 5px rgba(0,0,40,0.6);
  -mox-box-shadow: 0px 1px 5px rgba(0,0,40,0.6);
  display: block;
  margin: 10px auto; }
  .help_article img.plain {
    display: inline-block;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -mox-box-shadow: none; }
  .help_article img#why-acct {
    position: relative;
    top: 12px; }
.help_article em.subtitle {
  position: relative;
  bottom: 20px; }
.help_article .quick_console {
  float: right;
  border: 1px dashed #aaa;
  padding: 10px;
  margin-left: 15px;
  position: relative;
  left: 10px;
  max-width: 250px; }
  .help_article .quick_console h2 {
    font-size: 1.25em;
    margin-bottom: 5px;
    color: #022c44; }
  .help_article .quick_console li {
    font-size: 1em; }
.help_article a#dl-pidgin, .help_article a#get-adium {
  color: #fff !important; }
.help_article #preview-page {
  margin-left: 10px;
  float: right; }
.help_article#addimage ul.imagegallery {
  list-style-type: none;
  margin: 0px 0 0; }
.help_article#addimage .imagegallery img {
  margin-top: 10px;
  border: solid 5px #e1e1e1; }
  .help_article#addimage .imagegallery img:hover {
    border-color: #d54f27; }
.help_article#addimage ul.imagegallery li {
  float: left;
  width: 200px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  margin-bottom: 60px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.2em; }
.help_article#addimage .imagegallery b {
  text-decoration: underline; }
.help_article#addimage .imagegallery a {
  text-decoration: none; }
.help_article#addimage a.liveexample {
  font-weight: bold;
  text-decoration: none;
  color: white;
  text-align: right; }
.help_article#addimage .liveexample img {
  border: none;
  margin: 0;
  margin-top: 1px;
  float: right;
  position: relative;
  bottom: 285px;
  left: 17px; }
.help_article#addimage textarea {
  border: 3px solid #e1e1e1;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #f9feff;
  font: 14px "Courier New", Courier, mono;
  background-color: #022c44;
  width: 100%; }
  .help_article#addimage textarea.olark-embed-code:focus {
    padding: 5px; }
.help_article#bang-commands ol li code {
  color: #666;
  font-weight: bold;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  padding: 5px; }
.help_article#bang-commands ol li p {
  font-size: 0.7em;
  margin-top: 10px; }
.help_article .step {
  margin-bottom: 50px; }
  .help_article .step h4 {
    margin-bottom: 10px; }
  .help_article .step li span {
    font-weight: bold; }
  .help_article .step li p {
    font-size: 0.8em; }
  .help_article .step .center a {
    color: #fff !important; }
.help_article .tutorials-list {
  background-color: #eeeeee;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px;
  overflow: auto;
  margin-bottom: 20px; }
  .help_article .tutorials-list ul {
    float: left;
    margin: 0 40px; }
    .help_article .tutorials-list ul li {
      font-size: 1.05em; }
    .help_article .tutorials-list ul li.heading {
      list-style-type: none;
      font-size: 1.2em;
      font-weight: bold;
      font-weight: bold;
      color: #333; }
    .help_article .tutorials-list ul img {
      max-width: 500px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      box-shadow: 0px 1px 5px rgba(0,0,40,0.6);
      -webkit-box-shadow: 0px 1px 5px rgba(0,0,40,0.6);
      -mox-box-shadow: 0px 1px 5px rgba(0,0,40,0.6);
      display: block;
      margin: 30px auto; }
    .help_article .tutorials-list ul em.subtitle {
      position: relative;
      bottom: 20px; }
    .help_article .tutorials-list ul .quick_console {
      float: right;
      border: 1px dashed #aaa;
      padding: 10px;
      margin-left: 15px;
      position: relative;
      left: 10px;
      max-width: 250px; }
      .help_article .tutorials-list ul .quick_console h2 {
        font-size: 1.25em;
        margin-bottom: 5px;
        color: #022c44; }
      .help_article .tutorials-list ul .quick_console li {
        font-size: 1em; }
    .help_article .tutorials-list ul a#dl-pidgin, .help_article .tutorials-list ul a#get-adium {
      color: #fff !important; }
    .help_article .tutorials-list ul #preview-page {
      margin-left: 10px;
      float: right; }

#install #shopify_install_manually {
  display: none; }
#install #olark-activation-status .button {
  display: none;
  float: left; }
#install #olark-activation-status p {
  display: none; }
#install .olark-activation-status-activated #olark-deactivate-on-shopify-link {
  display: block; }
#install .olark-activation-status-activated #olark-shopify-is-activated-message {
  display: block; }
#install .olark-activation-status-deactivated #olark-activate-on-shopify-link {
  display: block; }
#install .olark-activation-status-deactivated #olark-shopify-is-deactivated-message {
  display: block; }
#install .olark-activation-status-activating #olark-activate-on-shopify-link {
  display: none; }
#install .olark-activation-status-activating #olark-deactivate-on-shopify-link {
  display: none; }
#install .olark-activation-status-activating #olark-activating-on-shopify-link {
  display: block; }
#install .olark-activation-status-deactivating #olark-activate-on-shopify-link {
  display: none; }
#install .olark-activation-status-deactivating #olark-deactivate-on-shopify-link {
  display: none; }
#install .olark-activation-status-deactivating #olark-deactivating-on-shopify-link {
  display: block; }
#install #show_on_customizer.button {
  display: block; }
#install .heading h1 {
  font-family: "Arvo", Helvetica, Arial, Sans-serif;
  font-weight: bold;
  letter-spacing: -0.1em;
  margin-bottom: 0; }
#install .heading p {
  font-family: Helvetica, arial, sans-serif;
  font-style: italic;
  font-size: 1em;
  color: #8e8e8e; }
#install #email-developer-page {
  width: 700px;
  margin: 0 auto; }
  #install #email-developer-page #developer-email-contents {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 5px solid #eee;
    border-bottom: none;
    background-color: #eeeeee;
    padding: 20px; }
    #install #email-developer-page #developer-email-contents #email-heading {
      overflow: clear; }
      #install #email-developer-page #developer-email-contents #email-heading table {
        font-size: 1.25em; }
        #install #email-developer-page #developer-email-contents #email-heading table td.bold {
          width: 50px;
          font-weight: bold;
          text-align: right; }
        #install #email-developer-page #developer-email-contents #email-heading table td {
          font-weight: normal; }
          #install #email-developer-page #developer-email-contents #email-heading table td input.default {
            font-style: italic;
            color: #aaa; }
          #install #email-developer-page #developer-email-contents #email-heading table td input[type="text"], #install #email-developer-page #developer-email-contents #email-heading table td textarea {
            width: 90%; }
          #install #email-developer-page #developer-email-contents #email-heading table td textarea {
            height: 125px; }
    #install #email-developer-page #developer-email-contents #email-body {
      padding: 20px; }
#install #developers {
  margin-bottom: 20px; }
  #install #developers h1 {
    font-size: 3.5em;
    margin-bottom: 5px; }
    #install #developers h1 a {
      text-decoration: none;
      color: #022c44;
      -webkit-transition: color 0.3s ease;
      -moz-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      transition: color 0.3s ease; }
      #install #developers h1 a:hover {
        color: #d54f27; }
  #install #developers p {
    font-size: 1.25em; }
  #install #developers textarea {
    width: 440px;
    height: 200px;
    margin-bottom: 20px; }
  #install #developers #partners {
    float: right;
    width: 356px; }
    #install #developers #partners p {
      font-size: 1.5em; }
  #install #developers #stuck {
    font-size: 1em; }
    #install #developers #stuck img {
      position: relative;
      top: 3px; }
    #install #developers #stuck a {
      color: #d54f27; }
#install #todo {
  margin-bottom: 15px;
  padding-top: 0px; }
  #install #todo .buttons {
    width: 100%; }
    #install #todo .buttons a {
      float: left;
      margin-right: 5px; }
  #install #todo ol, #install #todo ul {
    list-style-type: none;
    margin-left: 0;
    font-size: 1.2em; }
    #install #todo ol li, #install #todo ul li {
      margin-left: 0;
      padding-left: 100px; }
      #install #todo ol li.one, #install #todo ul li.one {
        background: url(/images/sky/dashboard/one.png) no-repeat left 0; }
        #install #todo ol li.one textarea, #install #todo ul li.one textarea {
          font-size: 11px;
          font-family: sans-serif;
          width: 90%;
          height: 250px;
          border: solid #eeeeee 10px;
          background-color: #eeeeee;
          color: #322722;
          -moz-border-radius-topleft: 10px;
          -moz-border-radius-topright: 10px;
          -moz-border-radius-bottomleft: 10px;
          -moz-border-radius-bottomright: 10px;
          -webkit-border-top-right-radius: 10px;
          -webkit-border-top-left-radius: 10px;
          -webkit-border-bottom-right-radius: 10px;
          -webkit-border-bottom-left-radius: 10px;
          border-top-right-radius: 10px;
          border-top-left-radius: 10px;
          border-bottom-right-radius: 10px;
          border-bottom-left-radius: 10px;
          padding: 0px; }
      #install #todo ol li.two, #install #todo ul li.two {
        background: url(/images/sky/dashboard/two.png) no-repeat left 0; }
      #install #todo ol li.complete, #install #todo ul li.complete {
        background: url(/images/sky/dashboard/complete.png) no-repeat left 0; }
  #install #todo ul li {
    padding-left: 0;
    color: red; }
  #install #todo h6 {
    color: #322722;
    font-size: 1.1em; }
  #install #todo .or {
    background: url(/images/sky/dashboard/or.png) no-repeat 210px 30px; }

#need-help {
  text-align: center; }
  #need-help h2 {
    font-family: 'Arvo';
    font-weight: bold;
    letter-spacing: -0.08em;
    font-size: 3em; }
  #need-help ul.ways {
    width: 100%;
    margin: 0 auto; }
  #need-help li.way {
    width: 200px;
    margin: 0px 5px;
    height: 150px;
    background: #fcf1ee;
    border: 1px dashed #D54F27;
    border-radius: 10px;
    text-shadow: 1px 1px 1px white;
    font-size: 1.1em;
    padding: 20px 10px;
    color: #D54F27;
    margin-bottom: 40px;
    display: inline-block; }
    #need-help li.way h3 {
      font-weight: bold;
      font-size: 1.3em;
      margin-bottom: 15px; }
    #need-help li.way h3#2 {
      font-size: 1.5em !important; }
    #need-help li.way p {
      margin-bottom: 0.5em;
      font-size: 1.02em;
      height: 70px; }
    #need-help li.way a {
      text-shadow: none; }

#integrations .page .hint {
  margin: 0 0 15px 0; }
#integrations .page ul.select_crm {
  margin: 0; }
  #integrations .page ul.select_crm li {
    position: relative;
    z-index: 1;
    list-style-type: none; }
    #integrations .page ul.select_crm li.disabled {
      opacity: .3; }
    #integrations .page ul.select_crm li a {
      float: left;
      position: relative;
      background: #fff;
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      padding: 10px;
      margin: 5px 20px 30px 0;
      width: 120px;
      display: block;
      text-align: center;
      font-weight: bold;
      text-decoration: none; }
      #integrations .page ul.select_crm li a:before, #integrations .page ul.select_crm li a:after {
        content: "";
        position: absolute;
        z-index: -2; }
      #integrations .page ul.select_crm li a:before {
        top: 10px;
        bottom: 10px;
        left: 0;
        right: 50%;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
        -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
        box-shadow: 0 0 15px rgba(0,0,0,0.6);
        -moz-border-radius: 10px / 100px;
        border-radius: 10px / 100px; }
      #integrations .page ul.select_crm li a:before {
        right: 0; }
      #integrations .page ul.select_crm li a:hover {
        position: relative;
        background: #fff;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        margin-top: 4px; }
        #integrations .page ul.select_crm li a:hover:before, #integrations .page ul.select_crm li a:hover:after {
          content: "";
          position: absolute;
          z-index: -2; }
        #integrations .page ul.select_crm li a:hover img {
          text-decoration: underline; }
      #integrations .page ul.select_crm li a.active {
        position: relative;
        background: #fff;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        color: white;
        margin-top: 5px; }
        #integrations .page ul.select_crm li a.active:before, #integrations .page ul.select_crm li a.active:after {
          content: "";
          position: absolute;
          z-index: -2; }
        #integrations .page ul.select_crm li a.active img {
          -moz-border-radius-topleft: 5px;
          -moz-border-radius-topright: 5px;
          -moz-border-radius-bottomleft: 5px;
          -moz-border-radius-bottomright: 5px;
          -webkit-border-top-right-radius: 5px;
          -webkit-border-top-left-radius: 5px;
          -webkit-border-bottom-right-radius: 5px;
          -webkit-border-bottom-left-radius: 5px;
          border-top-right-radius: 5px;
          border-top-left-radius: 5px;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px;
          border: #d54f27 solid 8px; }
#integrations .page input#zendesk_use_token {
  float: none; }
#integrations .page #integration-teaser {
  background-image: url("/images/sky/crm/splash.png");
  width: 100%;
  height: 410px;
  position: relative;
  bottom: 50px; }
  #integrations .page #integration-teaser #premium-signup {
    background-color: #fefefe;
    border: 1px solid rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    width: 400px;
    height: 210px;
    margin: 50px auto;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    position: relative;
    top: 120px;
    padding: 20px; }
    #integrations .page #integration-teaser #premium-signup ul#crm-list {
      margin: 0 !important;
      position: relative;
      bottom: 5px; }
      #integrations .page #integration-teaser #premium-signup ul#crm-list li {
        display: inline;
        border-right: 1px solid #aaa;
        padding: 0px 5px; }
        #integrations .page #integration-teaser #premium-signup ul#crm-list li.first {
          padding-left: 0; }
        #integrations .page #integration-teaser #premium-signup ul#crm-list li.last {
          border-right: none; }
        #integrations .page #integration-teaser #premium-signup ul#crm-list li a {
          color: #d54f27; }

#integrations_splash #main {
  background: url(/images/sky/common/background-front-feature-wide.png) no-repeat center 0; }
  #integrations_splash #main h1 {
    font-family: 'Arvo', arial, serif;
    font-size: 2.5em;
    letter-spacing: -1px;
    font-weight: bold; }
    #integrations_splash #main h1.center {
      text-align: center; }
    #integrations_splash #main h1 .subheader {
      font-size: .8em;
      margin-top: .4em;
      font-weight: normal; }
  #integrations_splash #main .list.boxes ul {
    width: 870px;
    margin-left: auto;
    margin-right: auto; }
    #integrations_splash #main .list.boxes ul li {
      list-style-type: none;
      position: relative;
      background: #fff;
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -moz-border-radius-bottomleft: 20px;
      -moz-border-radius-bottomright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      -webkit-border-bottom-right-radius: 20px;
      -webkit-border-bottom-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
      margin: 10px;
      text-align: center;
      width: 195px;
      float: left; }
      #integrations_splash #main .list.boxes ul li:before, #integrations_splash #main .list.boxes ul li:after {
        content: "";
        position: absolute;
        z-index: -2; }
      #integrations_splash #main .list.boxes ul li:before {
        top: 10px;
        bottom: 10px;
        left: 0;
        right: 50%;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
        -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
        box-shadow: 0 0 15px rgba(0,0,0,0.6);
        -moz-border-radius: 10px / 100px;
        border-radius: 10px / 100px; }
      #integrations_splash #main .list.boxes ul li:before {
        right: 0; }
      #integrations_splash #main .list.boxes ul li p {
        padding: 10px; }
        #integrations_splash #main .list.boxes ul li p a {
          margin-top: 20px; }
      #integrations_splash #main .list.boxes ul li img {
        margin: 20px 10px 10px 10px; }

#custom-fields #message {
  float: right; }
#custom-fields #list-div {
  margin: 20px 0 0 0;
  padding: 0; }
  #custom-fields #list-div li {
    margin: 10px 0 0 0;
    list-style-type: none; }
    #custom-fields #list-div li .customization {
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      background-color: #eeeeee;
      padding: 10px;
      border: 2px;
      display: block;
      clear: both; }
      #custom-fields #list-div li .customization input {
        border-top: 1px solid #7c7c7c;
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
        height: 20px;
        padding: 5px;
        margin: 0.5em 0; }
      #custom-fields #list-div li .customization .remove_customization {
        float: right;
        display: inline-block;
        background: url(/images/sky/operators/delete_operator_button.png) no-repeat center top;
        width: 30px;
        height: 30px;
        margin-top: 8px;
        text-indent: -4000px;
        cursor: pointer; }

/* @import "compass/css3/border-radius" */
#magento #main {
  font-size: 1.4em;
  background: none; }
  #magento #main #background_container {
    background: url(/images/sky/landing_pages/magento/background_feature_magento.png) no-repeat center 0; }
  #magento #main h3 {
    font-family: 'Arvo', arial, serif;
    font-size: 2em;
    vertical-align: middle; }
    #magento #main h3 img {
      vertical-align: middle; }
    #magento #main h3 b {
      color: #212121; }
  #magento #main h1 {
    font-family: 'Arvo', arial, serif;
    font-size: 2.0em;
    letter-spacing: -2px; }

#zendesk #main .screenshot_gallery, #salesforce #main .screenshot_gallery, #magento #main .screenshot_gallery, #googleapps #main .screenshot_gallery {
  text-align: center; }
  #zendesk #main .screenshot_gallery a, #salesforce #main .screenshot_gallery a, #magento #main .screenshot_gallery a, #googleapps #main .screenshot_gallery a {
    margin: 15px;
    display: inline-block;
    position: relative; }
    #zendesk #main .screenshot_gallery a span, #salesforce #main .screenshot_gallery a span, #magento #main .screenshot_gallery a span, #googleapps #main .screenshot_gallery a span {
      background: url(/images/sky/landing_pages/zoom.png) no-repeat center 0;
      display: none;
      float: left;
      background-repeat: no-repeat;
      width: 70px;
      height: 70px;
      position: absolute;
      left: 25%;
      top: 25%; }
    #zendesk #main .screenshot_gallery a img, #salesforce #main .screenshot_gallery a img, #magento #main .screenshot_gallery a img, #googleapps #main .screenshot_gallery a img {
      float: left;
      position: relative;
      background: #fff;
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
      box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
      #zendesk #main .screenshot_gallery a img:before, #zendesk #main .screenshot_gallery a img:after, #salesforce #main .screenshot_gallery a img:before, #salesforce #main .screenshot_gallery a img:after, #magento #main .screenshot_gallery a img:before, #magento #main .screenshot_gallery a img:after, #googleapps #main .screenshot_gallery a img:before, #googleapps #main .screenshot_gallery a img:after {
        content: "";
        position: absolute;
        z-index: -2; }

#zendesk #main, #salesforce #main, #googleapps #main, #bigcommerce #main, #ecommerce #main, #cscart #main {
  font-size: 1.4em;
  background: url(/images/sky/common/background-front-feature-wide.png) no-repeat center 0; }
  #zendesk #main h1, #salesforce #main h1, #googleapps #main h1, #bigcommerce #main h1, #ecommerce #main h1, #cscart #main h1 {
    font-family: 'Bevan', arial, serif;
    font-size: 2.0em; }
  #zendesk #main .action_item, #salesforce #main .action_item, #googleapps #main .action_item, #bigcommerce #main .action_item, #ecommerce #main .action_item, #cscart #main .action_item {
    padding: 230px 0 30px 0; }
  #zendesk #main .quote, #salesforce #main .quote, #googleapps #main .quote, #bigcommerce #main .quote, #ecommerce #main .quote, #cscart #main .quote {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    font-family: 'Annie Use Your Telescope', arial, serif;
    color: #212121;
    font-size: 1.2em;
    padding: 40px;
    margin-top: -60px; }
    #zendesk #main .quote .quote_left, #salesforce #main .quote .quote_left, #googleapps #main .quote .quote_left, #bigcommerce #main .quote .quote_left, #ecommerce #main .quote .quote_left, #cscart #main .quote .quote_left {
      font-size: 8em;
      line-height: 1;
      height: 30px;
      text-indent: -40px; }

#googleapps #main #background_container {
  background: url(/images/sky/landing_pages/googleapps/background-feature-googleapps.png) no-repeat center 0; }
#googleapps #main .quote {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

#zendesk #main #background_container {
  background: url(/images/sky/landing_pages/zendesk/background-feature-zendesk.png) no-repeat center 0; }
#zendesk #main .counter {
  height: 120px;
  width: 440px;
  background: url(/images/sky/landing_pages/zendesk/counterlabel.png) no-repeat right top; }

#salesforce #main #background_container {
  background: url(/images/sky/landing_pages/salesforce/background-feature-salesforce.png) no-repeat center 0; }

#highrise #main h1, #assistly #main h1, #webhook #main h1, #targeting #main h1 {
  font-size: 3em;
  font-weight: bold;
  font-family: 'Arvo', arial, serif;
  letter-spacing: -2px;
  margin-top: 25px; }
#highrise #main h3, #assistly #main h3, #webhook #main h3, #targeting #main h3 {
  font-family: 'Arvo', arial, serif;
  font-size: 1.5em;
  vertical-align: middle;
  color: #8e8e8e; }
#highrise #main #crm_transcript_div, #assistly #main #crm_transcript_div, #webhook #main #crm_transcript_div, #targeting #main #crm_transcript_div {
  float: right; }
#highrise #main span, #assistly #main span, #webhook #main span, #targeting #main span {
  background-color: #ddd;
  border: 1px solid #bbb;
  font-family: "Courier New" , Courier , monospace; }
#highrise #main a#highrise_transcript_signup_button, #highrise #main a#webhooks_signup_button, #assistly #main a#highrise_transcript_signup_button, #assistly #main a#webhooks_signup_button, #webhook #main a#highrise_transcript_signup_button, #webhook #main a#webhooks_signup_button, #targeting #main a#highrise_transcript_signup_button, #targeting #main a#webhooks_signup_button {
  position: relative;
  left: 35px;
  margin-top: 20px; }
#highrise #main p, #assistly #main p, #webhook #main p, #targeting #main p {
  font-size: 1.15em; }

#targeting_old #targeted-chat {
  margin-left: 25px; }
  #targeting_old #targeted-chat p {
    font-size: 1em; }
  #targeting_old #targeted-chat h1 {
    font-size: 5.5em;
    font-weight: bold;
    margin: 0;
    letter-spacing: -0.08em;
    margin-top: 20px; }
  #targeting_old #targeted-chat h3 {
    font-size: 2.6em;
    margin: 0;
    line-height: 2em; }
#targeting_old #funnel-targeting-div {
  float: left; }
  #targeting_old #funnel-targeting-div img {
    position: relative;
    right: 20px;
    bottom: 15px; }
  #targeting_old #funnel-targeting-div .mc-wide {
    position: fixed;
    top: 0px;
    width: 350px;
    float: left; }
#targeting_old #mc {
  display: none; }
#targeting_old #mc_embed_signup fieldset {
  background-color: #eee; }
#targeting_old #mc_embed_signup #legend {
  background-color: #fff;
  color: #d54f27;
  text-shadow: 1px 1px 0px #fff;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.5); }
#targeting_old #mc_embed_signup input[type=text] {
  font-size: 1.2em;
  height: 1.2em; }
#targeting_old #stories {
  margin-top: 20px; }
  #targeting_old #stories ul li {
    font-size: 1.15em;
    margin-bottom: 20px;
    line-height: 1em; }
  #targeting_old #stories ul li#more-reasons-a {
    color: #d54f27;
    text-decoration: underline;
    list-style-type: none; }
  #targeting_old #stories ul li#more-reasons-a:hover {
    cursor: pointer; }
  #targeting_old #stories ul#more-reasons-ul {
    display: none; }
  #targeting_old #stories p {
    line-height: 1em; }
#targeting_old #learnmore-box p {
  font-size: 2em; }
#targeting_old #learn-more-tc {
  background-color: #d54f27;
  font-size: 1.5em;
  text-shadow: 0px 1px 1px #000;
  color: #fff;
  border: none;
  font-family: Helvetica, arial, sans-serif;
  font-weight: bold;
  padding: 10px;
  border-radius: 10px; }
#targeting_old #learn-more-tc:hover {
  background-color: #f77149; }

h3.moreinfo {
  text-align: left; }
  h3.moreinfo a.moreinfo {
    font-size: 0.8em; }

#tc-features {
  width: 100%;
  padding-left: 0;
  background-color: #322722;
  margin: 0 auto;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  margin-bottom: 100px; }
  #tc-features #rules-api-cta {
    padding: 5px;
    margin: 20px 100px 20px 100px;
    color: white;
    text-align: center; }
    #tc-features #rules-api-cta a {
      color: white; }
  #tc-features table {
    margin: 20px auto;
    width: 80%; }
    #tc-features table td {
      clear: both;
      width: 40%;
      margin-bottom: 20px;
      padding-top: 20px; }
      #tc-features table td img {
        width: 80%;
        vertical-align: top; }
    #tc-features table td.first {
      width: 30%;
      text-align: center;
      margin-top: 0; }
    #tc-features table h2 {
      font-size: 1.8em;
      color: #d54f27;
      font-family: 'Arvo'; }
    #tc-features table p {
      font-size: 1.05em !important;
      color: #fff; }
  #tc-features #mc2 {
    width: 400px;
    margin: 0 auto;
    margin-bottom: 20px; }

#thanks #above_the_fold {
  z-index: 5;
  padding: 250px 0 0 0;
  background: url('/images/sky/front_page_variant/sunburst.png') center top no-repeat;
  position: absolute;
  top: 50%;
  width: 960px;
  margin: 0 auto;
  margin-top: -500px;
  text-align: center; }
  #thanks #above_the_fold #front_page_logo {
    margin-bottom: 20px; }
#thanks h1 {
  font-family: "Arvo";
  font-weight: bold;
  padding-top: 30px;
  font-size: 4em !important; }
#thanks p {
  font-size: 1.15em; }

#ecommerce #placeholder {
  background: url('/images/sky/landing_pages/ecommerce/above_the_fold_ecommerce.png') center bottom no-repeat; }

#bigcommerce #placeholder {
  background: url('/images/sky/landing_pages/bigcommerce/above_the_fold.png') center bottom no-repeat; }

#cscart #placeholder {
  background: url('/images/sky/landing_pages/cscart/above_the_fold_cscart.png') center bottom no-repeat; }

#pardot #placeholder {
  background: url('/images/sky/landing_pages/pardot/above_the_fold_pardot.png') center bottom no-repeat; }
#pardot .biggie {
  text-align: center;
  font-family: 'Arvo', arial, serif;
  font-size: 3em;
  letter-spacing: -2px;
  margin-top: -20px;
  margin-bottom: 40px; }
  #pardot .biggie select {
    background-color: #022c44;
    font-size: inherit;
    letter-spacing: inherit;
    color: white;
    border: solid #022c44 3px;
    font-family: 'Arvo', arial, serif; }

#bigcommerce #main, #ecommerce #main, #cscart #main, #pardot #main {
  background-image: none; }
  #bigcommerce #main #background_container, #ecommerce #main #background_container, #cscart #main #background_container, #pardot #main #background_container {
    background-image: none; }
    #bigcommerce #main #background_container #sm_logo, #ecommerce #main #background_container #sm_logo, #cscart #main #background_container #sm_logo, #pardot #main #background_container #sm_logo {
      position: absolute;
      z-index: -1; }
      #bigcommerce #main #background_container #sm_logo a, #ecommerce #main #background_container #sm_logo a, #cscart #main #background_container #sm_logo a, #pardot #main #background_container #sm_logo a {
        position: absolute;
        z-index: -1;
        width: 500px;
        left: -140px;
        height: 213px;
        background: url('/images/sky/landing_pages/bigcommerce/smlogo.png') left bottom no-repeat; }
    #bigcommerce #main #background_container hr, #ecommerce #main #background_container hr, #cscart #main #background_container hr, #pardot #main #background_container hr {
      height: 70px;
      background: url('/images/sky/common/doily.png') center 35px no-repeat; }
    #bigcommerce #main #background_container #navigation, #ecommerce #main #background_container #navigation, #cscart #main #background_container #navigation, #pardot #main #background_container #navigation {
      position: absolute;
      z-index: 300; }
      #bigcommerce #main #background_container #navigation ul.new_tabs, #ecommerce #main #background_container #navigation ul.new_tabs, #cscart #main #background_container #navigation ul.new_tabs, #pardot #main #background_container #navigation ul.new_tabs {
        float: right; }
        #bigcommerce #main #background_container #navigation ul.new_tabs li, #ecommerce #main #background_container #navigation ul.new_tabs li, #cscart #main #background_container #navigation ul.new_tabs li, #pardot #main #background_container #navigation ul.new_tabs li {
          vertical-align: top;
          display: inline-block;
          *display: inline; }
          #bigcommerce #main #background_container #navigation ul.new_tabs li a, #ecommerce #main #background_container #navigation ul.new_tabs li a, #cscart #main #background_container #navigation ul.new_tabs li a, #pardot #main #background_container #navigation ul.new_tabs li a {
            background: url('/images/sky/front_page_variant/tabs.png') left bottom no-repeat;
            display: inline-block;
            height: 48px; }
            #bigcommerce #main #background_container #navigation ul.new_tabs li a.plans, #ecommerce #main #background_container #navigation ul.new_tabs li a.plans, #cscart #main #background_container #navigation ul.new_tabs li a.plans, #pardot #main #background_container #navigation ul.new_tabs li a.plans {
              width: 170px;
              background-position: -0px; }
            #bigcommerce #main #background_container #navigation ul.new_tabs li a.signup, #ecommerce #main #background_container #navigation ul.new_tabs li a.signup, #cscart #main #background_container #navigation ul.new_tabs li a.signup, #pardot #main #background_container #navigation ul.new_tabs li a.signup {
              width: 100px;
              background-position: -95px; }
            #bigcommerce #main #background_container #navigation ul.new_tabs li a.login, #ecommerce #main #background_container #navigation ul.new_tabs li a.login, #cscart #main #background_container #navigation ul.new_tabs li a.login, #pardot #main #background_container #navigation ul.new_tabs li a.login {
              width: 84px;
              background-position: -195px; }
            #bigcommerce #main #background_container #navigation ul.new_tabs li a:hover, #ecommerce #main #background_container #navigation ul.new_tabs li a:hover, #cscart #main #background_container #navigation ul.new_tabs li a:hover, #pardot #main #background_container #navigation ul.new_tabs li a:hover {
              height: 52px; }
    #bigcommerce #main #background_container h1, #bigcommerce #main #background_container h2, #bigcommerce #main #background_container h3, #bigcommerce #main #background_container h4, #ecommerce #main #background_container h1, #ecommerce #main #background_container h2, #ecommerce #main #background_container h3, #ecommerce #main #background_container h4, #cscart #main #background_container h1, #cscart #main #background_container h2, #cscart #main #background_container h3, #cscart #main #background_container h4, #pardot #main #background_container h1, #pardot #main #background_container h2, #pardot #main #background_container h3, #pardot #main #background_container h4 {
      font-family: "Arvo", Helvetica, Arial, Sans-serif;
      letter-spacing: -2px;
      color: #333333; }
    #bigcommerce #main #background_container h2, #ecommerce #main #background_container h2, #cscart #main #background_container h2, #pardot #main #background_container h2 {
      font-size: 2.5em; }
    #bigcommerce #main #background_container #placeholder, #ecommerce #main #background_container #placeholder, #cscart #main #background_container #placeholder, #pardot #main #background_container #placeholder {
      height: 400px;
      width: 960px; }
    #bigcommerce #main #background_container #cloud1, #bigcommerce #main #background_container #cloud2, #ecommerce #main #background_container #cloud1, #ecommerce #main #background_container #cloud2, #cscart #main #background_container #cloud1, #cscart #main #background_container #cloud2, #pardot #main #background_container #cloud1, #pardot #main #background_container #cloud2 {
      position: fixed;
      bottom: -100px;
      background-position: 200px 100px;
      height: 35%;
      z-index: 200; }
    #bigcommerce #main #background_container #cloud1, #ecommerce #main #background_container #cloud1, #cscart #main #background_container #cloud1, #pardot #main #background_container #cloud1 {
      right: 0px;
      width: 35%;
      background: url('/images/sky/front_page_variant/cloud1_op.png') left top no-repeat; }
    #bigcommerce #main #background_container #cloud2, #ecommerce #main #background_container #cloud2, #cscart #main #background_container #cloud2, #pardot #main #background_container #cloud2 {
      left: 0px;
      width: 35%;
      background: url('/images/sky/front_page_variant/cloud1_op.png') right top no-repeat; }
    #bigcommerce #main #background_container #below_the_fold, #ecommerce #main #background_container #below_the_fold, #cscart #main #background_container #below_the_fold, #pardot #main #background_container #below_the_fold {
      font-size: 1.1em; }
      #bigcommerce #main #background_container #below_the_fold h1, #ecommerce #main #background_container #below_the_fold h1, #cscart #main #background_container #below_the_fold h1, #pardot #main #background_container #below_the_fold h1 {
        font-size: 1.8em;
        font-weight: bold;
        margin-top: 30px; }
      #bigcommerce #main #background_container #below_the_fold h2, #ecommerce #main #background_container #below_the_fold h2, #cscart #main #background_container #below_the_fold h2, #pardot #main #background_container #below_the_fold h2 {
        text-transform: uppercase;
        font-weight: bold; }
    #bigcommerce #main #background_container .stitched, #ecommerce #main #background_container .stitched, #cscart #main #background_container .stitched, #pardot #main #background_container .stitched {
      padding: 5px 10px;
      margin: 10px;
      background: #e3f4f9;
      color: #fff;
      font-size: 21px;
      font-weight: bold;
      line-height: 1.3em;
      border: 2px dashed #fff;
      border-top-left-radius: 3px;
      -moz-border-radius-topleft: 3px;
      -webkit-border-top-left-radius: 3px;
      border-bottom-right-radius: 3px;
      -moz-border-radius-bottomright: 3px;
      -webkit-border-bottom-right-radius: 3px;
      border-top-right-radius: 3px;
      -moz-border-radius-topright: 3px;
      -webkit-border-top-right-radius: 3px;
      -moz-box-shadow: 0 0 0 4px #e3f4f9, 2px 1px 6px 4px rgba(10,10,0,.5);
      -webkit-box-shadow: 0 0 0 4px #e3f4f9, 2px 1px 6px 4px rgba(10,10,0,.5);
      box-shadow: 0 0 0 4px #e3f4f9, 2px 1px 6px 4px rgba(10,10,0,.5);
      text-shadow: -1px -1px #aa3030;
      font-weight: normal; }

#love #main {
  background: url(/images/sky/common/background-front-feature-wide.png) no-repeat center 0; }
  #love #main #background_container {
    background: url(/images/sky/portal/love/background-feature-love.png) no-repeat center 0; }
  #love #main #program_signup p {
    font-size: 1.7em;
    letter-spacing: -1px;
    text-align: justify; }
  #love #main #program_signup h1 {
    font-weight: bold;
    font-size: 4em;
    margin-top: 40px; }
    #love #main #program_signup h1.center {
      text-align: center; }
  #love #main .question {
    font-size: .9em;
    padding: 0 0 20px 0;
    text-align: justify;
    color: #8e8e8e; }
    #love #main .question b {
      color: #333333; }
    #love #main .question h3 {
      margin: 0 0 5px 0;
      padding: 0;
      font-size: 1.2em;
      font-weight: bold; }
#love #fullscreen .agreement {
  height: 200px;
  overflow: auto; }

#mini-tutorial ul.list_im_client {
  margin: 0px auto; }
  #mini-tutorial ul.list_im_client li {
    width: 400px;
    font-size: 1.5em; }

#op #main .page h1 {
  font-family: "Arvo", Helvetica, Arial, Sans-serif;
  font-weight: bold;
  letter-spacing: -0.1em;
  margin-bottom: 0; }
#op #main .page p {
  font-style: italic;
  font-size: 1em;
  color: #8e8e8e; }
#op #main .page .add_operators {
  float: right;
  padding: 1em 0 1em 1em; }
  #op #main .page .add_operators a {
    float: right;
    margin-left: 10px; }
#op #main .page #operator_list.hints {
  background-image: url(/images/sky/operators/more_power.png); }
#op #main .page #operator_list .operator {
  margin: 20px -10px 20px 0;
  border: dashed 1px transparent;
  padding: 10px; }
  #op #main .page #operator_list .operator .delete_button {
    height: 0px;
    width: 0px;
    float: right; }
    #op #main .page #operator_list .operator .delete_button a {
      position: relative;
      right: 2px;
      bottom: 24px;
      display: none;
      height: 25px;
      width: 25px;
      background-image: url(/images/sky/operators/delete_operator_button.png); }
  #op #main .page #operator_list .operator:hover, #op #main .page #operator_list .operator.editing {
    border-color: #eeeeee; }
    #op #main .page #operator_list .operator:hover .delete_button a, #op #main .page #operator_list .operator.editing .delete_button a {
      display: block; }
  #op #main .page #operator_list .operator a .orange {
    color: #d54f27; }
  #op #main .page #operator_list .operator .basic {
    height: 58px; }
    #op #main .page #operator_list .operator .basic a {
      text-decoration: none; }
    #op #main .page #operator_list .operator .basic .avatar {
      float: left;
      height: 58px;
      width: 60px;
      background-image: url(/images/sky/operators/50x50_avatar_shadow.png); }
    #op #main .page #operator_list .operator .basic .info {
      margin: 4px 0 4px 15px;
      float: left; }
      #op #main .page #operator_list .operator .basic .info .nickname {
        font-size: 18px;
        font-weight: bold; }
      #op #main .page #operator_list .operator .basic .info .status a {
        display: inline-block; }
      #op #main .page #operator_list .operator .basic .info .status.available, #op #main .page #operator_list .operator .basic .info .status.available a {
        color: #8eaa37; }
      #op #main .page #operator_list .operator .basic .info .status.busy, #op #main .page #operator_list .operator .basic .info .status.busy a {
        color: #d99900; }
      #op #main .page #operator_list .operator .basic .info .status.away, #op #main .page #operator_list .operator .basic .info .status.away a {
        color: #d54f27; }
      #op #main .page #operator_list .operator .basic .info .status .force_away {
        display: none; }
      #op #main .page #operator_list .operator .basic .info .status.available .force_away {
        display: inline-block; }
        #op #main .page #operator_list .operator .basic .info .status.available .force_away a {
          text-decoration: underline;
          color: #333333;
          margin-left: 10px; }
    #op #main .page #operator_list .operator .basic .actions {
      margin: 10px 0 0 0;
      float: right; }
      #op #main .page #operator_list .operator .basic .actions:first-child {
        margin-right: 40px; }
  #op #main .page #operator_list .operator .chat_services {
    clear: both; }
    #op #main .page #operator_list .operator .chat_services ul {
      margin: 0 0 0 75px;
      list-style-type: none; }
      #op #main .page #operator_list .operator .chat_services ul li a {
        text-decoration: none; }
        #op #main .page #operator_list .operator .chat_services ul li a.underline {
          text-decoration: underline; }
        #op #main .page #operator_list .operator .chat_services ul li a:hover {
          text-decoration: underline; }
        #op #main .page #operator_list .operator .chat_services ul li a.available, #op #main .page #operator_list .operator .chat_services ul li a.offline, #op #main .page #operator_list .operator .chat_services ul li a.busy, #op #main .page #operator_list .operator .chat_services ul li a.away, #op #main .page #operator_list .operator .chat_services ul li a.add_service, #op #main .page #operator_list .operator .chat_services ul li a.invitation {
          background-repeat: no-repeat;
          background-position: left center;
          padding-left: 25px;
          margin-top: 10px;
          display: inline-block; }
        #op #main .page #operator_list .operator .chat_services ul li a.available {
          background-image: url(/images/sky/operators/bullet_available.png); }
        #op #main .page #operator_list .operator .chat_services ul li a.offline {
          background-image: url(/images/sky/operators/bullet_offline.png); }
        #op #main .page #operator_list .operator .chat_services ul li a.busy {
          background-image: url(/images/sky/operators/bullet_busy.png); }
        #op #main .page #operator_list .operator .chat_services ul li a.away {
          background-image: url(/images/sky/operators/bullet_away.png); }
        #op #main .page #operator_list .operator .chat_services ul li a.add_service {
          background-image: url(/images/sky/operators/bullet_add.png); }
      #op #main .page #operator_list .operator .chat_services ul li i a {
        color: #8e8e8e; }
#op #main .page #download_im h1 {
  font-family: "Arvo", Helvetica, Arial, Sans-serif;
  font-weight: bold;
  letter-spacing: -0.1em; }
#op #main .page #download_im .description_1 {
  font-size: 1.3em; }
#op #main .page #download_im .description_2 {
  font-size: 1.1em;
  color: white; }

#op #group_operator_list #remove_from_group {
  display: none; }
#op #group_operator_list .thumbnail_image {
  float: left;
  margin-right: 5px;
  border: solid #C7C7C3 2px; }

#op .page #group_operator_list #available, #op .page #group_operator_list #busy, #op .page #group_operator_list #away, #op .page #group_operator_list #offline, #groups .page #group_operator_list #available, #groups .page #group_operator_list #busy, #groups .page #group_operator_list #away, #groups .page #group_operator_list #offline {
  display: inline-block;
  padding-right: 75px; }
#op .page #group_operator_list h1#offline, #groups .page #group_operator_list h1#offline {
  background: url(/images/sky/operators/offline.png) no-repeat right center; }
#op .page #group_operator_list h1#busy, #groups .page #group_operator_list h1#busy {
  background: url(/images/sky/operators/busy.png) no-repeat right center; }
#op .page #group_operator_list h1#available, #groups .page #group_operator_list h1#available {
  background: url(/images/sky/operators/available.png) no-repeat right center; }
#op .page #group_operator_list h1#away, #groups .page #group_operator_list h1#away {
  background: url(/images/sky/operators/away.png) no-repeat right center; }
#op .page #group_operator_list .display_name div, #groups .page #group_operator_list .display_name div {
  display: inline-block;
  background: no-repeat right center;
  padding-right: 39px; }
#op .page #group_operator_list .offline .display_name div, #groups .page #group_operator_list .offline .display_name div {
  background-image: url(/images/sky/operators/badge-offline.png); }
#op .page #group_operator_list .away .display_name div, #groups .page #group_operator_list .away .display_name div {
  background-image: url(/images/sky/operators/badge-away.png); }
#op .page #group_operator_list .busy .display_name div, #groups .page #group_operator_list .busy .display_name div {
  background-image: url(/images/sky/operators/badge-busy.png); }
#op .page #group_operator_list .available .display_name div, #groups .page #group_operator_list .available .display_name div {
  background-image: url(/images/sky/operators/badge-available.png); }
#op .page #group_operator_list #contextual_actions, #groups .page #group_operator_list #contextual_actions {
  margin-bottom: 10px; }
  #op .page #group_operator_list #contextual_actions a, #groups .page #group_operator_list #contextual_actions a {
    margin-right: 10px; }
#op .page #group_operator_list #selectable .ui-selecting, #groups .page #group_operator_list #selectable .ui-selecting {
  background: #e3f4f9; }
#op .page #group_operator_list #selectable .ui-selected, #groups .page #group_operator_list #selectable .ui-selected {
  border: solid black 2px;
  background: #e3f4f9; }
#op .page #group_operator_list .operator_list_condensed, #groups .page #group_operator_list .operator_list_condensed {
  font-size: .9em; }
  #op .page #group_operator_list .operator_list_condensed .jid span, #groups .page #group_operator_list .operator_list_condensed .jid span {
    color: #80a24f;
    font-weight: bold; }
  #op .page #group_operator_list .operator_list_condensed .gtalk.pending, #groups .page #group_operator_list .operator_list_condensed .gtalk.pending {
    color: gray; }
    #op .page #group_operator_list .operator_list_condensed .gtalk.pending a, #groups .page #group_operator_list .operator_list_condensed .gtalk.pending a {
      color: gray; }
  #op .page #group_operator_list .operator_list_condensed .gtalk span, #groups .page #group_operator_list .operator_list_condensed .gtalk span {
    color: #80a24f;
    font-weight: bold; }
  #op .page #group_operator_list .operator_list_condensed tr.operator:hover .actions .tray, #groups .page #group_operator_list .operator_list_condensed tr.operator:hover .actions .tray {
    visibility: visible; }
  #op .page #group_operator_list .operator_list_condensed tr.pending .tray, #groups .page #group_operator_list .operator_list_condensed tr.pending .tray {
    visibility: visible; }
  #op .page #group_operator_list .operator_list_condensed .actions, #groups .page #group_operator_list .operator_list_condensed .actions {
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: right; }
    #op .page #group_operator_list .operator_list_condensed .actions .tray, #groups .page #group_operator_list .operator_list_condensed .actions .tray {
      float: right;
      padding: 5px;
      margin-right: 10px;
      visibility: hidden; }
      #op .page #group_operator_list .operator_list_condensed .actions .tray a, #groups .page #group_operator_list .operator_list_condensed .actions .tray a {
        margin-right: 2px;
        margin-left: 2px;
        float: right; }
        #op .page #group_operator_list .operator_list_condensed .actions .tray a.edit, #groups .page #group_operator_list .operator_list_condensed .actions .tray a.edit {
          font-weight: bold;
          background-image: url(/images/sky/famfamfam/pencil.png); }
        #op .page #group_operator_list .operator_list_condensed .actions .tray a.delete, #groups .page #group_operator_list .operator_list_condensed .actions .tray a.delete {
          background-image: url(/images/sky/famfamfam/delete.png); }
        #op .page #group_operator_list .operator_list_condensed .actions .tray a.disabled, #groups .page #group_operator_list .operator_list_condensed .actions .tray a.disabled {
          visibility: hidden; }
  #op .page #group_operator_list .operator_list_condensed .message, #groups .page #group_operator_list .operator_list_condensed .message {
    padding: 5px;
    display: inline-block;
    color: gray;
    font-weight: bold;
    float: left; }
#op .page #groups #contextual_actions, #groups .page #groups #contextual_actions {
  display: none; }
#op .page #groups tr.operator, #groups .page #groups tr.operator {
  cursor: pointer; }
  #op .page #groups tr.operator td, #groups .page #groups tr.operator td {
    padding: 1.5em 0 1.5em 0; }
  #op .page #groups tr.operator .display_name, #groups .page #groups tr.operator .display_name {
    background: url(/images/sky/operators/curly_off.png) no-repeat right center;
    height: 70px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: bold;
    padding-left: 20px; }
  #op .page #groups tr.operator input, #groups .page #groups tr.operator input {
    margin-left: 23px; }
#op .page #groups #recommendation, #groups .page #groups #recommendation {
  background-color: #8eaa37;
  color: white;
  font-size: 1.2em;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 40px; }
  #op .page #groups #recommendation a, #groups .page #groups #recommendation a {
    color: white; }
  #op .page #groups #recommendation .recommended, #groups .page #groups #recommendation .recommended {
    font-size: 2em;
    font-weight: bold; }
#op .page #groups #todo, #groups .page #groups #todo {
  font-size: 1.2em;
  margin-bottom: 15px;
  padding-top: 15px; }
  #op .page #groups #todo ol, #op .page #groups #todo ul, #groups .page #groups #todo ol, #groups .page #groups #todo ul {
    list-style-type: none;
    margin-left: 0; }
  #op .page #groups #todo li, #groups .page #groups #todo li {
    margin-left: 0;
    padding-left: 100px; }
    #op .page #groups #todo li.one, #groups .page #groups #todo li.one {
      background: url(/images/sky/dashboard/one.png) no-repeat left 0; }
    #op .page #groups #todo li.two, #groups .page #groups #todo li.two {
      background: url(/images/sky/dashboard/two.png) no-repeat left 0; }
    #op .page #groups #todo li.complete, #groups .page #groups #todo li.complete {
      background: url(/images/sky/dashboard/complete.png) no-repeat left 0; }
#op .page #groups ul li, #groups .page #groups ul li {
  padding-left: 0;
  color: red; }
#op .page #groups h6, #groups .page #groups h6 {
  color: #322722;
  font-size: 1.1em; }
#op .page #groups .or, #groups .page #groups .or {
  background: url(/images/sky/dashboard/or.png) no-repeat 210px 30px; }
#op .page .add_operators, #groups .page .add_operators {
  float: right;
  padding: 1em 0 1em 1em; }
  #op .page .add_operators a, #groups .page .add_operators a {
    float: right;
    margin-left: 10px; }
#op .page .operator_list th, #groups .page .operator_list th {
  font-size: 1.2em;
  padding: 0 0 5px 0; }
#op .page .operator_list tr.operator:hover .actions .tray, #groups .page .operator_list tr.operator:hover .actions .tray {
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1; }
#op .page .operator_list tr.operator td, #groups .page .operator_list tr.operator td {
  margin-top: 10px;
  padding: 1.5em 0 1.5em 0; }
#op .page .operator_list tr.operator .display_name, #groups .page .operator_list tr.operator .display_name {
  background: url(/images/sky/operators/curly_off.png) no-repeat right center;
  height: 70px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  font-weight: bold; }
  #op .page .operator_list tr.operator .display_name div, #groups .page .operator_list tr.operator .display_name div {
    margin-right: 20px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 10px; }
  #op .page .operator_list tr.operator .display_name.no_gtalk, #groups .page .operator_list tr.operator .display_name.no_gtalk {
    background: url(/images/sky/operators/curly_off.png) no-repeat right center; }
#op .page .operator_list tr.operator .jid span, #groups .page .operator_list tr.operator .jid span {
  color: #80a24f;
  font-weight: bold; }
#op .page .operator_list tr.operator .gtalk, #groups .page .operator_list tr.operator .gtalk {
  margin-top: 27px; }
  #op .page .operator_list tr.operator .gtalk.pending, #groups .page .operator_list tr.operator .gtalk.pending {
    color: gray; }
    #op .page .operator_list tr.operator .gtalk.pending a, #groups .page .operator_list tr.operator .gtalk.pending a {
      color: gray; }
  #op .page .operator_list tr.operator .gtalk span, #groups .page .operator_list tr.operator .gtalk span {
    color: #80a24f;
    font-weight: bold; }
#op .page .operator_list tr.operator .actions, #groups .page .operator_list tr.operator .actions {
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: right; }
  #op .page .operator_list tr.operator .actions .tray, #groups .page .operator_list tr.operator .actions .tray {
    float: right;
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 2px dashed;
    border-color: #eeeeee;
    padding: 5px;
    margin-right: 10px; }
    #op .page .operator_list tr.operator .actions .tray a, #groups .page .operator_list tr.operator .actions .tray a {
      margin-right: 2px;
      margin-left: 2px;
      float: right; }
      #op .page .operator_list tr.operator .actions .tray a.edit, #groups .page .operator_list tr.operator .actions .tray a.edit {
        font-weight: bold;
        background-image: url(/images/sky/famfamfam/pencil.png); }
      #op .page .operator_list tr.operator .actions .tray a.delete, #groups .page .operator_list tr.operator .actions .tray a.delete {
        background-image: url(/images/sky/famfamfam/delete.png); }
      #op .page .operator_list tr.operator .actions .tray a.disabled, #groups .page .operator_list tr.operator .actions .tray a.disabled {
        visibility: hidden; }
#op .page .operator_list tr.operator.primary_operator .actions, #groups .page .operator_list tr.operator.primary_operator .actions {
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }
#op .page .operator_list tr.operator.primary_operator .display_name, #groups .page .operator_list tr.operator.primary_operator .display_name {
  background: url(/images/sky/operators/curly2.png) no-repeat right center;
  height: 70px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  font-weight: bold; }
  #op .page .operator_list tr.operator.primary_operator .display_name div, #groups .page .operator_list tr.operator.primary_operator .display_name div {
    margin-right: 20px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 10px; }
  #op .page .operator_list tr.operator.primary_operator .display_name.no_gtalk, #groups .page .operator_list tr.operator.primary_operator .display_name.no_gtalk {
    background: url(/images/sky/operators/curly_bottom.png) no-repeat right center; }
#op .page .operator_list tr.operator.primary_operator .jid span, #groups .page .operator_list tr.operator.primary_operator .jid span {
  color: #80a24f;
  font-weight: bold; }
#op .page .operator_list tr.operator.primary_operator .gtalk, #groups .page .operator_list tr.operator.primary_operator .gtalk {
  margin-top: 27px; }
  #op .page .operator_list tr.operator.primary_operator .gtalk.pending, #groups .page .operator_list tr.operator.primary_operator .gtalk.pending {
    color: gray; }
    #op .page .operator_list tr.operator.primary_operator .gtalk.pending a, #groups .page .operator_list tr.operator.primary_operator .gtalk.pending a {
      color: gray; }
  #op .page .operator_list tr.operator.primary_operator .gtalk span, #groups .page .operator_list tr.operator.primary_operator .gtalk span {
    color: #80a24f;
    font-weight: bold; }
#op .page .operator_list tr.operator.primary_operator .actions, #groups .page .operator_list tr.operator.primary_operator .actions {
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: right; }
  #op .page .operator_list tr.operator.primary_operator .actions .tray, #groups .page .operator_list tr.operator.primary_operator .actions .tray {
    float: right;
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 2px dashed;
    border-color: #eeeeee;
    padding: 5px;
    margin-right: 10px; }
    #op .page .operator_list tr.operator.primary_operator .actions .tray a, #groups .page .operator_list tr.operator.primary_operator .actions .tray a {
      margin-right: 2px;
      margin-left: 2px;
      float: right; }
      #op .page .operator_list tr.operator.primary_operator .actions .tray a.edit, #groups .page .operator_list tr.operator.primary_operator .actions .tray a.edit {
        font-weight: bold;
        background-image: url(/images/sky/famfamfam/pencil.png); }
      #op .page .operator_list tr.operator.primary_operator .actions .tray a.delete, #groups .page .operator_list tr.operator.primary_operator .actions .tray a.delete {
        background-image: url(/images/sky/famfamfam/delete.png); }
      #op .page .operator_list tr.operator.primary_operator .actions .tray a.disabled, #groups .page .operator_list tr.operator.primary_operator .actions .tray a.disabled {
        visibility: hidden; }
#op .page .operator_list tr.operator.primary_operator.primary_operator .actions, #groups .page .operator_list tr.operator.primary_operator.primary_operator .actions {
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }
#op .page .operator_list tr.operator.primary_operator.primary_operator .display_name, #groups .page .operator_list tr.operator.primary_operator.primary_operator .display_name {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  font-weight: bold;
  height: 70px; }
  #op .page .operator_list tr.operator.primary_operator.primary_operator .display_name div, #groups .page .operator_list tr.operator.primary_operator.primary_operator .display_name div {
    position: relative;
    left: -10px;
    padding: .2em .5em .2em 20px;
    background: url(/images/sky/famfamfam/user.png) no-repeat left center; }
#op .page .operator_list tr.operator.primary_operator.pending td, #groups .page .operator_list tr.operator.primary_operator.pending td {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 10px 0px 10px 10px;
  color: gray;
  background-color: #eeeeee; }
  #op .page .operator_list tr.operator.primary_operator.pending td.invitation, #groups .page .operator_list tr.operator.primary_operator.pending td.invitation {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    width: 100%; }
    #op .page .operator_list tr.operator.primary_operator.pending td.invitation.actions .tray, #groups .page .operator_list tr.operator.primary_operator.pending td.invitation.actions .tray {
      float: right;
      margin-right: 0px;
      padding: 0px; }
    #op .page .operator_list tr.operator.primary_operator.pending td.invitation.actions a.view, #groups .page .operator_list tr.operator.primary_operator.pending td.invitation.actions a.view {
      background-image: url(/images/sky/famfamfam/email_open.png); }
#op .page .operator_list tr.operator.primary_operator.pending .invitation, #groups .page .operator_list tr.operator.primary_operator.pending .invitation {
  font-weight: bold; }
  #op .page .operator_list tr.operator.primary_operator.pending .invitation .message, #groups .page .operator_list tr.operator.primary_operator.pending .invitation .message {
    float: left;
    padding: 10px; }

#partners_splash #main {
  background: url(/images/sky/common/background-front-feature-wide.png) no-repeat center 0; }
  #partners_splash #main #background_container {
    background: url(/images/sky/partners/background-feature-affiliate.png) no-repeat center 0; }
  #partners_splash #main #program_signup p {
    font-size: 1.7em;
    letter-spacing: -1px;
    text-align: justify; }
  #partners_splash #main #program_signup h1 {
    font-weight: bold;
    font-size: 4em;
    margin-top: 40px; }
    #partners_splash #main #program_signup h1.center {
      text-align: center; }
  #partners_splash #main .question {
    font-size: .9em;
    padding: 0 0 20px 0;
    text-align: justify;
    color: #8e8e8e; }
    #partners_splash #main .question b {
      color: #333333; }
    #partners_splash #main .question h3 {
      margin: 0 0 5px 0;
      padding: 0;
      font-size: 1.2em;
      font-weight: bold; }
  #partners_splash #main h2 {
    font-family: 'Arvo', arial, serif;
    font-size: 2.5em;
    letter-spacing: -1px;
    font-weight: bold; }
  #partners_splash #main .partners_value_prop {
    margin-top: 380px;
    font-family: 'Arvo', arial, serif;
    font-size: 2.7em;
    letter-spacing: -2px; }
    #partners_splash #main .partners_value_prop .small {
      font-size: .7em; }
    #partners_splash #main .partners_value_prop ol li {
      letter-spacing: 2px;
      color: #8eaa37;
      font-weight: bold; }
      #partners_splash #main .partners_value_prop ol li div {
        letter-spacing: -2px;
        font-weight: normal;
        color: #333333; }
      #partners_splash #main .partners_value_prop ol li .detail {
        color: #333333;
        letter-spacing: 0px;
        font-weight: normal;
        font-size: .5em; }
    #partners_splash #main .partners_value_prop select {
      background-color: #8eaa37;
      font-size: inherit;
      letter-spacing: inherit;
      color: white;
      border: solid #889828 3px;
      font-family: 'Arvo', arial, serif; }
#partners_splash #fullscreen .agreement {
  height: 200px;
  overflow: auto; }

#partners #main #welcome-text {
  font-size: 1.3em; }
#partners #main .earnings {
  text-align: center; }
  #partners #main .earnings .label {
    color: #5c5c5c;
    margin-bottom: -15px;
    text-indent: 10px; }
  #partners #main .earnings .denomination {
    font-size: 24px;
    vertical-align: 26px;
    letter-spacing: -4px; }
  #partners #main .earnings .value {
    font-size: 64px;
    font-weight: bold;
    letter-spacing: -1px; }
  #partners #main .earnings .cents {
    font-size: 24px;
    vertical-align: 27px;
    margin-left: -13px; }

#plans #plans-table.monthly .monthly, #billing #plans-table.monthly .monthly, #iframe #plans-table.monthly .monthly, #shopify #plans-table.monthly .monthly {
  display: inline-block; }
#plans #plans-table.monthly .annual, #billing #plans-table.monthly .annual, #iframe #plans-table.monthly .annual, #shopify #plans-table.monthly .annual {
  display: none; }
#plans #plans-table.monthly .biennial, #billing #plans-table.monthly .biennial, #iframe #plans-table.monthly .biennial, #shopify #plans-table.monthly .biennial {
  display: none; }
#plans #plans-table.annual .monthly, #billing #plans-table.annual .monthly, #iframe #plans-table.annual .monthly, #shopify #plans-table.annual .monthly {
  display: none; }
#plans #plans-table.annual .annual, #billing #plans-table.annual .annual, #iframe #plans-table.annual .annual, #shopify #plans-table.annual .annual {
  display: inline-block; }
#plans #plans-table.annual .biennial, #billing #plans-table.annual .biennial, #iframe #plans-table.annual .biennial, #shopify #plans-table.annual .biennial {
  display: none; }
#plans #plans-table.biennial .monthly, #billing #plans-table.biennial .monthly, #iframe #plans-table.biennial .monthly, #shopify #plans-table.biennial .monthly {
  display: none; }
#plans #plans-table.biennial .annual, #billing #plans-table.biennial .annual, #iframe #plans-table.biennial .annual, #shopify #plans-table.biennial .annual {
  display: none; }
#plans #plans-table.biennial .biennial, #billing #plans-table.biennial .biennial, #iframe #plans-table.biennial .biennial, #shopify #plans-table.biennial .biennial {
  display: inline-block; }

#billing #plans-table, #shopify #plans-table {
  border: solid 4px #eeeeee;
  padding-top: 20px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  #billing #plans-table td, #shopify #plans-table td {
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    padding: 10px; }
    #billing #plans-table td ul, #shopify #plans-table td ul {
      margin: 0;
      list-style-type: none; }
      #billing #plans-table td ul li, #shopify #plans-table td ul li {
        border-bottom: 1px solid #f0f0f0; }
        #billing #plans-table td ul li.last, #shopify #plans-table td ul li.last {
          border-bottom: none; }
    #billing #plans-table td a, #shopify #plans-table td a {
      text-decoration: none; }
    #billing #plans-table td .plan-name, #shopify #plans-table td .plan-name {
      font-size: 30px;
      font-weight: bold; }
    #billing #plans-table td .plan-price, #shopify #plans-table td .plan-price {
      font-size: 50px;
      color: #254262;
      font-weight: bold;
      line-height: 40px; }
      #billing #plans-table td .plan-price a, #shopify #plans-table td .plan-price a {
        color: #254262; }
      #billing #plans-table td .plan-price .dollar, #shopify #plans-table td .plan-price .dollar {
        font-size: 15px;
        vertical-align: 24px; }
      #billing #plans-table td .plan-price .term, #shopify #plans-table td .plan-price .term {
        font-size: 15px;
        margin-left: -15px; }
    #billing #plans-table td .plan-savings, #shopify #plans-table td .plan-savings {
      color: #8e8e8e;
      font-size: 11px;
      margin-left: 15px;
      margin-top: -12px;
      margin-bottom: 5px;
      font-style: italic; }
  #billing #plans-table .selections a, #shopify #plans-table .selections a {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    display: block;
    font-size: 18px;
    height: 50px;
    padding: 12px 0 12px 0;
    width: 162px;
    text-align: center;
    border: none;
    margin: 0;
    text-indent: -3000px;
    background: url(/images/sky/billing/button-choose.png) no-repeat; }
  #billing #plans-table .selections .active a, #shopify #plans-table .selections .active a {
    background-position: -162px top; }
  #billing #plans-table .selections.eligible_for_trial a, #shopify #plans-table .selections.eligible_for_trial a {
    cursor: pointer;
    text-decoration: none;
    height: 50px;
    padding: 8px 0 8px 0;
    width: 162px;
    border: none;
    margin: 0 auto 0 auto;
    margin-bottom: 25px;
    background-position: left top;
    text-indent: -3000px;
    background: url(/images/sky/plans/buttons-signup.png) no-repeat; }
    #billing #plans-table .selections.eligible_for_trial a:hover, #shopify #plans-table .selections.eligible_for_trial a:hover {
      background-position: -162px top; }
#billing #timeperiod, #shopify #timeperiod {
  padding: 10px;
  text-align: center; }
  #billing #timeperiod ul, #shopify #timeperiod ul {
    margin: 0;
    margin-bottom: -36px;
    list-style-type: none; }
    #billing #timeperiod ul li, #shopify #timeperiod ul li {
      display: inline;
      padding: 8px; }
  #billing #timeperiod a, #shopify #timeperiod a {
    color: white;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 4px;
    text-decoration: none;
    font: 18px/1em 'Droid Sans', sans-serif;
    font-weight: bold;
    text-shadow: rgba(255,255,255,.5) 0 1px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: .5em .6em .4em .6em;
    margin: .5em;
    display: inline-block;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-top: 1px solid rgba(255,255,255,0.8);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);
    background-image: -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url(noise.png);
    background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    color: hsl(0, 0%, 40%) !important;
    background-color: hsl(0, 0%, 75%);
    -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, rgba(0,0,0,0.2) 0 .5em 5px;
    -moz-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px,rgba(0,0,0,0.2) 0 .5em 5px;
    box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, rgba(0,0,0,0.2) 0 .5em 5px; }
    #billing #timeperiod a:hover, #shopify #timeperiod a:hover {
      text-decoration: underline; }
    #billing #timeperiod a #billing #timeperiod ul li a:hover, #shopify #timeperiod a #billing #timeperiod ul li a:hover {
      background-color: hsl(0, 0%, 83%); }
  #billing #timeperiod.annual a.annual, #shopify #timeperiod.annual a.annual {
    background-color: white;
    color: black; }
  #billing #timeperiod.biennial a.biennial, #shopify #timeperiod.biennial a.biennial {
    background-color: white;
    color: black; }
  #billing #timeperiod.monthly a.monthly, #shopify #timeperiod.monthly a.monthly {
    background-color: white;
    color: black; }

#plans #main {
  background: url(/images/sky/common/background-front-feature-wide.png) no-repeat center 0; }
  #plans #main #timeperiod {
    margin: 0px 0 20px 0;
    text-align: center;
    background: url(/images/sky/plans/buttons-term-selection.png) no-repeat center; }
    #plans #main #timeperiod.monthly {
      background-position: center 0; }
    #plans #main #timeperiod.annual {
      background-position: center -43px; }
    #plans #main #timeperiod.biennial {
      background-position: center -86px; }
    #plans #main #timeperiod.annual a.annual {
      color: white; }
      #plans #main #timeperiod.annual a.annual .save {
        color: black; }
    #plans #main #timeperiod.biennial a.biennial {
      color: white; }
      #plans #main #timeperiod.biennial a.biennial .save {
        color: black; }
    #plans #main #timeperiod.monthly a.monthly {
      color: white; }
    #plans #main #timeperiod ul {
      margin: 0;
      list-style-type: none; }
      #plans #main #timeperiod ul li {
        display: inline-block;
        zoom: 1;
        *display: inline;
        width: 146px;
        height: 43px; }
        #plans #main #timeperiod ul li a {
          display: block;
          position: relative;
          top: 9px;
          font-size: 17px;
          text-decoration: none; }
          #plans #main #timeperiod ul li a:hover {
            text-decoration: underline; }
          #plans #main #timeperiod ul li a .save {
            font-size: 11px;
            font-weight: bold;
            color: #d54f27; }
          #plans #main #timeperiod ul li a.monthly {
            left: 5px; }
          #plans #main #timeperiod ul li a #savingsimage {
            height: 63px;
            width: 187px;
            left: 45px;
            top: 60px;
            background: url(/images/sky/plans/savings.png) no-repeat;
            position: relative;
            float: right;
            opacity: 0; }
  #plans #main #plans-table {
    margin-top: 20px;
    width: 900px;
    background: url(/images/sky/plans/plans-background.png) no-repeat 0px 0;
    height: 400px;
    margin: 0 0 0 30px;
    padding: 0px; }
    #plans #main #plans-table .selections a {
      cursor: pointer;
      text-decoration: none;
      height: 50px;
      padding: 8px 0 8px 0;
      width: 162px;
      border: none;
      margin: 0 auto 0 auto;
      margin-bottom: 25px;
      background-position: left top;
      text-indent: -3000px;
      background: url(/images/sky/plans/buttons-signup.png) no-repeat; }
      #plans #main #plans-table .selections a:hover {
        background-position: -162px top; }
    #plans #main #plans-table td {
      text-align: center;
      vertical-align: top;
      font-size: 14px;
      padding: 0px; }
    #plans #main #plans-table a {
      text-decoration: none; }
    #plans #main #plans-table .ultimate, #plans #main #plans-table .platinum, #plans #main #plans-table .bronze {
      width: 200px; }
    #plans #main #plans-table .gold {
      width: 240px;
      font-size: 24px; }
      #plans #main #plans-table .gold .plan {
        font-size: 16px;
        padding: 45px 30px 0 30px; }
        #plans #main #plans-table .gold .plan li {
          border-bottom: 1px solid #a6c549; }
        #plans #main #plans-table .gold .plan .plan-price {
          color: white; }
          #plans #main #plans-table .gold .plan .plan-price a {
            color: white; }
        #plans #main #plans-table .gold .plan .plan-name {
          color: white;
          font-size: 40px; }
        #plans #main #plans-table .gold .plan .plan-savings {
          color: white; }
    #plans #main #plans-table .bronze .plan, #plans #main #plans-table .selections .bronze a {
      margin-left: -25px; }
    #plans #main #plans-table .plan {
      padding: 40px 20px 0px 20px; }
      #plans #main #plans-table .plan ul {
        margin: 0;
        list-style-type: none; }
        #plans #main #plans-table .plan ul li {
          border-bottom: 1px solid #f0f0f0; }
          #plans #main #plans-table .plan ul li.last {
            border-bottom: none; }
      #plans #main #plans-table .plan .plan-name {
        font-size: 30px;
        font-weight: bold;
        line-height: 30px; }
      #plans #main #plans-table .plan .plan-price {
        margin-left: 15px;
        font-size: 50px;
        color: #022c44;
        font-weight: bold;
        line-height: 40px; }
        #plans #main #plans-table .plan .plan-price a {
          color: #022c44; }
        #plans #main #plans-table .plan .plan-price .dollar {
          font-size: 15px;
          vertical-align: 24px; }
        #plans #main #plans-table .plan .plan-price .term {
          font-size: 15px;
          margin-left: -15px; }
      #plans #main #plans-table .plan .plan-savings {
        color: #8e8e8e;
        font-size: 11px;
        margin-top: -12px;
        margin-bottom: 5px;
        font-style: italic; }
  #plans #main .free_plan {
    text-align: right;
    margin: 0 40px 20px 0; }
  #plans #main .featurelist {
    margin-bottom: 0;
    font-size: 1.1em;
    text-align: center; }
    #plans #main .featurelist h2 {
      text-align: left;
      font-size: 1.5em;
      font-weight: bold; }
    #plans #main .featurelist ul {
      text-align: left;
      font-weight: bold; }
      #plans #main .featurelist ul li {
        list-style-type: square;
        list-style-image: url(/images/sky/plans/bullet.png);
        padding-bottom: 4px; }
  #plans #main .question {
    font-size: .9em;
    padding: 0 0 20px 0;
    text-align: justify;
    color: #8e8e8e; }
    #plans #main .question b {
      color: #333333; }
    #plans #main .question h3 {
      margin: 0 0 5px 0;
      padding: 0;
      font-size: 1.2em;
      font-weight: bold; }

#cartsaver #main {
  background: url(/images/sky/plans/background-cart-feature-wide.png) no-repeat center 0 !important; }
  #cartsaver #main #background_container {
    background: url(/images/sky/plans/background-cart-feature-wide.png) no-repeat center 0 !important; }
  #cartsaver #main h1 {
    text-weight: bold;
    font-size: 2.9em;
    margin-top: 30px; }
    #cartsaver #main h1.center {
      text-align: center; }
  #cartsaver #main .featurelist ul {
    list-style-type: none;
    margin-left: 0;
    font-weight: bold; }
    #cartsaver #main .featurelist ul li {
      padding-bottom: 4px; }

#blogger #main {
  background: url(/images/sky/common/background-front-feature-wide.png) no-repeat center 0; }
  #blogger #main #background_container {
    background: url(/images/sky/portal/background-feature-blogger.png) no-repeat center 0; }
  #blogger #main h1 {
    font-weight: bold;
    font-size: 2.3em;
    margin-top: 50px; }
    #blogger #main h1.center {
      text-align: center; }

#portal #main #showcase h1 {
  font-family: 'Arvo', arial, serif;
  font-size: 3.5em;
  text-align: center;
  letter-spacing: -2px; }
#portal #main #showcase .subheader {
  font-family: 'Arvo', arial, serif;
  font-size: 1.3em;
  text-align: center; }
#portal #main #showcase .screenshot_gallery {
  text-align: center; }
  #portal #main #showcase .screenshot_gallery .extlink {
    margin: 0 0 0 5px;
    font-size: 1.8em;
    background-color: black;
    color: white;
    position: relative;
    top: 36px;
    font-weight: bold;
    display: inline-block;
    -moz-opacity: 0.9;
    filter: alpha(opacity= 0.9 );
    opacity: 0.9;
    padding: 10px;
    z-index: 2;
    visibility: hidden; }
  #portal #main #showcase .screenshot_gallery a {
    display: inline-block;
    position: relative; }
    #portal #main #showcase .screenshot_gallery a.example {
      margin: -40px 0 0 -10px;
      padding: 20px 15px 30px 15px;
      background: url(/images/sky/portal/showcase/shadow.png) no-repeat top left; }
    #portal #main #showcase .screenshot_gallery a span {
      margin: 20px 0px 0px 0px;
      background: url(/images/sky/portal/showcase/humblebundle_mask.png) no-repeat center 0;
      display: none;
      float: left;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    #portal #main #showcase .screenshot_gallery a img {
      overflow: none;
      float: left; }

#portal #sxsw_spacer {
  height: 650px; }
#portal #sxsw #sxsw_container {
  position: absolute; }
  #portal #sxsw #sxsw_container #social {
    text-align: left;
    height: 200px;
    width: 80px;
    position: absolute;
    left: 880px;
    top: -550px;
    z-index: 1000; }
  #portal #sxsw #sxsw_container #space {
    height: 700px;
    width: 400px; }
  #portal #sxsw #sxsw_container #map {
    position: absolute;
    left: 259px;
    top: 20px; }
  #portal #sxsw #sxsw_container #mappy {
    position: absolute;
    height: 617px;
    width: 1055px;
    top: -650px; }
    #portal #sxsw #sxsw_container #mappy #mask {
      position: absolute;
      height: 617px;
      width: 1055px;
      left: -100px;
      top: -20px;
      background: url(/images/sky/portal/sxsw_bg.png) no-repeat center 0; }
      #portal #sxsw #sxsw_container #mappy #mask #image {
        z-index: 1000;
        position: absolute;
        height: 52px;
        width: 486px;
        left: 371px;
        top: 305px;
        background: url(/images/sky/portal/sxsw_mask.png) no-repeat center 0; }

#features #main {
  background: url(/images/sky/common/background-front-feature-wide.png) no-repeat center 0; }

#reports .page .daterangepicker {
  font-size: 1.1em;
  font-weight: bold;
  margin: 5px; }
  #reports .page .daterangepicker input {
    margin: 5px;
    font-size: 1.3em;
    width: 250px;
    border: #eeeeee solid 3px; }

#share_popup {
  padding: 40px;
  font-size: 1.3em; }
  #share_popup h1 {
    font-family: "Arvo", Helvetica, Arial, Sans-serif;
    letter-spacing: -2px;
    color: #333333;
    text-align: center; }

#signup .page .plan-title {
  color: #8eaa37;
  font-weight: bold; }
#signup .page .buttons input, #signup .page .buttons a {
  float: left;
  font-size: 14px; }
#signup .page #login_state.authenticated .show_authenticated {
  display: auto; }
#signup .page #login_state.authenticated .hide_authenticated {
  display: none; }
#signup .page .testimonial {
  font-size: 14px;
  font-weight: bold;
  margin: -10px 10px 35px 0px; }
  #signup .page .testimonial .testimonial-attribution {
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    font-weight: normal; }

#tour .page .balloon {
  background: white url(/images/oldportal/olarkballoon.png) no-repeat 650px 0;
  font-size: 1.4em; }
#tour .page ol {
  list-style-type: none; }
#tour .page img {
  margin: 20px 20px 20px 0;
  border: 3px solid #dddfdf; }
#tour .page .proactive {
  font-weight: bold;
  font-size: 1.3em;
  padding-bottom: 50px; }
#tour .page .balloon {
  background: white url(/images/oldportal/olarkballoon.png) no-repeat 630px 0; }

#transcripts .page h1 {
  font-family: "Arvo", Helvetica, Arial, Sans-serif;
  font-weight: bold;
  letter-spacing: -0.1em;
  margin-bottom: 0; }
#transcripts .page p.subheading {
  font-family: Helvetica, arial, sans-serif;
  font-style: italic;
  font-size: 1em;
  color: #8e8e8e; }
#transcripts .page #slider {
  background-image: url('/images/sliders.png');
  width: 110px;
  height: 33px;
  float: right; }
  #transcripts .page #slider:hover {
    cursor: pointer; }
  #transcripts .page #slider.on {
    background-position: bottom; }
#transcripts .page .timestamp {
  float: right;
  color: #8e8e8e; }
#transcripts .page #settings {
  font-size: 1.1em;
  width: auto;
  display: relative; }
  #transcripts .page #settings #show-settings {
    color: #d54f27;
    display: inline-block;
    margin-bottom: 10px; }
    #transcripts .page #settings #show-settings:hover {
      cursor: pointer;
      text-decoration: underline; }
  #transcripts .page #settings #settings-content {
    display: none;
    position: absolute;
    background-color: #eeeeee;
    padding: 5px 20px;
    border: 1px solid #ccc;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    z-index: 999; }
    #transcripts .page #settings #settings-content p.tiny {
      margin: 5px;
      font-size: 0.8em;
      font-style: italic; }
    #transcripts .page #settings #settings-content input[type=submit] {
      background-color: #8eaa37;
      border: none;
      font-weight: bold;
      color: #fff;
      padding: 5px;
      -moz-border-radius-topleft: 2px;
      -moz-border-radius-topright: 2px;
      -moz-border-radius-bottomleft: 2px;
      -moz-border-radius-bottomright: 2px;
      -webkit-border-top-right-radius: 2px;
      -webkit-border-top-left-radius: 2px;
      -webkit-border-bottom-right-radius: 2px;
      -webkit-border-bottom-left-radius: 2px;
      border-top-right-radius: 2px;
      border-top-left-radius: 2px;
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px;
      cursor: pointer; }
    #transcripts .page #settings #settings-content input[type=text] {
      border: 1px solid #aaa;
      -moz-border-radius-topleft: 2px;
      -moz-border-radius-topright: 2px;
      -moz-border-radius-bottomleft: 2px;
      -moz-border-radius-bottomright: 2px;
      -webkit-border-top-right-radius: 2px;
      -webkit-border-top-left-radius: 2px;
      -webkit-border-bottom-right-radius: 2px;
      -webkit-border-bottom-left-radius: 2px;
      border-top-right-radius: 2px;
      border-top-left-radius: 2px;
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px; }
#transcripts .page form#searchform {
  float: right;
  position: relative;
  background-color: #eee;
  padding: 10px;
  border: 1px solid #ccc;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  z-index: 999;
  bottom: 50px; }
  #transcripts .page form#searchform input#searchInput {
    border: 1px solid #aaa;
    margin: 0px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
  #transcripts .page form#searchform input#searchButton {
    background-color: #d54f27;
    border: none;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    cursor: pointer; }
    #transcripts .page form#searchform input#searchButton:hover {
      background-color: #e66038; }
#transcripts .page #search-notice, #transcripts .page #tag-notice {
  float: right;
  background-color: #eeeeee;
  padding: 10px;
  position: relative;
  bottom: 30px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }
  #transcripts .page #search-notice h2, #transcripts .page #tag-notice h2 {
    margin-bottom: 5px;
    font-size: 1em; }
    #transcripts .page #search-notice h2 span.tag, #transcripts .page #tag-notice h2 span.tag {
      background-color: #8eaa37;
      color: #fff;
      padding: 4px 6px;
      text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
      font-weight: 600;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-top-right-radius: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px; }
#transcripts .page table#messages {
  border: 1px solid #ccc !important;
  overflow: hidden;
  table-layout: fixed;
  width: 100%; }
  #transcripts .page table#messages tr {
    background-color: #fff; }
    #transcripts .page table#messages tr.visitor_msg {
      background-color: #EDEDED; }
      #transcripts .page table#messages tr.visitor_msg td.author {
        color: #d54f27; }
    #transcripts .page table#messages tr.url_change {
      background-color: #d54f27;
      font-style: italic;
      color: #fff;
      font-weight: bold;
      text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
      white-space: nowrap;
      padding-right: 20px; }
      #transcripts .page table#messages tr.url_change td.time {
        color: #fff; }
      #transcripts .page table#messages tr.url_change a {
        color: #fff; }
    #transcripts .page table#messages tr.chat_started_referrer, #transcripts .page table#messages tr.chat_started_location {
      background-color: #fff;
      border: none;
      color: #aaa; }
  #transcripts .page table#messages td.author {
    font-weight: bold;
    text-align: right;
    width: 70px; }
  #transcripts .page table#messages td.message {
    font-size: 1.1em;
    word-wrap: none; }
  #transcripts .page table#messages td.time {
    color: #aaa;
    width: 50px; }
#transcripts .page ul#operators-list {
  margin: 30px 0px 5px 20px; }
  #transcripts .page ul#operators-list a {
    text-decoration: none; }
  #transcripts .page ul#operators-list li {
    display: inline;
    background-color: #ddd;
    margin-right: 5px;
    padding: 8px;
    border-radius: 5px 5px 0px 0px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
    #transcripts .page ul#operators-list li:hover {
      background-color: #eeeeee; }
    #transcripts .page ul#operators-list li.active {
      background-color: #eeeeee;
      z-index: 9999;
      position: relative;
      top: 1px; }
#transcripts .page ul#transcript-list {
  background-color: #eee;
  margin: 0 0 10px 0;
  padding: 10px;
  border: 1px solid #ccc; }
  #transcripts .page ul#transcript-list a {
    text-decoration: none; }
  #transcripts .page ul#transcript-list li.relative_time {
    list-style-type: none;
    margin-bottom: 10px;
    font-style: italic;
    text-shadow: 0px 1px 1px #fff;
    font-weight: bold;
    text-align: center;
    color: #d54f27; }
  #transcripts .page ul#transcript-list li.transcript {
    list-style-type: none;
    background-color: #F7F7F7;
    margin-bottom: 7px;
    padding: 10px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-repeat: no-repeat;
    background-position: 1% 50%;
    padding-left: 30px;
    border: 1px solid #ccc; }
    #transcripts .page ul#transcript-list li.transcript.offline_message {
      background-image: url(/images/sky/famfamfam/email.png); }
    #transcripts .page ul#transcript-list li.transcript.dialog {
      background-image: url(/images/sky/famfamfam/comments.png); }
    #transcripts .page ul#transcript-list li.transcript.monolog {
      background-image: url(/images/sky/famfamfam/comment.png); }
    #transcripts .page ul#transcript-list li.transcript:hover {
      background-color: #fff;
      box-shadow: 0px 0px 3px rgba(0,0,0,0.8);
      border: 1px solid #fff; }
    #transcripts .page ul#transcript-list li.transcript h3 {
      color: #333333;
      font-size: 1.1em;
      margin-bottom: 8px;
      font-weight: 500;
      float: left;
      display: inline;
      margin-right: 10px; }
    #transcripts .page ul#transcript-list li.transcript ul.details {
      margin: 0px;
      font-size: 0.8em; }
      #transcripts .page ul#transcript-list li.transcript ul.details li {
        display: inline;
        border-right: 1px solid #ccc;
        padding: 2px 5px;
        color: #555; }
        #transcripts .page ul#transcript-list li.transcript ul.details li.first {
          padding-left: 0 !important;
          color: #d54f27; }
        #transcripts .page ul#transcript-list li.transcript ul.details li.last {
          border: none !important; }
        #transcripts .page ul#transcript-list li.transcript ul.details li span.tag {
          background-color: #8eaa37;
          color: #fff;
          padding: 4px 6px;
          text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
          font-weight: 600;
          -moz-border-radius-topleft: 5px;
          -moz-border-radius-topright: 5px;
          -moz-border-radius-bottomleft: 5px;
          -moz-border-radius-bottomright: 5px;
          -webkit-border-top-right-radius: 5px;
          -webkit-border-top-left-radius: 5px;
          -webkit-border-bottom-right-radius: 5px;
          -webkit-border-bottom-left-radius: 5px;
          border-top-right-radius: 5px;
          border-top-left-radius: 5px;
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px; }
#transcripts .page ul.details {
  margin: 10px 0px;
  white-space: nowrap;
  overflow: hidden; }
  #transcripts .page ul.details li {
    display: inline;
    border-right: 1px solid #ccc;
    padding: 2px 5px;
    font-size: 1.15em;
    color: #8e8e8e; }
    #transcripts .page ul.details li.first {
      padding-left: 0 !important; }
    #transcripts .page ul.details li.last {
      border: none !important;
      color: #ccc !important; }
    #transcripts .page ul.details li a {
      text-decoration: none;
      margin: 0 1px; }
      #transcripts .page ul.details li a span.tag {
        background-color: #8eaa37;
        color: #fff;
        padding: 4px 6px;
        text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
        font-weight: 600;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px; }
        #transcripts .page ul.details li a span.tag:hover {
          background-color: #7d9926; }
#transcripts .page b#show-convo-details {
  text-decoration: underline;
  margin-bottom: 10px; }
  #transcripts .page b#show-convo-details:hover {
    cursor: pointer; }
#transcripts .page #convo-details {
  display: none; }
#transcripts .page span.status {
  position: relative;
  top: 1px;
  font-size: 1.2em; }
  #transcripts .page span.status.offline {
    color: #8e8e8e; }
  #transcripts .page span.status.away {
    color: #d54f27; }
  #transcripts .page span.status.available {
    color: #8eaa37; }
#transcripts #integration-teaser {
  background-image: url("/images/upgrade-transcripts.jpg");
  width: 100%;
  height: 410px;
  position: relative;
  bottom: 50px; }
  #transcripts #integration-teaser #premium-signup {
    background-color: #fefefe;
    border: 1px solid rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    width: 400px;
    height: 210px;
    margin: 50px auto;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    position: relative;
    top: 120px;
    padding: 20px; }
    #transcripts #integration-teaser #premium-signup ul#crm-list {
      margin: 0 !important;
      position: relative;
      bottom: 5px; }
      #transcripts #integration-teaser #premium-signup ul#crm-list li {
        display: inline;
        border-right: 1px solid #aaa;
        padding: 0px 5px; }
        #transcripts #integration-teaser #premium-signup ul#crm-list li.first {
          padding-left: 0; }
        #transcripts #integration-teaser #premium-signup ul#crm-list li.last {
          border-right: none; }
        #transcripts #integration-teaser #premium-signup ul#crm-list li a {
          color: #d54f27; }

#tutorials #main .page {
  margin-bottom: 20px; }
  #tutorials #main .page .bigger {
    font-size: 1.5em; }
  #tutorials #main .page ol {
    font-size: 2.5em;
    font-weight: bold; }
    #tutorials #main .page ol p {
      font-size: .5em;
      font-weight: normal; }
  #tutorials #main .page .tutorial_image {
    padding: 5px; }
  #tutorials #main .page #tut_browser .show_more_nojs {
    font-size: 16px; }
  #tutorials #main .page #tut_browser #search {
    text-align: right; }
  #tutorials #main .page #tut_browser h4.list_head {
    margin-bottom: 3px; }
  #tutorials #main .page #tut_browser .box {
    height: 100%; }
    #tutorials #main .page #tut_browser .box h2 {
      margin-bottom: 3px; }
      #tutorials #main .page #tut_browser .box h2 .subheader {
        color: #8e8e8e;
        font-size: .5em;
        font-weight: normal; }
    #tutorials #main .page #tut_browser .box h4 {
      margin-bottom: 7px; }
    #tutorials #main .page #tut_browser .box #imclient ul li {
      padding-bottom: 0px; }
    #tutorials #main .page #tut_browser .box ul {
      margin: 0px; }
      #tutorials #main .page #tut_browser .box ul.logos {
        list-style: none; }
        #tutorials #main .page #tut_browser .box ul.logos li {
          display: inline-block; }
          #tutorials #main .page #tut_browser .box ul.logos li.odd, #tutorials #main .page #tut_browser .box ul.logos li.even {
            width: 49%;
            margin-bottom: 14px; }
          #tutorials #main .page #tut_browser .box ul.logos li.even {
            text-align: right; }
      #tutorials #main .page #tut_browser .box ul.bullet_list li {
        list-style: none;
        padding-left: 25px;
        margin-bottom: 7px;
        background-repeat: no-repeat; }
        #tutorials #main .page #tut_browser .box ul.bullet_list li a {
          text-decoration: underline;
          display: block;
          padding: 3px;
          -moz-border-radius-topleft: 4px;
          -moz-border-radius-topright: 4px;
          -moz-border-radius-bottomleft: 4px;
          -moz-border-radius-bottomright: 4px;
          -webkit-border-top-right-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-bottom-left-radius: 4px;
          border-top-right-radius: 4px;
          border-top-left-radius: 4px;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px; }
          #tutorials #main .page #tut_browser .box ul.bullet_list li a:hover {
            background-color: #fbfbfb; }
      #tutorials #main .page #tut_browser .box ul.bullet_list li.customizer {
        background-image: url('/images/sky/famfamfam/color_wheel.png'); }
      #tutorials #main .page #tut_browser .box ul.bullet_list li.internationalize {
        background-image: url('/tut/tut_browser/icon_internationalize.png');
        /* Icon CC-BY http://zen-nikki.deviantart.com/ */ }
      #tutorials #main .page #tut_browser .box ul.bullet_list li.attention_grabber, #tutorials #main .page #tut_browser .box ul.bullet_list li.chat_link, #tutorials #main .page #tut_browser .box ul.bullet_list li.welcome_assistant {
        background-image: url('/tut/tut_browser/icon_chatbubble.png'); }
      #tutorials #main .page #tut_browser .box ul.bullet_list li.custom_css {
        background-image: url('/tut/tut_browser/icon_hash.png'); }
      #tutorials #main .page #tut_browser .box ul.bullet_list li.analytics {
        background-image: url('/tut/tut_browser/icon_analytics.png'); }
      #tutorials #main .page #tut_browser .box ul.bullet_list li.bang {
        background-image: url('/tut/tut_browser/icon_bang.png'); }
      #tutorials #main .page #tut_browser .box ul.bullet_list li.crm {
        background-image: url('/images/sky/famfamfam/lightning.png'); }
      #tutorials #main .page #tut_browser .box ul.bullet_list li.api {
        background-image: url('/tut/tut_browser/icon_api.png'); }
  #tutorials #main .page #tut_browser .show_more, #tutorials #main .page #tut_browser .show_more_nojs {
    text-decoration: none; }
    #tutorials #main .page #tut_browser .show_more:hover, #tutorials #main .page #tut_browser .show_more_nojs:hover {
      text-decoration: underline; }
  #tutorials #main .page #imclient .band {
    padding: 20px 0 20px 0; }
  #tutorials #main .page #imclient .box.green {
    font-weight: bold; }
  #tutorials #main .page #imclient ul {
    margin-left: 0;
    list-style-type: none; }
    #tutorials #main .page #imclient ul li {
      font-size: 1.2em;
      padding: 5px; }
  #tutorials #main .page #imclient .subheader {
    color: #8e8e8e;
    font-size: .5em;
    font-weight: normal; }
  #tutorials #main .page #imclient .show_more, #tutorials #main .page #imclient .show_more_nojs {
    text-decoration: none; }
    #tutorials #main .page #imclient .show_more:hover, #tutorials #main .page #imclient .show_more_nojs:hover {
      text-decoration: underline; }
  #tutorials #main .page #imclient #why a {
    font-size: 1.2em;
    font-weight: bold; }
    #tutorials #main .page #imclient #why a div {
      padding: .1em .5em .1em .5em;
      float: left;
      margin-right: .5em;
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -moz-border-radius-bottomleft: 20px;
      -moz-border-radius-bottomright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      -webkit-border-bottom-right-radius: 20px;
      -webkit-border-bottom-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
      background-color: #eeeeee; }
  #tutorials #main .page #search_input .gsc-branding-text {
    display: none; }
  #tutorials #main .page #search_input .gsc-branding-image {
    padding: 100px;
    display: none; }
  #tutorials #main .page #search_input .gsc-tabsArea {
    display: none; }
  #tutorials #main .page #old {
    font-size: 1.2em; }
    #tutorials #main .page #old h1 {
      font-size: 1.5em;
      margin: 0;
      padding: 0; }
    #tutorials #main .page #old img {
      margin-top: 15px;
      margin-right: 15px;
      margin-bottom: 15px;
      border: solid 3px #e1e1e1; }
    #tutorials #main .page #old #faq_old dl {
      margin-left: 0px; }
    #tutorials #main .page #old #faq_old dt {
      clear: both;
      margin-top: 20px;
      width: 100%;
      font-weight: bold;
      font-size: 1.0em; }
    #tutorials #main .page #old #faq_old dd {
      margin-top: 20px;
      width: 100%;
      margin-left: 0px;
      font-size: .9em; }
      #tutorials #main .page #old #faq_old dd h1 {
        font-size: 1.5em;
        margin: 0;
        padding: 0; }
      #tutorials #main .page #old #faq_old dd img {
        margin-top: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        border: solid 3px #e1e1e1; }
    #tutorials #main .page #old #faq_old h1.badge-left {
      background: url(/images/sky/common/badge-left.png) no-repeat;
      font-weight: bold;
      color: white;
      clear: both;
      margin-left: -45px;
      margin-bottom: 5px;
      padding-top: 15px;
      height: 65px;
      padding-left: 43px;
      font-size: 25px; }
    #tutorials #main .page #old .quick_console {
      width: 250px;
      float: right;
      margin-left: 10px;
      padding: 10px 5px;
      border: solid 1px #e9f3ff;
      background: white url(/images/bluebg.png)     repeat-x 0 top; }
      #tutorials #main .page #old .quick_console li {
        font-size: 1em; }
      #tutorials #main .page #old .quick_console img {
        border: none;
        margin: 0; }
    #tutorials #main .page #old .download_console img {
      border-style: none; }
    #tutorials #main .page #old li {
      font-size: .5em;
      font-weight: normal;
      margin: 0;
      padding: 0; }
    #tutorials #main .page #old ol {
      font-weight: bold; }
    #tutorials #main .page #old ul {
      list-style-type: square;
      margin: 1em 0 1em 10px; }
    #tutorials #main .page #old .break {
      background-image: url(/images/bluebg.png);
      height: 20px;
      margin: 20px 0; }
    #tutorials #main .page #old #blue {
      background-image: url(/images/bluebg.png);
      background-repeat: repeat-x;
      background-position: 0 top;
      padding: 10px;
      width: auto;
      margin: 10px;
      border: solid 1px #e9f3ff; }
    #tutorials #main .page #old #red {
      background-image: url(/images/redbg.png);
      background-repeat: repeat-x;
      background-position: 0 top;
      padding: 10px;
      width: auto;
      margin: 10px;
      border: solid 1px #ffe6e0; }
    #tutorials #main .page #old #green {
      background-image: url(/images/greenbg.png);
      background-repeat: repeat-x;
      background-position: 0 top;
      padding: 10px;
      width: auto;
      margin: 10px;
      border: solid 1px #dfffe9; }
    #tutorials #main .page #old #yellow {
      background-image: url(/images/yellowbg.png);
      background-repeat: repeat-x;
      background-position: 0 top;
      padding: 10px;
      width: auto;
      margin: 10px;
      border: solid 1px #fafcdc; }
    #tutorials #main .page #old #gray {
      background-image: url(/images/graybg.png);
      background-repeat: repeat-x;
      background-position: 0 top;
      margin: 10px;
      padding: 10px;
      width: auto;
      border: solid 1px #f8f8f8; }
    #tutorials #main .page #old .link_console ul {
      margin: 0;
      padding: 0; }
      #tutorials #main .page #old .link_console ul li {
        font-size: 1em;
        font-weight: bold;
        margin-left: 10px;
        list-style-type: none; }
    #tutorials #main .page #old .link_console h1 {
      margin-bottom: 15px; }
    #tutorials #main .page #old .link_console a {
      font-size: 0.9em;
      font-weight: normal; }
    #tutorials #main .page #old .or {
      text-align: left;
      margin: 10px;
      padding: 5px; }
      #tutorials #main .page #old .or div {
        font-weight: bold;
        margin-left: 80px; }
    #tutorials #main .page #old .active_anchor {
      border: 1px solid #ff2800; }
    #tutorials #main .page #old pre {
      overflow: auto;
      font-weight: bold; }
    #tutorials #main .page #old ul#badgeSelect {
      margin-left: 0px;
      padding-left: 0px; }
    #tutorials #main .page #old #badgeSelect li {
      font-size: 1em;
      list-style-type: none;
      float: left;
      margin-top: 15px;
      margin-right: 15px;
      margin-bottom: 15px;
      border: solid 3px #e1e1e1;
      display: block;
      padding: 8px; }
    #tutorials #main .page #old #badgeSelect img {
      border: none;
      padding: 5px;
      margin: 0px;
      border: none;
      padding: 3px;
      margin: 0px; }
    #tutorials #main .page #old #badgeSelect a {
      background-color: transparent; }
      #tutorials #main .page #old #badgeSelect a:hover {
        background-color: transparent;
        color: #2973ce; }
    #tutorials #main .page #old ul.imagegallery {
      padding: 0px;
      list-style-type: none;
      background-color: #f4f4f4;
      margin: 0px 0 0; }
    #tutorials #main .page #old .imagegallery img {
      margin: 10px 10px 0;
      border: solid 3px #e1e1e1; }
      #tutorials #main .page #old .imagegallery img:hover {
        border-color: black; }
    #tutorials #main .page #old ul.imagegallery li {
      float: left;
      width: 200px;
      text-align: center;
      font-size: 12px;
      background-color: #f2f5f8;
      padding: 5px;
      margin-bottom: 60px;
      margin-top: 10px; }
    #tutorials #main .page #old .imagegallery b {
      text-decoration: underline; }
    #tutorials #main .page #old .imagegallery a {
      text-decoration: none; }
    #tutorials #main .page #old a.liveexample {
      font-weight: bold;
      text-decoration: none;
      color: white;
      text-align: right;
      float: right; }
    #tutorials #main .page #old .liveexample img {
      border: none;
      margin: 0;
      background-color: #f6f8ff;
      margin-top: 1px; }
    #tutorials #main .page #old textarea {
      border: 3px solid #e1e1e1;
      padding: 5px;
      margin-top: 10px;
      margin-bottom: 10px;
      color: #f9feff;
      font: bold 14px "Courier New", Courier, mono;
      background-color: #19465f;
      width: 700px; }
    #tutorials #main .page #old h2.bordertop {
      padding-top: 10px;
      margin: 0;
      border-top: 1px dotted #343434; }
    #tutorials #main .page #old .return {
      display: block;
      margin-bottom: 80px;
      margin-top: 40px;
      font-weight: bold;
      background-color: #e5791f;
      padding: 5px;
      text-align: center;
      color: white;
      width: 200px;
      margin-left: 40%;
      -moz-border-radius: 9px;
      -webkit-border-radius: 9px !important;
      border-radius: 9px; }
      #tutorials #main .page #old .return:hover {
        background-color: #19465f; }

body {
  line-height: 1.5;
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 75%; }

h1 {
  font-weight: normal;
  color: #022c44;
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em; }
  h1 img {
    margin: 0; }

h2 {
  font-weight: normal;
  color: #022c44;
  font-size: 2em;
  margin-bottom: 0.75em; }

h3 {
  font-weight: normal;
  color: #022c44;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }

h4 {
  font-weight: normal;
  color: #022c44;
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em; }

h5 {
  font-weight: normal;
  color: #022c44;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; }

h6 {
  font-weight: normal;
  color: #022c44;
  font-size: 1em;
  font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

p {
  margin: 0 0 1.5em; }
  p img.left {
    display: inline;
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0; }
  p img.right {
    display: inline;
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
    padding: 0; }

a {
  text-decoration: underline;
  color: #322722; }
  a:visited {
    color: #000066; }
  a:focus {
    color: black; }
  a:hover {
    color: black; }
  a:active {
    color: #cc0099; }

blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

dfn {
  font-style: italic;
  font-weight: bold; }

sup, sub {
  line-height: 0; }

abbr, acronym {
  border-bottom: 1px dotted #666; }

address {
  margin: 0 0 1.5em;
  font-style: italic; }

del {
  color: #666; }

pre {
  margin: 1.5em 0;
  white-space: pre; }

pre, code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

li ul, li ol {
  margin: 0 1.5em; }

ul {
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: disc; }

ol {
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: decimal; }

dl {
  margin: 0 0 1.5em 0; }
  dl dt {
    font-weight: bold; }

dd {
  margin-left: 1.5em; }

table {
  margin-bottom: 1.4em;
  width: 100%; }

th {
  font-weight: bold; }

thead th {
  background: #c3d9ff; }

th, td, caption {
  padding: 4px 10px 4px 5px; }

tr.even td {
  background: #e5ecf9; }

tfoot {
  font-style: italic; }

caption {
  background: #eee; }

.quiet {
  color: #666666; }

.loud {
  color: #111111; }

.clear {
  clear: both; }

.nowrap {
  white-space: nowrap; }

.clearfix {
  overflow: hidden;
  display: inline-block; }
  .clearfix {
    display: block; }

.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }

.first {
  margin-left: 0;
  padding-left: 0; }

.last {
  margin-right: 0;
  padding-right: 0; }

.top {
  margin-top: 0;
  padding-top: 0; }

.bottom {
  margin-bottom: 0;
  padding-bottom: 0; }

.container {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  display: inline-block; }
  .container {
    display: block; }

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  display: inline;
  float: left;
  margin-right: 10px; }
  * html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {
    overflow-x: hidden; }

.last, div.last {
  margin-right: 0; }

.span-1 {
  width: 30px; }

.span-2 {
  width: 70px; }

.span-3 {
  width: 110px; }

.span-4 {
  width: 150px; }

.span-5 {
  width: 190px; }

.span-6 {
  width: 230px; }

.span-7 {
  width: 270px; }

.span-8 {
  width: 310px; }

.span-9 {
  width: 350px; }

.span-10 {
  width: 390px; }

.span-11 {
  width: 430px; }

.span-12 {
  width: 470px; }

.span-13 {
  width: 510px; }

.span-14 {
  width: 550px; }

.span-15 {
  width: 590px; }

.span-16 {
  width: 630px; }

.span-17 {
  width: 670px; }

.span-18 {
  width: 710px; }

.span-19 {
  width: 750px; }

.span-20 {
  width: 790px; }

.span-21 {
  width: 830px; }

.span-22 {
  width: 870px; }

.span-23 {
  width: 910px; }

.span-24, div.span-24 {
  width: 950px;
  margin: 0; }

input.span-1, textarea.span-1, select.span-1 {
  width: 30px !important; }
input.span-2, textarea.span-2, select.span-2 {
  width: 70px !important; }
input.span-3, textarea.span-3, select.span-3 {
  width: 110px !important; }
input.span-4, textarea.span-4, select.span-4 {
  width: 150px !important; }
input.span-5, textarea.span-5, select.span-5 {
  width: 190px !important; }
input.span-6, textarea.span-6, select.span-6 {
  width: 230px !important; }
input.span-7, textarea.span-7, select.span-7 {
  width: 270px !important; }
input.span-8, textarea.span-8, select.span-8 {
  width: 310px !important; }
input.span-9, textarea.span-9, select.span-9 {
  width: 350px !important; }
input.span-10, textarea.span-10, select.span-10 {
  width: 390px !important; }
input.span-11, textarea.span-11, select.span-11 {
  width: 430px !important; }
input.span-12, textarea.span-12, select.span-12 {
  width: 470px !important; }
input.span-13, textarea.span-13, select.span-13 {
  width: 510px !important; }
input.span-14, textarea.span-14, select.span-14 {
  width: 550px !important; }
input.span-15, textarea.span-15, select.span-15 {
  width: 590px !important; }
input.span-16, textarea.span-16, select.span-16 {
  width: 630px !important; }
input.span-17, textarea.span-17, select.span-17 {
  width: 670px !important; }
input.span-18, textarea.span-18, select.span-18 {
  width: 710px !important; }
input.span-19, textarea.span-19, select.span-19 {
  width: 750px !important; }
input.span-20, textarea.span-20, select.span-20 {
  width: 790px !important; }
input.span-21, textarea.span-21, select.span-21 {
  width: 830px !important; }
input.span-22, textarea.span-22, select.span-22 {
  width: 870px !important; }
input.span-23, textarea.span-23, select.span-23 {
  width: 910px !important; }
input.span-24, textarea.span-24, select.span-24 {
  width: 950px !important; }

.append-1 {
  padding-right: 40px; }

.append-2 {
  padding-right: 80px; }

.append-3 {
  padding-right: 120px; }

.append-4 {
  padding-right: 160px; }

.append-5 {
  padding-right: 200px; }

.append-6 {
  padding-right: 240px; }

.append-7 {
  padding-right: 280px; }

.append-8 {
  padding-right: 320px; }

.append-9 {
  padding-right: 360px; }

.append-10 {
  padding-right: 400px; }

.append-11 {
  padding-right: 440px; }

.append-12 {
  padding-right: 480px; }

.append-13 {
  padding-right: 520px; }

.append-14 {
  padding-right: 560px; }

.append-15 {
  padding-right: 600px; }

.append-16 {
  padding-right: 640px; }

.append-17 {
  padding-right: 680px; }

.append-18 {
  padding-right: 720px; }

.append-19 {
  padding-right: 760px; }

.append-20 {
  padding-right: 800px; }

.append-21 {
  padding-right: 840px; }

.append-22 {
  padding-right: 880px; }

.append-23 {
  padding-right: 920px; }

.prepend-1 {
  padding-left: 40px; }

.prepend-2 {
  padding-left: 80px; }

.prepend-3 {
  padding-left: 120px; }

.prepend-4 {
  padding-left: 160px; }

.prepend-5 {
  padding-left: 200px; }

.prepend-6 {
  padding-left: 240px; }

.prepend-7 {
  padding-left: 280px; }

.prepend-8 {
  padding-left: 320px; }

.prepend-9 {
  padding-left: 360px; }

.prepend-10 {
  padding-left: 400px; }

.prepend-11 {
  padding-left: 440px; }

.prepend-12 {
  padding-left: 480px; }

.prepend-13 {
  padding-left: 520px; }

.prepend-14 {
  padding-left: 560px; }

.prepend-15 {
  padding-left: 600px; }

.prepend-16 {
  padding-left: 640px; }

.prepend-17 {
  padding-left: 680px; }

.prepend-18 {
  padding-left: 720px; }

.prepend-19 {
  padding-left: 760px; }

.prepend-20 {
  padding-left: 800px; }

.prepend-21 {
  padding-left: 840px; }

.prepend-22 {
  padding-left: 880px; }

.prepend-23 {
  padding-left: 920px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {
  display: inline;
  float: left;
  position: relative; }

.pull-1 {
  margin-left: -40px; }

.pull-2 {
  margin-left: -80px; }

.pull-3 {
  margin-left: -120px; }

.pull-4 {
  margin-left: -160px; }

.pull-5 {
  margin-left: -200px; }

.pull-6 {
  margin-left: -240px; }

.pull-7 {
  margin-left: -280px; }

.pull-8 {
  margin-left: -320px; }

.pull-9 {
  margin-left: -360px; }

.pull-10 {
  margin-left: -400px; }

.pull-11 {
  margin-left: -440px; }

.pull-12 {
  margin-left: -480px; }

.pull-13 {
  margin-left: -520px; }

.pull-14 {
  margin-left: -560px; }

.pull-15 {
  margin-left: -600px; }

.pull-16 {
  margin-left: -640px; }

.pull-17 {
  margin-left: -680px; }

.pull-18 {
  margin-left: -720px; }

.pull-19 {
  margin-left: -760px; }

.pull-20 {
  margin-left: -800px; }

.pull-21 {
  margin-left: -840px; }

.pull-22 {
  margin-left: -880px; }

.pull-23 {
  margin-left: -920px; }

.pull-24 {
  margin-left: -960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {
  display: inline;
  float: right;
  position: relative; }

.push-1 {
  margin: 0 -40px 1.5em 40px; }

.push-2 {
  margin: 0 -80px 1.5em 80px; }

.push-3 {
  margin: 0 -120px 1.5em 120px; }

.push-4 {
  margin: 0 -160px 1.5em 160px; }

.push-5 {
  margin: 0 -200px 1.5em 200px; }

.push-6 {
  margin: 0 -240px 1.5em 240px; }

.push-7 {
  margin: 0 -280px 1.5em 280px; }

.push-8 {
  margin: 0 -320px 1.5em 320px; }

.push-9 {
  margin: 0 -360px 1.5em 360px; }

.push-10 {
  margin: 0 -400px 1.5em 400px; }

.push-11 {
  margin: 0 -440px 1.5em 440px; }

.push-12 {
  margin: 0 -480px 1.5em 480px; }

.push-13 {
  margin: 0 -520px 1.5em 520px; }

.push-14 {
  margin: 0 -560px 1.5em 560px; }

.push-15 {
  margin: 0 -600px 1.5em 600px; }

.push-16 {
  margin: 0 -640px 1.5em 640px; }

.push-17 {
  margin: 0 -680px 1.5em 680px; }

.push-18 {
  margin: 0 -720px 1.5em 720px; }

.push-19 {
  margin: 0 -760px 1.5em 760px; }

.push-20 {
  margin: 0 -800px 1.5em 800px; }

.push-21 {
  margin: 0 -840px 1.5em 840px; }

.push-22 {
  margin: 0 -880px 1.5em 880px; }

.push-23 {
  margin: 0 -920px 1.5em 920px; }

.push-24 {
  margin: 0 -960px 1.5em 960px; }

.prepend-top {
  margin-top: 1.5em; }

.append-bottom {
  margin-bottom: 1.5em; }

.showgrid {
  background: url('/images/grid.png?1283914430'); }

.error {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4; }
  .error a {
    color: #8a1f11; }

.notice {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324; }
  .notice a {
    color: #514721; }

.success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880; }
  .success a {
    color: #264409; }

.hide {
  display: none; }

.highlight {
  background: yellow; }

.added {
  background: #006600;
  color: white; }

.removed {
  background: #990000;
  color: white; }

label {
  font-weight: bold; }

fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0; }

legend {
  font-weight: bold;
  font-size: 1.2em; }

input.text, input.title, input[type=text] {
  margin: 0.5em 0;
  background-color: #fff;
  padding: 5px; }
input.title {
  font-size: 1.5em; }
input[type=checkbox], input.checkbox,
input[type=radio], input.radio {
  position: relative;
  top: 0.25em; }

textarea {
  margin: 0.5em 0;
  padding: 5px; }

select {
  margin: 0.5em 0; }

fieldset {
  border: 1px solid #cccccc; }

input.text, input.title,
textarea,
select {
  border: 1px solid #bbbbbb; }
  input.text:focus, input.title:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #666666; }

input.text, input.title {
  width: 300px; }

textarea {
  width: 390px;
  height: 250px; }

.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background-color: #eeeeee;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  .box.white {
    border: solid 3px #eeeeee;
    background-color: white; }
  .box.blank {
    background-color: white; }
  .box.green {
    background-color: #8eaa37;
    color: white;
    border: solid 3px #eeeeee; }
    .box.green a {
      color: white; }

div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee; }

div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee; }

hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none; }

hr.space {
  background: #fff;
  color: #fff; }

button {
  top: auto; }

a.qtip {
  text-decoration: none; }

.qtip {
  cursor: normal; }

html, body {
  height: 100%; }

.main_background {
  min-height: 100%;
  height: auto !important;
  margin: 0 auto -230px; }

#footer_push {
  height: 230px;
  clear: both; }

#footer {
  background-color: !footer_color;
  height: 230px; }