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; }

html {
  height: 101%; }

.LV_validation_message {
  font-weight: bold;
  margin: 0 0 0 5px; }

.LV_valid {
  color: #00CC00; }

.LV_invalid {
  color: #CC0000; }

.LV_valid_field {
  border: 1px solid #00CC00; }

input.LV_valid_field:hover, input.LV_valid_field:active {
  border: 1px solid #00CC00; }

textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
  border: 1px solid #00CC00; }

.LV_invalid_field {
  border: 1px solid #CC0000; }

input.LV_invalid_field:hover, input.LV_invalid_field:active {
  border: 1px solid #CC0000; }

textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
  border: 1px solid #CC0000; }

form.edit_template, form.new_template {
  padding: 0;
  width: 100%; }
  form.edit_template input[type="text"], form.new_template input[type="text"] {
    width: 60px;
    text-align: right;
    padding: 5px;
    border: 1px solid silver; }
  form.edit_template input[readonly="readonly"], form.new_template input[readonly="readonly"] {
    color: gray; }
  form.edit_template h3, form.new_template h3 {
    color: #61953C; }
  form.edit_template th, form.new_template th {
    color: #888; }
  form.edit_template td.name, form.new_template td.name {
    width: 110px; }
    form.edit_template td.name input, form.new_template td.name input {
      width: 90%;
      text-align: left; }
  form.edit_template td.text, form.new_template td.text {
    width: 60px; }
  form.edit_template .errorExplanation, form.new_template .errorExplanation {
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    border: 1px solid red;
    background-color: #420000;
    color: white; }
    form.edit_template .errorExplanation h2, form.new_template .errorExplanation h2 {
      font-size: 1.4em;
      text-align: left;
      color: white;
      margin-bottom: 10px; }
    form.edit_template .errorExplanation li, form.new_template .errorExplanation li {
      margin-bottom: 0px; }
  form.edit_template #add-container, form.new_template #add-container {
    color: white;
    width: 100px;
    font-size: 1em; }

form.formtastic ul, form.formtastic ol, form.formtastic legend, form.formtastic p {
  margin: 0;
  padding: 0; }
form.formtastic li {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px; }
form.formtastic fieldset {
  display: block;
  overflow: hidden;
  display: inline-block; }
  form.formtastic fieldset {
    display: block; }
form.formtastic abbr, form.formtastic acronym {
  border: 0;
  font-variant: normal;
  font-weight: normal; }
form.formtastic ol, form.formtastic ul {
  list-style: none; }
form.formtastic label {
  display: block;
  overflow: hidden;
  display: inline-block; }
  form.formtastic label {
    display: block; }
form.formtastic input, form.formtastic textarea {
  vertical-align: middle; }
form.formtastic .check_boxes input, form.formtastic .radio input {
  margin: 0; }
form.formtastic .check_boxes label, form.formtastic .radio label {
  cursor: pointer; }
form.formtastic .hidden {
  display: none; }
form.formtastic .date li, form.formtastic .time li, form.formtastic .datetime li {
  float: left;
  width: auto;
  clear: none; }
form.formtastic .date label, form.formtastic .time label, form.formtastic .datetime label {
  display: none;
  width: auto; }
form.formtastic .date input, form.formtastic .time input, form.formtastic .datetime input {
  display: inline;
  margin: 0;
  padding: 0; }
form.formtastic .errors {
  list-style: square; }
  form.formtastic .errors li {
    padding: 0;
    border: none;
    display: list-item;
    float: none;
    clear: both; }
form.formtastic .inputs {
  z-index: 99; }
form.formtastic .buttons li {
  float: left; }
form.formtastic li {
  overflow: hidden;
  display: inline-block;
  display: block; }
  form.formtastic li {
    display: block; }
  form.formtastic li fieldset {
    border: none;
    position: relative;
    margin-top: 0px; }
  form.formtastic li legend {
    display: block;
    margin-bottom: 0; }
  form.formtastic li .label {
    display: block;
    clear: both;
    background: transparent; }
  form.formtastic li ol {
    float: left;
    margin: 0; }
    form.formtastic li ol li {
      padding: 0;
      border: 0;
      display: inline; }
form.formtastic fieldset {
  width: 100%; }
form.formtastic ol {
  padding-left: 0; }
form.formtastic input {
  clear: both;
  float: none; }
form.formtastic li {
  display: block;
  clear: both;
  float: none;
  width: 100%; }
  form.formtastic li ol {
    padding: 0; }
  form.formtastic li li {
    clear: none;
    width: auto; }
  form.formtastic li fieldset legend, form.formtastic li fieldset legend .label {
    display: block;
    clear: both; }
  form.formtastic li fieldset .label {
    position: relative; }
  form.formtastic li fieldset label, form.formtastic li fieldset input {
    width: auto; }
form.formtastic .date ol, form.formtastic .time ol, form.formtastic .datetime ol {
  width: 100%; }
form.formtastic .date li, form.formtastic .time li, form.formtastic .datetime li {
  display: inline;
  clear: none;
  float: left;
  padding-right: 0; }
form.formtastic .checkbox li, form.formtastic .radio li {
  display: block; }
form.formtastic .checkbox input, form.formtastic .radio input {
  border: none; }
form.formtastic label {
  display: block;
  clear: both;
  float: none;
  width: auto; }
form.formtastic input, form.formtastic textarea {
  width: auto; }
form.formtastic select {
  width: auto; }
form.formtastic .errors li {
  display: list-item; }
form.formtastic .buttons ol {
  padding-left: 0;
  padding-right: 0; }
form.formtastic .buttons li {
  float: none;
  width: auto;
  clear: none;
  display: inline; }
form.formtastic .buttons input {
  width: auto; }
form.formtastic #errorExplanation {
  width: 100%; }
form.formtastic .label {
  #left: -0.5em;
  #position: relative; }

#green-men-cont {
  height: 30px;
  background: transparent;
  display: block;
  padding: 0px;
  text-align: center; }

#greenleft {
  padding-left: 4px;
  background: transparent url(/images/menu/left.gif) no-repeat top left; }

#greenright {
  padding-right: 4px;
  background: transparent url(/images/menu/right.gif) no-repeat top right; }

#greenmen {
  background: transparent url(/images/menu/center.gif) repeat top left;
  position: relative;
  display: block;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial,Verdana,Helvitica,sans-serif; }
  #greenmen ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: auto; }
  #greenmen ul li {
    display: inline;
    margin: 0px; }
  #greenmen li.space {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    padding: 7px 5px 0px 5px; }
  #greenmen a {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    padding: 7px 25px 5px 25px;
    height: 23px; }
    #greenmen a:visited {
      display: block;
      float: left;
      color: #fff;
      text-decoration: none;
      padding: 7px 25px 0px 25px;
      height: 23px; }
    #greenmen a:hover {
      color: #fff;
      background: #5d9731;
      text-decoration: none; }
  #greenmen ul li a.selected {
    background: #5d9731;
    color: #FFF;
    text-decoration: none; }
    #greenmen ul li a.selected:hover {
      background: #5d9731;
      color: #FFF;
      text-decoration: none; }

@font-face {
  font-family: 'DessauLight';
  src: url('/fonts/dessau_light/dessaulight-webfont.eot');
  src: local('DessauLight'), url('/fonts/dessau_light/dessaulight-webfont.woff') format('woff'), url('/fonts/dessau_light/dessaulight-webfont.ttf') format('truetype'), url('/fonts/dessau_light/dessaulight-webfont.svg#DessauLight') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DessauMedium';
  src: url('/fonts/dessau_medium/dessaumedium-webfont.eot');
  src: local('DessauMedium'), url('/fonts/dessau_medium/dessaumedium-webfont.woff') format('woff'), url('/fonts/dessau_medium/dessaumedium-webfont.ttf') format('truetype'), url('/fonts/dessau_medium/dessaumedium-webfont.svg#DessauMedium') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DessauBold';
  src: url('/fonts/dessau_bold/dessaubold-webfont.eot');
  src: local('DessauBold'), url('/fonts/dessau_bold/dessaubold-webfont.woff') format('woff'), url('/fonts/dessau_bold/dessaubold-webfont.ttf') format('truetype'), url('/fonts/dessau_bold/dessaubold-webfont.svg#DessauBold') format('svg');
  font-weight: normal;
  font-style: normal; }

html, body {
  height: 100%; }

#page {
  min-height: 100%;
  margin-bottom: -210px; }
  #page #page_footer {
    height: 210px; }

#footbar {
  clear: both;
  position: relative;
  height: 210px; }

input {
  outline: none; }

/* HEADER screen.sass additions/modifications */
#header {
  padding-top: 0;
  padding-bottom: 0; }
  #header .container {
    padding-top: 20px; }
    #header .container #headbar, #header .container #betaheadbar {
      overflow: hidden;
      display: inline-block;
      position: relative;
      padding: 0; }
      #header .container #headbar, #header .container #betaheadbar {
        display: block; }
    #header .container #logo {
      float: left;
      width: 115px; }
      #header .container #logo .home {
        float: left; }
      #header .container #logo h1 {
        float: left;
        font-size: 24px;
        margin: 0 0 0 20px; }
    #header .container #navigation {
      float: left;
      width: 835px;
      overflow: hidden;
      display: inline-block; }
      #header .container #navigation {
        display: block; }
      #header .container #navigation .static_nav {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        overflow: hidden;
        display: inline-block;
        text-shadow: #222222 0 -1px 0;
        margin-top: 20px;
        margin-left: 30px; }
        #header .container #navigation .static_nav {
          display: block; }
        #header .container #navigation .static_nav li {
          list-style-type: none;
          margin-left: 0px;
          white-space: nowrap;
          display: inline;
          float: left;
          padding-left: 13px;
          padding-right: 13px; }
          #header .container #navigation .static_nav li.first {
            padding-left: 0px; }
          #header .container #navigation .static_nav li.last {
            padding-right: 0px; }
        #header .container #navigation .static_nav li a {
          -webkit-font-smoothing: antialiased;
          text-transform: uppercase; }
          #header .container #navigation .static_nav li a:hover {
            color: #999999;
            text-decoration: none; }
          #header .container #navigation .static_nav li a.active {
            color: #999999; }
    #header .container #login {
      position: absolute;
      top: 0;
      right: 0;
      overflow: hidden;
      display: inline-block; }
      #header .container #login {
        display: block; }
      #header .container #login #user_login_box {
        margin-top: 15px; }
      #header .container #login #user_account_box, #header .container #login #user_login_box, #header .container #login #admin_login_box {
        color: #DDD; }
      #header .container #login span.session_action, #header .container #login span.display_name {
        float: right;
        clear: right; }
      #header .container #login span.session_action {
        text-transform: uppercase;
        text-decoration: none; }
        #header .container #login span.session_action a {
          text-shadow: #222222 0 -1px 0;
          -webkit-font-smoothing: antialiased;
          font-weight: bold;
          font-size: 14px;
          text-decoration: none;
          color: #CCC; }
          #header .container #login span.session_action a:active {
            color: inherit; }
          #header .container #login span.session_action a:hover {
            color: #999999; }
      #header .container #login span.display_name {
        color: #999999; }

/* HOMEPAGE _promo.sass Modifications and Additions */
#headline {
  background: url('/images/redesign/trans_black_40.png?1323996999') repeat top left;
  margin-top: 20px; }
  #headline.marginless {
    margin-top: 0px; }
  #headline .container {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    display: inline-block;
    position: relative; }
    #headline .container {
      display: block; }
    #headline .container.compact {
      padding-top: 20px;
      padding-bottom: 16px; }
      #headline .container.compact h1.headline {
        padding-top: 0px; }
    #headline .container #product {
      float: left;
      width: 210px;
      margin-right: 30px;
      margin-left: 15px; }
      #headline .container #product #silverline {
        display: block;
        height: 53px;
        background: url('/images/redesign/silverline_logo_sm.png?1323996999') no-repeat top left;
        text-indent: -9999px;
        margin: 0; }
    #headline .container h1.headline {
      float: left;
      color: #F2F2F2;
      font-size: 46px;
      font-family: "DessauLight", Helvetica, sans-serif;
      text-shadow: black 0 -1px 0;
      -webkit-font-smoothing: antialiased;
      margin: 8px 0 0 0;
      line-height: 1; }
    #headline .container #badge {
      width: 215px;
      margin-right: 15px;
      float: right; }
      #headline .container #badge #signup_link {
        text-indent: -9999px; }
        #headline .container #badge #signup_link a {
          display: block;
          width: 210px;
          height: 75px;
          background: url('/images/redesign/trial_badge.png?1323996999') no-repeat top right; }
    #headline .container .librato_btn {
      font-size: 16px;
      padding: 8px 25px; }

#product_details {
  border-bottom: 1px solid #111; }
  #product_details #tags {
    width: 950px;
    margin: 0 auto;
    position: relative; }
    #product_details #tags #cs_tag {
      width: 101px;
      height: 22px;
      background: url('/images/redesign/casestudy-tag.png?1323996999') no-repeat top left;
      position: absolute;
      top: -11px;
      left: 13px; }
    #product_details #tags #cl_tag {
      width: 86px;
      height: 22px;
      background: url('/images/redesign/fans-tag.png?1323996999') no-repeat top left;
      position: absolute;
      top: -11px;
      left: 332px; }
  #product_details .container {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block; }
    #product_details .container {
      display: block; }
    #product_details .container .case_study {
      display: inline;
      float: left;
      margin-right: 10px;
      width: 310px;
      -webkit-font-smoothing: antialiased; }
      * html #product_details .container .case_study {
        overflow-x: hidden; }
      #product_details .container .case_study a {
        float: left;
        display: block; }
      #product_details .container .case_study #quote {
        margin-left: 15px;
        float: left;
        text-shadow: #111111 0 -1px 0; }
        #product_details .container .case_study #quote p.quote {
          font-family: Times, "Times New Roman", serif;
          font-size: 18px;
          line-height: 1;
          font-style: italic;
          margin-top: 10px;
          color: white; }
        #product_details .container .case_study #quote p.author {
          font-size: 10px;
          margin-top: 2px;
          margin-left: 2px; }
    #product_details .container .customer_logos {
      display: inline;
      float: left;
      margin-right: 10px;
      width: 630px; }
      * html #product_details .container .customer_logos {
        overflow-x: hidden; }
      #product_details .container .customer_logos .logo {
        float: left;
        top: -10px;
        margin-right: 28px;
        position: relative;
        opacity: 0; }
        #product_details .container .customer_logos .logo.last {
          margin-right: 0; }
        #product_details .container .customer_logos .logo a {
          zoom: 1;
          position: relative;
          line-height: 0;
          display: block;
          outline: 5px solid #666666; }
    #product_details .container .cs_inner, #product_details .container .cl_inner {
      overflow: hidden;
      display: inline-block;
      padding: 22px 0 20px 15px; }
      #product_details .container .cs_inner, #product_details .container .cl_inner {
        display: block; }
    #product_details .container .cl_inner {
      padding: 27px 0 15px 20px; }
    #product_details .container h3 {
      margin: 0 0 10px 0;
      color: #F2F2F2;
      font-size: 18px;
      font-weight: normal;
      font-family: "DessauMedium", Helvetica, sans-serif;
      text-shadow: #111111 0 -1px 0; }
    #product_details .container p {
      margin: 0;
      color: #B3B3B3;
      font-size: 13px; }

#product_features {
  border-top: 1px solid #404040; }
  #product_features .container {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block; }
    #product_features .container {
      display: block; }
    #product_features .container .f1, #product_features .container .f2, #product_features .container .f3 {
      display: inline;
      float: left;
      margin-right: 10px;
      width: 310px;
      -webkit-font-smoothing: antialiased; }
      * html #product_features .container .f1, * html #product_features .container .f2, * html #product_features .container .f3 {
        overflow-x: hidden; }
    #product_features .container .f_inner {
      padding: 25px 20px 20px 15px; }
      #product_features .container .f_inner a {
        display: block; }
    #product_features .container img {
      padding-bottom: 10px;
      margin-left: -2px; }
    #product_features .container h2 {
      margin: 0 0 10px 0;
      color: #89BDBC;
      font-size: 21px;
      line-height: 1;
      font-weight: normal;
      font-family: "DessauMedium", Helvetica, sans-serif;
      text-shadow: #111111 0 -1px 0;
      text-align: left;
      -webkit-font-smoothing: antialiased; }
    #product_features .container p {
      margin: 0 0 15px 0;
      color: #B3B3B3;
      font-size: 13px; }
    #product_features .container a {
      text-transform: uppercase;
      text-decoration: none;
      color: #61953c;
      text-shadow: #111111 0 -1px 0; }
      #product_features .container a:hover {
        color: #999999; }

#content .container {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  display: inline-block; }
  #content .container {
    display: block; }
  #content .container #leftcol {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 230px; }
    * html #content .container #leftcol {
      overflow-x: hidden; }
    #content .container #leftcol #leftcol-inner {
      padding: 25px 15px; }
  #content .container #rightcol {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 710px; }
    * html #content .container #rightcol {
      overflow-x: hidden; }
    #content .container #rightcol .twocol {
      overflow: hidden;
      display: inline-block; }
      #content .container #rightcol .twocol {
        display: block; }
      #content .container #rightcol .twocol .col {
        display: inline;
        float: left;
        margin-right: 10px;
        width: 310px;
        margin-right: 30px; }
        * html #content .container #rightcol .twocol .col {
          overflow-x: hidden; }

/* CAREERS */
#content .container#careers {
  margin-top: 10px; }
#content .container #leftcol #leftcol-inner .quicklook {
  background: url('/images/redesign/trans_white_10.png?1323996999') repeat top left;
  border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  margin-bottom: 10px; }
  #content .container #leftcol #leftcol-inner .quicklook .quicklook-inner {
    padding: 20px; }
  #content .container #leftcol #leftcol-inner .quicklook h3 {
    font-size: 16px;
    font-family: "DessauLight", Helvetica, sans-serif;
    text-shadow: #111111 0 -1px 0;
    color: white;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0.7em; }
  #content .container #leftcol #leftcol-inner .quicklook p {
    line-height: 1.3;
    color: white;
    font-size: 11px;
    margin-bottom: 10px; }
  #content .container #leftcol #leftcol-inner .quicklook a {
    color: #61953c;
    text-decoration: none; }
    #content .container #leftcol #leftcol-inner .quicklook a:visited,
    #content .container #leftcol #leftcol-inner .quicklook a:hover {
      color: #61953c; }
#content .container #rightcol #rightcol-inner .position {
  background: url('/images/redesign/rounded-grad.png?1323996999') no-repeat top left;
  margin-top: 25px;
  position: relative;
  padding-bottom: 30px; }
  #content .container #rightcol #rightcol-inner .position .position-inner {
    padding: 20px 30px; }
  #content .container #rightcol #rightcol-inner .position h1 {
    margin: 0 0 10px 0;
    color: #89BDBC;
    font-size: 21px;
    line-height: 1;
    font-weight: normal;
    font-family: "DessauMedium", Helvetica, sans-serif;
    text-shadow: #111111 0 -1px 0;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    margin-top: 30px;
    padding-bottom: 10px;
    font-size: 18px;
    color: white; }
  #content .container #rightcol #rightcol-inner .position h2 {
    margin: 0 0 10px 0;
    color: #89BDBC;
    font-size: 21px;
    line-height: 1;
    font-weight: normal;
    font-family: "DessauMedium", Helvetica, sans-serif;
    text-shadow: #111111 0 -1px 0;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    margin-top: 10px; }
  #content .container #rightcol #rightcol-inner .position p {
    color: #B3B3B3;
    font-size: 13px;
    margin-bottom: 0;
    padding-bottom: 15px; }
  #content .container #rightcol #rightcol-inner .position a {
    color: #61953c;
    text-decoration: none; }
  #content .container #rightcol #rightcol-inner .position ul {
    padding-left: 0px;
    margin-left: 5px; }
    #content .container #rightcol #rightcol-inner .position ul li {
      list-style: none;
      background: url('/images/redesign/list_bullet.png?1323996999') no-repeat 0px 5px;
      padding-left: 15px;
      color: white; }

/* CASE STUDY */
#tomaktocat {
  position: absolute;
  bottom: 0;
  right: -20px;
  width: 197px;
  height: 81px; }

#content .container #leftcol #cs-profile {
  background: url('/images/redesign/trans_white_10.png?1323996999') repeat top left;
  border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px; }
  #content .container #leftcol #cs-profile #cs-profile-inner {
    padding: 20px; }
  #content .container #leftcol #cs-profile p {
    line-height: 1.3;
    color: white;
    font-size: 11px; }
  #content .container #leftcol #cs-profile a#cs-logo {
    display: block;
    padding-bottom: 15px; }
  #content .container #leftcol #cs-profile h3 {
    font-size: 16px;
    font-family: "DessauLight", Helvetica, sans-serif;
    text-shadow: #111111 0 -1px 0;
    color: white;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 0.7em; }
  #content .container #leftcol #cs-profile #gravatars {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline-block;
    position: relative; }
    #content .container #leftcol #cs-profile #gravatars {
      display: block; }
    #content .container #leftcol #cs-profile #gravatars li {
      float: left;
      margin-right: 4px;
      cursor: pointer; }
      #content .container #leftcol #cs-profile #gravatars li.last {
        margin-right: 0; }
      #content .container #leftcol #cs-profile #gravatars li img {
        border: 3px solid white; }
  #content .container #leftcol #cs-profile #whois {
    position: relative; }
    #content .container #leftcol #cs-profile #whois #kick {
      position: absolute;
      width: 17px;
      height: 13px;
      background: url('/images/redesign/cs-bubble-kick.png?1323996999') no-repeat top left;
      top: -13px;
      left: 10px; }
    #content .container #leftcol #cs-profile #whois #bubble {
      margin-top: 15px;
      background: url('/images/redesign/trans_black_70.png?1323996999') repeat top left;
      border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px; }
      #content .container #leftcol #cs-profile #whois #bubble ul {
        padding: 10px;
        list-style: none;
        margin: 0; }
        #content .container #leftcol #cs-profile #whois #bubble ul li {
          display: none; }
          #content .container #leftcol #cs-profile #whois #bubble ul li.active {
            display: block; }
          #content .container #leftcol #cs-profile #whois #bubble ul li p {
            margin: 0;
            -webkit-font-smoothing: antialiased; }
          #content .container #leftcol #cs-profile #whois #bubble ul li .quote {
            font-size: 14px;
            font-family: "DessauLight", Helvetica, sans-serif;
            text-shadow: #111111 0 -1px 0;
            color: white;
            -webkit-font-smoothing: antialiased;
            position: relative;
            padding: 0 10px;
            text-align: center;
            line-height: 1.5; }
            #content .container #leftcol #cs-profile #whois #bubble ul li .quote span.lquote, #content .container #leftcol #cs-profile #whois #bubble ul li .quote span.rquote {
              width: 10px;
              height: 7px;
              position: absolute; }
            #content .container #leftcol #cs-profile #whois #bubble ul li .quote span.lquote {
              top: 0px;
              left: -3px;
              background: url('/images/redesign/lquote-sm.png?1323996999') no-repeat top left; }
            #content .container #leftcol #cs-profile #whois #bubble ul li .quote span.rquote {
              top: 0px;
              right: -3px;
              background: url('/images/redesign/rquote-sm.png?1323996999') no-repeat top right; }
          #content .container #leftcol #cs-profile #whois #bubble ul li .author {
            padding-left: 5px;
            color: #61953c;
            font-size: 11px; }
          #content .container #leftcol #cs-profile #whois #bubble ul li .role {
            padding-left: 5px;
            line-height: 1.8;
            font-size: 9px; }
#content .container #rightcol {
  -webkit-font-smoothing: antialiased; }
  #content .container #rightcol #rightcol-inner .inline-label {
    padding: 2px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: #61953c;
    color: white;
    text-shadow: #466c2b 0 -1px 0;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: -10px;
    left: 20px; }
  #content .container #rightcol #rightcol-inner #cs-quote {
    border: 1px dashed white;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: relative;
    margin-top: 25px; }
    #content .container #rightcol #rightcol-inner #cs-quote #cs-quote-kick {
      position: absolute;
      width: 23px;
      height: 25px;
      top: -23px;
      right: 64px;
      background: url('/images/redesign/cs-quote-kick.png?1323996999') no-repeat top left; }
    #content .container #rightcol #rightcol-inner #cs-quote #cs-quote-inner {
      padding: 10px 20px 10px 40px; }
      #content .container #rightcol #rightcol-inner #cs-quote #cs-quote-inner p {
        text-align: center;
        color: #FFF;
        line-height: 1.2;
        font-weight: normal;
        font-size: 20px;
        font-family: "DessauLight", Helvetica, sans-serif;
        text-shadow: #111111 0 -1px 0;
        margin: 0; }
        #content .container #rightcol #rightcol-inner #cs-quote #cs-quote-inner p span.lquote, #content .container #rightcol #rightcol-inner #cs-quote #cs-quote-inner p span.rquote {
          width: 20px;
          height: 14px;
          position: absolute; }
        #content .container #rightcol #rightcol-inner #cs-quote #cs-quote-inner p span.lquote {
          top: 10px;
          left: 10px;
          background: url('/images/redesign/lquote.png?1323996999') no-repeat top left; }
        #content .container #rightcol #rightcol-inner #cs-quote #cs-quote-inner p span.rquote {
          bottom: 10px;
          right: 10px;
          background: url('/images/redesign/rquote.png?1323996999') no-repeat top right; }
  #content .container #rightcol #rightcol-inner #challenge-solution {
    margin-top: 25px;
    background: url('/images/redesign/trans_black_40.png?1323996999') repeat top left;
    color: #B3B3B3;
    border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    overflow: visible;
    position: relative;
    height: 1%; }
    #content .container #rightcol #rightcol-inner #challenge-solution:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #content .container #rightcol #rightcol-inner #challenge-solution #challenge {
      float: left;
      width: 300px;
      position: relative; }
      #content .container #rightcol #rightcol-inner #challenge-solution #challenge #challenge-inner {
        padding: 30px 0px 10px 20px; }
    #content .container #rightcol #rightcol-inner #challenge-solution #solution {
      float: right;
      width: 300px;
      position: relative; }
      #content .container #rightcol #rightcol-inner #challenge-solution #solution #solution-inner {
        padding: 30px 20px 10px 0; }
      #content .container #rightcol #rightcol-inner #challenge-solution #solution .inline-label {
        left: 0; }
    #content .container #rightcol #rightcol-inner #challenge-solution #plus {
      background: url('/images/redesign/cs-plus.png?1323996999') no-repeat center center;
      width: 41px;
      height: 41px;
      position: absolute;
      top: 40%;
      left: 332px; }
    #content .container #rightcol #rightcol-inner #challenge-solution #arrowtail {
      background: url('/images/redesign/cs-arrowtail.png?1323996999') no-repeat center center;
      width: 41px;
      height: 26px;
      position: absolute;
      bottom: 0;
      left: 332px; }
  #content .container #rightcol #rightcol-inner #result {
    margin-top: 20px;
    position: relative;
    background: url('/images/redesign/cs-results.png?1323996999') no-repeat center top; }
    #content .container #rightcol #rightcol-inner #result #result-inner {
      padding: 40px 20px 30px 20px; }
    #content .container #rightcol #rightcol-inner #result h1 {
      margin: 0 0 10px 0;
      color: #89BDBC;
      font-size: 21px;
      line-height: 1;
      font-weight: normal;
      font-family: "DessauMedium", Helvetica, sans-serif;
      text-shadow: #111111 0 -1px 0;
      text-align: left;
      -webkit-font-smoothing: antialiased;
      margin-top: 30px;
      padding-bottom: 10px;
      font-size: 18px;
      color: white; }
    #content .container #rightcol #rightcol-inner #result h2 {
      margin: 0 0 10px 0;
      color: #89BDBC;
      font-size: 21px;
      line-height: 1;
      font-weight: normal;
      font-family: "DessauMedium", Helvetica, sans-serif;
      text-shadow: #111111 0 -1px 0;
      text-align: left;
      -webkit-font-smoothing: antialiased;
      font-size: 16px; }
    #content .container #rightcol #rightcol-inner #result p {
      color: #B3B3B3;
      font-size: 13px; }

/* TECHNOLOGY screen.sass Modifications and Additions */
#content .container {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  display: inline-block; }
  #content .container {
    display: block; }
  #content .container .leftcol#arch_diagram {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 390px;
    padding-top: 30px; }
    * html #content .container .leftcol#arch_diagram {
      overflow-x: hidden; }
    #content .container .leftcol#arch_diagram #diagram p {
      text-align: center;
      color: #BBB;
      font-size: 16px;
      font-family: "DessauLight", Helvetica, sans-serif;
      text-shadow: #111111 0 -1px 0;
      margin: 0;
      padding: 0; }
      #content .container .leftcol#arch_diagram #diagram p span.bold {
        font-family: "DessauMedium", Helvetica, sans-serif; }
    #content .container .leftcol#arch_diagram #diagram .diagram_block {
      padding: 10px;
      background: url('/images/redesign/trans_black_50.png?1323996999') repeat top left;
      border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      text-transform: uppercase; }
    #content .container .leftcol#arch_diagram #diagram .silverline_layer {
      margin-top: 5px; }
    #content .container .leftcol#arch_diagram #diagram .os_layer {
      margin-top: 10px;
      padding: 20px 10px; }
    #content .container .leftcol#arch_diagram #diagram .machine_layer {
      margin-top: 15px; }
    #content .container .leftcol#arch_diagram #dashboard_layer #dashboard_inner {
      padding: 20px 15px 5px 13px; }
    #content .container .leftcol#arch_diagram #domain_layer {
      background: url('/images/redesign/trans_white_40.png?1323996999') repeat top left;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
      #content .container .leftcol#arch_diagram #domain_layer #domain_inner {
        padding: 20px 15px 15px 13px; }
    #content .container .leftcol#arch_diagram .signup_layer {
      margin-top: 25px; }
      #content .container .leftcol#arch_diagram .signup_layer p {
        text-align: center; }
  #content .container .rightcol#arch_explained {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 550px;
    -webkit-font-smoothing: antialiased; }
    * html #content .container .rightcol#arch_explained {
      overflow-x: hidden; }
    #content .container .rightcol#arch_explained #explained #explained_inner {
      padding: 50px 20px 20px 30px; }
      #content .container .rightcol#arch_explained #explained #explained_inner h2 {
        margin: 0 0 10px 0;
        color: #89BDBC;
        font-size: 21px;
        line-height: 1;
        font-weight: normal;
        font-family: "DessauMedium", Helvetica, sans-serif;
        text-shadow: #111111 0 -1px 0;
        text-align: left;
        -webkit-font-smoothing: antialiased; }
      #content .container .rightcol#arch_explained #explained #explained_inner p {
        color: #B3B3B3;
        font-size: 13px; }
      #content .container .rightcol#arch_explained #explained #explained_inner a {
        text-transform: uppercase;
        text-decoration: none;
        color: #61953c;
        text-shadow: #111111 0 -1px 0; }
        #content .container .rightcol#arch_explained #explained #explained_inner a:hover {
          color: #999999; }

/* PRICING screen.sass Modifications and Additions */
#pricing-titles {
  margin-top: 40px; }

#pricing-signup p {
  text-align: center; }

/* SESSIONS screen.sass Modifications and Additions */
form.user {
  margin-top: 40px; }

.buttons ol {
  width: 100%;
  text-align: center;
  list-style: none; }
  .buttons ol li input {
    display: inline; }

/* REGISTRATION plus partners signup page */
.container {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  display: inline-block; }
  .container {
    display: block; }
  .container #signup {
    padding-bottom: 20px;
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block; }
    .container #signup {
      display: block; }
    .container #signup .leftcol {
      display: inline;
      float: left;
      margin-right: 10px;
      width: 430px; }
      * html .container #signup .leftcol {
        overflow-x: hidden; }
      .container #signup .leftcol .leftcol_inner {
        padding: 50px 0 20px 0; }
        .container #signup .leftcol .leftcol_inner #partner_logo {
          padding-bottom: 20px; }
        .container #signup .leftcol .leftcol_inner a {
          color: #61953c;
          text-decoration: none;
          font-weight: bold; }
    .container #signup .rightcol {
      display: inline;
      float: left;
      margin-right: 10px;
      width: 510px; }
      * html .container #signup .rightcol {
        overflow-x: hidden; }
      .container #signup .rightcol .rightcol_inner {
        padding: 0 0 20px 0; }
        .container #signup .rightcol .rightcol_inner form {
          width: 400px; }
          .container #signup .rightcol .rightcol_inner form fieldset {
            width: 400px; }
            .container #signup .rightcol .rightcol_inner form fieldset input[type=text], .container #signup .rightcol .rightcol_inner form fieldset input[type=password] {
              width: 340px; }
          .container #signup .rightcol .rightcol_inner form .librato_btn {
            border: none;
            margin-bottom: 10px; }

/* PROMOTIONS _promo.sass additions/modifications */
#content.promo h2, #signup h2 {
  margin: 0 0 10px 0;
  color: #89BDBC;
  font-size: 21px;
  line-height: 1;
  font-weight: normal;
  font-family: "DessauMedium", Helvetica, sans-serif;
  text-shadow: #111111 0 -1px 0;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  font-size: 24px; }
#content.promo h3, #signup h3 {
  color: #B3B3B3;
  font-size: 13px;
  font-weight: bold;
  display: block;
  color: white; }
#content.promo p, #signup p {
  color: #B3B3B3;
  font-size: 13px;
  -webkit-font-smoothing: antialiased; }
  #content.promo p strong, #signup p strong {
    color: white; }
#content.promo a, #signup a {
  text-transform: uppercase;
  text-decoration: none;
  color: #61953c;
  text-shadow: #111111 0 -1px 0; }
  #content.promo a:hover, #signup a:hover {
    color: #999999; }
#content.promo ul, #signup ul {
  margin-left: 0; }
  #content.promo ul li, #signup ul li {
    background: url('/images/redesign/list_bullet.png?1323996999') no-repeat 6px 6px;
    padding-left: 20px;
    list-style: none;
    color: #B3B3B3;
    font-size: 13px; }
#content.promo .container, #signup .container {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  display: inline-block; }
  #content.promo .container, #signup .container {
    display: block; }
  #content.promo .container .leftcol, #signup .container .leftcol {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 510px; }
    * html #content.promo .container .leftcol, * html #signup .container .leftcol {
      overflow-x: hidden; }
    #content.promo .container .leftcol .leftcol_inner, #signup .container .leftcol .leftcol_inner {
      padding: 50px 0 20px 0; }
  #content.promo .container .rightcol, #signup .container .rightcol {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 430px; }
    * html #content.promo .container .rightcol, * html #signup .container .rightcol {
      overflow-x: hidden; }
    #content.promo .container .rightcol .rightcol_inner, #signup .container .rightcol .rightcol_inner {
      padding: 40px 20px 20px 30px; }

/* HEADER screen.sass additions/modifications */
#footbar {
  background: url('/images/redesign/footer_gradient.png?1323996999') repeat-x top left;
  border-top: 1px solid #111111; }
  #footbar .container {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    -webkit-font-smoothing: antialiased; }
    #footbar .container {
      display: block; }
    #footbar .container .footer_col {
      display: inline;
      float: left;
      margin-right: 10px;
      width: 190px;
      padding: 25px 0 0 0; }
      * html #footbar .container .footer_col {
        overflow-x: hidden; }
      #footbar .container .footer_col span.coltitle {
        color: #999;
        font-size: 16px;
        font-family: "DessauMedium", Helvetica, sans-serif;
        text-shadow: #111111 0 -1px 0; }
      #footbar .container .footer_col ul {
        margin: 10px 0 0 0;
        list-style: none;
        font-size: 12px; }
        #footbar .container .footer_col ul li {
          line-height: 1.4; }
          #footbar .container .footer_col ul li a {
            color: #666666;
            text-decoration: none; }
            #footbar .container .footer_col ul li a:hover {
              color: #999999; }
    #footbar .container .footer_col.col3 {
      display: inline;
      float: left;
      margin-right: 10px;
      width: 230px; }
      * html #footbar .container .footer_col.col3 {
        overflow-x: hidden; }
    #footbar .container .footer_col.last {
      display: inline;
      float: left;
      margin-right: 10px;
      width: 110px; }
      * html #footbar .container .footer_col.last {
        overflow-x: hidden; }
    #footbar .container .footer_extras {
      display: inline;
      float: left;
      margin-right: 10px;
      width: 950px;
      color: #FFF; }
      * html #footbar .container .footer_extras {
        overflow-x: hidden; }

/* ADMIN - TEMPLATE */
#header .container #navigation .admin_nav {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  display: inline-block;
  text-shadow: black 0 -1px 0;
  margin-top: 20px;
  display: block;
  float: right; }
  #header .container #navigation .admin_nav {
    display: block; }
  #header .container #navigation .admin_nav li {
    list-style-type: none;
    margin-left: 0px;
    white-space: nowrap;
    display: inline;
    float: left;
    padding-left: 10px;
    padding-right: 10px; }
    #header .container #navigation .admin_nav li.first {
      padding-left: 0px; }
    #header .container #navigation .admin_nav li.last {
      padding-right: 0px; }
  #header .container #navigation .admin_nav li {
    padding: 0;
    margin-right: 1px;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    background: url('/images/redesign/trans-gradient-nav.png?1323996999') repeat-x top left; }
    #header .container #navigation .admin_nav li a.nav_button {
      display: block;
      padding: 9px 15px;
      text-transform: uppercase;
      text-decoration: none;
      color: #FFF; }
      #header .container #navigation .admin_nav li a.nav_button:hover {
        color: #f8851f; }
      #header .container #navigation .admin_nav li a.nav_button.active {
        color: #f8851f; }
    #header .container #navigation .admin_nav li ul {
      display: none; }

ul#sub_nav {
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 0; }
  ul#sub_nav li {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased; }
    ul#sub_nav li a {
      text-shadow: black 0 -1px 0;
      padding: 5px 15px;
      white-space: nowrap;
      display: block;
      text-decoration: none;
      text-transform: uppercase;
      color: white; }
      ul#sub_nav li a:hover {
        background: #333;
        color: #f8851f; }
  ul#sub_nav a {
    background: #404040;
    text-decoration: underline; }

/* ADMIN - ACCOUNT SETTINGS */
#content .container #account-settings {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  display: inline-block;
  margin-top: 15px;
  padding-bottom: 15px; }
  #content .container #account-settings {
    display: block; }
  #content .container #account-settings .dbox {
    -webkit-font-smoothing: antialiased;
    background: url('/images/redesign/trans_white_10.png?1323996999') repeat top left;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px; }
    #content .container #account-settings .dbox .dbox-title {
      padding: 13px 25px 10px 25px;
      border-bottom: 1px solid #222; }
      #content .container #account-settings .dbox .dbox-title p {
        color: #FFF;
        line-height: 1;
        font-weight: normal;
        font-size: 18px;
        font-family: "DessauLight", Helvetica, sans-serif;
        text-shadow: #111111 0 -1px 0;
        text-align: left;
        margin: 0;
        padding: 0; }
    #content .container #account-settings .dbox .dbox-content {
      border-top: 1px solid #555;
      padding-top: 15px; }
  #content .container #account-settings input[type=text], #content .container #account-settings input[type=password] {
    margin: 0 0 0 1px;
    padding: 8px;
    background: none;
    border: none;
    color: white;
    font-size: 14px;
    outline: 1px dashed #000;
    width: auto;
    display: block;
    width: 100%; }
    #content .container #account-settings input[type=text]:focus, #content .container #account-settings input[type=password]:focus {
      outline: none;
      background: url('/images/redesign/trans_black_40.png?1323996999') repeat top left; }
  #content .container #account-settings form {
    width: auto;
    border: none;
    background: none;
    padding: 10px 25px 20px 25px; }
    #content .container #account-settings form .LV_validation_message {
      font-size: 11px;
      color: #B81E31;
      position: absolute;
      bottom: 0px;
      left: 90px;
      font-weight: normal; }
    #content .container #account-settings form .LV_valid {
      color: #00CC00; }
    #content .container #account-settings form .LV_invalid {
      color: #CC0000; }
    #content .container #account-settings form .LV_valid_field,
    #content .container #account-settings form input.LV_valid_field:hover,
    #content .container #account-settings form input.LV_valid_field:active,
    #content .container #account-settings form textarea.LV_valid_field:hover,
    #content .container #account-settings form textarea.LV_valid_field:active {
      outline: 1px dashed #61953C; }
    #content .container #account-settings form .LV_invalid_field,
    #content .container #account-settings form input.LV_invalid_field:hover,
    #content .container #account-settings form input.LV_invalid_field:active,
    #content .container #account-settings form textarea.LV_invalid_field:hover,
    #content .container #account-settings form textarea.LV_invalid_field:active {
      outline: 1px dashed #B81E31;
      background: rgba(184, 30, 49, 0.3); }
    #content .container #account-settings form.user {
      margin: 0; }
    #content .container #account-settings form fieldset.buttons ol {
      margin: 0 0 0 90px;
      text-align: left; }
      #content .container #account-settings form fieldset.buttons ol li {
        padding: 0; }
    #content .container #account-settings form ol {
      margin: 0;
      padding: 0; }
      #content .container #account-settings form ol li {
        overflow: hidden;
        display: inline-block;
        padding: 1px 0 15px 0; }
        #content .container #account-settings form ol li {
          display: block; }
        #content .container #account-settings form ol li label {
          float: left;
          width: 90px;
          color: #FFF;
          line-height: 2;
          font-weight: normal;
          font-size: 16px;
          font-family: "DessauLight", Helvetica, sans-serif;
          text-shadow: #111111 0 -1px 0;
          text-align: left;
          margin: 0;
          padding: 0; }
        #content .container #account-settings form ol li input[type=text], #content .container #account-settings form ol li input[type=password] {
          clear: none;
          float: left;
          width: 300px; }
        #content .container #account-settings form ol li .sbHolder {
          margin-left: 90px; }
          #content .container #account-settings form ol li .sbHolder .sbSelector {
            color: white; }
        #content .container #account-settings form ol li .librato_btn {
          border: none;
          font-size: 13px;
          padding: 6px 12px; }
        #content .container #account-settings form ol li.last {
          padding-bottom: 20px; }
        #content .container #account-settings form ol li.error {
          background: none;
          border: none;
          color: white;
          margin-bottom: 0;
          position: relative; }
          #content .container #account-settings form ol li.error input[type=text], #content .container #account-settings form ol li.error input[type=password] {
            border: none;
            outline: 1px dashed #B81E31;
            background: rgba(184, 30, 49, 0.3); }
          #content .container #account-settings form ol li.error p.inline-errors {
            font-size: 11px;
            color: #B81E31;
            background: #2C2C2C;
            padding: 0 3px 2px 3px;
            position: absolute;
            top: 1px;
            right: 3px; }
        #content .container #account-settings form ol li.string, #content .container #account-settings form ol li.password {
          position: relative; }
  #content .container #account-settings #flash {
    background: url('/images/redesign/trans_black_10.png?1323996999') repeat top left;
    border: none;
    color: white;
    padding: 0;
    margin: 0;
    max-width: none;
    text-align: left; }
    #content .container #account-settings #flash p {
      display: block;
      padding: 10px 55px; }
    #content .container #account-settings #flash.success p {
      background: url('/images/redesign/icons/success.png?1323996999') no-repeat 20px center; }
    #content .container #account-settings #flash.error p {
      background: url('/images/redesign/icons/error.png?1323996999') no-repeat 20px center; }
  #content .container #account-settings .leftcol {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 470px; }
    * html #content .container #account-settings .leftcol {
      overflow-x: hidden; }
    #content .container #account-settings .leftcol .leftcol-inner {
      margin-right: 10px; }
  #content .container #account-settings .rightcol {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 470px; }
    * html #content .container #account-settings .rightcol {
      overflow-x: hidden; }
    #content .container #account-settings .rightcol #password {
      margin-bottom: 20px; }
    #content .container #account-settings .rightcol #api-token .dbox-content {
      padding: 23px 45px 25px 25px; }

.last {
  margin-right: 0px !important; }

.librato_btn {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  background: #61953c;
  color: #FFF !important;
  text-shadow: #466c2b 0 -1px 0;
  border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  padding: 8px 35px;
  display: inline-block;
  margin-top: 10px; }

.borderless {
  border: none !important; }

.border-top-dark, .border-bottom-light {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none; }

.border-bottom-light {
  border-bottom: 1px solid #404040; }

.border-top-dark {
  border-bottom: 1px solid #111; }

.control_bar {
  display: block;
  overflow: hidden;
  display: inline-block; }
  .control_bar {
    display: block; }
  .control_bar a.add_server {
    color: black;
    float: right; }

#download_widget {
  margin-top: 20px; }
  #download_widget ol li a {
    color: #61953c; }

/* main vertical scroll */
#servers {
  position: relative;
  overflow: hidden;
  height: 470px; }

/* root element for pages */
#pages {
  position: absolute;
  height: 20000em; }

/* single page */
.page {
  padding: 10px;
  height: 450px;
  width: 760px;
  background: #E7E7E7;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  position: relative; }
  .page #step_nav {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    overflow: hidden;
    display: inline-block; }
    .page #step_nav {
      display: block; }
    .page #step_nav .next_slide {
      background: url('/images/redesign/slider/step_next.png?1323996999') no-repeat top left;
      display: inline;
      float: right;
      width: 80px;
      height: 35px;
      cursor: pointer;
      margin-right: 50px; }
    .page #step_nav .prev_slide {
      background: url('/images/redesign/slider/step_prev.png?1323996999') no-repeat top left;
      display: inline;
      float: left;
      display: none;
      width: 122px;
      height: 35px;
      cursor: pointer;
      margin-left: 50px; }

/* root element for horizontal scrollables */
.scrollable {
  position: relative;
  overflow: hidden;
  width: 760px;
  height: 410px; }

/* root element for scrollable items */
.scrollable .items {
  width: 20000em;
  position: absolute;
  clear: both; }

/* single scrollable item */
.item {
  float: left;
  width: 680px;
  height: 350px;
  padding: 10px 40px;
  position: relative; }
  .item h2 {
    margin: 10px 0 20px 0 !important;
    color: #666 !important;
    font-size: 24px !important;
    line-height: 1;
    font-weight: normal;
    font-family: "DessauMedium", Helvetica, sans-serif;
    text-shadow: white 0 1px 0;
    text-align: left !important;
    -webkit-font-smoothing: antialiased; }
  .item h3 {
    margin: 0 0 20px 0 !important;
    color: #61953c !important;
    font-size: 20px !important;
    line-height: 1;
    font-weight: normal;
    font-family: "DessauMedium", Helvetica, sans-serif;
    text-align: left !important;
    -webkit-font-smoothing: antialiased; }
  .item p {
    margin: 20px 0 0 0;
    color: #4C4C4C;
    line-height: 1.6; }
  .item ul, .item ol {
    list-style: none;
    padding: 0;
    margin: 0; }
    .item ul li, .item ol li {
      color: #4C4C4C;
      padding-bottom: 5px;
      font-size: 13px; }
      .item ul li span, .item ol li span {
        display: block;
        margin-top: 10px;
        padding-left: 15px; }
        .item ul li span.bold, .item ol li span.bold {
          font-weight: bold; }
      .item ul li code, .item ol li code {
        margin-top: 10px;
        margin-bottom: 10px;
        background: white;
        display: block;
        padding: 5px 10px;
        font-size: 12px; }
        .item ul li code.inline, .item ol li code.inline {
          display: inline;
          padding: 2px;
          background: white; }
  .item ol {
    list-style: decimal;
    list-style-position: inside; }
  .item .download_package {
    width: 100%; }
    .item .download_package .packages {
      width: 400px;
      margin: 40px auto 0 auto;
      overflow: hidden;
      display: inline-block; }
      .item .download_package .packages {
        display: block; }
      .item .download_package .packages a.x86_64 {
        display: block;
        width: 128px;
        height: 171px;
        background: url('/images/redesign/slider/download_x86_64.png?1323996999') no-repeat top left;
        float: left; }
      .item .download_package .packages a.i386 {
        display: block;
        width: 128px;
        height: 171px;
        background: url('/images/redesign/slider/download_i386.png?1323996999') no-repeat top left;
        float: right;
        margin-right: 20px; }
  .item .updateMe p {
    text-align: center;
    padding-top: 30px;
    margin-top: 120px;
    margin-right: 20px; }
  .item .updateMe p.verifying {
    background: url('/images/redesign/slider/verifying.gif?1323996999') no-repeat top center; }
  .item .updateMe #welcome_servers {
    margin-top: -20px; }
    .item .updateMe #welcome_servers .fg-toolbar {
      background: none;
      border: none; }
  .item .next_steps {
    z-index: 100; }

#os_request_trigger {
  display: block;
  margin-top: 10px;
  color: #61953c;
  cursor: pointer; }

#modal_request_form {
  display: none; }

#os_request_form form {
  padding: 0px 5px;
  min-height: 85px; }
#os_request_form h1 {
  margin: 10px 3px;
  color: #666;
  font-size: 24px;
  line-height: 1;
  font-weight: normal;
  font-family: "DessauMedium", Helvetica, sans-serif;
  text-shadow: white 0 1px 0;
  text-align: left;
  -webkit-font-smoothing: antialiased; }
#os_request_form .instruction {
  padding: 0 5px;
  color: #333;
  margin: 0; }
#os_request_form #new_user_product_support_suggestion {
  background: none;
  border: none;
  border-width: 0; }
  #os_request_form #new_user_product_support_suggestion fieldset.inputs ol {
    margin: 0; }
  #os_request_form #new_user_product_support_suggestion fieldset.inputs label {
    height: 0px; }
  #os_request_form #new_user_product_support_suggestion fieldset.inputs input {
    width: 95%;
    border: none;
    border-width: 0;
    outline: 1px solid #999;
    margin-left: 1px;
    padding: 3px;
    font-size: 18px;
    color: #333; }

/* main navigator */
#page_nav {
  float: left;
  padding: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-right: -10px; }

#page_nav li {
  border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  background: #5D9732;
  clear: both;
  color: #FFFFFF;
  font-size: 12px;
  height: 92px;
  list-style-type: none;
  width: 175px;
  cursor: pointer;
  border-bottom: 1px solid #628A44;
  border-top: 1px solid #83AA66; }
  #page_nav li p {
    padding: 8px 10px 8px 0;
    text-align: center;
    -webkit-font-smoothing: antialiased; }
    #page_nav li p img {
      float: none;
      margin-right: 0; }
    #page_nav li p span {
      display: block;
      font-size: 12px; }


#page_nav li.active {
  background-color: #E7E7E7;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }
  #page_nav li.active p {
    color: #333; }

#page_nav img {
  float: left;
  margin-right: 10px; }

#page_nav strong {
  display: block; }

#servers div.server_sub_nav {
  margin-left: 250px;
  cursor: pointer; }

.scrollable {
  float: left; }

a.prev, a.next, a.prevPage, a.nextPage {
  display: block;
  width: 18px;
  height: 18px;
  float: left;
  margin: 43px 10px;
  cursor: pointer;
  font-size: 1px; }

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
  background-position: 0px -18px; }

a.disabled {
  visibility: hidden !important; }

a.next, a.nextPage {
  clear: right; }

#page_sub_nav {
  width: 100%;
  overflow: hidden; }
  #page_sub_nav .sub_nav {
    height: 40px;
    position: relative;
    float: left;
    left: 28%; }
    #page_sub_nav .sub_nav a {
      width: 65px;
      height: 40px;
      float: left;
      display: block;
      font-size: 1px;
      background: url('/images/redesign/slider/sub_nav.png?1323996999') no-repeat top left;
      color: white;
      font-size: 14px;
      text-decoration: none;
      text-indent: 50px;
      line-height: 32px;
      text-shadow: #aaaaaa 0 -1px 0;
      cursor: pointer;
      position: relative; }
      #page_sub_nav .sub_nav a.first {
        background: url('/images/redesign/slider/sub_nav_first.png?1323996999') no-repeat top left; }
      #page_sub_nav .sub_nav a.last {
        background: url('/images/redesign/slider/sub_nav.png?1323996999') no-repeat top left; }
      #page_sub_nav .sub_nav a.active {
        background-position: bottom left !important; }

/* ADMIN - TEMPLATE */
#facebox table .body {
  background: #E7E7E7; }
  #facebox table .body .content .eula h1 {
    margin: 10px 0 10px 20px;
    color: #666;
    font-size: 24px;
    line-height: 1;
    font-weight: normal;
    font-family: "DessauMedium", Helvetica, sans-serif;
    text-shadow: white 0 1px 0;
    text-align: left;
    -webkit-font-smoothing: antialiased; }
  #facebox table .body .content .eula form {
    padding: 0;
    background: none;
    border: none;
    margin-top: 10px; }
    #facebox table .body .content .eula form #user_eula_input label {
      color: #666; }

/* TEMPLATES */
.edit_template {
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none; }

#templates {
  margin-top: 0; }
  #templates .template_errors {
    padding: 10px 15px;
    -webkit-font-smoothing: antialiased;
    background: url('/images/redesign/trans_black_10.png?1323996999') repeat top left;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-bottom: 10px; }
    #templates .template_errors h2 {
      font-size: 16px;
      color: #942524;
      text-align: left;
      margin: 0;
      padding-bottom: 5px; }
    #templates .template_errors ul {
      color: #9A9A9A;
      font-size: 13px;
      list-style: none;
      padding: 0;
      margin: 0; }
  #templates input.naked {
    width: 100px;
    margin: 0;
    padding: 1px 5px;
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    outline: 1px dashed #222; }
    #templates input.naked:focus {
      outline: none;
      background: url('/images/redesign/trans_black_40.png?1323996999') repeat top left; }
  #templates h1 {
    font-size: 24px;
    color: #FFF;
    text-align: left;
    text-shadow: #111111 0 -1px 0;
    -webkit-font-smoothing: antialiased;
    float: left; }
    #templates h1 input.naked {
      width: 730px; }
  #templates h3 {
    color: white;
    font-size: 20px;
    font-family: "DessauLight", Helvetica, sans-serif;
    text-shadow: #111111 0 -1px 0;
    text-align: left;
    margin: 0;
    padding: 0; }
  #templates p.tiny {
    color: #818181;
    font-size: 10px;
    margin: 0;
    padding: 0; }
    #templates p.tiny span.white {
      color: white; }
    #templates p.tiny span.hint_trigger {
      text-transform: uppercase;
      color: #61953c;
      cursor: pointer; }
  #templates p.label {
    color: white;
    font-size: 14px;
    margin: 0 0 .7em 0; }
  #templates #template {
    position: relative;
    width: 100%;
    background: url('/images/redesign/trans_black_20.png?1323996999') repeat top left;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
    display: inline-block; }
    #templates #template {
      display: block; }
    #templates #template #template-header {
      width: 100%;
      height: 60px;
      border-bottom: 1px solid #222; }
      #templates #template #template-header #template-header-inner {
        padding: 15px;
        overflow: hidden;
        display: inline-block; }
        #templates #template #template-header #template-header-inner {
          display: block; }
      #templates #template #template-header #save {
        display: inline;
        float: right;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        padding: 6px 15px;
        cursor: pointer;
        border: none; }
    #templates #template #containers {
      width: 270px;
      height: 305px;
      float: left;
      border-top: 1px solid #555;
      border-right: 1px solid #222;
      border-bottom: 1px solid #222;
      background: url('/images/redesign/trans_black_10.png?1323996999') repeat top left;
      position: relative;
      float: left; }
      #templates #template #containers .header {
        border-bottom: 1px solid #222;
        padding: 10px 15px; }
      #templates #template #containers #add-container {
        background: url('/images/redesign/templates/add_btn.png?1323996999') no-repeat top left;
        width: 25px;
        height: 25px;
        position: absolute;
        top: 10px;
        right: 10px;
        border: none;
        cursor: pointer; }
      #templates #template #containers .con {
        width: 225px;
        border-top: 1px solid #555;
        border-bottom: 1px solid #222;
        padding: 5px 15px;
        z-index: 9999;
        cursor: move;
        overflow: hidden;
        display: inline-block; }
        #templates #template #containers .con {
          display: block; }
        #templates #template #containers .con .color-indicator {
          background-image: url('/images/redesign/templates/container-color-frame.png?1323996999');
          background-position: top left;
          background-repeat: none;
          width: 20px;
          height: 20px;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          float: left;
          cursor: move; }
        #templates #template #containers .con.current {
          background: url('/images/redesign/trans_black_50.png?1323996999') repeat top left; }
          #templates #template #containers .con.current p {
            color: white; }
        #templates #template #containers .con p {
          float: left;
          color: #9A9A9A;
          line-height: 2;
          margin: 0 0 0 10px;
          padding: 0;
          cursor: move; }
        #templates #template #containers .con.ui-draggable-dragging {
          background: url('/images/redesign/trans_black_50.png?1323996999') repeat top left;
          cursor: move; }
      #templates #template #containers #container-list {
        width: 270px;
        height: 250px;
        outline: none; }
        #templates #template #containers #container-list .jspPane.short {
          border-bottom: 1px solid #555; }
        #templates #template #containers #container-list .jspPane .con {
          width: 100%;
          z-index: 0; }
    #templates #template #container-details {
      width: 270px;
      height: 115px;
      float: left;
      border-top: 1px solid #555;
      border-right: 1px solid #222;
      background: url('/images/redesign/trans_black_10.png?1323996999') repeat top left; }
      #templates #template #container-details #container-details-inner {
        padding: 10px 15px;
        position: relative;
        overflow: hidden;
        display: inline-block; }
        #templates #template #container-details #container-details-inner {
          display: block; }
        #templates #template #container-details #container-details-inner #color-indicator {
          background-image: url('/images/redesign/templates/container-color-frame.png?1323996999');
          background-position: top left;
          background-repeat: none;
          width: 20px;
          height: 20px;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          float: left;
          margin-top: 4px;
          margin-right: 10px; }
        #templates #template #container-details #container-details-inner h1 {
          margin-bottom: 0;
          padding-bottom: 5px; }
          #templates #template #container-details #container-details-inner h1 input.naked#container-name {
            width: 165px;
            float: left; }
            #templates #template #container-details #container-details-inner h1 input.naked#container-name.borderless {
              outline: none; }
              #templates #template #container-details #container-details-inner h1 input.naked#container-name.borderless:focus {
                outline: none;
                background: none; }
        #templates #template #container-details #container-details-inner #delete-container {
          background: url('/images/redesign/templates/delete_btn.png?1323996999') no-repeat top left;
          width: 22px;
          height: 22px;
          float: right;
          border: none;
          cursor: pointer;
          display: none;
          margin-top: 5px; }
        #templates #template #container-details #container-details-inner p {
          padding: 0;
          margin: 0;
          line-height: 27px; }
        #templates #template #container-details #container-details-inner p.key {
          color: #9A9A9A;
          font-size: 13px;
          clear: left;
          float: left; }
        #templates #template #container-details #container-details-inner p.value {
          color: #FFF;
          font-size: 18px;
          text-transform: uppercase;
          float: right; }
    #templates #template #indicators {
      width: 678px;
      height: 422px;
      float: right;
      border-top: 1px solid #555;
      border-left: 1px solid #555;
      background: url('/images/redesign/trans_black_10.png?1323996999') repeat top left;
      float: right; }
      #templates #template #indicators hr {
        border-top: 1px solid #222;
        border-bottom: 1px solid #555; }
      #templates #template #indicators #indicators-inner {
        padding: 15px 30px; }
        #templates #template #indicators #indicators-inner .indicator {
          overflow: hidden;
          display: inline-block;
          padding-bottom: 10px; }
          #templates #template #indicators #indicators-inner .indicator {
            display: block; }
          #templates #template #indicators #indicators-inner .indicator .capacity-min {
            float: left; }
          #templates #template #indicators #indicators-inner .indicator .capacity-max {
            float: right;
            margin-right: 1px; }
            #templates #template #indicators #indicators-inner .indicator .capacity-max .max-label {
              display: block;
              text-align: right;
              font-size: 12px;
              line-height: 1.5;
              margin-right: 5px; }
          #templates #template #indicators #indicators-inner .indicator .capacity-min, #templates #template #indicators #indicators-inner .indicator .capacity-max {
            color: white;
            font-size: 24px;
            line-height: 1; }
            #templates #template #indicators #indicators-inner .indicator .capacity-min p, #templates #template #indicators #indicators-inner .indicator .capacity-max p {
              margin: 0;
              padding: 0; }
            #templates #template #indicators #indicators-inner .indicator .capacity-min input.naked, #templates #template #indicators #indicators-inner .indicator .capacity-max input.naked {
              width: 70px;
              text-align: right; }
          #templates #template #indicators #indicators-inner .indicator .capacity-bar {
            width: 618px;
            position: relative;
            display: block;
            clear: both;
            margin-top: 15px;
            padding-bottom: 10px; }
            #templates #template #indicators #indicators-inner .indicator .capacity-bar ul {
              margin: 0;
              padding: 0;
              width: 100%;
              height: 38px;
              overflow: hidden;
              position: relative;
              list-style-type: none;
              background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2d2d2d), color-stop(1, #3a3a3a));
              background: -moz-linear-gradient(#2d2d2d 0%, #3a3a3a 100%);
              -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.6);
              -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.6);
              box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.6); }
              #templates #template #indicators #indicators-inner .indicator .capacity-bar ul.ui-state-hover {
                border: none; }
              #templates #template #indicators #indicators-inner .indicator .capacity-bar ul li {
                height: 38px;
                float: left;
                background-image: url('/images/redesign/templates/container-bg.png?1323996999');
                background-repeat: repeat-x;
                background-position: top left;
                -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
                -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
                box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF; }
                #templates #template #indicators #indicators-inner .indicator .capacity-bar ul li.fair-share {
                  background-image: url('/images/redesign/templates/container-fs-bg.png?1323996999') !important;
                  background-repeat: no-repeat;
                  background-position: top center; }
                #templates #template #indicators #indicators-inner .indicator .capacity-bar ul li .ui-resizable-e {
                  cursor: col-resize;
                  /* Drag handle style? */ }
    #templates #template #hints {
      display: none;
      width: 678px;
      background: url('/images/redesign/trans_black_10.png?1323996999') repeat top left;
      position: absolute;
      bottom: 0;
      right: 0;
      border-bottom-right-radius: 8px;
      -moz-border-radius-bottomright: 8px;
      -webkit-border-bottom-right-radius: 8px; }
      #templates #template #hints hr {
        padding: 0;
        margin: 0;
        height: 0;
        border-top: 1px solid #222;
        border-bottom: 1px solid #555; }
      #templates #template #hints #close_hint {
        width: 5px;
        height: 5px;
        position: absolute;
        top: 10px;
        right: 15px;
        cursor: pointer;
        font-family: Verdana, Arial, sans-serif;
        color: #CCC; }
      #templates #template #hints #hints-inner {
        padding: 15px 30px;
        overflow: hidden;
        display: inline-block; }
        #templates #template #hints #hints-inner {
          display: block; }
        #templates #template #hints #hints-inner #hint-type {
          width: 32px;
          height: 32px;
          float: left;
          margin-right: 15px; }
          #templates #template #hints #hints-inner #hint-type.info {
            background: url('/images/redesign/templates/icon-info.png?1323996999') no-repeat top left; }
        #templates #template #hints #hints-inner #hint {
          float: left;
          width: 560px;
          color: #B4B4B4;
          text-align: left;
          font-size: 11px;
          line-height: 1.3;
          padding: 0;
          margin: 0; }

/* Tooltips */
#con_value {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  font-size: 15px;
  font-weight: bold;
  color: #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px #111111;
  -moz-box-shadow: 0px 0px 5px #111111;
  box-shadow: 0px 0px 5px #111111; }
  #con_value #con_value_content {
    padding: 5px 10px 5px 10px;
    text-shadow: #333 0 -1px 0;
    -webkit-font-smoothing: antialiased; }
  #con_value #tooltip_arrow {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent  /* left arrow slant */;
    border-right: 5px solid transparent /* right arrow slant */;
    border-top: 5px solid #000 /* bottom, add background color here */;
    margin: 0 auto /* centers the arrow within the parent container */;
    font-size: 0px;
    line-height: 0px;
    margin-bottom: -5px; }

#con_options {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  font-size: 15px;
  font-weight: bold;
  color: #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px #111111;
  -moz-box-shadow: 0px 0px 5px #111111;
  box-shadow: 0px 0px 5px #111111; }
  #con_options #options_arrow {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent  /* left arrow slant */;
    border-right: 5px solid transparent /* right arrow slant */;
    border-bottom: 5px solid #000 /* bottom, add background color here */;
    margin: 0 auto /* centers the arrow within the parent container */;
    font-size: 0px;
    line-height: 0px;
    margin-top: -5px; }
  #con_options #con_options_content {
    overflow: hidden;
    display: inline-block;
    padding: 5px; }
    #con_options #con_options_content {
      display: block; }
    #con_options #con_options_content .option {
      float: left;
      border: none;
      border-right: 1px solid black;
      border-left: 1px solid #444;
      padding: 0 20px;
      cursor: pointer;
      width: 35px;
      height: 30px; }
      #con_options #con_options_content .option.first {
        border-left: none; }
      #con_options #con_options_content .option.last {
        border-right: none; }
    #con_options #con_options_content #fairshare {
      background: url('/images/redesign/templates/fairshare-icon.png?1323996999') no-repeat center center; }
    #con_options #con_options_content #fixset.fix {
      background: url('/images/redesign/templates/fix-icon.png?1323996999') no-repeat top center; }
    #con_options #con_options_content #fixset.set {
      background: url('/images/redesign/templates/set-icon.png?1323996999') no-repeat top center; }
    #con_options #con_options_content #unlimited {
      background: url('/images/redesign/templates/unlimited-icon.png?1323996999') no-repeat center center; }
    #con_options #con_options_content #fixed {
      cursor: default;
      background: url('/images/redesign/templates/fix-icon-na.png?1323996999') no-repeat top center; }
  #con_options #close {
    position: absolute;
    top: -3px;
    left: -3px;
    width: 12px;
    height: 12px;
    background: url('/images/redesign/templates/tooltip-close.png?1323996999') no-repeat center center;
    cursor: pointer; }

.jspTrack {
  background: url('/images/redesign/templates/scrollpane/vtrack.png?1323996999') repeat-y top right;
  position: relative; }

.jspDrag {
  background: url('/images/redesign/templates/scrollpane/bhandle.png?1323996999') no-repeat center right;
  position: relative;
  top: 0;
  left: 0;
  cursor: move; }

.glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 618px;
  height: 38px;
  -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
  background: transparent;
  border: 1px solid #555;
  outline: none; }
  .glow.active {
    -webkit-box-shadow: 0 0 15px rgba(147, 225, 91, 1);
    -moz-box-shadow: 0 0 15px rgba(147, 225, 91, 1);
    box-shadow: 0 0 15px rgba(147, 225, 91, 1); }

/* Charts */
#content.shelf {
  background: url('/images/redesign/shelf-gradient.png?1323996999') repeat-x top left; }
  #content.shelf #dashboard {
    padding: 15px 0 25px 0; }

#chart {
  min-height: 510px;
  background: url('/images/charts/loading_chart.gif?1323996999') no-repeat center 220px; }
  #chart .nodata {
    font-weight: bold;
    padding-top: 0.8em;
    text-align: center;
    font-size: 14pt; }

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

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

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

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

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

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

h6 {
  font-weight: normal;
  color: #222222;
  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: #000099; }
  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; }


.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9; }

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

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

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

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

.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; }

body.bp .clear {
  clear: both; }
body.bp .nowrap {
  white-space: nowrap; }
body.bp .clearfix {
  overflow: hidden;
  display: inline-block; }
  body.bp .clearfix {
    display: block; }
body.bp .small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }
body.bp .large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }
body.bp .first {
  margin-left: 0;
  padding-left: 0; }
body.bp .last {
  margin-right: 0;
  padding-right: 0; }
body.bp .top {
  margin-top: 0;
  padding-top: 0; }
body.bp .bottom {
  margin-bottom: 0;
  padding-bottom: 0; }
body.bp .showgrid {
  background: url('/images/grid.png?1323996999'); }
body.bp .error {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4; }
  body.bp .error a {
    color: #8a1f11; }
body.bp .notice {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324; }
  body.bp .notice a {
    color: #514721; }
body.bp .success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880; }
  body.bp .success a {
    color: #264409; }
body.bp .hide {
  display: none; }
body.bp .highlight {
  background: yellow; }
body.bp .added {
  background: #006600;
  color: white; }
body.bp .removed {
  background: #990000;
  color: white; }

form.bp label {
  font-weight: bold; }
form.bp fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0; }
form.bp legend {
  font-weight: bold;
  font-size: 1.2em; }
form.bp input.text, form.bp input.title, form.bp input[type=text] {
  margin: 0.5em 0;
  background-color: #fff;
  padding: 5px; }
form.bp input.title {
  font-size: 1.5em; }
form.bp input[type=checkbox], form.bp input.checkbox,
form.bp input[type=radio], form.bp input.radio {
  position: relative;
  top: 0.25em; }
form.bp textarea {
  margin: 0.5em 0;
  padding: 5px; }
form.bp select {
  margin: 0.5em 0; }
form.bp fieldset {
  border: 1px solid #cccccc; }
form.bp input.text, form.bp input.title,
form.bp textarea,
form.bp select {
  border: 1px solid #bbbbbb; }
  form.bp input.text:focus, form.bp input.title:focus,
  form.bp textarea:focus,
  form.bp select:focus {
    border: 1px solid #666666; }
form.bp input.text, form.bp input.title {
  width: 300px; }
form.bp textarea {
  width: 390px;
  height: 250px; }

body.bp {
  background: url('/images/body_texture.png?1323996999');
  text-align: left; }

body.bp .error {
  padding: 0; }


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

#content .container {
  padding-bottom: 15px; }

ul.inline_menu {
  list-style-type: none; }

.green_theme h1 {
  text-align: center;
  color: #61953c; }
.green_theme h2 {
  color: #CCC;
  font-size: 2.4em;
  text-align: center;
  margin: 1em 0 0 0;
  line-height: 1; }
.green_theme h2.welcome {
  width: auto;
  color: #9C3;
  font-size: 21px;
  line-height: 1.4;
  font-weight: normal;
  margin: 1em 0 1em 1em; }
.green_theme .left {
  float: left;
  text-align: left; }

h1.silver {
  color: #CCC;
  font-size: 7.2em;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin: 0;
  padding: 0; }

.left {
  float: left;
  text-align: left; }

#dashboard {
  padding: 25px 0; }

#welcome,
#dashboard {
  clear: left; }
  #welcome ol.nav,
  #welcome ul.nav,
  #dashboard ol.nav,
  #dashboard ul.nav {
    margin: 0 auto 7px auto;
    padding: 0;
    width: 330px;
    overflow: auto;
    text-align: center;
    list-style-type: none; }
    #welcome ol.nav li,
    #welcome ul.nav li,
    #dashboard ol.nav li,
    #dashboard ul.nav li {
      margin: 0;
      padding: 0;
      float: left;
      width: 165px;
      height: 50px;
      color: #898989;
      font-size: 1.4em;
      font-weight: bold;
      line-height: 50px;
      background: #e8e8e8 url('/images/inactive_link.png?1323996999') 0 0 no-repeat; }
      #welcome ol.nav li a,
      #welcome ul.nav li a,
      #dashboard ol.nav li a,
      #dashboard ul.nav li a {
        float: left;
        width: 165px;
        height: 50px;
        color: #898989;
        line-height: 50px;
        text-decoration: none;
        background: #e8e8e8 url('/images/inactive_link.png?1323996999') 0 0 no-repeat; }
      #welcome ol.nav li a:hover,
      #welcome ul.nav li a:hover,
      #dashboard ol.nav li a:hover,
      #dashboard ul.nav li a:hover {
        color: #436a1c;
        text-decoration: underline; }
    #welcome ol.nav li.current_page,
    #welcome ol.nav li.current_page a,
    #welcome ul.nav li.current_page,
    #welcome ul.nav li.current_page a,
    #dashboard ol.nav li.current_page,
    #dashboard ol.nav li.current_page a,
    #dashboard ul.nav li.current_page,
    #dashboard ul.nav li.current_page a {
      color: #436a1c;
      background: #95c13d url('/images/active_link.png?1323996999') 0 0 no-repeat; }

#dashboard table p {
  margin: 0;
  padding: 0; }

#welcome .content ol {
  color: #FFF;
  margin: 0 0 1em 0;
  background: #464646;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 20px 20px 1px 40px; }
  #welcome .content ol li {
    margin: 0 0 20px 0; }
    #welcome .content ol li a {
      color: #9C3; }
#welcome .content code {
  color: #9C3;
  overflow: auto;
  display: block;
  padding: 5px 10px;
  margin: 5px 0 0 0;
  background: #1c1c1c; }

#welcome .content form ol {
  margin: 0;
  padding: 0;
  background: none; }

form.formtastic fieldset.buttons {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0; }
form.formtastic ol {
  margin-left: 1.5em;
  margin-right: 1.5em;
  margin-top: 0;
  margin-bottom: 0; }
form.formtastic .buttons .commit input.gloss_button {
  height: 50px; }
form.formtastic .buttons .commit input.gloss_button.update {
  height: 40px; }

#product_suggestion {
  margin: 20px 0 0 0; }
  #product_suggestion fieldset {
    border: 2px solid #61953c;
    padding: 10px; }
    #product_suggestion fieldset legend {
      border: solid 2px #61953c;
      background: #ffff66;
      font-weight: bold;
      padding: 0 0.25em 0 0.25em; }
    #product_suggestion fieldset form,
    #product_suggestion fieldset form fieldset.buttons {
      margin: 0;
      padding: 0;
      background: none;
      border: none; }
      #product_suggestion fieldset form li,
      #product_suggestion fieldset form fieldset.buttons li {
        padding: 0; }
      #product_suggestion fieldset form li.commit,
      #product_suggestion fieldset form fieldset.buttons li.commit {
        padding: 0;
        margin: 0 0 0 0; }
    #product_suggestion fieldset form fieldset.inputs {
      margin-top: 10px;
      padding: 0px; }
    #product_suggestion fieldset form fieldset {
      border: 0 none; }
      #product_suggestion fieldset form fieldset legend {
        border: 0 none; }

#welcome .content {
  width: 700px;
  margin: 0 auto; }
  #welcome .content h2 {
    color: #693;
    text-align: left;
    font-weight: bold;
    line-height: 1.5; }
  #welcome .content p {
    margin: 0;
    color: #888; }
  #welcome .content ul#latest_release {
    width: 406px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    padding: 1em 0 0 0;
    list-style-type: none; }
    #welcome .content ul#latest_release li {
      float: left;
      width: 193px;
      overflow: auto;
      margin: 0 10px 10px 0; }
      #welcome .content ul#latest_release li strong {
        color: #FFF;
        height: 58px;
        display: block;
        font-size: 13px;
        line-height: 58px;
        text-align: center;
        background: #666666 url('/images/distro.png?1323996999') 0 0 no-repeat; }
      #welcome .content ul#latest_release li span {
        float: left;
        height: 35px;
        font-size: 10px;
        line-height: 35px;
        text-align: center;
        text-transform: uppercase; }
        #welcome .content ul#latest_release li span a {
          height: 35px;
          display: block;
          color: #A1A1A1;
          text-decoration: none; }
      #welcome .content ul#latest_release li span.x86_64 {
        width: 97px; }
        #welcome .content ul#latest_release li span.x86_64 a {
          background: #555555 url('/images/distro.png?1323996999') 0 100% no-repeat; }
        #welcome .content ul#latest_release li span.x86_64 a:hover {
          background: #555555 url('/images/distro.png?1323996999') 0 -58px no-repeat; }
      #welcome .content ul#latest_release li span.i686 {
        width: 96px; }
        #welcome .content ul#latest_release li span.i686 a {
          background: #555555 url('/images/distro.png?1323996999') 100% 100% no-repeat; }
        #welcome .content ul#latest_release li span.i686 a:hover {
          background: #555555 url('/images/distro.png?1323996999') 100% -58px no-repeat; }
#welcome ol.nav {
  width: 660px; }
#welcome ul.prev_next {
  margin: 0;
  overflow: auto;
  font-size: 16px;
  list-style-type: none;
  padding: 0 30px 30px 30px; }
  #welcome ul.prev_next li a {
    color: #693;
    height: 61px;
    display: block;
    line-height: 61px;
    font-weight: bold;
    text-decoration: none; }
  #welcome ul.prev_next li a:hover {
    color: #360;
    text-decoration: underline; }
  #welcome ul.prev_next li.previous {
    float: left; }
    #welcome ul.prev_next li.previous a {
      padding: 0 0 0 70px;
      background: url('/images/previous.png?1323996999') 0 0 no-repeat; }
  #welcome ul.prev_next li.next {
    float: right; }
    #welcome ul.prev_next li.next a {
      padding: 0 70px 0 0;
      background: url('/images/next.png?1323996999') 100% 0 no-repeat; }

#download_tab {
  width: 520px;
  margin-left: auto;
  margin-right: auto; }
  #download_tab h2 {
    color: #693;
    text-align: left;
    font-weight: bold;
    line-height: 1.5; }
  #download_tab #downloads ul#latest_release {
    width: 406px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    padding: 1em 0 0 0;
    list-style-type: none; }
    #download_tab #downloads ul#latest_release li {
      float: left;
      width: 193px;
      overflow: auto;
      margin: 0 10px 10px 0; }
      #download_tab #downloads ul#latest_release li strong {
        color: #FFF;
        height: 58px;
        display: block;
        font-size: 13px;
        line-height: 58px;
        text-align: center;
        background: #666666 url('/images/distro.png?1323996999') 0 0 no-repeat; }
      #download_tab #downloads ul#latest_release li span {
        float: left;
        height: 35px;
        font-size: 10px;
        line-height: 35px;
        text-align: center;
        text-transform: uppercase; }
        #download_tab #downloads ul#latest_release li span a {
          height: 35px;
          display: block;
          color: #A1A1A1;
          text-decoration: none; }
      #download_tab #downloads ul#latest_release li span.x86_64 {
        width: 97px; }
        #download_tab #downloads ul#latest_release li span.x86_64 a {
          background: #555555 url('/images/distro.png?1323996999') 0 100% no-repeat; }
        #download_tab #downloads ul#latest_release li span.x86_64 a:hover {
          background: #555555 url('/images/distro.png?1323996999') 0 -58px no-repeat; }
      #download_tab #downloads ul#latest_release li span.i686 {
        width: 96px; }
        #download_tab #downloads ul#latest_release li span.i686 a {
          background: #555555 url('/images/distro.png?1323996999') 100% 100% no-repeat; }
        #download_tab #downloads ul#latest_release li span.i686 a:hover {
          background: #555555 url('/images/distro.png?1323996999') 100% -58px no-repeat; }

#headbar {
  padding-top: 15px;
  padding-bottom: 10px; }

#trial {
  margin: 0 auto;
  width: 400px;
  border-top: none;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px #111111;
  -moz-box-shadow: 0px 0px 10px #111111;
  box-shadow: 0px 0px 10px #111111;
  background-color: #61953C;
  color: white;
  text-align: center;
  padding: 5px;
  margin-bottom: -15px; }
  #trial a {
    color: inherit; }
  #trial a:hover {
    color: white; }

#logo {
  overflow: hidden; }

#login {
  margin-top: 5px; }

#user_login_box, #admin_login_box {
  float: right;
  display: inline;
  margin-left: 20px; }
  #user_login_box a, #admin_login_box a {
    text-transform: uppercase; }

#site_nav_box {
  float: right;
  display: inline;
  margin-left: 20px;
  background-color: #292929\9; }
  #site_nav_box a {
    font-variant: small-caps; }

span#copyright {
  color: #666;
  float: right; }

#navbar {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 950px;
  margin-right: 0;
  padding-bottom: 20px; }
  * html #navbar {
    overflow-x: hidden; }

#metrics {
  overflow: auto;
  padding: 0 0 20px 0; }
  #metrics .metric {
    float: left;
    margin: 0 20px 0 0;
    width: 106px; }
    #metrics .metric .unit {
      color: #898989;
      text-align: center;
      letter-spacing: 1px;
      font-variant: small-caps;
      margin: 0 0 10px 0; }
    #metrics .metric .measure {
      color: #CCC;
      height: 93px;
      font-size: 48pt;
      font-weight: bold;
      line-height: 93px;
      text-align: center;
      background: url('/images/metric.png?1323996999') 0 0 no-repeat;
      font-family: Arial, sans-serif; }

#flash {
  text-align: center;
  padding: .3em .4em;
  margin: 0 auto .5em;
  clear: both;
  max-width: 46.923em;
  *max-width: 45.750em; }
  #flash.error, #flash.failure, #flash.alert {
    border: thin solid #8b0000;
    background: #ffc0cb; }
  #flash.notice, #flash.info {
    display: none; }
  #flash.warning {
    border: thin solid #b8860b;
    background: #ff0; }
  #flash.close {
    float: right; }
    #flash.close a {
      color: #f00;
      text-decoration: none; }

form.formtastic .string input,
form.formtastic .password input,
form.formtastic textarea {
  width: 375px; }

#server_account_token #token {
  width: 410px;
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #000; }
#server_account_token label {
  font-size: 13px;
  padding-bottom: 5px;
  margin-left: 10px;
  line-height: 1.4em;
  color: #555;
  clear: both;
  display: block;
  float: left;
  width: auto; }

.links {
  width: 422px;
  padding: 10px;
  margin: 0 auto;
  overflow: auto; }
  .links .forgot {
    float: left; }
  .links .signin {
    float: left; }
  .links .sign_in {
    float: right; }
  .links .confirm {
    float: right; }
  .links a {
    color: #CCC;
    text-decoration: none; }
  .links a:hover {
    color: #FFF;
    text-decoration: underline; }

#header .static_nav {
  margin-left: 0px;
  display: inline;
  color: #61953c;
  display: block;
  margin-top: 20px; }
  #header .static_nav a {
    font-size: 14px;
    float: none;
    color: #61953c;
    text-decoration: none;
    text-transform: capitalize; }
    #header .static_nav a:hover {
      text-decoration: underline; }
  #header .static_nav .divider {
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px; }

#headbar .static_nav {
  display: inline;
  margin-left: 0px;
  color: #61953c;
  display: block;
  margin-top: 20px; }
  #headbar .static_nav a {
    font-size: 14px;
    float: none;
    color: #61953c;
    text-decoration: none;
    text-transform: capitalize; }
    #headbar .static_nav a:hover {
      text-decoration: underline; }
  #headbar .static_nav .divider {
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px; }

#dashboard_interior {
  color: white; }
  #dashboard_interior h2 {
    color: #693;
    width: 820px;
    line-height: 2;
    font-size: 21px;
    text-align: left;
    font-weight: bold;
    margin: 10px auto 0 auto; }
  #dashboard_interior a {
    color: #693; }
  #dashboard_interior p.error_msg {
    padding: 10px;
    margin-bottom: 0;
    font-size: 21px;
    text-align: left; }
    #dashboard_interior p.error_msg a {
      color: #693; }
  #dashboard_interior .explanation p {
    color: white; }
  #dashboard_interior .explanation a {
    color: #61953c; }
  #dashboard_interior .explanation a:visited {
    color: #006; }

.gloss_button {
  font-family: Arial, Helvetica, sans-serif;
  color: #fff !important;
  font-size: 16pt;
  display: block;
  width: auto;
  height: auto;
  background-color: #679934;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-top: 2px solid rgba(255,255,255,.5);
  border-right: 2px solid rgba(0,0,0,.05);
  border-bottom: 2px solid rgba(0,0,0,.1);
  border-left: 2px solid rgba(255,255,255,.30);
  text-decoration: none;
  text-shadow: rgba(0,0,0,.25) 0px -1px 0px;
  background-image: url('/images/gloss.png?1323996999');
  background-repeat: repeat-x;
  background-position: 0px -28px;
  cursor: pointer;
  margin: 10px auto;
  padding: 5px 35px 5px 35px; }

.gloss_button:hover {
  background-color: #99cc33; }

table.report-table {
  color: #FFFFFF;
  background: #252525;
  margin: 0px auto;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px; }
  table.report-table tr:hover {
    background: #282828; }
  table.report-table th {
    color: #898989;
    background: #191919;
    border: none;
    text-align: center;
    font-weight: normal;
    letter-spacing: 1px;
    font-variant: small-caps;
    padding: 10px;
    vertical-align: bottom;
    line-height: 1.1; }
    table.report-table th span {
      float: right; }
  table.report-table th.first {
    padding: 10px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px; }
  table.report-table th.last {
    padding: 10px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px; }
  table.report-table td {
    padding: 10px;
    text-align: center;
    border-bottom: 3px solid #191919;
    background: #252525; }
    table.report-table td a {
      color: #9C3; }
  table.report-table td.first {
    border-left: 3px solid #191919; }
  table.report-table td.last {
    border-right: 3px solid #191919; }
  table.report-table a {
    text-decoration: none; }
    table.report-table a:visited {
      color: #9C3; }
    table.report-table a:hover {
      color: #FFF; }
  table.report-table .tag_load {
    padding-left: 4px;
    font-size: 0.8em; }

.dataTables_wrapper .dataTables_length {
  float: left; }
.dataTables_wrapper .dataTables_filter {
  float: right; }
.dataTables_wrapper th.ui-state-default {
  cursor: pointer; }
  .dataTables_wrapper th.ui-state-default:hover {
    color: #9c9c9c; }

.fg-toolbar {
  font-size: 1.2em; }
  .fg-toolbar .dataTables_info {
    float: left; }
  .fg-toolbar .dataTables_paginate {
    float: right; }
  .fg-toolbar .paging_full_numbers .fg-button {
    padding: 2px 6px;
    cursor: pointer; }
    .fg-toolbar .paging_full_numbers .fg-button:hover {
      background: #d4d4d4; }
  .fg-toolbar .dataTables_filter, .fg-toolbar .dataTables_length, .fg-toolbar .dataTables_paginate, .fg-toolbar .dataTables_info, .fg-toolbar .dataTables_processing {
    padding: 5px; }

div.paginate {
  margin: 10px 0; }
  div.paginate a {
    margin: 0 2px;
    padding: 5px 7px;
    text-decoration: none;
    color: #693;
    background: #d1e8a2;
    font-weight: normal;
    letter-spacing: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }
    div.paginate a:visited {
      color: #693; }
    div.paginate a:hover {
      background: #693;
      color: #FFF; }
  div.paginate ul {
    margin: 0;
    list-style-type: none; }
    div.paginate ul li {
      display: inline; }
      div.paginate ul li.active {
        color: #9C3;
        font-weight: bold;
        padding: 2px 4px;
        margin: 5px 5px; }
        div.paginate ul li.active a {
          background-color: #fff; }
          div.paginate ul li.active a:hover {
            color: #9c3; }
  div.paginate .next_page {
    margin-left: 5px; }
  div.paginate .prev_page {
    margin-right: 5px; }
  div.paginate .current {
    color: #9C3;
    font-weight: bold;
    padding: 2px 4px;
    margin: 5px 5px; }
  div.paginate .disabled {
    border: none;
    color: #888; }

p.bread-crumbs {
  letter-spacing: 1px;
  text-transform: uppercase; }
  p.bread-crumbs a {
    margin: 0 2px;
    padding: 5px 7px;
    text-decoration: none;
    color: #693;
    background: #d1e8a2;
    font-weight: normal;
    letter-spacing: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }
    p.bread-crumbs a:visited {
      color: #693; }
    p.bread-crumbs a:hover {
      background: #693;
      color: #FFF; }

#content .container.admin_box {
  clear: left;
  padding: 10px; }
  #content .container.admin_box h1 {
    font-size: 16px; }
  #content .container.admin_box h2, #content .container.admin_box h3, #content .container.admin_box p {
    margin: 0  0 0.5em 0;
    text-align: left;
    color: #693; }
  #content .container.admin_box label {
    color: white; }
  #content .container.admin_box form {
    margin-bottom: 20px; }
  #content .container.admin_box a {
    color: #693;
    text-decoration: none;
    font-weight: normal; }
    #content .container.admin_box a:visited {
      color: #693; }
    #content .container.admin_box a:hover {
      color: #3e710b; }
  #content .container.admin_box ul {
    color: white; }
    #content .container.admin_box ul li a {
      margin: 0 2px;
      padding: 5px 7px; }
  #content .container.admin_box .server_release ul {
    list-style-type: none; }

#content .container .profile {
  padding: 0; }
  #content .container .profile h2 {
    font-size: 1.4em;
    text-align: left;
    width: 424px;
    line-height: 1;
    margin: 20px auto 5px auto; }

.group {
  color: #FFF;
  padding: 15px;
  margin: 20px 0;
  text-align: center;
  background: #464646;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }
  .group a {
    color: #9C3; }
  .group p {
    color: #FFF; }
  .group li {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    list-style-type: none; }
  .group .code {
    text-align: left; }
  .group h2.message {
    text-align: center; }
  .group h2 {
    margin: 0;
    padding: 0 0 20px 0;
    color: #9C3; }
  .group p {
    color: #FFF;
    font-size: 1.2em; }

.static {
  color: #FFF;
  font-size: 1.2em; }
  .static h2, .static h3 {
    color: #61953c; }
  .static h2 {
    text-align: left;
    margin-bottom: 15px; }
  .static a {
    color: #9C3; }

form.direct_mail {
  background: black;
  width: auto; }
  form.direct_mail fieldset.buttons {
    background: black; }
  form.direct_mail .filters li {
    padding: 0px; }

#billing-acct-thanks {
  width: 350px;
  border: 1px solid #444;
  background: rgb(0,0,0) /* IE8 fallback */;
  background: rgba(0,0,0,0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 5px 5px;
  margin: 0 auto; }
  #billing-acct-thanks p {
    color: #c5c5c5;
    font-size: 18px;
    text-align: justify; }
    #billing-acct-thanks p a, #billing-acct-thanks p a:visited {
      color: #61953c; }

.profile .account_box {
  width: 442px;
  border: 1px solid #444;
  background: rgb(0,0,0) /* IE8 fallback */;
  background: rgba(0,0,0,0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 5px 5px;
  color: #CCC;
  text-align: center;
  margin: 0 auto; }

#premium_billing a {
  width: 230px; }
#premium_billing span.active {
  color: #61953c; }
#premium_billing span.inactive {
  color: #ff1818; }

h3.walk_through a {
  color: #5d9732; }

h3.walk_through a:hover {
  color: #000; }

form {
  width: 442px;
  border: 1px solid #444;
  background: rgb(0,0,0) /* IE8 fallback */;
  background: rgba(0,0,0,0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 5px 5px;
  margin: 0 auto;
  min-height: 100px; }
  form fieldset.buttons {
    text-align: center; }
  form li {
    padding: 10px 0px; }
    form li li {
      padding: 0; }
  form li fieldset {
    padding: 0; }
  form legend, form label {
    color: #888; }
  form label, form .label {
    padding-bottom: 5px;
    text-align: left; }
    form label abbr, form .label abbr {
      color: #f00;
      display: none; }
  form label {
    line-height: 1.4em;
    font-size: 13px; }
  form legend span {
    display: none;
    font-size: 1.4em;
    line-height: 1em; }
    form legend span.label {
      font-size: 1em; }
  form select {
    padding: 3px; }
  form input, form textarea, form select {
    font-family: inherit;
    font-size: 14px; }
  form textarea, form input {
    border: 1px solid #999;
    padding: 6px 8px;
    line-height: 100%; }
  form .date li, form .time li, form .datetime li {
    margin: 0 0.3em 0 0; }
  form #errorExplanation li {
    margin-left: 15px; }
  form form p, form .errors {
    padding: 3px 0px; }
  form .required input, form .required textarea, form .required select {
    background-color: #fff; }
  form .error input, form .error textarea, form .error select {
    background-color: #fcc;
    border: 1px solid #f66; }
  form .optional input, form .optional textarea, form .optional select {
    background-color: #fff; }
  form .errors {
    color: #a00; }
    form .errors li {
      margin-left: 1.2em; }
  form p.inline-errors {
    color: #f00; }
  form p.inline-hints {
    color: #777; }
  form .buttons {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 8px; }
    form .buttons ol {
      margin: 0 auto; }
    form .buttons li {
      padding-right: 0.5em; }

#feedback {
  position: fixed;
  top: 216px;
  left: 0%;
  z-index: 2000; }
  #feedback a {
    background: url('/images/feedback.png?1323996999') no-repeat left 200px;
    background-position: -3px 200px;
    background-attachment: fixed;
    cursor: pointer; }
    #feedback a:hover {
      background-position: -1px 200px; }

#feedback, #feedback a {
  width: 40px;
  display: block;
  height: 96px; }

html {
  font: 12pt/1.8em Arial, Helvetica, sans-serif; }

a {
  color: #fff; }
  a:focus, a:active {
    outline: 0;
    -moz-outline: none; }

hr {
  float: none;
  clear: both;
  height: 0px;
  border: none;
  border-top: 1px solid #101010;
  border-bottom: 1px solid #2f2f2f; }

#logo .home a {
  display: block;
  float: left;
  width: 114px;
  height: 45px;
  text-indent: -9999px;
  background: url('/images/logo.png?1323996999') no-repeat; }

#logo h1 {
  float: left;
  font-weight: bold;
  color: #CCC;
  text-shadow: #000 0px 2px 0px, #e5e5e5 0px -1px 0px;
  padding-top: 5px;
  margin-bottom: 0px;
  margin-left: 20px; }
  #logo h1 a {
    text-decoration: none;
    color: #CCC; }

#header.beta {
  background: #181818 url('/images/BG-dark-white-dark-2.jpg?1323996999') repeat-x 0 0; }

#header .container #betaheadbar {
  height: 45px; }

#explanation {
  background-color: #fff; }

#features .container {
  padding-top: 30px; }

#header h1 {
  display: block;
  margin: 20px 0 15px 80px;
  font-size: 60pt;
  font-weight: bold;
  line-height: 1.8em;
  color: #cccccc;
  text-shadow: #000 0px 2px 0px, #fff 0px -1px 0px; }
#header h2 {
  display: block;
  width: 420px;
  font-weight: normal;
  font-size: 14pt;
  margin: -40px 0 0 80px;
  color: #99cc33; }
#header h3 {
  color: #99cc33; }
#header #text {
  float: left;
  width: 500px; }
#header #illustration {
  float: right;
  width: 430px;
  margin: 30px 0 30px 0; }

#watch-demo-button {
  font-size: 12pt;
  color: #e1e1e1;
  font-weight: normal;
  text-decoration: none;
  display: block;
  background-image: url('/images/watch-demo-button.png?1323996999');
  background-position: 0 0;
  padding: 4px 0 0 12px;
  height: 28px;
  width: 140px;
  margin: 20px 0 40px 0px;
  text-shadow: rgba(0,0,0,.25) 0px -1px 0px; }

#watch-demo-button:hover {
  color: #fff;
  background-position: 0px 34px; }

a#jump-to-signup {
  top: -40px;
  position: relative;
  color: #fff;
  text-decoration: none;
  margin: 0 auto -20px auto;
  padding: 10px 0 0 0; }
  a#jump-to-signup span {
    display: block;
    font-size: 8pt;
    position: relative;
    font-weight: normal;
    text-transform: uppercase; }

a#promo-jump-to-signup {
  top: -40px;
  position: relative;
  color: #fff;
  text-decoration: none;
  margin: 0 auto -20px auto;
  padding: 10px 0 0 0;
  padding: 8px 0;
  width: 150px; }
  a#promo-jump-to-signup span {
    display: block;
    font-size: 8pt;
    position: relative;
    font-weight: normal;
    text-transform: uppercase; }
  a#promo-jump-to-signup #inside-button {
    margin-top: 12px;
    margin-bottom: 12px; }

#explanation .container {
  color: #282828;
  font-size: 11pt;
  line-height: 1.3em;
  width: 780px;
  padding: 0 0 40px 0; }
  #explanation .container p {
    display: block;
    width: 360px;
    margin: 0 15px;
    float: left;
    text-align: justify; }

#features {
  margin: 0;
  padding: 0; }
  #features ul {
    margin: 0;
    padding: 0; }
  #features h2, #features h3 {
    color: #99cc33;
    font-family: Arial,Helvetica,sans-serif; }
  #features h2 {
    text-shadow: rgba(0,0,0,.25) 0px -2px 0px, rgba(255,255,255,.25) 0px 1px 0px;
    font-size: 1.6em; }
  #features h3 {
    margin-bottom: 0px;
    font-size: 1.2em; }
  #features a, #features a:visited {
    color: #693;
    text-decoration: none; }
  #features a:hover {
    text-decoration: underline; }
  #features ul > li {
    display: inline;
    float: left;
    margin-right: 10px;
    width: 310px;
    list-style: none;
    font-size: 11pt;
    line-height: 1.6em;
    color: #888888;
    padding: 0; }
    * html #features ul > li {
      overflow-x: hidden; }
  #features #how-do-i-use-it {
    margin-right: 0; }
  #features em {
    color: #99cc33;
    font-style: normal;
    font-size: 11pt; }
  #features li#what-can-it-do ul li {
    list-style: square inside url('/images/list-star.png?1323996999');
    display: list-item;
    margin-bottom: 18px; }
  #features code {
    background-color: #1c1c1c;
    padding: 2px;
    color: #99cc33;
    font: 10pt "Andele Mono", "Lucida Console", Monaco, "Courier New", Courier, monospace; }

form.formtastic.user .create_link {
  text-align: center; }
  form.formtastic.user .create_link a, form.formtastic.user .create_link a:visited {
    color: #555;
    text-decoration: none; }
    form.formtastic.user .create_link a:hover, form.formtastic.user .create_link a:visited:hover {
      color: #ccc;
      text-decoration: underline; }

#sign_up h2 {
  text-align: left;
  margin-bottom: 20px;
  color: #99cc33; }
#sign_up p {
  color: white;
  font-size: 11pt; }
#sign_up form {
  float: right;
  width: 460px;
  margin-left: 30px; }

#cores-slider {
  cursor: pointer; }
  #cores-slider a {
    cursor: pointer; }

/* A few sensible defaults */
/* Keep scrollbar on to keep design from shifting left/right a few pixels */
html {
  height: 101%; }

/* For clearing floats */
.clearfix {
  clear: both; }

/* When you need to sweep something under the rug */
.hidden {
  visibility: hidden; }

/* To underline anything */
.underlined {
  text-decoration: underline; }

/* To help with IE7's difficulty calculating margins */
.ie7spacer {
  height: 0;
  text-indent: -9999px; }

/* Default links look horrible on a grey background */
/* Animation & Step by Step Page (Technology => views/home/technology.html.haml) */
#sideBar {
  margin: 10px 0 0 0;
  float: left;
  width: 300px;
  display: inline; }

#sideBar h1#sideBarTitle {
  color: #ccc;
  background: url('/images/docs/how-it-works.png') no-repeat;
  width: 298px;
  height: 36px;
  text-indent: -9999px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 50px;
  display: block; }

#sideBar #sideBarNav a {
  display: block;
  margin: 10px 0;
  width: 180px;
  height: 25px;
  line-height: 25px;
  padding: 0px 0px 4px 15px;
  font-size: 13px;
  letter-spacing: 1px;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.4);
  background-color: #191919\9;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-variant: small-caps;
  color: #ccc; }
#sideBar #sideBarNav a:hover, #sideBar #sideBarNav a.activeDocNav {
  background-color: #83AC32;
  color: #fff; }

#sideBarInfo, #sideBarStep {
  background: #ebebeb url('/images/docs/text-box-head.jpg') 0% 0% no-repeat;
  width: 319px;
  min-height: 100px;
  margin-top: 40px;
  /* :margin-top 79px */
  display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  #sideBarInfo #infoNav, #sideBarInfo #stepNav, #sideBarStep #infoNav, #sideBarStep #stepNav {
    height: 58px;
    padding-top: 0px; }
    #sideBarInfo #infoNav a, #sideBarInfo #stepNav a, #sideBarStep #infoNav a, #sideBarStep #stepNav a {
      width: 27px;
      height: 27px;
      text-indent: -9999px;
      display: inline;
      margin-top: 10px; }
    #sideBarInfo #infoNav a.backArrow, #sideBarInfo #stepNav a.backArrow, #sideBarStep #infoNav a.backArrow, #sideBarStep #stepNav a.backArrow {
      background: url('/images/docs/arrows.gif') no-repeat;
      background-position: 0 0;
      float: left;
      margin-left: 10px; }
    #sideBarInfo #infoNav a.backArrow:hover, #sideBarInfo #stepNav a.backArrow:hover, #sideBarStep #infoNav a.backArrow:hover, #sideBarStep #stepNav a.backArrow:hover {
      background-position: 0px -26px; }
    #sideBarInfo #infoNav a.forwardArrow, #sideBarInfo #stepNav a.forwardArrow, #sideBarStep #infoNav a.forwardArrow, #sideBarStep #stepNav a.forwardArrow {
      background: url('/images/docs/arrows.gif') no-repeat;
      background-position: -27px 0;
      float: right;
      margin-right: 10px; }
    #sideBarInfo #infoNav a.forwardArrow:hover, #sideBarInfo #stepNav a.forwardArrow:hover, #sideBarStep #infoNav a.forwardArrow:hover, #sideBarStep #stepNav a.forwardArrow:hover {
      background-position: -27px -26px; }
    #sideBarInfo #infoNav #infoNumber, #sideBarInfo #infoNav #stepTitle, #sideBarInfo #stepNav #infoNumber, #sideBarInfo #stepNav #stepTitle, #sideBarStep #infoNav #infoNumber, #sideBarStep #infoNav #stepTitle, #sideBarStep #stepNav #infoNumber, #sideBarStep #stepNav #stepTitle {
      display: inline;
      float: left;
      text-align: center;
      width: 245px;
      font-size: 30px;
      color: #83AC32;
      font-weight: bold; }
    #sideBarInfo #infoNav #stepTitle, #sideBarInfo #stepNav #stepTitle, #sideBarStep #infoNav #stepTitle, #sideBarStep #stepNav #stepTitle {
      font-size: 20px;
      margin-top: 10px; }
  #sideBarInfo #infoText, #sideBarInfo #stepText, #sideBarStep #infoText, #sideBarStep #stepText {
    padding: 5px 20px 20px;
    line-height: 2em;
    font-size: 14px; }
    #sideBarInfo #infoText p, #sideBarInfo #stepText p, #sideBarStep #infoText p, #sideBarStep #stepText p {
      display: none; }
    #sideBarInfo #infoText p.active, #sideBarInfo #stepText p.active, #sideBarStep #infoText p.active, #sideBarStep #stepText p.active {
      display: block; }

#animation, #stepAnimation {
  width: 502px;
  display: inline;
  float: right;
  margin: 30px 0;
  text-align: center;
  position: relative; }
  #animation #arrow8, #stepAnimation #arrow8 {
    width: 42px;
    height: 12px;
    overflow: hidden;
    position: absolute;
    top: 45px;
    left: 155px;
    text-indent: -9999px;
    background: url('/images/docs/arrow8.png') 0px -12px no-repeat; }
  #animation #arrow8.active, #stepAnimation #arrow8.active {
    background-position: 0px 0px; }
  #animation a#number8, #stepAnimation a#number8 {
    background-position: 0 -126px;
    top: 25px;
    left: 167px; }
  #animation a#number8.activeNumber, #animation a#number8:hover, #stepAnimation a#number8.activeNumber, #stepAnimation a#number8:hover {
    background-position: -18px -126px; }
  #animation #connectorLine, #stepAnimation #connectorLine {
    width: 37px;
    height: 1px;
    border-bottom: 1px solid #fff;
    position: absolute;
    text-indent: -9999px;
    top: 35px;
    left: 162px;
    display: none; }
  #animation #connectorLine.active, #stepAnimation #connectorLine.active {
    display: block; }
  #animation .silverlinePortal, #stepAnimation .silverlinePortal {
    width: 107px;
    height: 107px;
    text-indent: -9999px;
    overflow: hidden;
    background: url('/images/docs/silverline_portal.png') no-repeat;
    position: absolute;
    top: -20px;
    left: 43px; }
  #animation .silverlinePortal.active, #stepAnimation .silverlinePortal.active {
    background-position: 0px -107px; }
  #animation .webBrowser, #stepAnimation .webBrowser {
    width: 98px;
    height: 94px;
    margin: 0 auto;
    overflow: hidden;
    background: url('/images/docs/web-browser.png') no-repeat;
    text-indent: -9999px;
    position: relative;
    top: -5px; }
  #animation .webBrowser.active, #stepAnimation .webBrowser.active {
    background-position: 0 -95px; }
  #animation .number, #stepAnimation .number {
    position: absolute;
    width: 18px;
    height: 18px;
    overflow: hidden;
    text-indent: -9999px;
    background: url('/images/docs/numbers.png') no-repeat; }
  #animation .machineBox, #stepAnimation .machineBox {
    background-color: #0d0d0d;
    position: relative;
    height: 553px;
    width: 500px;
    margin: 15px 0 0 0;
    border: 1px dashed #aaa; }
    #animation .machineBox .primaryAppArrow, #stepAnimation .machineBox .primaryAppArrow {
      width: 0px;
      height: 141px;
      position: absolute;
      top: 288px;
      left: 350px;
      border-right: 1px dashed #252525;
      text-indent: -9999px; }
    #animation .machineBox .arrow, #stepAnimation .machineBox .arrow {
      text-indent: -9999px;
      overflow: hidden;
      position: absolute; }
    #animation .machineBox #arrow2, #stepAnimation .machineBox #arrow2 {
      width: 140px;
      height: 318px;
      background: url('/images/docs/arrow2.png') -140px 0 no-repeat;
      top: 63px;
      left: 24px; }
    #animation .machineBox #arrow2.active, #stepAnimation .machineBox #arrow2.active {
      background-position: 0 0; }
    #animation .machineBox #arrow3, #stepAnimation .machineBox #arrow3 {
      width: 0px;
      height: 48px;
      top: 287px;
      left: 159px;
      border-right: 1px dashed #252525; }
    #animation .machineBox #arrow3.active, #stepAnimation .machineBox #arrow3.active {
      border-right: 1px dashed #fff; }
    #animation .machineBox #arrow4, #stepAnimation .machineBox #arrow4 {
      width: 25px;
      height: 41px;
      top: 389px;
      left: 150px;
      background: url('/images/docs/arrow4.png') -25px 0 no-repeat; }
    #animation .machineBox #arrow4.active, #stepAnimation .machineBox #arrow4.active {
      background-position: 0 0; }
    #animation .machineBox #arrow5, #stepAnimation .machineBox #arrow5 {
      width: 106px;
      height: 277px;
      top: 76px;
      left: 60px;
      background: url('/images/docs/arrow5.png') 0px 0 no-repeat; }
    #animation .machineBox #arrow5.active, #stepAnimation .machineBox #arrow5.active {
      background-position: -106px 0; }
    #animation .machineBox #arrow7, #stepAnimation .machineBox #arrow7 {
      width: 74px;
      height: 66px;
      top: -18px;
      left: 90px;
      background: url('/images/docs/arrow7.png') 0px 0 no-repeat; }
    #animation .machineBox #arrow7.active, #stepAnimation .machineBox #arrow7.active {
      background-position: -74px 0; }
    #animation .machineBox a#number1, #stepAnimation .machineBox a#number1 {
      top: 365px;
      left: 57px; }
    #animation .machineBox a#number2, #stepAnimation .machineBox a#number2 {
      top: 210px;
      left: 15px;
      background-position: 0px -18px; }
    #animation .machineBox a#number3, #stepAnimation .machineBox a#number3 {
      top: 302px;
      left: 150px;
      background-position: 0px -36px; }
    #animation .machineBox a#number4, #stepAnimation .machineBox a#number4 {
      top: 402px;
      left: 182px;
      background-position: 0px -54px; }
    #animation .machineBox a#number5, #stepAnimation .machineBox a#number5 {
      top: 210px;
      left: 50px;
      background-position: 0 -72px; }
    #animation .machineBox a#number6, #stepAnimation .machineBox a#number6 {
      top: 12px;
      left: 240px;
      background-position: 0 -90px; }
    #animation .machineBox a#number7, #stepAnimation .machineBox a#number7 {
      top: 10px;
      left: 68px;
      background-position: 0 -108px; }
    #animation .machineBox a#number1.activeNumber, #animation .machineBox a#number1:hover, #stepAnimation .machineBox a#number1.activeNumber, #stepAnimation .machineBox a#number1:hover {
      background-position: -18px 0px; }
    #animation .machineBox a#number2.activeNumber, #animation .machineBox a#number2:hover, #stepAnimation .machineBox a#number2.activeNumber, #stepAnimation .machineBox a#number2:hover {
      background-position: -18px -18px; }
    #animation .machineBox a#number3.activeNumber, #animation .machineBox a#number3:hover, #stepAnimation .machineBox a#number3.activeNumber, #stepAnimation .machineBox a#number3:hover {
      background-position: -18px -36px; }
    #animation .machineBox a#number4.activeNumber, #animation .machineBox a#number4:hover, #stepAnimation .machineBox a#number4.activeNumber, #stepAnimation .machineBox a#number4:hover {
      background-position: -18px -54px; }
    #animation .machineBox a#number5.activeNumber, #animation .machineBox a#number5:hover, #stepAnimation .machineBox a#number5.activeNumber, #stepAnimation .machineBox a#number5:hover {
      background-position: -18px -72px; }
    #animation .machineBox a#number6.activeNumber, #animation .machineBox a#number6:hover, #stepAnimation .machineBox a#number6.activeNumber, #stepAnimation .machineBox a#number6:hover {
      background-position: -18px -90px; }
    #animation .machineBox a#number7.activeNumber, #animation .machineBox a#number7:hover, #stepAnimation .machineBox a#number7.activeNumber, #stepAnimation .machineBox a#number7:hover {
      background-position: -18px -108px; }
    #animation .machineBox .stepArrow, #stepAnimation .machineBox .stepArrow {
      position: absolute;
      text-indent: -9999px;
      display: none;
      overflow: hidden; }
    #animation .machineBox .stepArrow.active, #stepAnimation .machineBox .stepArrow.active {
      display: block; }
    #animation .machineBox #stepArrow1, #stepAnimation .machineBox #stepArrow1 {
      background: url('/images/docs/stepArrow1.png') no-repeat;
      top: 102px;
      left: 205px;
      width: 11px;
      height: 230px; }
    #animation .machineBox #stepArrow2, #stepAnimation .machineBox #stepArrow2 {
      background: url('/images/docs/stepArrow2.png') no-repeat;
      top: -16px;
      left: 95px;
      width: 73px;
      height: 69px; }
    #animation .machineBox #stepArrow3, #stepAnimation .machineBox #stepArrow3 {
      background: url('/images/docs/stepArrow3.png') no-repeat;
      top: -79px;
      left: 160px;
      width: 40px;
      height: 12px; }
    #animation .machineBox #stepArrow4, #stepAnimation .machineBox #stepArrow4 {
      width: 74px;
      height: 66px;
      top: -18px;
      left: 90px;
      background: url('/images/docs/arrow7.png') -74px 0 no-repeat; }
    #animation .machineBox #stepArrow5, #stepAnimation .machineBox #stepArrow5 {
      width: 143px;
      height: 318px;
      background: url('/images/docs/stepArrow5.png') -143px 0 no-repeat;
      top: 63px;
      left: 21px; }
    #animation .machineBox #stepArrow5.dark, #stepAnimation .machineBox #stepArrow5.dark {
      width: 143px;
      height: 318px;
      background: url('/images/docs/stepArrow5.png') 0px 0 no-repeat;
      top: 63px;
      left: 21px;
      display: block; }
    #animation .machineBox #stepArrow6, #stepAnimation .machineBox #stepArrow6 {
      width: 25px;
      height: 41px;
      top: 389px;
      left: 150px;
      background: url('/images/docs/arrow4.png') 0px 0 no-repeat; }
    #animation .machineBox #stepArrow6.dark, #stepAnimation .machineBox #stepArrow6.dark {
      width: 25px;
      height: 41px;
      top: 389px;
      left: 150px;
      background: url('/images/docs/arrow4.png') -25px 0 no-repeat;
      display: block; }
    #animation .machineBox #stepArrow7, #stepAnimation .machineBox #stepArrow7 {
      width: 0px;
      height: 48px;
      top: 287px;
      left: 159px;
      border-right: 1px dashed #fff; }
    #animation .machineBox #stepArrow7.dark, #stepAnimation .machineBox #stepArrow7.dark {
      width: 0px;
      height: 48px;
      top: 287px;
      left: 159px;
      border-right: 1px dashed #252525;
      display: block; }
    #animation .machineBox #stepArrow8, #stepAnimation .machineBox #stepArrow8 {
      width: 201px;
      height: 11px;
      background: url('/images/docs/interSystemsCall.png') no-repeat;
      top: 304px;
      left: 60px; }
    #animation .machineBox #stepArrow9, #stepAnimation .machineBox #stepArrow9 {
      width: 106px;
      height: 277px;
      top: 76px;
      left: 60px;
      background: url('/images/docs/arrow5.png') -106px 0 no-repeat; }
    #animation .machineBox .silverlineAgent, #stepAnimation .machineBox .silverlineAgent {
      width: 132px;
      height: 62px;
      margin: 35px auto 20px;
      position: relative;
      background: url('/images/docs/silverline-agent.jpg') no-repeat;
      text-indent: -9999px;
      overflow: hidden; }
    #animation .machineBox .silverlineAgent.active, #stepAnimation .machineBox .silverlineAgent.active {
      background-position: 0px -62px; }
    #animation .machineBox .silverlineApp, #stepAnimation .machineBox .silverlineApp {
      width: 132px;
      height: 158px;
      display: inline;
      float: left;
      margin: 5px 20px 0px 85px;
      background: url('/images/docs/silverline-app.jpg') no-repeat;
      text-indent: -9999px; }
    #animation .machineBox .silverlineApp.active, #stepAnimation .machineBox .silverlineApp.active {
      background-position: 0px -159px; }
    #animation .machineBox .primaryApp, #stepAnimation .machineBox .primaryApp {
      width: 132px;
      height: 159px;
      display: inline;
      float: right;
      margin: 5px 85px 0px 20px;
      background: url('/images/docs/primary-app.png') no-repeat;
      text-indent: -9999px; }
    #animation .machineBox .primaryApp.active, #stepAnimation .machineBox .primaryApp.active {
      background-position: 0px -306px; }
    #animation .machineBox .silverlineLibs, #stepAnimation .machineBox .silverlineLibs {
      width: 157px;
      height: 46px;
      overflow: hidden;
      margin: 20px 0 10px 85px;
      /* ie7 hacks */
      *left: 85px;
      *margin: 20px 0 10px;
      position: relative;
      display: inline;
      float: left;
      top: 38px;
      background: url('/images/docs/silverline-lib.jpg') no-repeat;
      text-indent: -9999px; }
    #animation .machineBox .silverlineLibs.active, #stepAnimation .machineBox .silverlineLibs.active {
      background-position: 0px -46px; }
    #animation .machineBox .operatingLibs, #stepAnimation .machineBox .operatingLibs {
      width: 332px;
      height: 46px;
      margin: 80px auto 10px;
      /* ie7 hack */
      *margin: 70px auto 10px;
      background: url('/images/docs/operating-libs.jpg') no-repeat;
      text-indent: -9999px;
      overflow: hidden; }
    #animation .machineBox .operatingLibs.active, #stepAnimation .machineBox .operatingLibs.active {
      background-position: 0px -46px; }
    #animation .machineBox .operatingSystem, #stepAnimation .machineBox .operatingSystem {
      width: 465px;
      height: 50px;
      margin: 10px auto;
      background: url('/images/docs/operating-system.jpg') no-repeat;
      text-indent: -9999px; }
  #animation .machineLabel, #stepAnimation .machineLabel {
    font-size: 13px;
    font-variant: small-caps;
    color: #eee;
    letter-spacing: 1px;
    margin-top: 5px; }

/* Docs Nav (Partial => views/home/_docs_nav.html.haml) */
#docsNav {
  width: 200px;
  float: left;
  display: inline;
  margin: 10px 0 0; }
  #docsNav h3 {
    color: #83AC32; }
  #docsNav ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px 10px; }
    #docsNav ul li {
      background-color: #292929\9; }
      #docsNav ul li a {
        display: block;
        margin: 10px 0;
        width: 180px;
        height: 25px;
        line-height: 25px;
        padding: 3px 0px 3px 15px;
        font-size: 13px;
        letter-spacing: 1px;
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0.4);
        background-color: #191919\9;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        border-radius: 1em;
        border: 1px solid rgba(255, 255, 255, 0.15);
        font-variant: small-caps;
        color: #ccc; }
      #docsNav ul li a:hover {
        background-color: #83AC32;
        color: #fff; }
      #docsNav ul li a.doc_nav_selected {
        background-color: #83AC32;
        color: #fff; }

/* Docs (Docs => views/home/docs.html.haml) */
#docsContent {
  width: 690px;
  float: left;
  display: inline;
  margin: 10px 0 0 60px;
  color: #ccc;
  font-size: 16px; }
  #docsContent a {
    color: #83AC32;
    text-decoration: none; }
  #docsContent a:hover {
    text-decoration: underline; }
  #docsContent p {
    margin: 0 0 2em; }

body.bp #content #docsContent h1 {
  font-family: arial, helvetica, sans-serif;
  font-size: 50px;
  color: #ddd;
  font-weight: normal;
  text-align: left; }

body.bp #content #docsContent h3 {
  color: #83AC32;
  font-size: 22px;
  font-weight: bold;
  margin: 40px 0 10px;
  padding-bottom: 3px;
  border-bottom: 2px solid #83ac32;
  font-variant: small-caps; }

body.bp #content #docsContent h4 {
  color: #83AC32;
  font-size: 18px;
  font-weight: normal;
  margin: 10px 0 0;
  text-decoration: underline; }

body.bp #content #docsContent ol {
  padding-left: 0px; }
  body.bp #content #docsContent ol li {
    margin-bottom: 10px; }

body.bp #content #docsContent ul {
  margin-left: 15px; }

#beta-signup .pricing-signup {
  margin-left: 0px; }

.static #beta-signup h2 {
  font-size: 1.1em; }

/* FAQ (FAQ => views/home/docs/faq.html.haml) */
#faqQuestions {
  margin: 0 0 40px; }
  #faqQuestions a {
    display: block;
    color: #83AC32;
    font-size: 18px;
    text-decoration: none; }
  #faqQuestions a:hover {
    text-decoration: underline; }

#faqAnswers a.pageTop {
  display: block;
  text-decoration: none;
  color: #83AC32; }
#faqAnswers a.pageTop:hover {
  text-decoration: underline; }

/* Pricing page ( Pricing => views/home/pricing.html.haml) */
#pricing-titles {
  width: 690px; }
  #pricing-titles h1 {
    color: #DDD;
    font-family: arial, helvetica, sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-align: left;
    text-shadow: black 0px 2px 0px, white 0px -1px 0px;
    margin-top: 30px; }
  #pricing-titles h2.pricing-subtitle {
    font-size: 22px;
    color: #83AC32;
    text-align: left;
    border-bottom: none;
    font-variant: none;
    margin: 0 0 30px;
    line-height: 1.3em; }
  #pricing-titles h4.pricing-minititle {
    text-decoration: none;
    font-weight: bold;
    color: #727272;
    font-size: 14px; }

.pricing-info {
  margin: 30px 0 0;
  font-size: 13px; }
  .pricing-info a {
    color: #83AC32;
    text-decoration: none; }
  .pricing-info a:hover {
    text-decoration: underline; }
  .pricing-info h2.pricing-subtitle {
    font-size: 22px;
    color: #83AC32;
    text-align: left;
    border-bottom: none;
    font-variant: none;
    margin: 0 0 30px;
    line-height: 1.3em; }
  .pricing-info h4.pricing-minititle {
    text-decoration: none;
    font-weight: bold;
    color: #727272;
    font-size: 14px; }
  .pricing-info h2.pricing-subtitle {
    margin: 0 0 20px; }
  .pricing-info .info-left, .pricing-info .info-right {
    width: 290px;
    display: inline;
    float: left;
    margin-right: 30px; }
    .pricing-info .info-left h5, .pricing-info .info-right h5 {
      color: #83AC32;
      font-size: 13px;
      margin: 0;
      font-weight: normal; }
    .pricing-info .info-left p, .pricing-info .info-right p {
      color: #c5c5c5; }
  .pricing-info .info-left {
    margin-left: 30px; }

#prices-col h2.pricing-subtitle {
  font-size: 22px;
  color: #83AC32;
  text-align: left;
  border-bottom: none;
  font-variant: none;
  margin: 0 0 30px;
  line-height: 1.3em; }
#prices-col h4.pricing-minititle {
  text-decoration: none;
  font-weight: bold;
  color: #727272;
  font-size: 14px; }

#features-content {
  margin-top: 10px;
  margin-bottom: 0; }
  #features-content #features-left {
    width: 640px;
    display: inline;
    float: left;
    margin-left: 170px;
    margin-bottom: 32px; }
  #features-content #features-right {
    width: 300px;
    display: inline;
    float: left;
    margin-top: 100px; }
  #features-content .prices-col {
    width: 299px;
    display: inline;
    float: left;
    margin-right: 20px;
    margin-left: 12px;
    margin-top: 1px; }
  #features-content .feature-col {
    width: 259px;
    border: 1px solid #444;
    background: rgb(255,255,255) /* IE8 fallback */;
    background: rgba(255,255,255,1.0);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 5px 5px;
    display: inline;
    float: left;
    margin-right: 20px;
    margin-left: 10px;
    margin-top: 1px;
    height: 215px; }
    #features-content .feature-col a {
      color: #61953c; }
    #features-content .feature-col #monitoring-btn, #features-content .feature-col #harvesting-btn {
      width: 285px;
      height: 54px;
      background: url('/images/docs/plan-btns.png') no-repeat;
      margin: 10px auto 5px;
      text-indent: -9999px;
      display: block; }
    #features-content .feature-col #monitoring-btn {
      background-position: 0 -54px; }
    #features-content .feature-col #monitoring-btn.active {
      background-position: 0 0px; }
    #features-content .feature-col #harvesting-btn {
      background-position: 0 -162px; }
    #features-content .feature-col #harvesting-btn.active {
      background-position: 0 -108px; }
    #features-content .feature-col p.price {
      text-align: center;
      color: #727272;
      font-size: 18px;
      font-weight: bold;
      margin-top: 15px;
      margin-bottom: 0px; }
      #features-content .feature-col p.price .whats-this {
        background: url('/images/docs/whats-this.png') no-repeat;
        width: 18px;
        height: 18px;
        text-indent: -9999px;
        display: inline-block;
        margin: 0 0 0 5px;
        position: relative;
        top: 2px; }
    #features-content .feature-col p.description {
      font-size: 15px;
      color: #888;
      margin: 40px auto;
      width: 85%;
      height: 75px; }
    #features-content .feature-col p.tip {
      font-style: italic;
      font-size: 14px;
      color: #888;
      text-align: center; }
  #features-content #prices-col {
    width: 259px;
    border: 1px solid #444;
    background: rgb(255,255,255) /* IE8 fallback */;
    background: rgba(255,255,255,1.0);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 5px 5px;
    display: inline;
    float: left;
    margin-right: 20px;
    margin-left: 10px;
    margin-top: 1px;
    height: 215px; }
    #features-content #prices-col .usd_label {
      text-align: center; }
    #features-content #prices-col #hourly-cost, #features-content #prices-col #monthly-cost {
      font-size: 40px;
      padding: 0 1px;
      font-weight: bold; }
    #features-content #prices-col .pricing-block {
      margin: 0 auto;
      text-align: center; }
      #features-content #prices-col .pricing-block h4 {
        margin-bottom: 0px;
        margin-top: 15px; }
    #features-content #prices-col .sign-up-block {
      text-align: center;
      color: #83AC32;
      font-size: 13px;
      font-weight: bold;
      margin: 20px 0 0px; }
      #features-content #prices-col .sign-up-block a, #features-content #prices-col .sign-up-block a:visited {
        margin: 10px; }
  #features-content #cores-content {
    width: 620px;
    display: inline;
    float: left;
    margin-left: -10px; }
    #features-content #cores-content h4.pricing-minititle {
      text-decoration: none;
      font-weight: bold;
      color: #c5c5c5;
      font-size: 14px;
      margin: 10px 0 20px; }
    #features-content #cores-content #cores-slider {
      width: 540px;
      margin: 0 auto; }
    #features-content #cores-content .ui-slider-horizontal, #features-content #cores-content .ui-widget-content {
      height: .4em;
      background: #000;
      border: none;
      -moz-box-shadow: inset 0 -1px 1px #666;
      -webkit-box-shadow: inset 0 -1px 1px #666;
      box-shadow: inset 0 -1px 1px #666; }
    #features-content #cores-content a.ui-slider-handle {
      background: #83AC32;
      width: 15px;
      height: 15px;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      border-radius: 15px; }
    #features-content #cores-content #labels {
      width: 540px;
      margin: 10px auto 50px 35px;
      position: relative; }
      #features-content #cores-content #labels a {
        text-decoration: none;
        font-weight: bold;
        color: #C5C5C5;
        font-size: 12px; }
      #features-content #cores-content #labels #one {
        position: absolute;
        left: 0; }
      #features-content #cores-content #labels #two {
        position: absolute;
        left: 16.5%; }
      #features-content #cores-content #labels #four {
        position: absolute;
        left: 33.2%; }
      #features-content #cores-content #labels #eight {
        position: absolute;
        left: 50%; }
      #features-content #cores-content #labels #sixteen {
        position: absolute;
        left: 65.9%; }
      #features-content #cores-content #labels #thirty-two {
        position: absolute;
        left: 82.6%; }
      #features-content #cores-content #labels #sixty-four {
        position: absolute;
        left: 99.3%; }

#beta-signup {
  width: 450px;
  margin: auto;
  padding-bottom: 40px; }
  #beta-signup h2 {
    text-align: center;
    font-size: 1.6em; }

#beta-signup form {
  width: 450px;
  border: 1px solid #444;
  background: rgb(0,0,0) /* IE8 fallback */;
  background: rgba(0,0,0,0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 5px 5px;
  padding-top: 10px; }
  #beta-signup form p {
    margin: 0 auto 0px 25px; }
  #beta-signup form label {
    color: #888888;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: left; }
  #beta-signup form input[type=text] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    width: 375px;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; }
  #beta-signup form input[type=submit] {
    margin-top: 20px;
    height: 50px; }
  #beta-signup form .formError {
    color: #ffc0cb; }
  #beta-signup form .fieldWithErrors label {
    color: red; }
  #beta-signup form .fieldWithErrors input[type=text] {
    border-color: red; }
  #beta-signup form .errormsg {
    color: red; }

#beta-signup p.twitter {
  margin-top: 20px;
  text-align: center;
  font-size: 10pt;
  xtext-transform: uppercase;
  color: #888888;
  font-weight: normal; }

#beta-signup p.twitter a {
  font-weight: bold;
  padding-bottom: 1px;
  padding-left: 20px;
  margin-left: 4px;
  text-decoration: none;
  color: #6cd5f3;
  text-transform: capitalize;
  background: url('/images/twitter.png?1323996999') no-repeat 0 0px; }

#bloggity_container {
  font-family: Helvetica, Arial, Verdana, Sans-Serif;
  font-size: 12px;
  color: #ccc; }
  #bloggity_container a {
    color: #83AC32;
    text-decoration: none; }
  #bloggity_container a:hover {
    text-decoration: underline; }
  #bloggity_container img {
    border: 0; }
  #bloggity_container blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic; }
  #bloggity_container strong {
    font-weight: bold; }
  #bloggity_container em {
    font-style: italic; }
  #bloggity_container abbr, #bloggity_container acronym {
    border-bottom: 1px dotted #666; }
  #bloggity_container address {
    margin: 0 0 1.5em;
    font-style: italic; }
  #bloggity_container pre, #bloggity_container code {
    margin: 1.5em 0;
    white-space: pre; }
  #bloggity_container table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle; }
  #bloggity_container td, #bloggity_container th {
    vertical-align: middle; }
  #bloggity_container h1, #bloggity_container h2, #bloggity_container h3, #bloggity_container h4, #bloggity_container h5, #bloggity_container h6 {
    font-weight: normal;
    color: #83AC32; }
  #bloggity_container p {
    margin: 0 0 1.5em;
    font-size: 16px; }
  #bloggity_container img {
    padding: 0; }
  #bloggity_container pre, #bloggity_container code, #bloggity_container tt {
    font: 1em 'andale mono' , 'lucida console' , monospace;
    line-height: 1.5; }
  #bloggity_container ul {
    list-style-type: disc; }
  #bloggity_container ol {
    list-style-type: decimal; }
  #bloggity_container table {
    margin-bottom: 1.4em;
    width: 100%; }
  #bloggity_container th {
    font-weight: bold;
    background: #C3D9FF;
    padding: 4px 10px 4px 5px; }
  #bloggity_container td {
    padding: 4px 10px 4px 5px; }
  #bloggity_container tr.even td {
    background: #E5ECF9; }
  #bloggity_container caption {
    background: #eee; }
  #bloggity_container .small {
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em; }
  #bloggity_container .large {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em; }
  #bloggity_container .hide {
    display: none; }
  #bloggity_container fieldset {
    padding: 1.4em;
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc; }
  #bloggity_container legend {
    font-weight: bold;
    font-size: 1.2em; }
  #bloggity_container form {
    background: transparent;
    width: 100%;
    margin: 0; }
  #bloggity_container input.text, #bloggity_container input.title {
    margin: 0.5em 0;
    border: 1px solid #bbb; }
  #bloggity_container textarea, #bloggity_container select {
    margin: 0.5em 0;
    border: 1px solid #bbb; }
  #bloggity_container input.text:focus, #bloggity_container input.title:focus {
    border: 1px solid #666; }
  #bloggity_container textarea:focus, #bloggity_container select:focus {
    border: 1px solid #666; }
  #bloggity_container input.text {
    width: 300px;
    padding: 5px; }
  #bloggity_container input.title {
    width: 300px;
    padding: 5px;
    font-size: 1.5em; }
  #bloggity_container #header {
    color: #CECFD1;
    padding: 10px 0 0 0; }
    #bloggity_container #header h1, #bloggity_container #header h2 {
      font-family: "Avenir Light","Futura Light",helvetica,arial,sans-serif;
      font-size: 36px;
      font-weight: normal;
      margin: 0px auto;
      color: white;
      line-height: 1em; }
      #bloggity_container #header h1 a, #bloggity_container #header h2 a {
        color: white;
        text-decoration: none;
        background: url("/images/bloggity/blogTitle.png") no-repeat;
        width: 340px;
        height: 60px;
        text-indent: -9999px;
        display: block; }
    #bloggity_container #header .subtitle {
      color: white;
      font-weight: normal; }
  #bloggity_container #main_content {
    width: 550px;
    float: left;
    padding: 0 15px; }
    #bloggity_container #main_content .filtering {
      font-size: 20px;
      margin-bottom: 20px; }
    #bloggity_container #main_content .one_blog {
      margin-bottom: 60px; }
      #bloggity_container #main_content .one_blog h1, #bloggity_container #main_content .one_blog h2 {
        padding-bottom: 8px; }
      #bloggity_container #main_content .one_blog h1, #bloggity_container #main_content .one_blog h2 {
        text-align: left;
        margin-top: 0; }
      #bloggity_container #main_content .one_blog h1 a, #bloggity_container #main_content .one_blog h2 a {
        text-decoration: none;
        color: #83AC32;
        font-size: 30px;
        font-weight: bold;
        border-bottom: none; }
      #bloggity_container #main_content .one_blog h1 a:hover, #bloggity_container #main_content .one_blog h2 a:hover {
        text-decoration: underline; }
      #bloggity_container #main_content .one_blog .info {
        color: #83AC32;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        font-size: 12px; }
        #bloggity_container #main_content .one_blog .info .post_date, #bloggity_container #main_content .one_blog .info .post_user {
          color: #c5c5c5;
          font-size: 14px; }
  #bloggity_container #side_nav_container {
    background: rgba(0, 0, 0, 0.398438);
    background-color: #191919\9;
    *background-color: #191919;
    float: right;
    width: 300px;
    font-size: 16px; }
    #bloggity_container #side_nav_container ul.blog_list {
      margin-left: 0;
      padding-left: 5px;
      list-style-type: none; }
      #bloggity_container #side_nav_container ul.blog_list li {
        list-style: square inside;
        display: list-item; }
    #bloggity_container #side_nav_container .subtitle {
      color: #ccc;
      font-size: 24px;
      margin-bottom: 10px;
      font-weight: bold; }
    #bloggity_container #side_nav_container #rss {
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 5px; }
    #bloggity_container #side_nav_container #rss a:hover {
      border-bottom: 2px solid #83AC32; }
    #bloggity_container #side_nav_container .comment_actions a {
      padding: 0px 10px 0 0; }
  #bloggity_container .comments {
    border-top: 1px solid #ccc;
    padding-top: 10px; }
  #bloggity_container .comments, #bloggity_container .categories, #bloggity_container .tags {
    font-size: 16px; }
  #bloggity_container #commentContainer h2 {
    font-size: 24px;
    text-align: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px; }
  #bloggity_container #commentContainer form {
    background: transparent;
    width: 100%;
    margin: 0; }
    #bloggity_container #commentContainer form textarea {
      width: 530px; }
  #bloggity_container .comments_body {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 550px; }
    #bloggity_container .comments_body .comment_image {
      width: 55px;
      vertical-align: top; }
    #bloggity_container .comments_body li.not_approved .comment_body {
      background-color: yellow; }
    #bloggity_container .comments_body li.approved .comment_body {
      background: rgba(0, 0, 0, 0.398438); }
  #bloggity_container .pagination {
    padding-bottom: 30px; }
  #bloggity_container #paginate_container, #bloggity_container .pagination {
    line-height: 25px;
    font-size: 16px;
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    #bloggity_container #paginate_container .current, #bloggity_container #paginate_container a, #bloggity_container #paginate_container .next_page, #bloggity_container #paginate_container .prev_page, #bloggity_container .pagination .current, #bloggity_container .pagination a, #bloggity_container .pagination .next_page, #bloggity_container .pagination .prev_page {
      background-color: #83AC32;
      color: #fff;
      width: 25px;
      height: 25px;
      line-height: 25px;
      font-size: 16px;
      margin: 0 0px;
      display: inline-block;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px; }
    #bloggity_container #paginate_container .next_page, #bloggity_container #paginate_container .prev_page, #bloggity_container .pagination .next_page, #bloggity_container .pagination .prev_page {
      width: 90px;
      margin: 0 15px;
      background-color: transparent; }
    #bloggity_container #paginate_container a:hover, #bloggity_container #paginate_container .next_page:hover, #bloggity_container #paginate_container .prev_page:hover, #bloggity_container .pagination a:hover, #bloggity_container .pagination .next_page:hover, #bloggity_container .pagination .prev_page:hover {
      background-color: #83AC32;
      text-decoration: none; }
    #bloggity_container #paginate_container a, #bloggity_container #paginate_container .disabled, #bloggity_container #paginate_container .disabled:hover, #bloggity_container .pagination a, #bloggity_container .pagination .disabled, #bloggity_container .pagination .disabled:hover {
      background-color: transparent; }

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left; }
  #facebox .b {
    background: url('/images/facebox/b.png?1323996999'); }
  #facebox .tl {
    background: url('/images/facebox/fbx-border-sprite.png?1323996999') 0 0;
    width: 10px;
    height: 10px; }
  #facebox .tr {
    background: url('/images/facebox/fbx-border-sprite.png?1323996999') -10px 0;
    width: 10px;
    height: 10px; }
  #facebox .bl {
    background: url('/images/facebox/fbx-border-sprite.png?1323996999') -20px 0;
    width: 10px;
    height: 10px; }
  #facebox .br {
    background: url('/images/facebox/fbx-border-sprite.png?1323996999') -30px 0;
    width: 10px;
    height: 10px; }
  #facebox .popup {
    position: relative; }
  #facebox table {
    border-collapse: collapse;
    -width: 0%; }
  #facebox td {
    border-bottom: 0;
    padding: 0; }
  #facebox .body {
    padding: 10px;
    background-color: #fff;
    width: 370px; }
  #facebox .loading, #facebox .image {
    text-align: center; }
  #facebox img {
    border: 0;
    margin: 0; }
  #facebox .footer {
    border-top: 1px solid #DDDDDD;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right; }
    #facebox .footer img {
      vertical-align: middle; }
  #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0; }

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%; }

.facebox_hide {
  z-index: -100; }

.facebox_overlayBG {
  background-color: #000;
  z-index: 99; }

* html #facebox_overlay {
  position: absolute;
  height: expression("document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'"); }

.clearfix {
  clear: both;
  height: 0px; }

#silverline {
  font-size: 60px;
  font-weight: 200;
  letter-spacing: 0.025em;
  color: #cccccc;
  display: inline;
  margin: 0; }

#silverline_tagline {
  display: inline;
  color: #61953c;
  font-family: Tahoma, Geneva, sans-serif;
  font-style: italic; }

.product_nav {
  text-align: right;
  font-weight: 200;
  font-size: 16px;
  font-family: inherit;
  letter-spacing: 0.03em;
  padding: 15px 0 0 0;
  background: none;
  border: none;
  position: inherit;
  zoom: normal;
  border: none;
  display: block; }
  .product_nav li {
    float: none;
    display: inline; }
    .product_nav li a {
      float: none;
      color: #a1a1a1;
      padding: 0 10px;
      text-decoration: none; }
      .product_nav li a:hover {
        color: #fff; }
  .product_nav li.ui-tabs-selected a {
    color: #fff;
    font-weight: bold; }
  .product_nav .ui-state-default {
    background: none;
    border: none; }

.product_nav .ui-widget-content, .product_nav .ui-tabs, .product_nav .ui-corner-all {
  text-align: right;
  font-weight: 200;
  font-size: 16px;
  font-family: inherit;
  letter-spacing: 0.03em;
  padding: 15px 0 0 0;
  background: none;
  border: none;
  position: inherit;
  zoom: normal;
  border: none;
  display: block; }
  .product_nav .ui-widget-content li, .product_nav .ui-tabs li, .product_nav .ui-corner-all li {
    float: none;
    display: inline; }
    .product_nav .ui-widget-content li a, .product_nav .ui-tabs li a, .product_nav .ui-corner-all li a {
      float: none;
      color: #a1a1a1;
      padding: 0 10px;
      text-decoration: none; }
      .product_nav .ui-widget-content li a:hover, .product_nav .ui-tabs li a:hover, .product_nav .ui-corner-all li a:hover {
        color: #fff; }
  .product_nav .ui-widget-content li.ui-tabs-selected a, .product_nav .ui-tabs li.ui-tabs-selected a, .product_nav .ui-corner-all li.ui-tabs-selected a {
    color: #fff;
    font-weight: bold; }
  .product_nav .ui-widget-content .ui-state-default, .product_nav .ui-tabs .ui-state-default, .product_nav .ui-corner-all .ui-state-default {
    background: none;
    border: none; }

#product_banner {
  border: 1px solid #252525;
  background: transparent url('/images/product_banner_bg.png?1323996999') repeat 0 0;
  margin: 5px 0 60px 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 30px;
  height: 360px;
  font-size: 16px;
  letter-spacing: 0.03em;
  font-weight: 200; }
  #product_banner .ui-tabs-panel {
    height: 350px; }
  #product_banner #management {
    background: transparent url('/images/management_illustration.png?1323996999') no-repeat right center; }
  #product_banner #monitoring {
    background: transparent url('/images/monitor_graphs.png?1323996999') no-repeat right center; }
  #product_banner #technology {
    background: transparent url('/images/library_stack_illustration.png?1323996999') no-repeat right center; }
  #product_banner .ui-widget-content {
    border: none;
    background: none; }
    #product_banner .ui-widget-content h3 {
      font-size: 24px;
      line-height: 1.3;
      color: #87bdbc;
      font-weight: 200;
      letter-spacing: 0.03em;
      *letter-spacing: 0.02em;
      *margin-bottom: 0; }
    #product_banner .ui-widget-content p {
      color: #fff;
      *margin-bottom: 0; }
    #product_banner .ui-widget-content a img {
      border: none; }
    #product_banner .ui-widget-content a {
      color: #9c3;
      text-decoration: none; }
      #product_banner .ui-widget-content a:hover {
        color: #77ab12;
        text-decoration: none; }
    #product_banner .ui-widget-content .demo {
      display: block;
      float: none; }
      #product_banner .ui-widget-content .demo img {
        border: 4px solid #010000;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px; }
  #product_banner .ui-tabs, #product_banner .ui-tabs-hide {
    display: none; }

#client_list {
  background: transparent url('/images/client_list_bg.gif?1323996999') repeat-x 0 10px;
  color: #efefef;
  font-size: 18px;
  font-weight: 200;
  letter-spacing: 0.04em;
  text-align: center;
  clear: both; }
  #client_list .list_title {
    background: #999999 url('/images/body_bg.png?1323996999') repeat-x 0 0;
    padding: 0 15px; }
  #client_list ul {
    padding-left: 0;
    margin-top: 40px; }
    #client_list ul li {
      list-style-type: none;
      float: left; }
  #client_list li a {
    display: block;
    text-indent: -9999em; }
    #client_list li a.rackspace {
      background: transparent url('/images/rackspace.png?1323996999') no-repeat 0 0;
      *background: transparent url('/images/rackspace.gif?1323996999') no-repeat 0 0;
      width: 148px;
      height: 47px; }
      #client_list li a.rackspace:hover {
        background: transparent url('/images/rackspace_hover.png?1323996999') no-repeat 0 0;
        *background: transparent url('/images/rackspace_hover.gif?1323996999') no-repeat 0 0; }
    #client_list li a.gogrid {
      background: transparent url('/images/gogrid.png?1323996999') no-repeat 0 10px;
      *background: transparent url('/images/gogrid.gif?1323996999') no-repeat 0 10px;
      width: 161px;
      height: 40px;
      padding-bottom: 10px; }
      #client_list li a.gogrid:hover {
        background: transparent url('/images/gogrid_hover.png?1323996999') no-repeat 0 10px;
        *background: transparent url('/images/gogrid_hover.gif?1323996999') no-repeat 0 10px; }
    #client_list li a.opsource {
      background: transparent url('/images/opsource.png?1323996999') no-repeat 0 10px;
      *background: transparent url('/images/opsource.gif?1323996999') no-repeat 0 10px;
      width: 190px;
      height: 35px;
      padding-bottom: 10px; }
      #client_list li a.opsource:hover {
        background: transparent url('/images/opsource_hover.png?1323996999') no-repeat 0 10px;
        *background: transparent url('/images/opsource_hover.gif?1323996999') no-repeat 0 10px; }
    #client_list li a.rightscale {
      background: transparent url('/images/rightscale.png?1323996999') no-repeat 0 15px;
      *background: transparent url('/images/rightscale.gif?1323996999') no-repeat 0 15px;
      width: 161px;
      height: 20px;
      padding-bottom: 15px; }
      #client_list li a.rightscale:hover {
        background: transparent url('/images/rightscale_hover.png?1323996999') no-repeat 0 15px;
        *background: transparent url('/images/rightscale_hover.gif?1323996999') no-repeat 0 15px; }