@-webkit-keyframes fade {
  0% {
    opacity: 1; }

  25% {
    opacity: 0.75; }

  50% {
    opacity: 1; }

  75% {
    opacity: 0.75; }

  100% {
    opacity: 1; } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(-180deg) translate(0px, 0px); }

  100% {
    -webkit-transform: rotate(180deg) translate(10px, 75px); } }

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, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* COLORS */
/* TEXT */
hr {
  border: 0 solid #dddddd;
  margin: 20px 0;
  border-top-width: 2px;
  clear: both;
  height: 0; }

html {
  background: #cedeeb url("/web/img/header_noise_less.png") repeat scroll left top !important;
  -webkit-font-smoothing: antialiased;
  line-height: 1; }

body {
  font-size: 15px;
  line-height: 1.5;
  font-family: "museo-sans-1", "museo-sans-2", Verdana, Arial, sans-serif;
  font-weight: 300; }

div#content {
  background: white !important;
  padding: 15px 20px 20px 20px;
  min-height: 300px;
  margin: -90px auto 0;
  width: 920px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

.wf-loading h1, .wf-inactive h1 {
  font-size: 3em !important; }

.wf-inactive h5, .wf-loading h5 {
  font-size: 1.4em !important; }

h1 {
  font-size: 3.5em;
  font-weight: 300;
  font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  margin-bottom: 15px;
  text-shadow: 1px 1px 0 white; }

h2 {
  font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  font-size: 2.5em;
  font-weight: 300; }

h3 {
  font-size: 2.1em;
  font-weight: normal;
  font-family: "museo-sans-1", "museo-sans-2", Verdana, Arial, sans-serif; }
  h3 span {
    font-size: 17px !important;
    color: #888888 !important; }

a.download-now {
  padding: 7px 12px 6px;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  letter-spacing: 0.5px !important;
  outline: none;
  -moz-outline: none;
  outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00aefb), to(#008ac8));
  background-image: -moz-linear-gradient(top, #00aefb, #008ac8);
  background-image: -o-gradient(top, #00aefb, #008ac8);
  background-color: #0080b9 !important;
  *background-color: #0080b9 !important;
  color: white;
  border: 1px solid #008ac8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 1em;
  font-size: 1.2em;
  font-weight: normal;
  display: block;
  float: right;
  color: white !important;
  margin: -45px 0px 5px 0; }
  a.download-now:hover {
    border-color: #14568a;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); }
  a.download-now small {
    color: #eeeeee;
    font-size: 0.8em;
    display: block;
    margin-top: 3px;
    margin-bottom: 1px; }
  a.download-now:hover {
    text-decoration: none; }

h4 {
  font-size: 1.7em;
  color: #222222;
  text-shadow: 1px 1px 0px white;
  font-family: "museo-sans-1", "museo-sans-2", Verdana, Arial, sans-serif;
  font-weight: normal; }

h5 {
  font-size: 1.6em;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  font-weight: normal;
  font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; }

h6 {
  font-size: 1.2em;
  letter-spacing: -0.5px;
  font-family: "museo-sans-1", "museo-sans-2", Verdana, Arial, sans-serif;
  font-weight: normal;
  text-shadow: 1px 1px 0 #eeeeee; }

div#content .sidebar-nav {
  float: left;
  width: 180px;
  margin-right: 10px; }
  div#content .sidebar-nav ul {
    line-height: 1em;
    font-size: 1.25em;
    margin-left: -20px; }
    div#content .sidebar-nav ul li {
      margin: 2px 0; }
      div#content .sidebar-nav ul li.title {
        margin: 15px 0 3px 7px;
        font-size: 0.9em; }
      div#content .sidebar-nav ul li.title.first {
        margin-top: 0px; }
      div#content .sidebar-nav ul li a {
        text-decoration: none;
        outline: 0 !important;
        background: none;
        display: block;
        width: auto;
        padding: 7px 0 7px 15px;
        text-shadow: 1px 1px 0 #eeeeee; }
        div#content .sidebar-nav ul li a.selected, div#content .sidebar-nav ul li a:hover {
          background: url("/web/img/sidebar_nav_arrow_orange.png") no-repeat top right !important;
          color: white;
          text-shadow: 1px 1px 0 #b96e00 !important;
          text-decoration: none; }
        div#content .sidebar-nav ul li a:hover {
          opacity: 0.4;
          -moz-opacity: 0.4;
          -khtml-opacity: 0.4;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
          filter: "alpha(opacity=40)"; }
        div#content .sidebar-nav ul li a.selected:hover {
          opacity: 1;
          -moz-opacity: 1;
          -khtml-opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          filter: "alpha(opacity=100)";
          text-shadow: 1px 1px 0 #777777 !important; }
      div#content .sidebar-nav ul li ul.sidebar-subnav {
        line-height: 1.4em;
        font-size: 0.8em;
        margin: 5px 0 0px 25px; }
        div#content .sidebar-nav ul li ul.sidebar-subnav li a {
          padding: 2px 10px 2px 10px !important;
          margin: 1px 0 1px -10px !important;
          color: #555555 !important; }
          div#content .sidebar-nav ul li ul.sidebar-subnav li a:hover, div#content .sidebar-nav ul li ul.sidebar-subnav li a.selected {
            background-image: none !important;
            background: #eeeeee !important;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            text-shadow: 1px 1px 0 white !important;
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: "alpha(opacity=100)";
            color: black !important; }
          div#content .sidebar-nav ul li ul.sidebar-subnav li a.selected {
            font-weight: bold; }

.wf-inactive div#content .sidebar-nav ul li a {
  font-size: 17px !important; }

div#content .content-sidenav {
  width: 715px;
  float: right;
  margin-top: 0px !important;
  min-height: 420px; }

.service-subs-list.content-sidenav.backdrop {
  border-color: white !important;
  background-color: #fafafa !important;
  background-image: none;
  -webkit-box-shadow: -1px 0px 1px #dddddd;
  -moz-box-shadow: -1px 0px 1px #dddddd;
  -khtml-box-shadow: -1px 0px 1px #dddddd;
  -o-box-shadow: -1px 0px 1px #dddddd;
  box-shadow: -1px 0px 1px #dddddd; }
  .service-subs-list.content-sidenav.backdrop ul.service-subs {
    margin-top: -20px; }
    .service-subs-list.content-sidenav.backdrop ul.service-subs li.titles {
      -moz-border-radius-topleft: 4px;
      -webkit-border-top-left-radius: 4px;
      border-top-left-radius: 4px; }

.backdrop.content-sidenav, .backdrop.api-block {
  border-top: 1px solid #e9decc;
  border-left: 1px solid #e9decc;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  width: 694px !important; }

div#content .api-block {
  width: 715px;
  float: right;
  margin-top: 0px; }
  div#content .api-block img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 1px 5px #999999;
    -moz-box-shadow: 0px 1px 5px #999999;
    -khtml-box-shadow: 0px 1px 5px #999999;
    -o-box-shadow: 0px 1px 5px #999999;
    box-shadow: 0px 1px 5px #999999;
    border: 3px solid white;
    margin: 0px 0 20px 0; }
  div#content .api-block small.caption {
    margin: -20px 0 20px 10px; }
  div#content .api-block pre {
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    margin-right: -16px; }
  div#content .api-block .vitals {
    background: #fafafa url("/web/img/header_noise_less.png") repeat top left !important;
    padding: 10px 20px;
    margin: 0 -16px 0 0;
    background: white;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
  div#content .api-block div.left-45 {
    float: left;
    width: 46%;
    margin-right: 30px; }
  div#content .api-block h6 {
    font-weight: bold;
    letter-spacing: 0; }
  div#content .api-block div.method {
    padding: 15px;
    margin-right: -20px;
    border: 1px solid white;
    margin-bottom: 35px;
    background: #fafafa;
    -webkit-box-shadow: 0 2px 3px #cccccc;
    -moz-box-shadow: 0 2px 3px #cccccc;
    -khtml-box-shadow: 0 2px 3px #cccccc;
    -o-box-shadow: 0 2px 3px #cccccc;
    box-shadow: 0 2px 3px #cccccc;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box; }
    div#content .api-block div.method:last-child {
      margin-bottom: 0px; }
    div#content .api-block div.method h3.fixedwidth, div#content .api-block div.method h3 {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#eef1f3), to(#e5e5e5));
      background-image: -moz-linear-gradient(top, #eef1f3, #e5e5e5);
      background-image: -o-gradient(top, #eef1f3, #e5e5e5);
      background-color: #dddddd !important;
      *background-color: #dddddd !important;
      background: #dddddd;
      text-shadow: 1px 1px 0 white;
      padding: 5px 15px;
      margin: -15px -15px 15px -15px;
      -moz-border-radius-topleft: 4px;
      -webkit-border-top-left-radius: 4px;
      border-top-left-radius: 4px; }

ul.apilist li {
  margin-left: 25px;
  margin-bottom: 3px;
  list-style-type: none;
  list-style-image: none; }

ul.old-school {
  margin-left: 25px;
  line-height: 1.5em;
  list-style: disc; }

ol.hn-setup {
  list-style-type: decimal !important;
  list-style: decimal !important;
  margin-left: 25px; }
  ol.hn-setup li {
    margin-bottom: 8px !important;
    list-style: decimal !important;
    list-style-type: decimal !important; }

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: subpixel-antialiased; }

p, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
  margin-bottom: 10px; }

.highlight {
  background: #feffd1;
  padding: 1px;
  margin: -1px; }
  .highlight:hover {
    background: #feffc6;
    -webkit-box-shadow: 0 0 2px #cccccc;
    -moz-box-shadow: 0 0 2px #cccccc;
    -khtml-box-shadow: 0 0 2px #cccccc;
    -o-box-shadow: 0 0 2px #cccccc;
    box-shadow: 0 0 2px #cccccc;
    padding: 3px 3px;
    margin: -3px -3px; }

strong {
  font-weight: bold; }
  strong.sevenhundy {
    font-weight: 700; }

small {
  font-size: 0.85em;
  color: #333333; }
  small.caption {
    margin-top: -10px;
    display: block; }

/* PAGE ELEMENTS */
ul.press-list li {
  margin-bottom: 5px; }

blockquote {
  text-shadow: 1px 1px 0 #eeeeee;
  font-size: 1.15em;
  line-height: 1.6em;
  margin-bottom: 10px;
  color: #222222;
  display: block;
  background: #f5f5f5;
  padding: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 1px 2px #cccccc;
  -moz-box-shadow: 0px 1px 2px #cccccc;
  -khtml-box-shadow: 0px 1px 2px #cccccc;
  -o-box-shadow: 0px 1px 2px #cccccc;
  box-shadow: 0px 1px 2px #cccccc; }
  blockquote div {
    margin: 7px 0 !important; }

p {
  text-shadow: 1px 1px 0 #eeeeee; }
  p.spaced {
    margin-bottom: 30px; }
  p.super-LR {
    margin-left: 40px;
    margin-right: 40px; }
  p.none {
    margin: 0; }
  p.up-five {
    margin: -5px 0 0px 0; }
  p.top-close {
    margin: -5px 0 12px 0; }
  p.top-closer {
    margin: -8px 0 12px 0; }
  p.top-closest {
    margin: -13px 0 12px 0; }
  p.up-eight {
    margin-top: -8px; }
  p.larger {
    font-size: 1.1em; }
  p.fivehundy {
    font-weight: 500; }
  p.sevenhundy {
    font-weight: 700; }
  p.big {
    font-size: 1.2em; }
  p.smaller {
    font-size: 0.95em; }
  p.smallest {
    font-size: 0.85em; }
  p.none {
    margin: 0 !important; }
  p.bold {
    font-weight: bold; }
  p.subtle {
    color: #555555;
    text-shadow: 1px 1px 0 white; }
  p.right {
    text-align: right; }
  p.right-fifteen {
    margin-right: 15px; }

a {
  color: #0060bf;
  border: 0;
  font-weight: 500;
  text-decoration: none; }
  a:link {
    -webkit-tap-highlight-color: #fcd79d; }
  a:hover {
    text-decoration: underline; }
  a:visited {
    color: #003a73; }
  a.faq {
    color: #393939 !important;
    font-weight: bold;
    text-decoration: none; }

div.backdrop {
  margin: 15px -20px -20px !important;
  padding: 20px;
  background: #faf6ee url("/web/img/header_noise_less.png") top left repeat;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block; }
  div.backdrop {
    display: block; }
  div.backdrop.top-border {
    border-top: 1px solid #e9decc; }
  div.backdrop.bottom-border {
    border-bottom: 1px solid #e9decc; }
  div.backdrop.no-round {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box; }
  div.backdrop p.footer-cta {
    float: left;
    font-size: 1.3em;
    margin: 7px 0 -7px 0;
    color: #666666;
    text-shadow: 1px 1px 0 white; }
  div.backdrop a.bottom-signup {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ae26), to(#df8608));
    background-image: -moz-linear-gradient(top, #f7ae26, #df8608);
    background-image: -o-gradient(top, #f7ae26, #df8608);
    background-color: #df8608 !important;
    *background-color: #df8608 !important;
    border: 1px solid #df8608;
    color: white;
    cursor: pointer;
    outline: medium none;
    padding: 4px 12px 6px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    font-size: 1.5em;
    display: block;
    float: right;
    text-align: center;
    overflow: auto;
    overflow: -moz-scrollbars-none;
    display: inline-block; }
    div.backdrop a.bottom-signup:hover {
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      border-color: #824b0a; }
    div.backdrop a.bottom-signup {
      display: block; }
    div.backdrop a.bottom-signup:hover {
      text-decoration: none; }

.backdrop.min-h {
  min-height: 250px; }

div.showcase, div.showcase-heading {
  padding: 15px 30px 15px 15px;
  margin: 0px -34px 0px -10px;
  background: #ebf6fb;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
    border-left: 0px;
    border-top: 0px;
  -webkit-box-shadow: 0 0 3px #aaaaaa;
  -moz-box-shadow: 0 0 3px #aaaaaa;
  -khtml-box-shadow: 0 0 3px #aaaaaa;
  -o-box-shadow: 0 0 3px #aaaaaa;
  box-shadow: 0 0 3px #aaaaaa;
  position: relative;
  z-index: 100; }

div.showcase-heading {
  padding: 0px 30px 0px 11px;
  margin: 0px -34px 0px -10px;
  width: 923px;
  background: #eeeeee url("/web/img/header_noise_less.png") top left repeat;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block; }
  div.showcase-heading {
    display: block; }
  div.showcase-heading h2, div.showcase-heading h3, div.showcase-heading h4, div.showcase-heading h5, div.showcase-heading h6 {
    margin: 0;
    text-shadow: 1px 1px 0 white;
    color: #114874; }
  div.showcase-heading h3 {
    margin: 5px 0 -5px 0; }
  div.showcase-heading div.content {
    float: left;
    width: 620px; }
  div.showcase-heading div.side {
    float: right;
    width: 255px; }
    div.showcase-heading div.side a.sidebar-signup {
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
      background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ae26), to(#df8608));
      background-image: -moz-linear-gradient(top, #f7ae26, #df8608);
      background-image: -o-gradient(top, #f7ae26, #df8608);
      background-color: #df8608 !important;
      *background-color: #df8608 !important;
      border: 1px solid #df8608;
      color: white;
      cursor: pointer;
      outline: medium none;
      padding: 4px 12px 6px;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
      font-size: 1.9em;
      margin-top: 13px;
      display: block;
      text-align: center; }
      div.showcase-heading div.side a.sidebar-signup:hover {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
        -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
        -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
        border-color: #824b0a; }
      div.showcase-heading div.side a.sidebar-signup:hover {
        text-decoration: none; }

div.showcase-ribbon {
  border-color: transparent transparent transparent #aaaaaa;
  border-style: solid;
  border-width: 13px;
  -webkit-box-shadow: -1px 0 0 #bbbbbb;
  -moz-box-shadow: -1px 0 0 #bbbbbb;
  -khtml-box-shadow: -1px 0 0 #bbbbbb;
  -o-box-shadow: -1px 0 0 #bbbbbb;
  box-shadow: -1px 0 0 #bbbbbb;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 0;
  top: -13px;
  left: 941px; }

/* END PAGE ELEMENTS */
/* HOMEPAGE */
.wf-loading div#content div#feature div.callout div.callout-h1 h1,
.wf-active div#content div#feature div.callout div.callout-h1 h1 {
  font-size: 6em !important; }

.wf-inactive div#content div#feature div.callout div.callout-h1 h1 {
  font-size: 4.4em !important; }

.wf-inactive div#content div#feature div.callout div.callout-h1 {
  height: 212px !important; }

.wf-inactive div#content div#feature div.callout div.action-btns div.cta a.signup {
  font-size: 2.5em; }

.ie9.win div#content div#feature div.callout div.action-btns p.vator,
.wf-inactive div#content div#feature div.callout div.action-btns p.vator {
  font-size: 1.1em !important; }

.wf-active div#content div#feature div.callout div.action-btns div.cta a.signup,
.wf-loading div#content div#feature div.callout div.action-btns div.cta a.signup {
  font-size: 3.2em !important; }

.ie9.win.wf-active div#content div#feature div.callout div.action-btns a.signup,
.ie9.win.wf-loading div#content div#feature div.callout div.action-btns a.signup {
  font-size: 2.9em !important; }

div#content div#feature {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e3d2), to(white));
  background-image: -moz-linear-gradient(top, #e5e3d2, white);
  background-image: -o-gradient(top, #e5e3d2, white);
  background-color: #e5e3d2 !important;
  *background-color: #e5e3d2 !important;
  margin: -14px -19px 5px -19px;
  padding: 15px 20px 0 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }
  div#content div#feature div.callout {
    float: right;
    width: 64%; }
    div#content div#feature div.callout div.banner-wrapper {
      position: relative;
      display: block;
      z-index: 0 !important;
      padding: 10px 20px 16px 20px;
      width: 918px;
      margin: 22px 0 -5px -350px;
      background: white;
      overflow: auto;
      overflow: -moz-scrollbars-none;
      display: inline-block;
      border-top: 1px solid #ebe8d9;
      border-bottom: 1px solid #ebe8d9; }
      div#content div#feature div.callout div.banner-wrapper {
        display: block; }
      div#content div#feature div.callout div.banner-wrapper div.banner {
        width: 590px;
        float: right; }
        div#content div#feature div.callout div.banner-wrapper div.banner a.learn_services {
          float: right;
          font-size: 0.95em;
          margin: -34px 20px 0 0;
          background: #eeeeee;
          color: #666666;
          text-shadow: 1px 1px 0 white;
          padding: 2px 7px;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          -webkit-background-clip: padding-box;
          -moz-background-clip: padding-box;
          background-clip: padding-box;
          border: 1px solid #cccccc; }
          div#content div#feature div.callout div.banner-wrapper div.banner a.learn_services:hover {
            text-decoration: none;
            color: #333333;
            border-color: #999999; }
        div#content div#feature div.callout div.banner-wrapper div.banner img {
          padding: 0px 20px 40px 0;
          float: right; }
        div#content div#feature div.callout div.banner-wrapper div.banner p {
          color: #444444;
          font-weight: 300; }
        div#content div#feature div.callout div.banner-wrapper div.banner h4 {
          margin-bottom: 0px !important;
          color: #444444;
          font-size: 1.6em;
          letter-spacing: -0.5px;
          font-weight: 300; }
        div#content div#feature div.callout div.banner-wrapper div.banner a {
          color: #0060bf; }
    div#content div#feature div.callout div.action-btns {
      margin: 20px -40px -14px -25px;
      padding: 20px;
      background: #f9ffcf;
      z-index: 100;
      position: relative !important;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      -khtml-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
      div#content div#feature div.callout div.action-btns h4 {
        float: left;
        width: 360px;
        overflow: auto;
        overflow: -moz-scrollbars-none;
        display: inline-block;
        padding-left: 3px;
        font-weight: 300;
        color: #444444;
        margin-bottom: 5px;
        font-size: 1.7em;
        letter-spacing: -0.5px;
        text-shadow: 1px 1px 0 white; }
        div#content div#feature div.callout div.action-btns h4 {
          display: block; }
      div#content div#feature div.callout div.action-btns p.vator {
        font-size: 1.2em;
        padding-left: 3px;
        width: 360px;
        margin: 0;
        float: left;
        line-height: 1.55em;
        text-shadow: 1px 1px 0px white; }
      div#content div#feature div.callout div.action-btns div.cta {
        float: right;
        width: 226px;
        margin: 9px 0 -10px 0; }
      div#content div#feature div.callout div.action-btns a.signup {
        font-size: 2.7em;
        font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
        display: block;
        text-decoration: none;
        text-align: center;
        margin: -3px 20px 0 0;
        padding: 9px 26px 9px;
        width: 150px;
        cursor: pointer;
        line-height: 1;
        letter-spacing: 0.5px !important;
        outline: none;
        -moz-outline: none;
        outline-color: -moz-use-text-color;
        outline-style: none;
        outline-width: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eda61d), to(#df8608));
        background-image: -moz-linear-gradient(top, #eda61d, #df8608);
        background-image: -o-gradient(top, #eda61d, #df8608);
        background-color: #df8608 !important;
        *background-color: #df8608 !important;
        color: #eeeeee;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        text-shadow: 1px 1px 0 #824b0a;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        -khtml-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
        border: 1px solid #ba6e00; }
        div#content div#feature div.callout div.action-btns a.signup:hover {
          background-image: -webkit-gradient(linear, left top, left bottom, from(#ba6d00), to(#874f00));
          background-image: -moz-linear-gradient(top, #ba6d00, #874f00);
          background-image: -o-gradient(top, #ba6d00, #874f00);
          background-color: #a05e00 !important;
          *background-color: #a05e00 !important;
          color: white;
          border: 1px solid #824b0a;
          text-shadow: 1px 1px 0 black;
          -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
          -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
          -khtml-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
          -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.6); }
    div#content div#feature div.callout div.ribbon {
      border-color: transparent transparent transparent #bcb570;
      border-style: solid;
      border-width: 17px;
      -webkit-box-shadow: -1px 0 0 #cccccc;
      -moz-box-shadow: -1px 0 0 #cccccc;
      -khtml-box-shadow: -1px 0 0 #cccccc;
      -o-box-shadow: -1px 0 0 #cccccc;
      box-shadow: -1px 0 0 #cccccc;
      height: 0;
      width: 0;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 0;
      top: -4px;
      left: 610px; }
    div#content div#feature div.callout div.callout-h1 {
      height: 230px !important;
      overflow: hidden; }
      div#content div#feature div.callout div.callout-h1 h1 {
        line-height: 1.1;
        font-size: 4.5em;
        text-shadow: 1px 1px 0px white;
        color: black !important;
        margin: 20px 0 25px;
        display: block;
        text-decoration: none; }
  div#content div#feature div.iphone4-wrapper {
    position: relative;
    display: block;
    z-index: 10; }
    div#content div#feature div.iphone4-wrapper a.iphone4 img {
      float: left;
      margin: 0 20px 0 0;
      width: 275px; }
    div#content div#feature div.iphone4-wrapper a img.app_store {
      float: left;
      margin: 550px 0 0 -215px !important;
      opacity: 0.8;
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: "alpha(opacity=80)"; }
      div#content div#feature div.iphone4-wrapper a img.app_store:hover {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: "alpha(opacity=100)"; }
div#content div#columns {
  padding: 20px 20px 20px 20px;
  margin-left: -19px;
  margin-right: -19px;
  margin-bottom: -19px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #f4f2ea; }
  div#content div#columns h4 {
    color: #444444;
    font-size: 1.6em;
    letter-spacing: -0.5px;
    font-weight: 300;
    text-shadow: 1px 1px 0 white; }
  div#content div#columns div.featured {
    width: 295px;
    margin-right: 30px;
    float: left; }
    div#content div#columns div.featured img.featured-icon {
      width: 38px;
      height: 38px;
      margin: 0 10px 75px 0; }
  div#content div#columns div.services {
    float: right;
    width: 591px;
    margin-right: 0; }
    div#content div#columns div.services ul {
      display: -moz-inline-box;
      -moz-box-orient: vertical;
      display: inline-block;
      vertical-align: middle;
      margin: 9px 0 0 0; }
      div#content div#columns div.services ul li {
        margin-right: 19px;
        float: left; }
        div#content div#columns div.services ul li.last {
          margin-right: 0px; }
        div#content div#columns div.services ul li a img {
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          -webkit-background-clip: padding-box;
          -moz-background-clip: padding-box;
          background-clip: padding-box;
          padding: 2px;
          -webkit-box-shadow: 0 0px 3px #aaaaaa;
          -moz-box-shadow: 0 0px 3px #aaaaaa;
          -khtml-box-shadow: 0 0px 3px #aaaaaa;
          -o-box-shadow: 0 0px 3px #aaaaaa;
          box-shadow: 0 0px 3px #aaaaaa; }

/* END HOMEPAGE */
div.h1-wrapper {
  background: #eeeeee;
  padding: 10px 20px;
  margin: -14px -19px 0 -19px;
  height: 80px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c1d0da), to(white));
  background-image: -moz-linear-gradient(top, #c1d0da, white);
  background-image: -o-gradient(top, #c1d0da, white);
  background-color: white !important;
  *background-color: white !important;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
  div.h1-wrapper h1 {
    float: left; }
  div.h1-wrapper ul.subnav {
    margin: 31px 0 0 50px;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle; }
    div.h1-wrapper ul.subnav p {
      margin-right: 5px; }
    div.h1-wrapper ul.subnav li {
      display: inline;
      margin: 0 -4px 0 0; }
      div.h1-wrapper ul.subnav li.single a {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box; }
      div.h1-wrapper ul.subnav li:last-child {
        margin-right: 0px; }
      div.h1-wrapper ul.subnav li:nth-child(1) a {
        border-bottom-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box; }
      div.h1-wrapper ul.subnav li:last-child a {
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box; }
      div.h1-wrapper ul.subnav li a {
        font-size: 1em;
        padding: 6px 8px 5px;
        width: auto;
        cursor: pointer;
        font-weight: normal;
        text-decoration: none;
        line-height: 1;
        letter-spacing: 0.5px !important;
        -webkit-font-smoothing: subpixel-antialiased;
        outline: none;
        -moz-outline: none;
        outline-color: -moz-use-text-color;
        outline-style: none;
        outline-width: 0;
        color: #006795;
        background: #e3f2f9;
        -webkit-box-shadow: 0px 0px 1px #81a0b3;
        -moz-box-shadow: 0px 0px 1px #81a0b3;
        -khtml-box-shadow: 0px 0px 1px #81a0b3;
        -o-box-shadow: 0px 0px 1px #81a0b3;
        box-shadow: 0px 0px 1px #81a0b3;
        border: none;
        text-shadow: 1px 1px 1px white; }
        div.h1-wrapper ul.subnav li a:hover, div.h1-wrapper ul.subnav li a.selected {
          background: #006795;
          color: white;
          text-shadow: 1px 1px 0 #222222;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#0079af), to(#009ce2));
          background-image: -moz-linear-gradient(top, #0079af, #009ce2);
          background-image: -o-gradient(top, #0079af, #009ce2);
          background-color: #00557c !important;
          *background-color: #00557c !important;
          -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.55) !important;
          -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.55) !important;
          box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.55) !important; }
        div.h1-wrapper ul.subnav li a.selected {
          opacity: 1; }
          div.h1-wrapper ul.subnav li a.selected:hover {
            opacity: 0.65; }

div#header-wrapper {
  width: 100%;
  height: 180px;
  background: #2486c4 url("/web/img/header_noise_less.png") repeat top left !important;
  border-bottom: 3px solid #106aa3; }
  div#header-wrapper div#header {
    z-index: 999;
    padding: 5px 5px 5px 0;
    margin: 0 auto 0;
    width: 960px; }
    div#header-wrapper div#header div.logo-block {
      float: left;
      margin-left: 21px;
      margin-top: 7px; }
      div#header-wrapper div#header div.logo-block a#logo {
        margin: 0px;
        width: 169px;
        height: 64px;
        text-indent: -9999px;
        display: block;
        border: none;
        outline: none;
        -moz-outline: none;
        outline-color: -moz-use-text-color;
        outline-style: none;
        outline-width: 0;
        text-decoration: none;
        background: transparent url("/web/img/logo_main.png") no-repeat -172px 0; }
        div#header-wrapper div#header div.logo-block a#logo:hover {
          background-position: 0 0; }
    div#header-wrapper div#header ul#header_nav {
      padding: 7px 5px 7px;
      margin: 31px 11px 0 0;
      float: right;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box; }
      div#header-wrapper div#header ul#header_nav li {
        display: inline;
        margin: 0 1px 0 0; }
        div#header-wrapper div#header ul#header_nav li:last-child {
          margin-right: 0px; }
        div#header-wrapper div#header ul#header_nav li a {
          outline: none;
          -moz-outline: none;
          outline-color: -moz-use-text-color;
          outline-style: none;
          outline-width: 0;
          -webkit-font-smoothing: subpixel-antialiased;
          padding: 7px 9px 5px;
          background: none;
          font-size: 1.05em;
          letter-spacing: 0.5px;
          color: #eeeeee;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          border-radius: 2px;
          -webkit-background-clip: padding-box;
          -moz-background-clip: padding-box;
          background-clip: padding-box;
          text-shadow: 1px 1px 0 #08456a;
          text-decoration: none; }
          div#header-wrapper div#header ul#header_nav li a:hover {
            color: #04263b;
            background: #d5ecf8;
            text-shadow: none;
            -webkit-box-shadow: 0 0 3px #444444;
            -moz-box-shadow: 0 0 3px #444444;
            -khtml-box-shadow: 0 0 3px #444444;
            -o-box-shadow: 0 0 3px #444444;
            box-shadow: 0 0 3px #444444;
            -webkit-animation-name: fade;
            -webkit-animation-duration: 3s;
            -webkit-animation-iteration-count: infinite; }
          div#header-wrapper div#header ul#header_nav li a.selected {
            -webkit-box-shadow: 1px 1px 0 #333333;
            -moz-box-shadow: 1px 1px 0 #333333;
            -khtml-box-shadow: 1px 1px 0 #333333;
            -o-box-shadow: 1px 1px 0 #333333;
            box-shadow: 1px 1px 0 #333333; }
    div#header-wrapper div#header p.logged-in-account {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#fffff4), to(#dbeef7));
      background-image: -moz-linear-gradient(top, #fffff4, #dbeef7);
      background-image: -o-gradient(top, #fffff4, #dbeef7);
      background-color: #ffffea !important;
      *background-color: #ffffea !important;
      padding: 4px 0 4px 8px;
      font-size: 0.9em;
      margin: -77px 16px 0 0;
      float: right;
      -webkit-box-shadow: 1px 1px 3px #08456a;
      -moz-box-shadow: 1px 1px 3px #08456a;
      -khtml-box-shadow: 1px 1px 3px #08456a;
      -o-box-shadow: 1px 1px 3px #08456a;
      box-shadow: 1px 1px 3px #08456a;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-bottomright: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px; }
      div#header-wrapper div#header p.logged-in-account:hover {
        -webkit-box-shadow: 1px 1px 4px #333333;
        -moz-box-shadow: 1px 1px 4px #333333;
        -khtml-box-shadow: 1px 1px 4px #333333;
        -o-box-shadow: 1px 1px 4px #333333;
        box-shadow: 1px 1px 4px #333333; }
      div#header-wrapper div#header p.logged-in-account span {
        font-weight: bold;
        text-shadow: 1px 1px 0 #eeeeee; }
      div#header-wrapper div#header p.logged-in-account a {
        padding: 6px 10px 6px 10px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 1.05em !important;
        color: #1f527a;
        text-shadow: 1px 1px 0 white; }
        div#header-wrapper div#header p.logged-in-account a:hover {
          text-decoration: none;
          cursor: pointer;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#e5eef4), to(#b0ccdd));
          background-image: -moz-linear-gradient(top, #e5eef4, #b0ccdd);
          background-image: -o-gradient(top, #e5eef4, #b0ccdd);
          background-color: #c9dce7 !important;
          *background-color: #c9dce7 !important;
          color: #194466;
          text-shadow: 1px 1px 0 #eeeeee; }
    div#header-wrapper div#header p.login-account a {
      padding: 6px 8px 4px 8px;
      margin: -82px 16px 0 0;
      opacity: 0.75;
      width: 66px !important;
      text-align: center;
      -webkit-box-shadow: 1px 1px 3px #08456a;
      -moz-box-shadow: 1px 1px 3px #08456a;
      -khtml-box-shadow: 1px 1px 3px #08456a;
      -o-box-shadow: 1px 1px 3px #08456a;
      box-shadow: 1px 1px 3px #08456a;
      float: right;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-bottomright: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffea), to(#feffb7));
      background-image: -moz-linear-gradient(top, #ffffea, #feffb7);
      background-image: -o-gradient(top, #ffffea, #feffb7);
      background-color: #ffffea !important;
      *background-color: #ffffea !important;
      font-size: 1.1em;
      letter-spacing: 0.5px;
      font-weight: bold;
      color: #1f527a;
      text-shadow: 1px 1px 0 white; }
      div#header-wrapper div#header p.login-account a:hover {
        margin: -79px 16px 0 0;
        opacity: 1;
        -webkit-box-shadow: 1px 1px 4px #333333;
        -moz-box-shadow: 1px 1px 4px #333333;
        -khtml-box-shadow: 1px 1px 4px #333333;
        -o-box-shadow: 1px 1px 4px #333333;
        box-shadow: 1px 1px 4px #333333;
        text-decoration: none;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fffff4), to(#dbeef7));
        background-image: -moz-linear-gradient(top, #fffff4, #dbeef7);
        background-image: -o-gradient(top, #fffff4, #dbeef7);
        background-color: #ffffea !important;
        *background-color: #ffffea !important; }

div#flash-msg {
  padding: 4px 10px 4px 15px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: -14px 0 15px -19px;
  color: #333333;
  width: 931px;
  text-shadow: 1px 1px 0 #fafafa;
  border: 1px solid #f2d94c;
  background: #ffffea; }

#footer {
  padding: 10px 10px 45px 10px;
  width: 940px;
  margin: 0 auto 0; }
  #footer ul#footer_nav {
    font-size: 0.9em;
    color: #333333;
    margin: 0 auto 0;
    margin-left: 10px; }
    #footer ul#footer_nav li {
      display: inline;
      margin-right: 15px;
      float: left; }
      #footer ul#footer_nav li.copy {
        float: right;
        margin-right: 10px;
        font-size: 1.1em;
        font-weight: 900;
        color: white;
        text-shadow: 0 1px 2px #222222;
        letter-spacing: -0.5px; }
      #footer ul#footer_nav li a {
        color: #555555;
        text-shadow: 1px 1px 0 #eeeeee;
        letter-spacing: 0.5px;
        text-decoration: none; }
        #footer ul#footer_nav li a:hover {
          color: #333333;
          text-decoration: underline; }

/* PAGES */
div#content .about-block, div#content .content-block {
  float: left;
  width: 625px;
  margin-right: 10px; }
  div#content .about-block h4 span.date, div#content .content-block h4 span.date {
    font-size: 0.6em;
    color: #444444;
    display: block;
    margin-top: -5px; }
  div#content .about-block h3, div#content .content-block h3 {
    margin-bottom: 0px;
    font-weight: normal; }
    div#content .about-block h3 span, div#content .content-block h3 span {
      font-size: 0.7em;
      color: #444444; }
  div#content .about-block img.about, div#content .content-block img.about {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    padding: 1px;
    -webkit-box-shadow: 1px 1px 1px #cccccc;
    -moz-box-shadow: 1px 1px 1px #cccccc;
    -khtml-box-shadow: 1px 1px 1px #cccccc;
    -o-box-shadow: 1px 1px 1px #cccccc;
    box-shadow: 1px 1px 1px #cccccc;
    margin: 2px 20px 15px 0;
    width: 160px; }
  div#content .about-block img.thumb, div#content .content-block img.thumb {
    width: auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    padding: 3px;
    -webkit-box-shadow: 0 0px 3px #999999;
    -moz-box-shadow: 0 0px 3px #999999;
    -khtml-box-shadow: 0 0px 3px #999999;
    -o-box-shadow: 0 0px 3px #999999;
    box-shadow: 0 0px 3px #999999;
    margin: 15px 15px 15px 0; }
div#content .sidebar.sidebar-settings {
  width: 320px; }
div#content .content-block.settings-block {
  width: 552px; }
div#content .about-sidebar, div#content .sidebar {
  float: right;
  width: 250px; }
  div#content .about-sidebar ul.recent-posts li, div#content .sidebar ul.recent-posts li {
    margin-bottom: 2px; }
    div#content .about-sidebar ul.recent-posts li a, div#content .sidebar ul.recent-posts li a {
      font-size: 0.95em; }

pre {
  white-space: pre;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -pre-wrap;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
  line-height: 18px;
  padding: 10px 15px;
  background: #333333;
  color: white;
  text-shadow: 1px 1px 0 black;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }
  pre::-moz-selection {
    background: #222222;
    color: #01f81e; }
  pre::-webkit-selection {
    background: #222222;
    color: #01f81e; }
  pre::selection {
    background: #222222;
    color: #01f81e; }

ul {
  list-style-image: none;
  list-style-type: none; }
  ul.indent {
    margin-left: 25px; }
  ul.indent-v {
    margin-top: 20px;
    margin-bottom: 20px; }
  ul.larger {
    font-size: 1.1em; }
  ul.terms li, ul.privacy li {
    margin-left: 15px;
    list-style-type: circle; }
  ul.help {
    margin-top: -12px; }
    ul.help a {
      font-size: 1.4em;
      margin: 12px 0 -5px;
      display: block; }

/* CONTACT PAGE  */
div.wufoo {
  width: 680px;
  -webkit-box-shadow: 0 0 2px #999999;
  -moz-box-shadow: 0 0 2px #999999;
  -khtml-box-shadow: 0 0 2px #999999;
  -o-box-shadow: 0 0 2px #999999;
  box-shadow: 0 0 2px #999999;
  background: white;
  padding: 5px 3px 2px 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

/*  GV SMS Page  */
p.gvsms {
  float: left;
  width: 255px; }

p.gvsms-wide {
  width: 550px;
  float: left; }

img.gvsms {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 1px 5px #999999;
  -moz-box-shadow: 0px 1px 5px #999999;
  -khtml-box-shadow: 0px 1px 5px #999999;
  -o-box-shadow: 0px 1px 5px #999999;
  box-shadow: 0px 1px 5px #999999;
  border: 3px solid white;
  margin: 0px 0 30px 0;
  float: right;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block; }
  img.gvsms {
    display: block; }

/* Desktop Apps */
img.desktop-app-img, img.learn-more-img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 1px 5px #999999;
  -moz-box-shadow: 0px 1px 5px #999999;
  -khtml-box-shadow: 0px 1px 5px #999999;
  -o-box-shadow: 0px 1px 5px #999999;
  box-shadow: 0px 1px 5px #999999;
  border: 3px solid white;
  margin: 10px 0; }

/*  Mobile Apps  */
ul.apps-grid {
  list-type-type: none; }
  ul.apps-grid li {
    margin: 0 25px 25px 0;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    height: 100px;
    width: 284px;
    background: #fafafa;
    opacity: 1;
    padding: 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #999999;
    -moz-box-shadow: 0 0 2px #999999;
    -khtml-box-shadow: 0 0 2px #999999;
    -o-box-shadow: 0 0 2px #999999;
    box-shadow: 0 0 2px #999999; }
    ul.apps-grid li.even {
      margin-right: 0; }
    ul.apps-grid li div.phone {
      float: left;
      background: white;
      padding: 10px 10px 30px 10px;
      margin: -20px 0 -20px -20px;
      border-right: 1px solid #dddddd;
      margin-right: 5px;
      height: 100px;
      border-bottom-left-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      -webkit-border-top-left-radius: 4px;
      border-top-left-radius: 4px;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box; }
    ul.apps-grid li div.desc {
      float: right;
      padding: 5px;
      width: 204px; }
      ul.apps-grid li div.desc h6 {
        font-size: 1.3em; }

ul.iphone-tour li {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 7px; }

div#iphone-app-video {
  padding: 10px 5px 5px 10px;
  background: #eeeeee;
  margin-bottom: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid white;
  -webkit-box-shadow: 0px 0px 3px #bbbbbb;
  -moz-box-shadow: 0px 0px 3px #bbbbbb;
  -khtml-box-shadow: 0px 0px 3px #bbbbbb;
  -o-box-shadow: 0px 0px 3px #bbbbbb;
  box-shadow: 0px 0px 3px #bbbbbb; }
  div#iphone-app-video .vid-caption {
    float: left;
    width: 170px; }
  div#iphone-app-video .vid-embed {
    float: right;
    width: 504px; }

/* USER/NOTIFICATONS PAGE */
div.status-bar {
  text-align: left;
  width: 960px;
  background: #f6f7f8;
  border-top: 1px solid #eeeeee;
  margin: 0 -20px -10px -20px;
  padding: 3px 0; }
  div.status-bar p {
    font-size: 0.92em;
    margin-left: 37px; }
    div.status-bar p a {
      font-size: 0.9em; }

ul#notifos {
  margin: 0 -20px -20px; }
  ul#notifos li {
    padding: 12px 20px;
    /*div.control_btns
     * float: left
     * margin: 15px auto 0
     * padding: 5px 10px
     * width: auto
     * background: $light_yellow
     * @include border-radius(4px)
     * @include box-shadow(1px,1px,1px, #ccc)
     * ul.open_del, ul.sub_confirm
     *   float: left
     *   margin: 0
     *   li
     *     margin: 0
     *     background: none
     *     display: inline */ }
    ul#notifos li:last-child {
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-bottomright: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px; }
    ul#notifos li.odd {
      background: #f6fafd !important; }
    ul#notifos li.titles {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#95abb8), to(#7e9aab));
      background-image: -moz-linear-gradient(top, #95abb8, #7e9aab);
      background-image: -o-gradient(top, #95abb8, #7e9aab);
      background-color: #7e9aab !important;
      *background-color: #7e9aab !important;
      text-shadow: -1px -1px 0 #5887a1;
      font-size: 1.4em;
      font-weight: 500;
      letter-spacing: 1px;
      color: #ddeaf1;
      font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
      padding: 5px 20px; }
    ul#notifos li.inbox_zero {
      height: 300px;
      background: #faf6ee url("/web/img/header_noise_less.png") top left repeat !important;
      color: #2c4656;
      font-size: 2.8em;
      padding-top: 30px;
      text-align: center;
      font-weight: 500;
      font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
      text-shadow: 1px 1px 0 white;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-bottomright: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px; }
      ul#notifos li.inbox_zero small {
        font-weight: normal;
        font-size: 0.6em;
        letter-spacing: -0.5px;
        font-family: "museo-sans-1", "museo-sans-2", Verdana, Arial, sans-serif;
        text-shadow: 1px 1px 0 white;
        color: #666666; }
        ul#notifos li.inbox_zero small a {
          color: #9a6d1d; }
    ul#notifos li div.service_icon {
      float: left;
      margin-right: 20px;
      width: 80px; }
      ul#notifos li div.service_icon img {
        margin: 3px auto 0;
        display: block;
        width: 48px;
        height: 48px; }
    ul#notifos li div.message {
      float: left;
      width: 590px;
      margin-right: 20px;
      margin-top: -3px; }
      ul#notifos li div.message strong {
        font-size: 1.2em;
        font-weight: 500;
        letter-spacing: -0.5px; }
        ul#notifos li div.message strong span {
          font-weight: 300 !important; }
        ul#notifos li div.message strong img.meeple {
          opacity: 0.5;
          -moz-opacity: 0.5;
          -khtml-opacity: 0.5;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
          filter: "alpha(opacity=50)";
          margin: 0 0 1px 3px; }
          ul#notifos li div.message strong img.meeple:hover {
            opacity: 1;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: "alpha(opacity=100)"; }
      ul#notifos li div.message p {
        margin: -3px 0 0 0;
        color: #222222; }
    ul#notifos li div.control {
      float: right;
      width: 200px; }
      ul#notifos li div.control a.read-more {
        opacity: 0.6;
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: "alpha(opacity=60)";
        display: block;
        margin-top: 20px;
        margin-right: 5px;
        float: left; }
        ul#notifos li div.control a.read-more:hover {
          opacity: 1; }
      ul#notifos li div.control a.dropdown {
        background: url("/web/img/settings-gear.png") no-repeat 8px 5px;
        float: left;
        margin-top: 15px;
        margin-right: 24px;
        opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: "alpha(opacity=50)";
        padding-top: 5px;
        width: 46px;
        height: 28px; }
        ul#notifos li div.control a.dropdown:hover {
          opacity: 1; }
        ul#notifos li div.control a.dropdown.opened {
          opacity: 1;
          background-color: #e5e5e5;
          -webkit-box-shadow: -1px 1px 1px #cccccc;
          -moz-box-shadow: -1px 1px 1px #cccccc;
          -khtml-box-shadow: -1px 1px 1px #cccccc;
          -o-box-shadow: -1px 1px 1px #cccccc;
          box-shadow: -1px 1px 1px #cccccc;
          -moz-border-radius-topleft: 4px;
          -moz-border-radius-topright: 4px;
          -webkit-border-top-left-radius: 4px;
          -webkit-border-top-right-radius: 4px;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px; }
      ul#notifos li div.control p.time_delta {
        color: #666666;
        font-size: 13px;
        width: 82px;
        display: block;
        margin: 14px 0px 0 0;
        float: right; }
      ul#notifos li div.control ul.notifo-settings {
        position: absolute;
        display: none;
        z-index: 200;
        margin-top: 44px;
        margin-right: 15px;
        width: 160px;
        font-size: 0.85em;
        padding: 2px !important;
        border: 3px solid #e5e5e5;
        background: #e5e5e5;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        -moz-border-radius-topleft: 0px;
        -webkit-border-top-left-radius: 0px;
        border-top-left-radius: 0px;
        -webkit-box-shadow: -1px 1px 1px #cccccc;
        -moz-box-shadow: -1px 1px 1px #cccccc;
        -khtml-box-shadow: -1px 1px 1px #cccccc;
        -o-box-shadow: -1px 1px 1px #cccccc;
        box-shadow: -1px 1px 1px #cccccc; }
        ul#notifos li div.control ul.notifo-settings li {
          padding: 0;
          margin: 0 0 1px 0;
          background: none;
          display: block; }
          ul#notifos li div.control ul.notifo-settings li:nth-child(odd) a {
            background: #efefef; }
          ul#notifos li div.control ul.notifo-settings li a {
            padding: 3px 5px 1px 5px !important;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            width: 94.2%;
            font-size: 14px;
            color: #222222;
            background: #f4f4f4;
            display: block;
            text-decoration: none; }
            ul#notifos li div.control ul.notifo-settings li a img {
              float: right;
              margin-top: 3px;
              margin-right: 5px;
              width: 14px;
              height: 14px; }
            ul#notifos li div.control ul.notifo-settings li a:hover {
              background: #444444;
              color: #fafafa; }

div.notifications-page-nav {
  margin: 25px -20px -20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d2dbe1), to(#bccad3));
  background-image: -moz-linear-gradient(top, #d2dbe1, #bccad3);
  background-image: -o-gradient(top, #d2dbe1, #bccad3);
  background-color: #bccad3 !important;
  *background-color: #bccad3 !important;
  text-shadow: -1px -1px 0 #5887a1;
  font-size: 1.4em;
  border-top: 1px solid #c3cfd7;
  color: #ddeaf1;
  font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 8px 20px;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block; }
  div.notifications-page-nav {
    display: block; }
  div.notifications-page-nav a.prev_link, div.notifications-page-nav a.next_link {
    padding: 0;
    letter-spacing: 1.5px;
    font-size: 1.1em;
    color: #333333;
    text-shadow: -1px -1px 0 #d2dbe1;
    font-weight: 300;
    text-transform: uppercase; }
    div.notifications-page-nav a.prev_link:hover, div.notifications-page-nav a.next_link:hover {
      text-decoration: none;
      text-shadow: none;
      color: #2c5d72; }
  div.notifications-page-nav a.prev_link {
    float: left; }
  div.notifications-page-nav a.next_link {
    float: right; }

.control_a, .control_b, .control_c, .control_d {
  height: 100%; }

.notbox:hover .control_a, .notbox:hover .control_b, .notbox:hover .control_c, .notbox:hover .control_d {
  visibility: visible; }

.servicebox:hover .control_a {
  visibility: visible; }

.button {
  padding: 7px 9px 6px;
  font-size: 0.9em;
  background: #eeeeee;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 2px white;
  -moz-box-shadow: 0px 0px 2px white;
  -khtml-box-shadow: 0px 0px 2px white;
  -o-box-shadow: 0px 0px 2px white;
  box-shadow: 0px 0px 2px white;
  border: 1px solid #cccccc;
  outline: none;
  -moz-outline: none;
  outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: 0;
  text-shadow: 1px 1px 0 white;
  color: #333333 !important; }
  .button:hover {
    border: 1px solid white;
    background: #fafafa;
    -webkit-box-shadow: 0 0 2px #555555;
    -moz-box-shadow: 0 0 2px #555555;
    -khtml-box-shadow: 0 0 2px #555555;
    -o-box-shadow: 0 0 2px #555555;
    box-shadow: 0 0 2px #555555;
    color: black !important;
    text-decoration: none; }

.buttonselected {
  background: #f9b30d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: -1px -1px 0px #999999;
  -moz-box-shadow: -1px -1px 0px #999999;
  -khtml-box-shadow: -1px -1px 0px #999999;
  -o-box-shadow: -1px -1px 0px #999999;
  box-shadow: -1px -1px 0px #999999;
  outline: none;
  -moz-outline: none;
  outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: 0;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 9px 6px;
  border: 1px solid #fbca58;
  text-shadow: 1px 1px 0 #fcda89;
  color: #875c00 !important; }
  .buttonselected:hover {
    text-decoration: none;
    cursor: default; }

/* MY SERVICES PAGE */
ul.service-subs {
  margin: 0 -20px 0; }
  ul.service-subs li {
    padding: 5px 20px; }
    ul.service-subs li:nth-child(even) {
      background: #f6fafd; }
    ul.service-subs li:nth-child(odd) {
      background: white; }
    ul.service-subs li.titles {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#95abb8), to(#7e9aab));
      background-image: -moz-linear-gradient(top, #95abb8, #7e9aab);
      background-image: -o-gradient(top, #95abb8, #7e9aab);
      background-color: #7e9aab !important;
      *background-color: #7e9aab !important;
      text-shadow: -1px -1px 0 #5887a1;
      font-size: 1.4em;
      letter-spacing: 1px;
      color: #ddeaf1;
      font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
      padding: 5px 20px;
      font-weight: 500; }
    ul.service-subs li.inbox_zero {
      height: 300px;
      margin-bottom: -41px;
      background: #faf6ee url("/web/img/header_noise_less.png") top left repeat !important;
      color: #2c4656;
      font-size: 2.8em;
      padding-top: 30px;
      text-align: center;
      font-weight: 500;
      font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
      text-shadow: 1px 1px 0 white; }
      ul.service-subs li.inbox_zero small {
        font-weight: normal;
        font-size: 0.6em;
        letter-spacing: -0.5px;
        font-family: "museo-sans-1", "museo-sans-2", Verdana, Arial, sans-serif;
        text-shadow: 1px 1px 0 white;
        color: #666666; }
        ul.service-subs li.inbox_zero small a {
          color: #9a6d1d; }
    ul.service-subs li div.service_icon {
      float: left;
      margin-right: 20px;
      width: 120px;
      height: 64px; }
      ul.service-subs li div.service_icon img {
        margin: 8px auto 0;
        display: block;
        width: 48px;
        height: 48px; }
    ul.service-subs li div.message {
      float: left;
      width: 450px;
      margin-top: 5px;
      margin-bottom: -4px;
      margin-right: 20px; }
      ul.service-subs li div.message p.smaller {
        margin-top: -4px; }
      ul.service-subs li div.message strong {
        font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
        font-size: 1.45em;
        font-weight: 500; }
    ul.service-subs li div.control {
      float: right;
      margin-top: 23px;
      width: 272px; }

ul.my_services {
  list-type-type: none; }
  ul.my_services li {
    margin: 0 25px 25px 0;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    height: 70px;
    width: 285px;
    background: #fafafa !important;
    opacity: 1;
    padding: 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #999999;
    -moz-box-shadow: 0 0 2px #999999;
    -khtml-box-shadow: 0 0 2px #999999;
    -o-box-shadow: 0 0 2px #999999;
    box-shadow: 0 0 2px #999999; }
    ul.my_services li.even {
      margin-right: 0; }
    ul.my_services li div.service_icon {
      float: left;
      background: white;
      padding: 10px 10px 30px 10px;
      margin: -20px 0 -20px -20px;
      border-right: 1px solid #dddddd;
      margin-right: 5px;
      height: 70px;
      width: 48px;
      border-bottom-left-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
      -moz-border-radius-topleft: 4px;
      -webkit-border-top-left-radius: 4px;
      border-top-left-radius: 4px;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box; }
      ul.my_services li div.service_icon img {
        margin-top: 20px; }
    ul.my_services li div.desc {
      float: right;
      padding: 5px;
      width: 215px;
      margin-top: -5px; }
      ul.my_services li div.desc a.create-service {
        margin-top: 15px;
        display: block;
        text-align: center;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ae26), to(#df8608));
        background-image: -moz-linear-gradient(top, #f7ae26, #df8608);
        background-image: -o-gradient(top, #f7ae26, #df8608);
        background-color: #df8608 !important;
        *background-color: #df8608 !important;
        border: 1px solid #df8608;
        color: white;
        cursor: pointer;
        outline: medium none;
        padding: 4px 12px 6px;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        font-size: 0.9em !important; }
        ul.my_services li div.desc a.create-service:hover {
          -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
          -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
          -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
          -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
          border-color: #824b0a; }
        ul.my_services li div.desc a.create-service:hover {
          text-decoration: none !important; }

/* FORMS */
form input#submit {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ae26), to(#df8608));
  background-image: -moz-linear-gradient(top, #f7ae26, #df8608);
  background-image: -o-gradient(top, #f7ae26, #df8608);
  background-color: #df8608 !important;
  *background-color: #df8608 !important;
  border: 1px solid #df8608;
  color: white;
  cursor: pointer;
  outline: medium none;
  padding: 4px 12px 6px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); }
  form input#submit:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    border-color: #824b0a; }

form.test_msg {
  padding: 10px 15px;
  width: 218px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: inset 0 1px 2px #c1e2f2 !important;
  -webkit-box-shadow: inset 0 1px 2px #c1e2f2 !important;
  box-shadow: inset 0 1px 2px #c1e2f2 !important;
  background: #e3f2f9; }
  form.test_msg input[type='submit'] {
    padding: 7px 12px 6px;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 0.5px !important;
    outline: none;
    -moz-outline: none;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00aefb), to(#008ac8));
    background-image: -moz-linear-gradient(top, #00aefb, #008ac8);
    background-image: -o-gradient(top, #00aefb, #008ac8);
    background-color: #0080b9 !important;
    *background-color: #0080b9 !important;
    color: white;
    border: 1px solid #008ac8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 1em;
    font-size: 1.2em !important; }
    form.test_msg input[type='submit']:hover {
      border-color: #14568a;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); }

form.login ul li, form#service_console ul li, form#mobile_list ul li, form.register ul li, form.console ul li, form.gvsms ul li, form.create_msg ul li, form.create_timer ul li, form.service-prefs ul li, form.profile-settings ul li, form.notifications_settings ul li, form.reset-pass ul li {
  line-height: 3em; }
  form.login ul li:last-child, form#service_console ul li:last-child, form#mobile_list ul li:last-child, form.register ul li:last-child, form.console ul li:last-child, form.gvsms ul li:last-child, form.create_msg ul li:last-child, form.create_timer ul li:last-child, form.service-prefs ul li:last-child, form.profile-settings ul li:last-child, form.notifications_settings ul li:last-child, form.reset-pass ul li:last-child {
    margin-top: 10px; }
  form.login ul li span, form#service_console ul li span, form#mobile_list ul li span, form.register ul li span, form.console ul li span, form.gvsms ul li span, form.create_msg ul li span, form.create_timer ul li span, form.service-prefs ul li span, form.profile-settings ul li span, form.notifications_settings ul li span, form.reset-pass ul li span {
    font-size: 0.9em;
    color: #666666;
    margin-left: 5px; }
    form.login ul li span.forgot_pwd, form#service_console ul li span.forgot_pwd, form#mobile_list ul li span.forgot_pwd, form.register ul li span.forgot_pwd, form.console ul li span.forgot_pwd, form.gvsms ul li span.forgot_pwd, form.create_msg ul li span.forgot_pwd, form.create_timer ul li span.forgot_pwd, form.service-prefs ul li span.forgot_pwd, form.profile-settings ul li span.forgot_pwd, form.notifications_settings ul li span.forgot_pwd, form.reset-pass ul li span.forgot_pwd {
      margin-left: 30px !important; }
  form.login ul li label, form#service_console ul li label, form#mobile_list ul li label, form.register ul li label, form.console ul li label, form.gvsms ul li label, form.create_msg ul li label, form.create_timer ul li label, form.service-prefs ul li label, form.profile-settings ul li label, form.notifications_settings ul li label, form.reset-pass ul li label {
    color: #222222;
    font-size: 1.1em;
    font-weight: bold;
    text-shadow: 1px 1px 0 white;
    text-align: left;
    float: left;
    display: block;
    width: 350px; }
  form.login ul li input[type='text'], form.login ul li input[type='password'], form#service_console ul li input[type='text'], form#service_console ul li input[type='password'], form#mobile_list ul li input[type='text'], form#mobile_list ul li input[type='password'], form.register ul li input[type='text'], form.register ul li input[type='password'], form.console ul li input[type='text'], form.console ul li input[type='password'], form.gvsms ul li input[type='text'], form.gvsms ul li input[type='password'], form.create_msg ul li input[type='text'], form.create_msg ul li input[type='password'], form.create_timer ul li input[type='text'], form.create_timer ul li input[type='password'], form.service-prefs ul li input[type='text'], form.service-prefs ul li input[type='password'], form.profile-settings ul li input[type='text'], form.profile-settings ul li input[type='password'], form.notifications_settings ul li input[type='text'], form.notifications_settings ul li input[type='password'], form.reset-pass ul li input[type='text'], form.reset-pass ul li input[type='password'] {
    font-size: 1.1em;
    padding: 3px 5px;
    width: 270px;
    border: inset 1px #cccccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 1px 1px 0 white;
    -moz-box-shadow: 1px 1px 0 white;
    -khtml-box-shadow: 1px 1px 0 white;
    -o-box-shadow: 1px 1px 0 white;
    box-shadow: 1px 1px 0 white; }
    form.login ul li input[type='text']:focus, form.login ul li input[type='password']:focus, form#service_console ul li input[type='text']:focus, form#service_console ul li input[type='password']:focus, form#mobile_list ul li input[type='text']:focus, form#mobile_list ul li input[type='password']:focus, form.register ul li input[type='text']:focus, form.register ul li input[type='password']:focus, form.console ul li input[type='text']:focus, form.console ul li input[type='password']:focus, form.gvsms ul li input[type='text']:focus, form.gvsms ul li input[type='password']:focus, form.create_msg ul li input[type='text']:focus, form.create_msg ul li input[type='password']:focus, form.create_timer ul li input[type='text']:focus, form.create_timer ul li input[type='password']:focus, form.service-prefs ul li input[type='text']:focus, form.service-prefs ul li input[type='password']:focus, form.profile-settings ul li input[type='text']:focus, form.profile-settings ul li input[type='password']:focus, form.notifications_settings ul li input[type='text']:focus, form.notifications_settings ul li input[type='password']:focus, form.reset-pass ul li input[type='text']:focus, form.reset-pass ul li input[type='password']:focus {
      border: inset 1px #14568a;
      background: #feffb7 !important;
      -webkit-box-shadow: 0 0 2px #444444;
      -moz-box-shadow: 0 0 2px #444444;
      -khtml-box-shadow: 0 0 2px #444444;
      -o-box-shadow: 0 0 2px #444444;
      box-shadow: 0 0 2px #444444; }
  form.login ul li input#submit_login, form.login ul li input[type='submit'], form#service_console ul li input#submit_login, form#service_console ul li input[type='submit'], form#mobile_list ul li input#submit_login, form#mobile_list ul li input[type='submit'], form.register ul li input#submit_login, form.register ul li input[type='submit'], form.console ul li input#submit_login, form.console ul li input[type='submit'], form.gvsms ul li input#submit_login, form.gvsms ul li input[type='submit'], form.create_msg ul li input#submit_login, form.create_msg ul li input[type='submit'], form.create_timer ul li input#submit_login, form.create_timer ul li input[type='submit'], form.service-prefs ul li input#submit_login, form.service-prefs ul li input[type='submit'], form.profile-settings ul li input#submit_login, form.profile-settings ul li input[type='submit'], form.notifications_settings ul li input#submit_login, form.notifications_settings ul li input[type='submit'], form.reset-pass ul li input#submit_login, form.reset-pass ul li input[type='submit'] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ae26), to(#df8608));
    background-image: -moz-linear-gradient(top, #f7ae26, #df8608);
    background-image: -o-gradient(top, #f7ae26, #df8608);
    background-color: #df8608 !important;
    *background-color: #df8608 !important;
    border: 1px solid #df8608;
    color: white;
    cursor: pointer;
    outline: medium none;
    padding: 4px 12px 6px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    margin-left: 348px;
    font-size: 1.15em; }
    form.login ul li input#submit_login:hover, form.login ul li input[type='submit']:hover, form#service_console ul li input#submit_login:hover, form#service_console ul li input[type='submit']:hover, form#mobile_list ul li input#submit_login:hover, form#mobile_list ul li input[type='submit']:hover, form.register ul li input#submit_login:hover, form.register ul li input[type='submit']:hover, form.console ul li input#submit_login:hover, form.console ul li input[type='submit']:hover, form.gvsms ul li input#submit_login:hover, form.gvsms ul li input[type='submit']:hover, form.create_msg ul li input#submit_login:hover, form.create_msg ul li input[type='submit']:hover, form.create_timer ul li input#submit_login:hover, form.create_timer ul li input[type='submit']:hover, form.service-prefs ul li input#submit_login:hover, form.service-prefs ul li input[type='submit']:hover, form.profile-settings ul li input#submit_login:hover, form.profile-settings ul li input[type='submit']:hover, form.notifications_settings ul li input#submit_login:hover, form.notifications_settings ul li input[type='submit']:hover, form.reset-pass ul li input#submit_login:hover, form.reset-pass ul li input[type='submit']:hover {
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      border-color: #824b0a; }

form.profile-settings ul li label, form.service-prefs ul li label {
  margin-bottom: -15px; }
form.profile-settings ul li input[type='submit'], form.service-prefs ul li input[type='submit'] {
  margin-left: 0px; }
form.profile-settings ul li select, form.service-prefs ul li select {
  border: inset 1px #cccccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 0 white;
  -moz-box-shadow: 1px 1px 0 white;
  -khtml-box-shadow: 1px 1px 0 white;
  -o-box-shadow: 1px 1px 0 white;
  box-shadow: 1px 1px 0 white;
  font-size: 1em;
  padding: 3px 5px;
  vertical-align: middle; }
  form.profile-settings ul li select:focus, form.service-prefs ul li select:focus {
    background: #feffb7; }
  form.profile-settings ul li select option, form.service-prefs ul li select option {
    background-color: #fef5e6;
    border-bottom: 1px solid #ebdac0;
    border-right: 1px solid #d6bb86;
    border-left: 1px solid #d6bb86; }
    form.profile-settings ul li select option:hover, form.service-prefs ul li select option:hover {
      cursor: pointer; }
  form.profile-settings ul li select option[disabled], form.service-prefs ul li select option[disabled] {
    background: white;
    color: #222222;
    cursor: default; }

div.gravatar-box {
  padding: 10px;
  background: white;
  margin-left: -30px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #e9decc;
  width: 290px;
  margin-bottom: 10px;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block; }
  div.gravatar-box {
    display: block; }
  div.gravatar-box p {
    float: right;
    margin: 3px 0 0 0;
    width: 190px;
    color: #444444; }
    div.gravatar-box p small {
      text-shadow: none;
      color: #666666;
      font-weight: 300; }
  div.gravatar-box img {
    padding: 2px;
    margin: 5px 15px 5px 20px !important;
    background: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px #cccccc;
    -moz-box-shadow: 0 1px 2px #cccccc;
    -khtml-box-shadow: 0 1px 2px #cccccc;
    -o-box-shadow: 0 1px 2px #cccccc;
    box-shadow: 0 1px 2px #cccccc; }

form.service-prefs {
  float: left;
  width: 60%; }
  form.service-prefs ul li label {
    width: 220px; }
    form.service-prefs ul li label small {
      display: block;
      font-weight: normal;
      color: #444444;
      margin-top: -25px; }
  form.service-prefs ul li.desc textarea {
    margin-top: 15px;
    font-size: 0.9em;
    font-family: "Verdana", sans-serif;
    padding: 3px 5px;
    width: 490px;
    height: 90px;
    border: inset 1px #cccccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 1px 1px 0 white;
    -moz-box-shadow: 1px 1px 0 white;
    -khtml-box-shadow: 1px 1px 0 white;
    -o-box-shadow: 1px 1px 0 white;
    box-shadow: 1px 1px 0 white; }
    form.service-prefs ul li.desc textarea:focus {
      border: inset 1px #14568a;
      background: #feffb7 !important;
      -webkit-box-shadow: 0 0 2px #444444;
      -moz-box-shadow: 0 0 2px #444444;
      -khtml-box-shadow: 0 0 2px #444444;
      -o-box-shadow: 0 0 2px #444444;
      box-shadow: 0 0 2px #444444; }
  form.service-prefs ul li.desc small {
    margin-top: -10px;
    margin-bottom: 5px;
    display: block;
    line-height: 1.3em;
    width: 490px; }
  form.service-prefs ul li.desc p.charsRemaining {
    margin-top: -20px;
    color: #444444;
    text-shadow: 1px 1px 0 white;
    font-size: 0.9em; }
  form.service-prefs ul li input[type='submit'] {
    margin-left: 400px; }

form.reset-pass ul li label[for='username'] {
  width: 200px !important; }
form.reset-pass ul li input[name='submit_reset'] {
  margin-left: 200px; }
form.reset-pass ul li small {
  font-weight: normal;
  font-size: 1em; }

div.service-prefs-icon {
  float: right;
  width: 34%;
  margin-top: 15px;
  margin-left: 20px;
  margin-right: -20px;
  padding: 15px;
  background: #f5f5f5;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }
  div.service-prefs-icon form.icon-update ul li span.formerror {
    font-size: 0.95em; }
  div.service-prefs-icon form.icon-update ul li input[type='file'] {
    margin: 10px 0; }
  div.service-prefs-icon form.icon-update ul li input[type='submit'] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ae26), to(#df8608));
    background-image: -moz-linear-gradient(top, #f7ae26, #df8608);
    background-image: -o-gradient(top, #f7ae26, #df8608);
    background-color: #df8608 !important;
    *background-color: #df8608 !important;
    border: 1px solid #df8608;
    color: white;
    cursor: pointer;
    outline: medium none;
    padding: 4px 12px 6px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    font-size: 1.05em; }
    div.service-prefs-icon form.icon-update ul li input[type='submit']:hover {
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      border-color: #824b0a; }

form.login {
  width: 520px;
  float: left; }
  form.login ul li label {
    width: 160px;
    margin-right: 30px;
    text-align: right; }
  form.login ul li input[type='submit'] {
    margin-left: 192px !important;
    font-size: 1.3em !important;
    margin-top: 20px; }

div.login-wrapper {
  font-size: 1.2em;
  color: #555555;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block;
  min-height: 250px; }
  div.login-wrapper {
    display: block; }
  div.login-wrapper div.announcement {
    background: #f6dbc1 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 1px #7a4311;
    -moz-box-shadow: 0 0 1px #7a4311;
    -khtml-box-shadow: 0 0 1px #7a4311;
    -o-box-shadow: 0 0 1px #7a4311;
    box-shadow: 0 0 1px #7a4311;
    color: #64370e;
    padding: 5px 10px;
    margin: 20px 20px 0 0;
    line-height: 1.4em;
    float: right;
    width: 300px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box; }
    div.login-wrapper div.announcement a {
      font-weight: bold;
      font-size: 14px; }

form.notifications_settings ul li {
  line-height: 3.5em; }
  form.notifications_settings ul li label {
    width: 250px; }
  form.notifications_settings ul li p.form-desc {
    font-size: 0.95em;
    display: block; }
  form.notifications_settings ul li small {
    font-weight: normal;
    margin-top: -25px;
    display: block; }
  form.notifications_settings ul li input[type='text'] {
    width: 375px; }
  form.notifications_settings ul li input[type='submit'] {
    overflow: auto;
    overflow: -moz-scrollbars-none;
    display: inline-block;
    margin-top: 40px;
    float: right;
    margin-right: 60px;
    padding-right: 25px;
    padding-left: 25px; }
    form.notifications_settings ul li input[type='submit'] {
      display: block; }
  form.notifications_settings ul li input[type='checkbox'] {
    margin-left: -2px;
    margin-right: 10px; }
  form.notifications_settings ul li select {
    border: inset 1px #cccccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 1px 1px 0 white;
    -moz-box-shadow: 1px 1px 0 white;
    -khtml-box-shadow: 1px 1px 0 white;
    -o-box-shadow: 1px 1px 0 white;
    box-shadow: 1px 1px 0 white;
    font-size: 1em;
    padding: 3px 5px;
    vertical-align: middle; }
    form.notifications_settings ul li select#quiethours_end1 {
      margin-top: -2px;
      float: right;
      margin-right: 154px;
      overflow: auto;
      overflow: -moz-scrollbars-none;
      display: inline-block; }
      form.notifications_settings ul li select#quiethours_end1 {
        display: block; }
    form.notifications_settings ul li select:focus {
      background: #feffb7; }
    form.notifications_settings ul li select option {
      background-color: #fef5e6;
      border-bottom: 1px solid #ebdac0;
      border-right: 1px solid #d6bb86;
      border-left: 1px solid #d6bb86; }
      form.notifications_settings ul li select option:hover {
        cursor: pointer; }
    form.notifications_settings ul li select option[disabled] {
      background: white;
      color: #222222;
      cursor: default; }

form.gvsms ul li p {
  line-height: 1.4;
  width: 620px;
  margin-bottom: 20px; }
form.gvsms ul li label {
  width: 300px; }
form.gvsms ul li input[type='text'] {
  width: 150px !important;
  font-size: 1.2em !important;
  padding: 4px 6px !important; }
form.gvsms ul li input[type='submit'] {
  margin-left: 375px; }

form.register, form.console {
  margin: 0 -19px -19px;
  padding-bottom: 10px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #dfeff7 url("/web/img/header_noise_less.png") top left repeat; }
  form.register ul li, form.console ul li {
    font-size: 1.1em;
    text-shadow: 1px 1px 0 white !important;
    padding: 9px 20px 5px; }
    form.register ul li h6, form.console ul li h6 {
      text-shadow: 1px 1px 0 white;
      color: #666666; }
    form.register ul li p.formerror, form.console ul li p.formerror {
      margin: -25px 0 0 0 !important; }
    form.register ul li textarea, form.console ul li textarea {
      font-size: 1em;
      padding: 3px 5px;
      width: 340px;
      height: 90px;
      border: inset 1px #cccccc;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-box-shadow: 1px 1px 0 white;
      -moz-box-shadow: 1px 1px 0 white;
      -khtml-box-shadow: 1px 1px 0 white;
      -o-box-shadow: 1px 1px 0 white;
      box-shadow: 1px 1px 0 white; }
      form.register ul li textarea:focus, form.console ul li textarea:focus {
        border: inset 1px #14568a;
        background: #feffb7 !important;
        -webkit-box-shadow: 0 0 2px #444444;
        -moz-box-shadow: 0 0 2px #444444;
        -khtml-box-shadow: 0 0 2px #444444;
        -o-box-shadow: 0 0 2px #444444;
        box-shadow: 0 0 2px #444444; }
    form.register ul li:nth-child(even), form.console ul li:nth-child(even) {
      background: #d1e3ec url("/web/img/header_noise_less.png") top left repeat; }
    form.register ul li.register-pitch, form.console ul li.register-pitch {
      background: #eeeeee !important;
      color: black;
      padding: 5px 20px; }
    form.register ul li.errors, form.console ul li.errors {
      padding: 0 20px; }
    form.register ul li.tos_priv, form.console ul li.tos_priv {
      line-height: 1.5em !important;
      font-size: 0.95em !important;
      padding: 10px; }
      form.register ul li.tos_priv p, form.console ul li.tos_priv p {
        float: left;
        margin: 0 0 0 10px;
        padding: 0;
        width: 300px; }
      form.register ul li.tos_priv input[type='submit'], form.console ul li.tos_priv input[type='submit'] {
        margin-left: 200px;
        margin-top: 5px;
        font-size: 2.05em;
        letter-spacing: -1px !important; }
    form.register ul li input[type='text'], form.register ul li input[type='password'], form.console ul li input[type='text'], form.console ul li input[type='password'] {
      font-size: 1.2em !important;
      padding: 4px 6px !important; }
    form.register ul li label, form.console ul li label {
      font-weight: bold; }
      form.register ul li label small, form.console ul li label small {
        font-weight: normal; }

form.console ul li:nth-child(even) {
  background: none; }

/* MOBILE DEVICES */
form#mobile_list ul li {
  line-height: 2em; }
  form#mobile_list ul li label {
    width: 200px;
    font-size: 1.1em; }
  form#mobile_list ul li input[type='text'] {
    width: 240px;
    margin-top: 0; }
  form#mobile_list ul li input[type='submit'] {
    margin-left: 0px; }

img.mobile-device {
  float: right;
  width: 200px;
  margin-right: 20px;
  margin-top: 0px; }

img.nexus {
  margin-top: -10px;
  width: 150px; }

img.qr_code {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 4px #666666;
  -moz-box-shadow: 0 0 4px #666666;
  -khtml-box-shadow: 0 0 4px #666666;
  -o-box-shadow: 0 0 4px #666666;
  box-shadow: 0 0 4px #666666;
  margin: 10px 0; }

div.email-list, div.android-list {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  float: left;
  margin-right: 40px;
  padding: 15px;
  background: #eeeeee;
  width: 59%; }
  div.email-list div.formsuccess, div.email-list div.formerror, div.android-list div.formsuccess, div.android-list div.formerror {
    padding: 6px 8px 5px 8px;
    display: block;
    margin-bottom: 10px;
    margin-left: -5px;
    margin-right: -5px;
    background: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: inset 1px 1px 1px #cccccc !important;
    -webkit-box-shadow: inset 1px 1px 1px #cccccc !important;
    box-shadow: inset 1px 1px 1px #cccccc !important; }

div.android-list {
  width: 66%; }

/*  END MOBILE DEVICES */
/* /USER/SETTINGS and service/dashboard/$serviceid */
ul.user_settings {
  font-size: 1.4em; }
  ul.user_settings li {
    margin-bottom: 10px; }
    ul.user_settings li p {
      font-size: 14px;
      color: #444444;
      display: block; }

ul.service_info a.prefs {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ae26), to(#df8608));
  background-image: -moz-linear-gradient(top, #f7ae26, #df8608);
  background-image: -o-gradient(top, #f7ae26, #df8608);
  background-color: #df8608 !important;
  *background-color: #df8608 !important;
  border: 1px solid #df8608;
  color: white;
  cursor: pointer;
  outline: medium none;
  padding: 4px 12px 6px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  padding: 2px 5px 2px;
  text-shadow: none;
  letter-spacing: 0.5px;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block;
  font-size: 13px;
  margin: 5px 0;
  float: left; }
  ul.service_info a.prefs:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    border-color: #824b0a; }
  ul.service_info a.prefs {
    display: block; }
  ul.service_info a.prefs:hover {
    text-decoration: none; }
ul.service_info li {
  font-size: 1.1em; }
  ul.service_info li strong {
    font-size: 1.4em;
    margin-right: 3px;
    font-weight: 300;
    font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; }
  ul.service_info li.icon {
    margin-bottom: 5px;
    margin-left: -20px;
    font-size: 1em;
    margin-right: 0;
    padding-left: 15px !important;
    background: #f5f5f5;
    padding: 10px 10px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cccccc; }
    ul.service_info li.icon h6 {
      width: 250px; }
    ul.service_info li.icon a img {
      margin: 2px 0 8px 15px;
      width: 48px;
      height: 48px; }

ul.api_creds {
  padding: 15px 20px;
  background: #ffffea !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #cccccc;
  -moz-box-shadow: 0 0 2px #cccccc;
  -khtml-box-shadow: 0 0 2px #cccccc;
  -o-box-shadow: 0 0 2px #cccccc;
  box-shadow: 0 0 2px #cccccc; }
  ul.api_creds li {
    margin-bottom: 5px;
    font-size: 1.1em; }
    ul.api_creds li strong {
      width: 130px;
      display: inline-block; }
    ul.api_creds li span#apisecret {
      display: inline;
      font-size: 0.95em; }
  ul.api_creds p {
    margin-top: 15px; }
  ul.api_creds a.btn {
    padding: 7px 12px 6px;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 0.5px !important;
    outline: none;
    -moz-outline: none;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00aefb), to(#008ac8));
    background-image: -moz-linear-gradient(top, #00aefb, #008ac8);
    background-image: -o-gradient(top, #00aefb, #008ac8);
    background-color: #0080b9 !important;
    *background-color: #0080b9 !important;
    color: white;
    border: 1px solid #008ac8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 1em;
    font-size: 0.8em; }
    ul.api_creds a.btn:hover {
      border-color: #14568a;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); }

div.feedback_nag {
  margin-top: 15px;
  padding: 15px 20px;
  background: #f8f8f8 !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #cccccc;
  -moz-box-shadow: 0 0 2px #cccccc;
  -khtml-box-shadow: 0 0 2px #cccccc;
  -o-box-shadow: 0 0 2px #cccccc;
  box-shadow: 0 0 2px #cccccc;
  overflow: auto;
  overflow: -moz-scrollbars-none;
  display: inline-block; }
  div.feedback_nag {
    display: block; }
  div.feedback_nag form.user_feedback textarea {
    margin-top: 15px;
    font-size: 1em;
    font-family: "museo-sans-1", "museo-sans-2", Verdana, Arial, sans-serif;
    padding: 8px;
    width: 96.3%;
    height: 100px;
    border: inset 1px #cccccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 1px 1px 0 white;
    -moz-box-shadow: 1px 1px 0 white;
    -khtml-box-shadow: 1px 1px 0 white;
    -o-box-shadow: 1px 1px 0 white;
    box-shadow: 1px 1px 0 white; }
    div.feedback_nag form.user_feedback textarea:focus {
      border: inset 1px #14568a;
      background: #feffb7 !important;
      -webkit-box-shadow: 0 0 2px #444444;
      -moz-box-shadow: 0 0 2px #444444;
      -khtml-box-shadow: 0 0 2px #444444;
      -o-box-shadow: 0 0 2px #444444;
      box-shadow: 0 0 2px #444444; }
  div.feedback_nag form.user_feedback input[type='submit'] {
    padding: 7px 12px 6px;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 0.5px !important;
    outline: none;
    -moz-outline: none;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00aefb), to(#008ac8));
    background-image: -moz-linear-gradient(top, #00aefb, #008ac8);
    background-image: -o-gradient(top, #00aefb, #008ac8);
    background-color: #0080b9 !important;
    *background-color: #0080b9 !important;
    color: white;
    border: 1px solid #008ac8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 1em;
    margin: 20px 0;
    display: block;
    font-size: 1em !important; }
    div.feedback_nag form.user_feedback input[type='submit']:hover {
      border-color: #14568a;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); }
  div.feedback_nag h4, div.feedback_nag li, div.feedback_nag p {
    text-shadow: 1px 1px 0 white; }
  div.feedback_nag h4 {
    font-weight: 300;
    color: #444444; }
  div.feedback_nag ul a.install_app {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ae26), to(#df8608));
    background-image: -moz-linear-gradient(top, #f7ae26, #df8608);
    background-image: -o-gradient(top, #f7ae26, #df8608);
    background-color: #df8608 !important;
    *background-color: #df8608 !important;
    border: 1px solid #df8608;
    color: white;
    cursor: pointer;
    outline: medium none;
    padding: 4px 12px 6px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    float: right;
    margin-top: -55px; }
    div.feedback_nag ul a.install_app:hover {
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      border-color: #824b0a; }
    div.feedback_nag ul a.install_app:hover {
      text-decoration: none; }

/* END user/settings */
/* SERVICE SETTINGS / EVENT SETTINGS PAGES */
.service-settings-header {
  padding: 20px 16px 15px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  margin: -20px -20px 30px -24px;
  background: #ebf6fb;
  border-bottom: 1px solid white;
  -webkit-box-shadow: 0 0 3px #777777;
  -moz-box-shadow: 0 0 3px #777777;
  -khtml-box-shadow: 0 0 3px #777777;
  -o-box-shadow: 0 0 3px #777777;
  box-shadow: 0 0 3px #777777; }
  .service-settings-header h6 {
    float: left;
    width: 320px;
    margin-bottom: 0px; }
  .service-settings-header p.events-blurb {
    float: right;
    margin: 5px 15px 0 0;
    width: 250px;
    font-size: 0.9em; }
  .service-settings-header p.service-desc {
    margin-top: 5px;
    margin-bottom: -5px; }
  .service-settings-header a.event-settings {
    float: right;
    width: 200px;
    text-align: center;
    font-weight: 500;
    margin-right: 3px;
    font-size: 1.1em;
    margin-top: 8px;
    padding: 7px 10px;
    background: white;
    text-shadow: 1px 1px 0 white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ae26), to(#df8608));
    background-image: -moz-linear-gradient(top, #f7ae26, #df8608);
    background-image: -o-gradient(top, #f7ae26, #df8608);
    background-color: #df8608 !important;
    *background-color: #df8608 !important;
    border: 1px solid #df8608;
    color: white;
    cursor: pointer;
    outline: medium none;
    padding: 4px 12px 6px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); }
    .service-settings-header a.event-settings:hover {
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
      border-color: #824b0a; }
    .service-settings-header a.event-settings span {
      color: #f5f5f5;
      text-shadow: -1px -1px 0 #999999;
      font-size: 0.9em; }
    .service-settings-header a.event-settings:hover {
      text-decoration: none; }
  .service-settings-header div.enable-bacn {
    float: left;
    width: 220px;
    font-size: 0.95em;
    padding: 2px 5px 3px 5px;
    border: 1px solid #dee3ea;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background: #f8fcfe; }
    .service-settings-header div.enable-bacn input[type='checkbox'] {
      margin-left: 7px; }
    .service-settings-header div.enable-bacn img.spinner {
      margin: 0 5px 0 5px; }

ul.service-settings, ul.event-settings {
  line-height: 4em;
  margin-top: 30px;
  margin-right: -10px;
  margin-left: -10px;
  background: white;
  padding: 0 10px;
  border: 1px solid #7e9aab;
    border-top: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }
  ul.service-settings li, ul.event-settings li {
    overflow: auto;
    overflow: -moz-scrollbars-none;
    display: inline-block;
    margin: 0 -10px;
    padding: 10px 20px; }
    ul.service-settings li, ul.event-settings li {
      display: block; }
    ul.service-settings li:last-child, ul.event-settings li:last-child {
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px; }
    ul.service-settings li.titles, ul.event-settings li.titles {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#95abb8), to(#7e9aab));
      background-image: -moz-linear-gradient(top, #95abb8, #7e9aab);
      background-image: -o-gradient(top, #95abb8, #7e9aab);
      background-color: #7e9aab !important;
      *background-color: #7e9aab !important;
      text-shadow: -1px -1px 0 #5887a1;
      font-size: 1.4em;
      letter-spacing: 1px;
      color: #ddeaf1;
      font-family: "kaffeesatz-1", "kaffeesatz-2", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
      padding: 5px 20px;
      padding: 0 20px;
      line-height: 2;
      margin: 0 -11px;
      font-weight: 500;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    ul.service-settings li:nth-child(even), ul.event-settings li:nth-child(even) {
      background: #f6f6f6; }
    ul.service-settings li div, ul.event-settings li div {
      width: 160px;
      margin-right: 10px;
      float: left; }
      ul.service-settings li div a, ul.event-settings li div a {
        font-size: 1.35em;
        float: left;
        margin: 10px 0 10px;
        padding: 0;
        text-align: center;
        width: 145px; }
    ul.service-settings li p.desc, ul.event-settings li p.desc {
      float: right;
      width: 500px;
      margin: 6px 0 0 0;
      padding: 0;
      font-size: 1.05em;
      line-height: 1.5em; }

ul.event-settings li {
  padding: 0px 20px; }
  ul.event-settings li.titles a.expand-all, ul.event-settings li.titles a.collapse-all {
    float: right;
    font-family: "museo-sans-1", "museo-sans-2", Verdana, Arial, sans-serif;
    text-shadow: -1px -1px 0 #999999 !important;
    color: #eeeeee !important;
    letter-spacing: 0px;
    font-weight: 300;
    font-size: 0.85em;
    margin-top: 3px; }
    ul.event-settings li.titles a.expand-all:hover, ul.event-settings li.titles a.collapse-all:hover {
      text-decoration: none;
      text-shadow: -1px -1px 0 #777777 !important; }
  ul.event-settings li h6 {
    margin-bottom: 0;
    float: left;
    width: 315px; }
    ul.event-settings li h6 a:hover {
      text-decoration: none;
      color: #444444; }
  ul.event-settings li div.type {
    float: right;
    width: 240px;
    font-size: 1.2em;
    text-align: right;
    color: #666666; }
  ul.event-settings li div.event-opts {
    float: right;
    width: 336px;
    line-height: 1.6em;
    padding: 5px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    margin: 5px -17px 4px 0 !important;
    background: #e3f2f9;
    -webkit-box-shadow: -1px -1px 0 #cadee8;
    -moz-box-shadow: -1px -1px 0 #cadee8;
    -khtml-box-shadow: -1px -1px 0 #cadee8;
    -o-box-shadow: -1px -1px 0 #cadee8;
    box-shadow: -1px -1px 0 #cadee8; }
  ul.event-settings li.even {
    background: #f4f4f4; }
  ul.event-settings li.odd {
    background: white; }

form#events input[type='submit'], form#advanced-settings input[type='submit'] {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ae26), to(#df8608));
  background-image: -moz-linear-gradient(top, #f7ae26, #df8608);
  background-image: -o-gradient(top, #f7ae26, #df8608);
  background-color: #df8608 !important;
  *background-color: #df8608 !important;
  border: 1px solid #df8608;
  color: white;
  cursor: pointer;
  outline: medium none;
  padding: 4px 12px 6px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  float: right !important;
  margin: 10px 10px 10px 0;
  font-size: 1.35em; }
  form#events input[type='submit']:hover, form#advanced-settings input[type='submit']:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -khtml-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    border-color: #824b0a; }

form#events label {
  font-weight: bold;
  text-shadow: 1px 1px 0 white;
  margin-right: 15px;
  display: inline-block; }

/* END SERVICE SETTINGS */
.contentnoborder {
  background: white; }

.fixedwidth {
  font-family: "Courier New", Courier, monospace;
  text-shadow: 1px 1px 0 #cccccc; }
  .fixedwidth.larger {
    font-size: 1.3em; }

.nav {
  color: white; }

.nava {
  color: #a8f1ff !important;
  text-decoration: none; }

.textright {
  text-align: right; }

form.profile-settings span.formerror, form.profile-settings p.formerror, form.profile-settings span.formsuccess, form.profile-settings p.formsuccess {
  font-weight: bold !important;
  margin: 5px 0 -40px 0;
  line-height: 1.3em;
  width: 260px;
  display: block; }
form.profile-settings span.formerror, form.profile-settings p.formerror {
  color: #c40000 !important;
  text-shadow: 1px 1px 0 white !important; }
form.profile-settings span.formsuccess, form.profile-settings p.formsuccess {
  color: #009c29 !important;
  font-weight: bold !important; }

span.formerror, p.formerror {
  color: #c40000 !important;
  text-shadow: 1px 1px 0 white !important;
  font-weight: bold !important; }

span.formsuccess, p.formsuccess {
  color: #009c29 !important;
  font-weight: bold !important; }

img {
  border: 0px; }

.clear {
  clear: both; }

.center {
  text-align: center; }

/* CSS_BROWSER_SELECT FIXES */
.ie6.win div#content, .ie7.win div#content, .ie8.win div#content {
  border: 1px solid #aaaaaa !important; }

.ie.win div.action-btns {
  margin-bottom: 20px !important; }

.ie7.win div.ribbon, .ie7.win div.showcase-ribbon, .ie8.win div.ribbon, .ie8.win div.showcase-ribbon {
  display: none; }

.ie.win body input[type='text'], .ie.win body input[type='password'] {
  border: 1px solid #cccccc !important;
  background: white !important; }

.ie7.win div.showcase, .ie7.win div.showcase-heading, .ie8.win div.showcase, .ie8.win div.showcase-heading {
  margin-bottom: 20px !important;
  width: 910px !important;
  padding-left: 20px;
  margin-left: -20px;
  border: none !important; }
.ie7.win ul.api_creds, .ie7.win div.device_list, .ie8.win ul.api_creds, .ie8.win div.device_list {
  border: 1px solid #cccccc !important; }
.ie7.win ul.my_services li, .ie8.win ul.my_services li {
  margin-right: 19px !important; }
  .ie7.win ul.my_services li div.desc, .ie8.win ul.my_services li div.desc {
    width: 210px;
    margin-left: 10px; }
    .ie7.win ul.my_services li div.desc h6 a.create-service, .ie8.win ul.my_services li div.desc h6 a.create-service {
      width: 170px !important; }
.ie7.win div#content div#feature, .ie8.win div#content div#feature {
  margin-bottom: 0px !important; }
  .ie7.win div#content div#feature div.callout div.callout-h1, .ie8.win div#content div#feature div.callout div.callout-h1 {
    height: 230px !important; }
.ie7.win div.banner-wrapper, .ie8.win div.banner-wrapper {
  margin-top: 40px !important;
  width: 919px !important; }

.ie9.win div.showcase-ribbon, .ie9.win div.ribbon {
  display: block; }
.ie9.win div.callout div.callout-h1 h1 {
  font-size: 6em !important; }
.ie9.win div#content {
  border: none; }
  .ie9.win div#content div#feature div.callout div.action-btns {
    margin-bottom: -10px !important; }

.ie9.win.wf-inactive div.callout div.callout-h1 h1 {
  font-size: 4.5em !important; }

.win ul.my_services li div.desc a.button {
  font-size: 0.85em !important; }
.win div#content div#feature div.callout div.ribbon {
  margin-bottom: 53px !important; }
.win div#content div#feature div.callout div.action-btns div.cta a.signup {
  font-size: 2.55em !important;
  font-weight: bold; }
.win div#content div#feature div.callout div.action-btns p.vator {
  font-size: 1.05em; }
.win div#content div#feature div.callout div.callout-h1 {
  height: 200px !important; }
  .win div#content div#feature div.callout div.callout-h1 h1 {
    font-size: 4.27em !important;
    line-height: 1.3;
    letter-spacing: -2px !important; }

.gecko.mac div#header-wrapper div#header p.logged-in-account a {
  padding: 5px 10px !important; }

/* ADD-ONS */
.tipsy {
  padding: 5px;
  font-size: 11.5px;
  position: absolute;
  z-index: 100000;
  opacity: 0.85;
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: "alpha(opacity=85)";
  line-height: 1.25em; }

.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 220px; }

.tipsy-inner {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  word-wrap: break-word; }

.tipsy-arrow {
  position: absolute;
  background: url("/web/img/tipsy/tipsy.gif") no-repeat top left;
  width: 9px;
  height: 5px; }

.tipsy-w {
  margin-left: 3px; }

.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px; }

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px; }

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px; }

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left; }

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left; }

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left; }

.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right; }

.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0px;
  width: 5px;
  height: 9px; }