html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 1em;
  font-family: inherit;
  line-height: 1em; }

input, select, textarea {
  font-family: inherit;
  font-size: inherit; }

ol, ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

@font-face {
  font-family: "Gotham Light";
  src: url(/fonts/GOTHAM-L.OTF) format("opentype"); }

@font-face {
  font-family: "Gotham Medium";
  src: url(/fonts/GOTHAM-M.OTF) format("opentype"); }

html {
  height: 100%; }

body {
  font-family: "Gotham Light", "century gothic", arial, sans-serif;
  background-color: white;
  color: #666666;
  position: relative;
  background-image: url(/images/bg_body.gif);
  background-repeat: repeat-y;
  padding: 0;
  height: 100%; }

a {
  color: #333333; }

a:hover {
  color: #0099ff; }

a img {
  border: none; }

h1, h2, h3, h4, h5 {
  font-style: normal;
  font-weight: normal;
  margin: 0; }

h1 {
  font-family: "Gotham Medium", "century gothic", arial, sans-serif;
  font-size: 48px;
  margin: 12px 0 15px 0;
  color: #cccccc;
  text-transform: uppercase; }
  h1 a {
    color: inherit;
    text-decoration: none; }
  h1#publictag {
    font-family: "Gotham Light", "century gothic", arial, sans-serif;
    text-transform: none;
    font-weight: normal; }

h2, form h2 {
  font-family: "Gotham Light", "century gothic", arial, sans-serif;
  color: #cae8fd;
  font-size: 38px;
  letter-spacing: -0.08em;
  text-transform: uppercase;
  margin: 0 0 15px 0;
  text-align: left; }

h4 {
  font-family: "Gotham Medium", "century gothic", arial, sans-serif;
  background-color: #f0f0f0;
  color: #aaaaaa;
  font-size: 12px;
  text-align: right;
  text-transform: uppercase;
  padding: 5px 10px 3px;
  margin-right: -15px; }

.center_content h4 {
  margin-right: 0;
  margin: 25px 0; }

input, select {
  font-size: 13px;
  border: 1px solid;
  border-color: #cccccc;
  color: #666666;
  padding: 8px;
  margin-bottom: 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

select {
  background-color: white;
  color: #666666; }

label {
  display: block;
  text-transform: lowercase;
  color: #999999;
  margin-bottom: 2px;
  font-size: 14px; }

.checkbox {
  width: 15px;
  margin-bottom: 0 !important;
  border: none; }

.submit_button_wr {
  text-align: right;
  position: relative;
  margin-top: 15px; }

.submit_button {
  font-family: "Gotham Medium", "century gothic", arial, sans-serif;
  border: 1px solid;
  border-color: #0099ff;
  background-color: #0099ff;
  color: white;
  padding: 7px 20px 5px;
  width: 100px;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 0; }
  .submit_button:hover {
    background-color: #cccccc; }

.submit_button:hover {
  background-color: #cccccc;
  color: #666666; }

.delete_button {
  font-family: "Gotham Medium", "century gothic", arial, sans-serif;
  border: 1px solid;
  border-color: red;
  background-color: white;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: red;
  padding: 7px 20px 5px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none; }
  .delete_button:hover {
    background-color: red;
    color: white; }

.main_table {
  position: relative;
  height: 100%;
  border-collapse: collapse;
  width: 100%; }

.main_table_row {
  background-image: url(/images/bg_content.png);
  background-position: right top;
  background-repeat: no-repeat;
  height: 100%;
  vertical-align: top; }
  .main_table_row td {
    height: 100%; }

.left_menu {
  display: table-cell;
  vertical-align: top;
  position: relative;
  width: 150px;
  background-image: url(/images/bg_left_menu.jpg);
  background-repeat: no-repeat;
  border-right: 1px solid #e9e9e9;
  height: 100%; }

.center_content {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 20px 30px;
  background-image: url(/images/bg_content.png);
  background-position: right top;
  background-repeat: no-repeat;
  border-right: 1px solid #e9e9e9; }

.right_column {
  display: table-cell;
  vertical-align: top;
  position: relative;
  background-image: url(/images/bg_right.png);
  background-repeat: repeat-y;
  background-position: top left;
  width: 5%; }
  .right_column.open {
    width: 50%; }
  .right_column.open_half {
    width: 25%; }
  .right_column .content {
    padding: 15px 15px; }
    .right_column .content form {
      text-align: right; }
      .right_column .content form input, .right_column .content form select {
        width: 80%; }
        .right_column .content form input.submit_button, .right_column .content form select.submit_button {
          width: 100px; }
        .right_column .content form input.checkbox, .right_column .content form select.checkbox {
          width: 15px;
          cursor: pointer; }
      .right_column .content form .admin_check_label {
        display: inline;
        cursor: pointer; }

.left_menu h3 {
  font-family: "Gotham Light", "century gothic", arial, sans-serif;
  font-size: 11px;
  color: black;
  background-color: #f0f0f0;
  text-align: right;
  padding-top: 7px; }
  .left_menu h3 p {
    font-family: "Gotham Medium", "century gothic", arial, sans-serif;
    background-image: url(/images/bg_left_menu_header.gif);
    padding: 7px 5px 5px 0;
    margin-top: 5px;
    text-transform: uppercase; }
.left_menu #company_name {
  margin-top: 30px; }
.left_menu .left_button {
  position: relative; }
  .left_menu .left_button span {
    display: block;
    text-transform: uppercase;
    text-align: right;
    font-size: 11px;
    padding: 7px 5px 6px;
    text-decoration: none;
    background-image: url(/images/bg_left_menu_blue.gif);
    border-top: 1px solid #97d1f8;
    border-bottom: 1px solid #e0e0e0;
    color: #333333; }
    .left_menu .left_button span img {
      position: absolute;
      right: -20px;
      top: 0px;
      *top: 1px; }
  .left_menu .left_button a {
    text-decoration: none; }
    .left_menu .left_button a span {
      border-top: 1px solid white;
      background-image: none; }
      .left_menu .left_button a span img {
        display: none; }
      .left_menu .left_button a span:hover {
        background-color: #f0f0f0;
        color: #0099ff; }

.center_content h3 {
  margin-top: 5px;
  color: #0099ff; }
  .center_content h3 a {
    font-family: "Gotham Medium", "century gothic", arial, sans-serif;
    color: #5d5d5d;
    text-transform: uppercase;
    text-decoration: none; }
    .center_content h3 a:hover {
      color: #0099ff; }
  .center_content h3 span {
    font-family: "Gotham Light", "century gothic", arial, sans-serif;
    color: #cccccc;
    font-size: 12px; }
    .center_content h3 span a {
      font-family: "Gotham Light", "century gothic", arial, sans-serif;
      color: #cccccc;
      font-size: 11px;
      text-transform: uppercase;
      text-decoration: underline; }

.project_content li {
  font-family: "Gotham Light", "century gothic", arial, sans-serif;
  padding: 8px 8px 9px;
  position: relative;
  font-size: 12px;
  color: #999999;
  border-top: 1px solid white;
  border-bottom: 1px dotted #dddddd;
  cursor: pointer;
  padding: 4px 10px 2px; }
  .project_content li:hover {
    background-color: #f6f6f6; }
  .project_content li.current {
    background-color: #cae8fd; }
  .project_content li .user_project_item a {
    font-family: "Gotham Light", "century gothic", arial, sans-serif;
    display: block;
    color: #0099ff;
    font-size: 20px;
    text-transform: lowercase;
    padding: 7px 8px 9px 4px;
    text-decoration: none; }
    .project_content li .user_project_item a:hover {
      text-decoration: underline; }

.status, .twitter_account {
  font-family: "Gotham Light", "century gothic", arial, sans-serif;
  padding: 8px 8px 9px;
  position: relative;
  font-size: 12px;
  color: #999999;
  border-top: 1px solid white;
  border-bottom: 1px dotted #dddddd;
  cursor: pointer; }
  .status:hover, .twitter_account:hover {
    background-color: #f6f6f6; }
  .status.current, .twitter_account.current {
    background-color: #cae8fd; }
  .status .status_who_when, .status .status_verb_message, .twitter_account .status_who_when, .twitter_account .status_verb_message {
    float: left;
    position: relative;
    line-height: 18px; }
  .status .status_who_when, .twitter_account .status_who_when {
    margin-right: 15px; }
  .status .status_verb_message, .twitter_account .status_verb_message {
    color: #333333;
    font-size: 12px; }
    .status .status_verb_message #status_message, .twitter_account .status_verb_message #status_message {
      font-family: "Gotham Medium", "century gothic", arial, sans-serif;
      display: inline; }
      .status .status_verb_message #status_message .highlight, .twitter_account .status_verb_message #status_message .highlight {
        background-color: yellow;
        margin: 0px;
        padding: 0px; }
  .status .timestamp, .twitter_account .timestamp {
    display: inline;
    margin-right: 5px; }
  .status a, .twitter_account a {
    font-family: "Gotham Medium", "century gothic", arial, sans-serif;
    text-transform: uppercase;
    color: #0099ff; }
    .status a:hover, .twitter_account a:hover {
      color: #333333; }
  .status span, .twitter_account span {
    margin-right: 10px; }
    .status span a, .twitter_account span a {
      font-family: "Gotham Light", "century gothic", arial, sans-serif;
      color: #0099ff;
      text-decoration: none;
      text-transform: lowercase; }
      .status span a:hover, .twitter_account span a:hover {
        color: #333333; }

.inline_action {
  font-family: "Gotham Light", "century gothic", arial, sans-serif;
  float: right;
  color: #666666;
  font-size: 10px;
  text-align: right;
  z-index: 99;
  float: right; }
  .inline_action p, .inline_action p a {
    line-height: 13px; }
  .inline_action a {
    font-family: "Gotham Medium", "century gothic", arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.04px;
    font-size: 9px;
    color: #0099ff; }
    .inline_action a:hover {
      color: #666666;
      text-decoration: none; }

.supdate_wr {
  position: relative; }

.supdate_project, .supdate_user, .supdate_team {
  font-family: "Gotham Medium", "century gothic", arial, sans-serif;
  color: white;
  text-transform: uppercase;
  display: block;
  padding: 5px 25px;
  background-color: #333333;
  margin: 15px 0 0 0;
  float: right;
  border-left: 3px solid;
    border-left-color: #cccccc;
  border-bottom: 3px solid;
    border-bottom-color: #cccccc; }
  .supdate_project:hover, .supdate_user:hover, .supdate_team:hover {
    background-color: #cccccc; }

.supdate_user {
  background-color: #0099ff;
  top: 45px;
  clear: right; }

.stream_controls {
  margin: 15px 0 10px; }
  .stream_controls ul {
    position: relative;
    z-index: 20; }
  .stream_controls li {
    float: left;
    margin-right: 7px;
    text-align: right; }
    .stream_controls li a {
      background-image: url(/images/bg_center_button.png);
      background-color: #e4e4e4;
      height: 19px; }
      .stream_controls li a:hover {
        background-image: none; }
    .stream_controls li:hover .sub_list {
      display: block;
      position: absolute;
      top: 19px;
      z-index: 99;
      background-color: white;
      border: 1px solid #cccccc;
      padding: 7px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-box-shadow: 0px 3px 3px #cccccc;
      -webkit-box-shadow: 0px 3px 3px #cccccc;
      box-shadow: 0px 3px 3px #cccccc; }
      .stream_controls li:hover .sub_list a {
        padding: 3px;
        width: auto;
        height: auto;
        background-color: transparent;
        background-image: none; }
        .stream_controls li:hover .sub_list a.selected {
          background-color: #0099ff; }
        .stream_controls li:hover .sub_list a:hover {
          background-color: #0099ff;
          color: white; }
    .stream_controls li .sub_list {
      display: none; }
    .stream_controls li:hover .remove {
      display: block;
      position: absolute;
      top: -15px;
      width: 57px;
      z-index: 99;
      background-color: white;
      border: 1px solid #e4e4e4;
      border-bottom: none;
      -moz-border-radius: 3px 3px 0px 0px;
      -webkit-border-radius: 3px 3px 0px 0px; }
      .stream_controls li:hover .remove a {
        padding: 3px;
        width: auto;
        height: auto;
        background-color: transparent;
        background-image: none; }
        .stream_controls li:hover .remove a:hover {
          background-color: red;
          color: white; }
    .stream_controls li .remove {
      display: none; }
  .stream_controls #title {
    background-image: none;
    background-color: transparent;
    font-size: 10px;
    padding-top: 5px; }
  .stream_controls a {
    display: block;
    width: 59px;
    color: black;
    font-size: 9px;
    text-decoration: none; }
    .stream_controls a .button_text {
      padding: 6px 3px 0 0; }

#applied_stream_controls {
  font-size: 10px;
  margin-top: 10px; }
  #applied_stream_controls a {
    display: inline;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
    margin: 2px 5px; }
    #applied_stream_controls a span {
      color: red;
      display: none; }
    #applied_stream_controls a:hover {
      color: #0099ff;
      text-decoration: none; }
      #applied_stream_controls a:hover span {
        display: inline;
        text-decoration: none; }

#applied_search {
  position: relative;
  margin: 10px 0 10px;
  padding: 3px 5px 3px;
  background-color: #fafafa;
  text-align: right;
  height: 24px; }
  #applied_search a {
    width: auto;
    padding-top: 6px;
    font-size: 12px;
    color: #aaaaaa;
    text-decoration: none; }
    #applied_search a:hover {
      color: #0099ff;
      text-decoration: underline; }
  #applied_search #search_inputs {
    display: inline; }
  #applied_search input {
    padding: 5px 4px 3px;
    width: 213px;
    margin-bottom: 0; }
  #applied_search .submit_button {
    padding: 6px 0 3px;
    font-size: 10px;
    width: 70px; }

.paginate {
  font-family: "Gotham Light", "century gothic", arial, sans-serif;
  color: #cccccc;
  text-align: left;
  text-transform: uppercase;
  font-size: 12px;
  margin: 10px 0 10px; }
  .paginate a {
    text-decoration: none;
    margin: 0 1px; }
    .paginate a:hover {
      color: #0099ff; }
  .paginate .prev_page {
    margin-right: 1px; }
  .paginate .total {
    float: right;
    margin: 0px 5px; }
  .paginate#paginate_bottom {
    margin-top: 25px;
    margin-bottom: 0; }

.deactivated {
  background-color: #eeeeee;
  color: #999999; }

.flash_notice {
  position: relative;
  background-image: url(/images/bg_flash_notice.png);
  background-repeat: repeat-x;
  height: 31px;
  margin-bottom: 15px; }
  .flash_notice .content {
    padding: 9px 8px 0 0;
    text-align: right;
    font-size: 13px;
    letter-spacing: -0.5px;
    z-index: 99; }
    .flash_notice .content a {
      color: #0099ff; }
  .flash_notice.blue {
    background-image: none;
    background-color: #cae8fd;
    margin-bottom: 0; }

.bg_flash_notice_fade {
  position: absolute;
  left: 0px;
  top: 0px; }

#notice {
  margin-right: -15px;
  padding: 4px 0; }
  #notice p {
    font-size: 12px;
    position: relative;
    background-color: #cae8fd;
    padding: 6px 8px;
    text-transform: lowercase;
    background-image: url(/images/bg_flash_notice_fade.png);
    background-repeat: repeat-y; }

#downgrade_notice {
  margin-bottom: 20px; }
  #downgrade_notice h4 {
    background-color: red;
    color: white;
    margin-bottom: 0; }
  #downgrade_notice .content {
    text-align: right; }
    #downgrade_notice .content p {
      font-size: 12px;
      color: red;
      margin: 5px 0 15px; }

.counts {
  font-size: 12px; }

#blank_state #top, #blank_state h2 {
  text-align: center; }
#blank_state table {
  width: 100%;
  margin-top: 15px; }
#blank_state tr {
  vertical-align: top; }
#blank_state td {
  padding: 20px 10px;
  border-bottom: 1px dotted #dddddd;
  font-size: 13px;
  line-height: 20px; }
  #blank_state td.td_small {
    width: 13%;
    font-size: 44px;
    line-height: 40px;
    color: #dddddd; }
  #blank_state td span {
    color: #0099ff;
    font-size: 22px; }
#blank_state p {
  padding: 40px 0 0;
  text-align: center;
  font-size: 12px; }

#get_satis {
  background-color: white;
  border: 3px solid #0099ff;
  padding: 4px 10px 3px;
  color: #0099ff;
  text-decoration: none; }
  #get_satis:hover {
    background-color: #0099ff;
    color: white; }

.mainright {
  width: 845px;
  margin-left: 130px;
  position: relative;
  background-image: url(/images/bg_grey.jpg);
  background-position: right 143px;
  background-repeat: no-repeat;
  padding-top: 25px; }

.header {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: -0.02em; }
  .header a {
    font-family: "Gotham Medium", "century gothic", arial, sans-serif; }
  .header span {
    margin: 0 5px; }
  .header #header_bingo {
    color: #cccccc; }

.red {
  color: red; }

.clear {
  clear: both;
  float: none; }

.content {
  padding: 15px;
  position: relative; }

.status_detail_wr {
  position: relative; }
  .status_detail_wr .status_detail_box {
    border: 15px solid;
      border-color: #cae8fd; }
    .status_detail_wr .status_detail_box .status, .status_detail_wr .status_detail_box span a {
      font-size: 16px;
      text-transform: uppercase; }
  .status_detail_wr .detail_column {
    float: left;
    width: 50%; }
    .status_detail_wr .detail_column .content {
      padding: 5px; }
    .status_detail_wr .detail_column tr {
      vertical-align: top; }
    .status_detail_wr .detail_column td {
      padding: 8px 3px;
      font-size: 15px; }
    .status_detail_wr .detail_column .detail_table_right {
      font-family: "Gotham Medium", "century gothic", arial, sans-serif;
      color: #333333; }
    .status_detail_wr .detail_column #map {
      width: 375px;
      height: 180px; }
    .status_detail_wr .detail_column #geo {
      position: absolute;
      top: 10px;
      right: 10px; }

.back_to_list {
  margin: 10px 0 15px;
  text-align: right; }
  .back_to_list a {
    font-size: 12px;
    color: #999999; }

#current_users .status {
  cursor: auto; }
  #current_users .status:hover {
    background-color: transparent; }
#current_users .team_user_remove {
  float: right; }

#new_twitter_account p {
  margin: 8px 0; }
#new_twitter_account .checkbox {
  margin-left: 10px; }
#new_twitter_account label {
  display: inline; }
#new_twitter_account .submit_button {
  width: auto; }
#new_twitter_account .submit_button_wr a {
  line-height: 38px;
  font-size: 12px; }

.user_content li {
  font-family: "Gotham Light", "century gothic", arial, sans-serif;
  padding: 7px 8px 9px;
  position: relative;
  color: #999999;
  border-top: 1px solid white;
  border-bottom: 1px dotted #dddddd;
  cursor: pointer; }
  .user_content li:hover {
    background-color: #f6f6f6; }
  .user_content li.current {
    background-color: #cae8fd; }
.user_content .user_project_item {
  font-size: 16px;
  position: relative;
  margin-right: 60px; }
  .user_content .user_project_item a {
    font-family: "Gotham Medium", "century gothic", arial, sans-serif;
    color: #0099ff;
    text-transform: uppercase; }
    .user_content .user_project_item a:hover {
      color: #666666; }
  .user_content .user_project_item span {
    font-size: 13px;
    color: #666666; }
  .user_content .user_project_item .content {
    padding: 7px 65px 0 0; }
    .user_content .user_project_item .content span {
      margin: 0 10px; }
    .user_content .user_project_item .content p {
      font-size: 12px;
      line-height: 18px; }

.profile_wr {
  border: solid 8px #cae8fd;
  margin: 20px 0 20px 0; }

.profile_name {
  background: #0099ff url("/images/dk_blue_gradient.png") bottom;
  border: 1px solid #cccccc; }
  .profile_name h2 {
    padding: 15px 0 0 15px;
    margin-top: 0px; }
  .profile_name .if_admin {
    float: right;
    font-size: 18px;
    margin-top: -35px;
    color: white;
    padding-right: 15px; }

.profile_details p {
  margin: 25px;
  padding-bottom: 8px;
  border-bottom: 2px solid #cae8fd; }
.profile_details span {
  font-family: "Gotham Medium", "century gothic", arial, sans-serif;
  font-size: 14px;
  color: #333333; }

.company_account .status span {
  font-family: "Gotham Medium", "century gothic", arial, sans-serif;
  text-transform: uppercase;
  color: #0099ff; }
  .company_account .status span.red {
    color: red;
    font-family: "Gotham Light", "century gothic", arial, sans-serif; }

.info_line {
  font-family: "Gotham Light", "century gothic", arial, sans-serif;
  text-transform: none;
  margin: 30px 0 0; }
  .info_line span {
    font-family: "Gotham Medium", "century gothic", arial, sans-serif; }

.account_price_box {
  margin: 10px 25px 35px 0;
  color: #303030;
  float: right;
  width: 28%;
  position: relative; }
  .account_price_box .content {
    text-align: center;
    background-color: #72c4f3;
    height: 156px; }
    .account_price_box .content p {
      font-size: 13px;
      margin: 10px 0; }
  .account_price_box .account_title {
    font-family: "Gotham Medium", "century gothic", arial, sans-serif;
    font-size: 24px;
    letter-spacing: -1.5px;
    margin: 0px;
    text-transform: uppercase; }
  .account_price_box .price {
    color: white;
    font-size: 20px;
    margin: 10px 0; }
    .account_price_box .price span {
      font-size: 14px;
      text-transform: lowercase; }
  .account_price_box .current_plan {
    display: none; }
  .account_price_box .submit_button {
    margin: auto;
    display: block;
    border: 1px solid #0099ff; }
  .account_price_box.selected .content {
    background-color: #dddddd; }
  .account_price_box.selected .current_plan {
    display: block;
    text-align: center;
    font-family: "Gotham Medium", "century gothic", arial, sans-serif;
    color: #aaaaaa;
    padding-top: 6px; }
  .account_price_box.selected .submit_button {
    display: none; }

.signup_wr {
  border-top: solid 3px white;
  margin: none;
  bottom: 0;
  position: absolute;
  width: 100%; }

#payment_details_message {
  background-color: #cae8fd;
  background-image: url(/images/bg_flash_notice_fade.png);
  background-position: top left;
  background-repeat: repeat-y;
  text-align: right;
  height: 22px;
  font-size: 13px;
  letter-spacing: -0.5px;
  padding: 9px 8px 0 0;
  margin-top: 15px; }

#payment_info_wr h4 {
  margin-top: 0; }
#payment_info_wr .submit_button {
  width: auto; }

#card_number {
  width: 169px; }

#cancel p {
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  margin: 0 10px 20px 0; }
#cancel a {
  float: right; }

#login_remember {
  display: inline; }

.footer {
  height: 142px;
  position: relative;
  background-image: url(/images/bg_footer.gif);
  background-repeat: repeat-x;
  background-color: #f3f5f6; }
  .footer .content {
    padding: 20px 20px 0 150px;
    overflow: hidden; }
    .footer .content ul {
      position: relative; }
    .footer .content li {
      font-size: 12px;
      color: #999999;
      margin-bottom: 4px; }
    .footer .content span {
      margin: 0 5px; }
    .footer .content .footer_info {
      float: left;
      margin-right: 80px; }
      .footer .content .footer_info a {
        font-family: "Gotham Medium", "century gothic", arial, sans-serif;
        color: #0099ff;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none; }
        .footer .content .footer_info a:hover {
          text-decoration: underline;
          color: #333333; }
    .footer .content .footer_user {
      float: left;
      margin-right: 80px; }
      .footer .content .footer_user a {
        font-family: "Gotham Medium", "century gothic", arial, sans-serif;
        color: #666666;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 12px; }
        .footer .content .footer_user a:hover {
          text-decoration: underline;
          color: #0099ff; }
    .footer .content .footer_copyright {
      float: left;
      font-size: 12px;
      color: #999999; }
      .footer .content .footer_copyright a {
        font-family: "Gotham Medium", "century gothic", arial, sans-serif;
        font-size: 12px;
        color: #666666;
        text-decoration: none; }
        .footer .content .footer_copyright a:hover {
          text-decoration: underline;
          color: #0099ff; }

#info_pages {
  position: relative; }
  #info_pages .info_column {
    float: left;
    position: relative;
    width: 50%; }
  #info_pages p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 14px; }
  #info_pages #commands {
    font-size: 14px; }
    #info_pages #commands tr :first-child {
      width: 35%;
      color: #0099ff;
      text-align: right;
      padding-right: 20px; }
    #info_pages #commands td {
      padding: 8px 10px;
      vertical-align: top;
      font-size: 13px;
      line-height: 18px; }
  #info_pages #getting_started span {
    color: #0099ff; }
  #info_pages #blank_state tr {
    vertical-align: middle; }
  #info_pages #contact {
    padding-right: 75px; }

.diff pre {
  background-color: white;
  padding: 10px;
  margin-top: 10px;
  font-size: 12px;
  color: #999999;
  line-height: 18px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; }
  .diff pre strong {
    color: #666666; }
  .diff pre hr {
    color: #eeeeee;
    margin: 15px 0; }

.fieldWithErrors {
  padding: 2px;
  color: red;
  display: table; }
  .fieldWithErrors label {
    color: red; }
  .fieldWithErrors input {
    border-color: red; }

#errorExplanation {
  padding: 7px;
  margin-bottom: 20px;
  border: 1px solid red; }
  #errorExplanation h2 {
    text-align: center;
    font-weight: normal;
    padding: 5px 5px 5px 10px;
    margin: 0;
    font-size: 14px;
    letter-spacing: 0;
    color: red;
    text-transform: lowercase; }
  #errorExplanation p {
    color: #333333;
    margin-bottom: 0;
    padding: 5px;
    font-size: 12px;
    text-align: center; }
  #errorExplanation ul li {
    font-size: 12px;
    list-style: none;
    text-align: center; }

.teaser_body {
  background-color: white;
  background-image: none;
  background-image: url(/images/teaser_bg.png);
  background-position: center top;
  background-repeat: repeat-x; }

#top_shadow {
  margin: auto;
  display: block; }

.teaser_shadow {
  margin: auto;
  position: relative;
  width: 980px;
  background-image: url(/images/teaser_shawdow.png); }

.public_login {
  position: relative; }
  .public_login #login_checks {
    position: absolute;
    top: 20px;
    right: 0px; }
  .public_login input {
    padding: 2px 4px;
    font-size: 11px;
    width: 120px;
    margin-bottom: 0; }
  .public_login .submit_button {
    width: 75px; }
  .public_login .checkbox {
    width: 15px; }
  .public_login label {
    display: inline;
    font-size: 11px;
    color: #999999; }
  .public_login .content {
    padding: 3px 15px 3px 3px;
    text-align: right;
    margin: auto;
    width: 975px; }

.teaser_wr {
  background-color: white;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  position: relative;
  width: 962px;
  margin: auto; }
  .teaser_wr #public_logo {
    float: left;
    margin-right: 15px; }
  .teaser_wr.index {
    background-image: url(/images/bg_teaser_video.png);
    background-position: center 350px;
    background-repeat: repeat-x; }
    .teaser_wr.index .content {
      text-align: center; }
    .teaser_wr.index .flash_notice .content {
      text-align: right; }
    .teaser_wr.index #public_logo {
      display: none; }
    .teaser_wr.index .submit_button {
      font-size: 16px; }
  .teaser_wr .content {
    font-size: 14px; }
    .teaser_wr .content h1 {
      font-size: 39px;
      margin: 0;
      float: left; }
    .teaser_wr .content h4 {
      margin: 30px 0 20px; }
    .teaser_wr .content .updated_on {
      clear: left; }
    .teaser_wr .content #info_pages {
      clear: left; }
      .teaser_wr .content #info_pages h4 {
        margin-top: 0px; }

#publictag {
  margin: 40px 0; }
  #publictag #publictag_left, #publictag #publictag_right {
    float: left;
    width: 50%;
    position: relative; }
    #publictag #publictag_left .content, #publictag #publictag_right .content {
      text-align: justify;
      line-height: 24px;
      padding: 0 50px; }
  #publictag #publictag_left {
    color: #0099ff; }

#public_signup {
  margin: 55px 0;
  color: #999999;
  line-height: 24px;
  font-size: 11px; }
  #public_signup a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none; }
  #public_signup p {
    margin-top: 20px; }

#public_video {
  margin-top: 10px;
  position: relative; }
  #public_video h5 {
    font-family: "Gotham Medium", "century gothic", arial, sans-serif;
    font-size: 14px;
    color: #999999;
    padding: 5px 0 20px; }
  #public_video #public_screens {
    margin-top: 40px; }

#public_login {
  text-align: left; }

#new_account {
  clear: left; }
  #new_account .info_column {
    float: left;
    position: relative;
    width: 70%; }
    #new_account .info_column#plans {
      width: 28%; }
    #new_account .info_column .account_price_box {
      width: 200px;
      float: right;
      margin: 0 0 10px 0; }
      #new_account .info_column .account_price_box.basic_plan .content {
        background-color: #dddddd; }
    #new_account .info_column h4 {
      margin-top: 0; }
    #new_account .info_column h2 {
      text-align: right;
      margin-bottom: 0; }
    #new_account .info_column #change_plan, #new_account .info_column #plan_form {
      float: left;
      position: relative;
      width: 50%; }
    #new_account .info_column #change_plan p {
      line-height: 24px;
      margin-bottom: 30px; }
    #new_account .info_column #change_plan span {
      color: #0099ff; }

.about_plans #plans .basic_plan .content {
  background-color: #72c4f3 !important; }
.about_plans #plans #info_pages p {
  text-align: justify; }
.about_plans #about_copy p {
  font-size: 13px;
  line-height: 18px;
  text-align: justify;
  margin-bottom: 40px; }

.public_footer {
  position: relative;
  height: 165px;
  margin-top: 30px;
  background-image: url(/images/teaser_footer.png);
  background-repeat: repeat-x;
  background-color: transparent; }
  .public_footer .content {
    padding: 20px 20px 0 70px;
    overflow: hidden; }
    .public_footer .content ul {
      position: relative; }
    .public_footer .content li {
      font-size: 12px;
      color: #999999;
      margin-bottom: 4px; }
    .public_footer .content span {
      margin: 0 5px; }
    .public_footer .content .footer_info {
      float: left;
      margin-right: 80px; }
      .public_footer .content .footer_info a {
        font-family: "Gotham Medium", "century gothic", arial, sans-serif;
        color: #0099ff;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none; }
        .public_footer .content .footer_info a:hover {
          text-decoration: underline;
          color: #333333; }
    .public_footer .content .footer_user {
      float: left;
      margin-right: 80px; }
      .public_footer .content .footer_user a {
        font-family: "Gotham Medium", "century gothic", arial, sans-serif;
        color: #666666;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 12px; }
        .public_footer .content .footer_user a:hover {
          text-decoration: underline;
          color: #0099ff; }
    .public_footer .content .footer_copyright {
      float: left;
      font-size: 12px;
      color: #999999; }
      .public_footer .content .footer_copyright a {
        font-family: "Gotham Medium", "century gothic", arial, sans-serif;
        font-size: 12px;
        color: #666666;
        text-decoration: none; }
        .public_footer .content .footer_copyright a:hover {
          text-decoration: underline;
          color: #0099ff; }