@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *






 */
/* ------------------------------- SETTINGS ------------------------------------//
//
//                Settings of framework and import of all styles
//
//-----------------------------------------------------------------------------*/
@import url(//fonts.googleapis.com/css?family=Roboto:400,500,700,400italic,700italic);
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/assets/boxsizing.htc); }

/* Common placeholders */
.label, .feed-shared-link, p.feed-shared-caption, .user-profile li, .results-list .list-style a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

span.label, h4 .edit-id, .conversations-thread h5, .conversations-thread .time {
  display: inline-block;
  zoom: 1;
  *display: inline; }

/* ---------------------------- Foundation Import -----------------------------//
//
//          Importing zurb foundation framework common styles
//
//-----------------------------------------------------------------------------*/
/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  background: #fff;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  color: #222;
  position: relative;
  -webkit-font-smoothing: antialiased; }

/* Links ---------------------- */
a img {
  border: none; }

a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit; }

a:hover {
  color: #2795b6; }

a:focus {
  color: #2795b6; }

p a, p a:visited {
  line-height: inherit; }

/* Misc ---------------------- */
.left {
  float: left; }

.right {
  float: right; }

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

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

.text-center {
  text-align: center; }

.hide {
  display: none; }

.hide-override {
  display: none !important; }

.highlight {
  background: #ffff99; }

#googlemap img, object, embed {
  max-width: none; }

#map_canvas embed {
  max-width: none; }

#map_canvas img {
  max-width: none; }

#map_canvas object {
  max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure {
  margin: 0; }

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-size: 14px;
  direction: ltr; }

p {
  font-family: inherit;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 17px; }
  p.lead {
    font-size: 17.5px;
    line-height: 1.6;
    margin-bottom: 17px; }

aside p {
  font-size: 13px;
  line-height: 1.35;
  font-style: italic; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #222;
  text-rendering: optimizeLegibility;
  line-height: 1.1;
  margin-bottom: 14px;
  margin-top: 14px; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
  font-size: 44px; }

h2 {
  font-size: 37px; }

h3 {
  font-size: 27px; }

h4 {
  font-size: 23px; }

h5 {
  font-size: 17px; }

h6 {
  font-size: 14px; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 22px 0 21px;
  height: 0; }

.subheader {
  line-height: 1.3;
  color: #6f6f6f;
  font-weight: 300;
  margin-bottom: 17px; }

em, i {
  font-style: italic;
  line-height: inherit; }

strong, b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-weight: bold;
  background: #ffff99; }

/* Lists ---------------------- */
ul, ol, dl {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 17px;
  list-style-position: outside; }

ul li ul, ul li ol {
  margin-left: 20px;
  margin-bottom: 0; }
ul.square, ul.circle, ul.disc {
  margin-left: 17px; }
ul.square {
  list-style-type: square; }
  ul.square li ul {
    list-style: inherit; }
ul.circle {
  list-style-type: circle; }
  ul.circle li ul {
    list-style: inherit; }
ul.disc {
  list-style-type: disc; }
  ul.disc li ul {
    list-style: inherit; }
ul.no-bullet {
  list-style: none; }
ul.large li {
  line-height: 21px; }

ol {
  margin-left: 20px; }
  ol li ul, ol li ol {
    margin-left: 20px;
    margin-bottom: 0; }

/* Blockquotes ---------------------- */
blockquote, blockquote p {
  line-height: 1.5;
  color: #6f6f6f; }

blockquote {
  margin: 0 0 17px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd; }
  blockquote cite {
    display: block;
    font-size: 13px;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a, blockquote cite a:visited {
      color: #555555; }

abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  border-bottom: 1px solid #ddd;
  cursor: help; }

abbr {
  text-transform: none; }

/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }
/* Requires
   globals.css */
/* Standard Forms ---------------------- */
form {
  margin: 0 0 19.41641px; }

.row form .row {
  margin: 0 -6px; }
  .row form .row .column, .row form .row .columns {
    padding: 0 6px; }
  .row form .row.collapse {
    margin: 0; }
    .row form .row.collapse .column, .row form .row.collapse .columns {
      padding: 0; }

label {
  font-size: 14px;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 3px; }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    line-height: 32px;
    margin: 0 0 12px 0; }

.prefix, .postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  line-height: 31px; }

a.button.prefix, a.button.postfix {
  padding-left: 0;
  padding-right: 0;
  text-align: center; }

span.prefix, span.postfix {
  background: #f2f2f2;
  border: 1px solid #cccccc; }

.prefix {
  left: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  overflow: hidden; }

.postfix {
  right: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

input[type="text"], select, input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  background-color: #fff;
  font-family: inherit;
  border: 1px solid #cccccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  input[type="text"].oversize, select.oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
    font-size: 17px;
    padding: 4px 6px; }
  input[type="text"]:focus, select:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background: #fafafa;
    border-color: #b3b3b3; }
  input[type="text"][disabled], select[disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
    background-color: #ddd; }

textarea {
  height: auto; }

select {
  width: 100%; }

/* Fieldsets */
fieldset {
  border: solid 1px #ddd;
  border-radius: 3px;
  padding: 12px;
  margin: 18px 0; }
  fieldset legend {
    font-weight: bold;
    background: #fff;
    padding: 0 3px;
    margin: 0;
    margin-left: -3px; }

/* Errors */
.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }

.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
  outline-color: #f5797c; }

.error label, label.error {
  color: #c60f13; }

.error small, small.error {
  display: block;
  padding: 6px 4px;
  margin-top: -13px;
  margin-bottom: 12px;
  background: #c60f13;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

/* Custom Forms ---------------------- */
form.custom {
  /* Custom input, disabled */ }
  form.custom span.custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    border: solid 1px #ccc;
    background: #fff; }
    form.custom span.custom.radio {
      border-radius: 100px; }
    form.custom span.custom.checkbox:before {
      content: "";
      display: block;
      line-height: 0.8;
      height: 14px;
      width: 14px;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 14px;
      color: #fff; }
    form.custom span.custom.radio.checked:before {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 100px;
      background: #222;
      position: relative;
      top: 3px;
      left: 3px; }
    form.custom span.custom.checkbox.checked:before {
      content: "\00d7";
      color: #222; }
  form.custom div.custom.dropdown {
    display: block;
    position: relative;
    width: auto;
    height: 28px;
    margin-bottom: 9px;
    margin-top: 2px; }
    form.custom div.custom.dropdown ul {
      overflow-y: auto;
      max-height: 200px; }
    form.custom div.custom.dropdown a.current {
      display: block;
      width: auto;
      line-height: 26px;
      min-height: 28px;
      padding: 0;
      padding-left: 6px;
      padding-right: 38px;
      border: solid 1px #ddd;
      color: #141414;
      background-color: #fff;
      white-space: nowrap; }
    form.custom div.custom.dropdown a.selector {
      position: absolute;
      width: 27px;
      height: 28px;
      display: block;
      right: 0;
      top: 0;
      border: solid 1px #ddd; }
      form.custom div.custom.dropdown a.selector:after {
        content: "";
        display: block;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: #aaa transparent transparent transparent;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -2px;
        margin-left: -5px; }
    form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 5px;
      border-color: #222 transparent transparent transparent; }
    form.custom div.custom.dropdown.open ul {
      display: block;
      z-index: 10; }
    form.custom div.custom.dropdown.small {
      width: 134px !important; }
    form.custom div.custom.dropdown.medium {
      width: 254px !important; }
    form.custom div.custom.dropdown.large {
      width: 434px !important; }
    form.custom div.custom.dropdown.expand {
      width: 100% !important; }
    form.custom div.custom.dropdown.open.small ul {
      width: 134px !important; }
    form.custom div.custom.dropdown.open.medium ul {
      width: 254px !important; }
    form.custom div.custom.dropdown.open.large ul {
      width: 434px !important; }
    form.custom div.custom.dropdown.open.expand ul {
      width: 100% !important; }
  form.custom div.custom.dropdown ul {
    position: absolute;
    width: auto;
    display: none;
    margin: 0;
    left: 0;
    top: 27px;
    margin: 0;
    padding: 0;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    border: solid 1px #cccccc; }
    form.custom div.custom.dropdown ul li {
      color: #555;
      font-size: 13px;
      cursor: pointer;
      padding: 3px;
      padding-left: 6px;
      padding-right: 38px;
      min-height: 18px;
      line-height: 18px;
      margin: 0;
      white-space: nowrap;
      list-style: none; }
    form.custom div.custom.dropdown ul li.selected {
      background: #cdebf5;
      color: #000; }
      form.custom div.custom.dropdown ul li.selected:after {
        content: "\2013";
        position: absolute;
        right: 10px; }
    form.custom div.custom.dropdown ul li:hover {
      background-color: #cdebf5;
      color: #000; }
      form.custom div.custom.dropdown ul li:hover:after {
        content: "\2013";
        position: absolute;
        right: 10px;
        color: #a3dbec; }
    form.custom div.custom.dropdown ul li.selected:hover {
      background: #cdebf5;
      cursor: default;
      color: #000; }
      form.custom div.custom.dropdown ul li.selected:hover:after {
        color: #000; }
    form.custom div.custom.dropdown ul.show {
      display: block; }
  form.custom .custom.disabled {
    background-color: #ddd; }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() {
  form.custom div.custom.dropdown a.selector {
    height: 28px; } }
.lt-ie9 form.custom div.custom.dropdown a.selector {
  height: 28px; }

/* The Grid ---------------------- */
.row {
  width: 1000px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto; }
  .row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 -15px; }
  .row.collapse .column, .row.collapse .columns {
    padding: 0; }
  .row .row {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0 -15px; }
    .row .row.collapse {
      margin: 0; }

.column, .columns {
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative; }
  .column.centered, .columns.centered {
    float: none;
    margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

.one, .row .one {
  width: 6.25%; }

.two, .row .two {
  width: 12.5%; }

.three, .row .three {
  width: 18.75%; }

.four, .row .four {
  width: 25%; }

.five, .row .five {
  width: 31.25%; }

.six, .row .six {
  width: 37.5%; }

.seven, .row .seven {
  width: 43.75%; }

.eight, .row .eight {
  width: 50%; }

.nine, .row .nine {
  width: 56.25%; }

.ten, .row .ten {
  width: 62.5%; }

.eleven, .row .eleven {
  width: 68.75%; }

.twelve, .row .twelve {
  width: 75%; }

.thirteen, .row .thirteen {
  width: 81.25%; }

.fourteen, .row .fourteen {
  width: 87.5%; }

.fifteen, .row .fifteen {
  width: 93.75%; }

.sixteen, .row .sixteen {
  width: 100%; }

.row .offset-by-one {
  margin-left: 6.25%; }

.row .offset-by-two {
  margin-left: 12.5%; }

.row .offset-by-three {
  margin-left: 18.75%; }

.row .offset-by-four {
  margin-left: 25%; }

.row .offset-by-five {
  margin-left: 31.25%; }

.row .offset-by-six {
  margin-left: 37.5%; }

.row .offset-by-seven {
  margin-left: 43.75%; }

.row .offset-by-eight {
  margin-left: 50%; }

.row .offset-by-nine {
  margin-left: 56.25%; }

.row .offset-by-ten {
  margin-left: 62.5%; }

.row .offset-by-eleven {
  margin-left: 68.75%; }

.row .offset-by-twelve {
  margin-left: 75%; }

.row .offset-by-thirteen {
  margin-left: 81.25%; }

.row .offset-by-fourteen {
  margin-left: 87.5%; }

.push-two {
  left: 12.5%; }

.pull-two {
  right: 12.5%; }

.push-three {
  left: 18.75%; }

.pull-three {
  right: 18.75%; }

.push-four {
  left: 25%; }

.pull-four {
  right: 25%; }

.push-five {
  left: 31.25%; }

.pull-five {
  right: 31.25%; }

.push-six {
  left: 37.5%; }

.pull-six {
  right: 37.5%; }

.push-seven {
  left: 43.75%; }

.pull-seven {
  right: 43.75%; }

.push-eight {
  left: 50%; }

.pull-eight {
  right: 50%; }

.push-nine {
  left: 56.25%; }

.pull-nine {
  right: 56.25%; }

.push-ten {
  left: 62.5%; }

.pull-ten {
  right: 62.5%; }

.push-eleven {
  left: 68.75%; }

.pull-eleven {
  right: 68.75%; }

.push-twelve {
  left: 75%; }

.pull-twelve {
  right: 75%; }

.push-thirteen {
  left: 81.25%; }

.pull-thirteen {
  right: 81.25%; }

.push-fourteen {
  left: 87.5%; }

.pull-fourteen {
  right: 87.5%; }

img {
  height: auto; }

img, object, embed {
  max-width: 100%; }

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

#map_canvas img, .map_canvas img {
  max-width: none !important; }

/* Nicolas Gallagher's micro clearfix */
.row {
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid {
  display: block;
  overflow: hidden;
  padding: 0; }
  .block-grid > li {
    display: block;
    height: auto;
    float: left; }
  .block-grid.one-up {
    margin: 0; }
    .block-grid.one-up > li {
      width: 100%;
      padding: 0 0 15px; }
  .block-grid.two-up {
    margin: 0 -15px; }
    .block-grid.two-up > li {
      width: 50%;
      padding: 0 15px 15px; }
      .block-grid.two-up > li:nth-child(2n+1) {
        clear: both; }
  .block-grid.three-up {
    margin: 0 -12px; }
    .block-grid.three-up > li {
      width: 33.33333%;
      padding: 0 12px 12px; }
      .block-grid.three-up > li:nth-child(3n+1) {
        clear: both; }
  .block-grid.four-up {
    margin: 0 -10px; }
    .block-grid.four-up > li {
      width: 25%;
      padding: 0 10px 10px; }
      .block-grid.four-up > li:nth-child(4n+1) {
        clear: both; }
  .block-grid.five-up {
    margin: 0 -8px; }
    .block-grid.five-up > li {
      width: 20%;
      padding: 0 8px 8px; }
      .block-grid.five-up > li:nth-child(5n+1) {
        clear: both; }
  .block-grid.six-up {
    margin: 0 -8px; }
    .block-grid.six-up > li {
      width: 16.66667%;
      padding: 0 8px 8px; }
      .block-grid.six-up > li:nth-child(6n+1) {
        clear: both; }
  .block-grid.seven-up {
    margin: 0 -8px; }
    .block-grid.seven-up > li {
      width: 14.28571%;
      padding: 0 8px 8px; }
      .block-grid.seven-up > li:nth-child(7n+1) {
        clear: both; }
  .block-grid.eight-up {
    margin: 0 -8px; }
    .block-grid.eight-up > li {
      width: 12.5%;
      padding: 0 8px 8px; }
      .block-grid.eight-up > li:nth-child(8n+1) {
        clear: both; }
  .block-grid.nine-up {
    margin: 0 -8px; }
    .block-grid.nine-up > li {
      width: 11.11111%;
      padding: 0 8px 8px; }
      .block-grid.nine-up > li:nth-child(9n+1) {
        clear: both; }
  .block-grid.ten-up {
    margin: 0 -8px; }
    .block-grid.ten-up > li {
      width: 10%;
      padding: 0 8px 8px; }
      .block-grid.ten-up > li:nth-child(10n+1) {
        clear: both; }
  .block-grid.eleven-up {
    margin: 0 -8px; }
    .block-grid.eleven-up > li {
      width: 9.09091%;
      padding: 0 8px 8px; }
      .block-grid.eleven-up > li:nth-child(11n+1) {
        clear: both; }
  .block-grid.twelve-up {
    margin: 0 -8px; }
    .block-grid.twelve-up > li {
      width: 8.33333%;
      padding: 0 8px 8px; }
      .block-grid.twelve-up > li:nth-child(12n+1) {
        clear: both; }

/* Normal Buttons ---------------------- */
.button {
  width: auto;
  background: #2ba6cb;
  border: 1px solid #1e728c;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: 10px 20px 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  /* Hovers */
  /* Sizes */
  /* Colors */
  /* Radii */
  /* Layout */
  /* Disabled ---------- */ }
  .button:hover, .button:focus {
    color: #fff;
    background-color: #2284a1; }
  .button:active {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
  .button.large {
    font-size: 17px;
    padding: 15px 30px 16px; }
  .button.medium {
    font-size: 14px; }
  .button.small {
    font-size: 11px;
    padding: 7px 14px 8px; }
  .button.tiny {
    font-size: 10px;
    padding: 5px 10px 6px; }
  .button.expand {
    width: 100%;
    text-align: center; }
  .button.primary {
    background-color: #2ba6cb;
    border: 1px solid #1e728c; }
    .button.primary:hover, .button.primary:focus {
      background-color: #2284a1; }
  .button.success, #flash_messages div.button#flash_notice, .notice div.button#flash_notice {
    background-color: #5da423;
    border: 1px solid #396516; }
    .button.success:hover, #flash_messages div.button#flash_notice:hover, .notice div.button#flash_notice:hover, .button.success:focus, #flash_messages div.button#flash_notice:focus, .notice div.button#flash_notice:focus {
      background-color: #457a1a; }
  .button.alert, #flash_messages div.button#flash_alert, #flash_messages div.button.flash-alert, #flash_messages div.button#flash_error, .notice div.button#flash_alert, .notice div.button.flash-alert, .notice div.button#flash_error, .button#error_explanation {
    background-color: #c60f13;
    border: 1px solid #7f0a0c; }
    .button.alert:hover, #flash_messages div.button#flash_alert:hover, #flash_messages div.button.flash-alert:hover, #flash_messages div.button#flash_error:hover, .notice div.button#flash_alert:hover, .notice div.button.flash-alert:hover, .notice div.button#flash_error:hover, .button#error_explanation:hover, .button.alert:focus, #flash_messages div.button#flash_alert:focus, #flash_messages div.button.flash-alert:focus, #flash_messages div.button#flash_error:focus, .notice div.button#flash_alert:focus, .notice div.button.flash-alert:focus, .notice div.button#flash_error:focus, .button#error_explanation:focus {
      background-color: #970b0e; }
  .button.secondary {
    background-color: #e9e9e9;
    color: #1d1d1d;
    border: 1px solid #c3c3c3; }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #d0d0d0; }
  .button.radius {
    border-radius: 3px; }
  .button.round {
    border-radius: 1000px; }
  .button.full-width {
    width: 100%;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .button.left-align {
    text-align: left;
    text-indent: 12px; }
  .button.disabled, .button[disabled] {
    opacity: 0.6;
    cursor: default;
    background: #2ba6cb;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .button.disabled:hover, .button[disabled]:hover {
      background: #2ba6cb; }
    .button.disabled.success, #flash_messages div.button.disabled#flash_notice, .notice div.button.disabled#flash_notice, .button[disabled].success, #flash_messages div.button[disabled]#flash_notice, .notice div.button[disabled]#flash_notice {
      background-color: #5da423; }
      .button.disabled.success:hover, #flash_messages div.button.disabled#flash_notice:hover, .notice div.button.disabled#flash_notice:hover, .button.disabled.success:focus, #flash_messages div.button.disabled#flash_notice:focus, .notice div.button.disabled#flash_notice:focus, .button[disabled].success:hover, #flash_messages div.button[disabled]#flash_notice:hover, .notice div.button[disabled]#flash_notice:hover, .button[disabled].success:focus, #flash_messages div.button[disabled]#flash_notice:focus, .notice div.button[disabled]#flash_notice:focus {
        background-color: #5da423;
        outline: none; }
    .button.disabled.alert, #flash_messages div.button.disabled#flash_alert, #flash_messages div.button.disabled.flash-alert, #flash_messages div.button.disabled#flash_error, .notice div.button.disabled#flash_alert, .notice div.button.disabled.flash-alert, .notice div.button.disabled#flash_error, .button.disabled#error_explanation, .button[disabled].alert, #flash_messages div.button[disabled]#flash_alert, #flash_messages div.button[disabled].flash-alert, #flash_messages div.button[disabled]#flash_error, .notice div.button[disabled]#flash_alert, .notice div.button[disabled].flash-alert, .notice div.button[disabled]#flash_error, .button[disabled]#error_explanation {
      background-color: #c60f13; }
      .button.disabled.alert:hover, #flash_messages div.button.disabled#flash_alert:hover, #flash_messages div.button.disabled.flash-alert:hover, #flash_messages div.button.disabled#flash_error:hover, .notice div.button.disabled#flash_alert:hover, .notice div.button.disabled.flash-alert:hover, .notice div.button.disabled#flash_error:hover, .button.disabled#error_explanation:hover, .button.disabled.alert:focus, #flash_messages div.button.disabled#flash_alert:focus, #flash_messages div.button.disabled.flash-alert:focus, #flash_messages div.button.disabled#flash_error:focus, .notice div.button.disabled#flash_alert:focus, .notice div.button.disabled.flash-alert:focus, .notice div.button.disabled#flash_error:focus, .button.disabled#error_explanation:focus, .button[disabled].alert:hover, #flash_messages div.button[disabled]#flash_alert:hover, #flash_messages div.button[disabled].flash-alert:hover, #flash_messages div.button[disabled]#flash_error:hover, .notice div.button[disabled]#flash_alert:hover, .notice div.button[disabled].flash-alert:hover, .notice div.button[disabled]#flash_error:hover, .button[disabled]#error_explanation:hover, .button[disabled].alert:focus, #flash_messages div.button[disabled]#flash_alert:focus, #flash_messages div.button[disabled].flash-alert:focus, #flash_messages div.button[disabled]#flash_error:focus, .notice div.button[disabled]#flash_alert:focus, .notice div.button[disabled].flash-alert:focus, .notice div.button[disabled]#flash_error:focus, .button[disabled]#error_explanation:focus {
        background-color: #c60f13;
        outline: none; }
    .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e9e9e9; }
      .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e9e9e9;
        outline: none; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button {
  -webkit-appearance: none; }

/* Correct FF button padding */
@-moz-document url-prefix() {
  button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0; }

  input[type="submit"].tiny.button {
    padding: 3px 10px 4px; }

  input[type="submit"].small.button {
    padding: 5px 14px 6px; }

  input[type="submit"].button, input[type=submit].medium.button {
    padding: 8px 20px 9px; }

  input[type="submit"].large.button {
    padding: 13px 30px 14px; } }
/* Buttons with Dropdowns ---------------------- */
.button.dropdown {
  position: relative;
  padding-right: 44px;
  /* Sizes */
  /* Triangles */
  /* Flyout List */
  /* Split Dropdown Buttons */ }
  .button.dropdown.large {
    padding-right: 60px; }
  .button.dropdown.small {
    padding-right: 28px; }
  .button.dropdown.tiny {
    padding-right: 20px; }
  .button.dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -2px; }
  .button.dropdown.large:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 7px;
    border-color: #fff transparent transparent transparent;
    margin-top: -3px;
    right: 30px; }
  .button.dropdown.small:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: #fff transparent transparent transparent;
    margin-top: -2px;
    right: 14px; }
  .button.dropdown.tiny:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 4px;
    border-color: #fff transparent transparent transparent;
    margin-top: -1px;
    right: 10px; }
  .button.dropdown > ul {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    position: absolute;
    left: -1px;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #cccccc;
    border-top: none;
    min-width: 100%;
    z-index: 40; }
    .button.dropdown > ul li {
      width: 100%;
      cursor: pointer;
      padding: 0;
      min-height: 18px;
      line-height: 18px;
      margin: 0;
      white-space: nowrap;
      list-style: none; }
      .button.dropdown > ul li a, .button.dropdown > ul li button {
        display: block;
        color: #555;
        font-size: 13px;
        font-weight: normal;
        padding: 6px 14px;
        text-align: left; }
      .button.dropdown > ul li button {
        width: 100%;
        border: inherit;
        background: inherit;
        font-family: inherit;
        margin: inherit;
        -webkit-font-smoothing: antialiased; }
      .button.dropdown > ul li:hover, .button.dropdown > ul li:focus {
        background-color: #e3f4f9;
        color: #222; }
      .button.dropdown > ul li.divider {
        min-height: 0;
        padding: 0;
        height: 1px;
        margin: 4px 0;
        background: #ededed; }
  .button.dropdown.up > ul {
    border-top: 1px solid #cccccc;
    border-bottom: none; }
  .button.dropdown ul.no-hover.show-dropdown {
    display: block !important; }
  .button.dropdown:hover > ul.no-hover {
    display: none; }
  .button.dropdown.split {
    padding: 0;
    position: relative;
    /* Sizes */
    /* Triangle Spans */
    /* Colors */ }
    .button.dropdown.split:after {
      display: none; }
    .button.dropdown.split:hover, .button.dropdown.split:focus {
      background-color: #2ba6cb; }
    .button.dropdown.split.alert:hover, #flash_messages div.button.dropdown.split#flash_alert:hover, #flash_messages div.button.dropdown.split.flash-alert:hover, #flash_messages div.button.dropdown.split#flash_error:hover, .notice div.button.dropdown.split#flash_alert:hover, .notice div.button.dropdown.split.flash-alert:hover, .notice div.button.dropdown.split#flash_error:hover, .button.dropdown.split#error_explanation:hover, .button.dropdown.split.alert:focus, #flash_messages div.button.dropdown.split#flash_alert:focus, #flash_messages div.button.dropdown.split.flash-alert:focus, #flash_messages div.button.dropdown.split#flash_error:focus, .notice div.button.dropdown.split#flash_alert:focus, .notice div.button.dropdown.split.flash-alert:focus, .notice div.button.dropdown.split#flash_error:focus, .button.dropdown.split#error_explanation:focus {
      background-color: #c60f13; }
    .button.dropdown.split.success:hover, #flash_messages div.button.dropdown.split#flash_notice:hover, .notice div.button.dropdown.split#flash_notice:hover, .button.dropdown.split.success:focus, #flash_messages div.button.dropdown.split#flash_notice:focus, .notice div.button.dropdown.split#flash_notice:focus {
      background-color: #5da423; }
    .button.dropdown.split.secondary:hover, .button.dropdown.split.secondary:focus {
      background-color: #e9e9e9; }
    .button.dropdown.split > a {
      color: #fff;
      display: block;
      padding: 10px 50px 11px 20px;
      padding-left: 20px;
      padding-right: 50px;
      -webkit-transition: background-color 0.15s ease-in-out;
      transition: background-color 0.15s ease-in-out; }
      .button.dropdown.split > a:hover, .button.dropdown.split > a:focus {
        background-color: #2284a1;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
    .button.dropdown.split.large > a {
      padding: 15px 75px 16px 30px;
      padding-left: 30px;
      padding-right: 75px; }
    .button.dropdown.split.small > a {
      padding: 7px 35px 8px 14px;
      padding-left: 14px;
      padding-right: 35px; }
    .button.dropdown.split.tiny > a {
      padding: 5px 25px 6px 10px;
      padding-left: 10px;
      padding-right: 25px; }
    .button.dropdown.split > span {
      background-color: #2ba6cb;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 30px;
      border-left: 1px solid #1e728c;
      -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
      box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
      -webkit-transition: background-color 0.15s ease-in-out;
      transition: background-color 0.15s ease-in-out; }
      .button.dropdown.split > span:hover, .button.dropdown.split > span:focus {
        background-color: #2284a1; }
      .button.dropdown.split > span:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 6px;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -6px;
        margin-top: -2px; }
    .button.dropdown.split.secondary > span:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 6px;
      border-color: #1d1d1d transparent transparent transparent; }
    .button.dropdown.split.large span {
      width: 45px; }
    .button.dropdown.split.small span {
      width: 21px; }
    .button.dropdown.split.tiny span {
      width: 15px; }
    .button.dropdown.split.large span:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 7px;
      border-color: #fff transparent transparent transparent;
      margin-top: -3px;
      margin-left: -7px; }
    .button.dropdown.split.small span:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 4px;
      border-color: #fff transparent transparent transparent;
      margin-top: -1px;
      margin-left: -4px; }
    .button.dropdown.split.tiny span:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: solid 3px;
      border-color: #fff transparent transparent transparent;
      margin-top: -1px;
      margin-left: -3px; }
    .button.dropdown.split.alert > span, #flash_messages div.button.dropdown.split#flash_alert > span, #flash_messages div.button.dropdown.split.flash-alert > span, #flash_messages div.button.dropdown.split#flash_error > span, .notice div.button.dropdown.split#flash_alert > span, .notice div.button.dropdown.split.flash-alert > span, .notice div.button.dropdown.split#flash_error > span, .button.dropdown.split#error_explanation > span {
      background-color: #c60f13;
      border-left-color: #7f0a0c; }
    .button.dropdown.split.success > span, #flash_messages div.button.dropdown.split#flash_notice > span, .notice div.button.dropdown.split#flash_notice > span {
      background-color: #5da423;
      border-left-color: #396516; }
    .button.dropdown.split.secondary > span {
      background-color: #e9e9e9;
      border-left-color: #c3c3c3; }
    .button.dropdown.split.secondary > a {
      color: #1d1d1d; }
    .button.dropdown.split.alert > a:hover, #flash_messages div.button.dropdown.split#flash_alert > a:hover, #flash_messages div.button.dropdown.split.flash-alert > a:hover, #flash_messages div.button.dropdown.split#flash_error > a:hover, .notice div.button.dropdown.split#flash_alert > a:hover, .notice div.button.dropdown.split.flash-alert > a:hover, .notice div.button.dropdown.split#flash_error > a:hover, .button.dropdown.split#error_explanation > a:hover, .button.dropdown.split.alert > span:hover, #flash_messages div.button.dropdown.split#flash_alert > span:hover, #flash_messages div.button.dropdown.split.flash-alert > span:hover, #flash_messages div.button.dropdown.split#flash_error > span:hover, .notice div.button.dropdown.split#flash_alert > span:hover, .notice div.button.dropdown.split.flash-alert > span:hover, .notice div.button.dropdown.split#flash_error > span:hover, .button.dropdown.split#error_explanation > span:hover, .button.dropdown.split.alert > a:focus, #flash_messages div.button.dropdown.split#flash_alert > a:focus, #flash_messages div.button.dropdown.split.flash-alert > a:focus, #flash_messages div.button.dropdown.split#flash_error > a:focus, .notice div.button.dropdown.split#flash_alert > a:focus, .notice div.button.dropdown.split.flash-alert > a:focus, .notice div.button.dropdown.split#flash_error > a:focus, .button.dropdown.split#error_explanation > a:focus, .button.dropdown.split.alert > span:focus, #flash_messages div.button.dropdown.split#flash_alert > span:focus, #flash_messages div.button.dropdown.split.flash-alert > span:focus, #flash_messages div.button.dropdown.split#flash_error > span:focus, .notice div.button.dropdown.split#flash_alert > span:focus, .notice div.button.dropdown.split.flash-alert > span:focus, .notice div.button.dropdown.split#flash_error > span:focus, .button.dropdown.split#error_explanation > span:focus {
      background-color: #970b0e; }
    .button.dropdown.split.success > a:hover, #flash_messages div.button.dropdown.split#flash_notice > a:hover, .notice div.button.dropdown.split#flash_notice > a:hover, .button.dropdown.split.success > span:hover, #flash_messages div.button.dropdown.split#flash_notice > span:hover, .notice div.button.dropdown.split#flash_notice > span:hover, .button.dropdown.split.success > a:focus, #flash_messages div.button.dropdown.split#flash_notice > a:focus, .notice div.button.dropdown.split#flash_notice > a:focus, .button.dropdown.split.success > span:focus, #flash_messages div.button.dropdown.split#flash_notice > span:focus, .notice div.button.dropdown.split#flash_notice > span:focus {
      background-color: #457a1a; }
    .button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover, .button.dropdown.split.secondary > a:focus, .button.dropdown.split.secondary > span:focus {
      background-color: #d0d0d0; }

/* Button Groups ---------------------- */
ul.button-group {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  *zoom: 1; }
  ul.button-group:before, ul.button-group:after {
    content: " ";
    display: table; }
  ul.button-group:after {
    clear: both; }
  ul.button-group li {
    padding: 0;
    margin: 0 0 0 -1px;
    float: left; }
    ul.button-group li:first-child {
      margin-left: 0; }
  ul.button-group.radius li .button, ul.button-group.radius li .button.radius, ul.button-group.radius li .button-rounded {
    border-radius: 0px; }
  ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  ul.button-group.radius li:first-child .button.rounded {
    border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px; }
  ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
  ul.button-group.radius li:last-child .button.rounded {
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px; }
  ul.button-group.even .button {
    width: 100%; }
  ul.button-group.even.two-up li {
    width: 50%; }
  ul.button-group.even.three-up li {
    width: 33.3%; }
  ul.button-group.even.three-up li:first-child {
    width: 33.4%; }
  ul.button-group.even.four-up li {
    width: 25%; }
  ul.button-group.even.five-up li {
    width: 20%; }

div.button-bar {
  overflow: hidden; }
  div.button-bar ul.button-group {
    float: left;
    margin-right: 8px; }
  div.button-bar ul.button-group:last-child {
    margin-left: 0; }

.nav-bar {
  height: 40px;
  background: #4d4d4d;
  margin-left: 0;
  margin-top: 20px;
  padding: 0; }
  .nav-bar > li {
    float: left;
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    border: 1px solid #333333;
    border-right: none;
    line-height: 38px;
    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; }
    .nav-bar > li:first-child {
      -webkit-box-shadow: 0 0 0;
      box-shadow: 0 0 0; }
    .nav-bar > li:last-child {
      border-right: solid 1px #333333;
      -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
      box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); }
    .nav-bar > li.active {
      background: #2ba6cb;
      border-color: #2284a1; }
      .nav-bar > li.active > a {
        color: #fff;
        cursor: default; }
      .nav-bar > li.active:hover {
        background: #2ba6cb;
        cursor: default; }
    .nav-bar > li:hover {
      background: #333333; }
    .nav-bar > li > a {
      color: #e6e6e6; }
    .nav-bar > li ul {
      margin-bottom: 0; }
    .nav-bar > li .flyout {
      display: none; }
    .nav-bar > li.has-flyout > a:first-child {
      padding-right: 40px;
      position: relative; }
      .nav-bar > li.has-flyout > a:first-child:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 4px;
        border-color: #e6e6e6 transparent transparent transparent;
        position: absolute;
        right: 20px;
        top: 17px; }
    .nav-bar > li.has-flyout > a.flyout-toggle {
      border-left: 0 !important;
      position: absolute;
      right: 0;
      top: 0;
      padding: 20px;
      z-index: 2;
      display: block; }
    .nav-bar > li.has-flyout.is-touch > a:first-child {
      padding-right: 55px; }
    .nav-bar > li.has-flyout.is-touch > a.flyout-toggle {
      border-left: 1px dashed #666; }
  .nav-bar > li > a:first-child {
    position: relative;
    padding: 0 20px;
    display: block;
    text-decoration: none;
    font-size: 14px; }
  .nav-bar > li > input {
    margin: 0 10px; }
  .nav-bar.vertical {
    height: auto;
    margin-top: 0; }
    .nav-bar.vertical > li {
      float: none;
      border-bottom: none;
      border-right: solid 1px #333333;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .nav-bar.vertical > li.has-flyout > a:first-child:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 4px;
        border-color: transparent transparent transparent #e6e6e6; }
      .nav-bar.vertical > li .flyout {
        left: 100%;
        top: -1px; }
        .nav-bar.vertical > li .flyout.right {
          left: auto;
          right: 100%; }
      .nav-bar.vertical > li.active {
        border-right: solid 1px #2284a1; }
      .nav-bar.vertical > li:last-child {
        border-bottom: solid 1px #333333; }

.flyout {
  background: #f2f2f2;
  padding: 20px;
  margin: 0;
  border: 1px solid #d9d9d9;
  position: absolute;
  top: 39px;
  left: -1px;
  width: 250px;
  z-index: 40;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  /* remove margin on any first-child element */
  /* remove margin on last element */ }
  .flyout p {
    line-height: 1.2;
    font-size: 13px; }
  .flyout *:first-child {
    margin-top: 0; }
  .flyout *:last-child {
    margin-bottom: 0; }
  .flyout.small {
    width: 166.66667px; }
  .flyout.large {
    width: 437.5px; }
  .flyout.right {
    left: auto;
    right: -2px; }
  .flyout.left {
    right: auto;
    left: -2px; }
  .flyout.up {
    top: auto;
    bottom: 39px; }

ul.flyout, .nav-bar li ul {
  padding: 0;
  list-style: none; }
  ul.flyout li, .nav-bar li ul li {
    border-left: solid 3px #CCC; }
    ul.flyout li a, .nav-bar li ul li a {
      background: #f2f2f2;
      border: 1px solid #e6e6e6;
      border-width: 1px 1px 0 0;
      color: #555;
      display: block;
      font-size: 14px;
      height: auto;
      line-height: 1;
      padding: 15px 20px;
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
      ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus {
        background: #ebebeb;
        color: #333; }
    ul.flyout li.active, .nav-bar li ul li.active {
      margin-top: 0;
      border-top: 1px solid #4d4d4d;
      border-left: 4px solid #1a1a1a; }
      ul.flyout li.active a, .nav-bar li ul li.active a {
        background: #4d4d4d;
        border: none;
        color: #fff;
        height: auto;
        margin: 0;
        position: static;
        top: 0;
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0; }

/*
  Foundation Top Bar

  Requires:
    -jquery.foundation.topbar.js

  Notes:
    - <nav class="top-bar"> can have .fixed added to make it stick to the top of viewport. Can add .contain-to-grid to top-bar to make it full width but content on grid.
    - <li class="name"> creates a branding area that can be linked to homepage
      - Can include text, image or both inside this <li>.
    - <li class="divider"> creates a divider between nav items, add margins for space
    - <li class="search"> Needs to hold a <form> which can use .row.collapse and pre/postfix buttons or default type="search"
*/
/* Element that controls breakpoint, no need to change this ever */
.top-bar-js-breakpoint {
  width: 940px !important;
  visibility: hidden; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #fff; }

/* Wrapped around .top-bar to make it fixed at the top */
.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }

/* Add .sticky class for using top bar as a sticky navigation when scrolling passed it. Add the class .sticky to a top bar using .contain-to-grid but leave off .fixed, javascript will take care of that */
.sticky {
  float: left;
  overflow: hidden; }
  .sticky.fixed {
    float: none; }

/* <nav> */
.top-bar {
  background: #fff;
  min-height: 60px;
  line-height: 60px;
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  position: relative;
  /* Contain width to .row width */
  /* First <ul> for branding, title, name, etc */
  /* topbar global <ul> styles */ }
  .contain-to-grid .top-bar {
    max-width: 1000px;
    margin: 0 auto; }
  .top-bar > ul .name h1 {
    line-height: 60px;
    margin: 0; }
    .top-bar > ul .name h1 a {
      font-weight: bold;
      padding: 0 30px;
      font-size: 17px !important; }
  .top-bar > ul .name img {
    margin-top: -5px;
    vertical-align: middle; }
  .top-bar.expanded {
    height: inherit; }
  .top-bar ul {
    margin-left: 0;
    display: inline;
    height: 60px;
    line-height: 60px;
    list-style: none;
    /* Main Navigation links style */
    /* Left Side <ul> */
    /* Right Side <ul> */ }
    .top-bar ul > li {
      float: left;
      /* Dividers between navigation */
      /* Put a button in an <li> but give is a class */
      /* Put a search bar or text input in the bar */
      /* Put login bar in the top bar */
      /* Hide the triangle for breakpoint menu */
      /* li.has-dropdown */ }
      .top-bar ul > li a:not(.button) {
        color: #0054a6;
        display: block;
        font-size: 13px;
        font-weight: bold;
        height: 60px;
        line-height: 60px;
        padding: 0 20px; }
      .top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus {
        background: #d9d9d9; }
        .top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a {
          color: #002d5a; }
      .top-bar ul > li.divider {
        background: #d9d9d9;
        -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
        box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
        height: 100%;
        margin-right: 1px;
        width: 1px; }
      .top-bar ul > li.has-button a.button {
        margin: 0 15px; }
      .top-bar ul > li.has-button:hover, .top-bar ul > li.has-button:focus {
        background: #fff; }
        .top-bar ul > li.has-button:hover a, .top-bar ul > li.has-button:focus a {
          color: #fff; }
      .top-bar ul > li.search {
        padding: 0 20px; }
        .top-bar ul > li.search form {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle;
          width: 200px; }
          .top-bar ul > li.search form input[type=text] {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            float: left;
            font-size: 13px;
            margin-top: -1px;
            height: 30px;
            margin-bottom: 0;
            width: 130px; }
            .top-bar ul > li.search form input[type=text] + .button {
              border-left: none;
              border-top-left-radius: 0;
              border-bottom-left-radius: 0;
              float: left;
              font-size: 12px;
              margin-top: -1px;
              padding: 5px 12px 4px; }
          .top-bar ul > li.search form input[type=search] {
            font-size: 16px;
            margin-bottom: 0; }
        .top-bar ul > li.search:hover, .top-bar ul > li.search:focus {
          background: #fff; }
      .top-bar ul > li.login {
        padding: 0 20px; }
        .top-bar ul > li.login form {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle;
          width: 300px; }
          .top-bar ul > li.login form input {
            float: left;
            width: auto;
            font-size: 13px;
            margin-top: -1px;
            height: 30px;
            margin-bottom: 0; }
          .top-bar ul > li.login form input[type=text] {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            width: 120px; }
          .top-bar ul > li.login form input[type=password] {
            margin-bottom: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            width: 120px; }
            .top-bar ul > li.login form input[type=password] + .button {
              border-left: none;
              border-top-left-radius: 0;
              border-bottom-left-radius: 0;
              border-top-right-radius: 2px;
              border-bottom-right-radius: 2px;
              float: left;
              font-size: 12px;
              margin-top: -1px;
              padding: 5px 12px 4px;
              width: 60px; }
        .top-bar ul > li.login:hover, .top-bar ul > li.login:focus {
          background: #fff; }
      .top-bar ul > li.toggle-topbar {
        display: none; }
      .top-bar ul > li.has-dropdown {
        position: relative;
        /* Dropdown Level 2+ */ }
        .top-bar ul > li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown:focus > .dropdown {
          display: block;
          visibility: visible; }
        .top-bar ul > li.has-dropdown a {
          padding-right: 45px; }
          .top-bar ul > li.has-dropdown a:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 5px;
            border-color: #222 transparent transparent transparent;
            margin-right: 20px;
            margin-top: -2.5px;
            position: absolute;
            right: 0;
            top: 50%; }
        .top-bar ul > li.has-dropdown .dropdown {
          background: #fff;
          left: 0;
          margin: 0;
          padding: 12px 0 0 0;
          position: absolute;
          visibility: hidden;
          z-index: 99; }
          .top-bar ul > li.has-dropdown .dropdown li {
            background: #fff;
            line-height: 1;
            min-width: 100%;
            padding-bottom: 5px; }
            .top-bar ul > li.has-dropdown .dropdown li a {
              color: #0054a6;
              font-weight: normal;
              height: 100%;
              line-height: 1;
              padding: 5px 22px 5px 20px;
              white-space: nowrap; }
              .top-bar ul > li.has-dropdown .dropdown li a:after {
                border: none; }
              .top-bar ul > li.has-dropdown .dropdown li a:hover, .top-bar ul > li.has-dropdown .dropdown li a:focus {
                background: white; }
            .top-bar ul > li.has-dropdown .dropdown li label {
              color: white;
              font-size: 10px;
              font-weight: bold;
              margin: 0;
              padding-left: 20px;
              text-transform: uppercase; }
            .top-bar ul > li.has-dropdown .dropdown li.divider {
              border-top: solid 1px #cccccc;
              -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
              box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
              height: 10px;
              padding: 0;
              width: 100%; }
            .top-bar ul > li.has-dropdown .dropdown li:last-child {
              padding-bottom: 10px; }
            .top-bar ul > li.has-dropdown .dropdown li.active a {
              background: #d9d9d9; }
        .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
          padding-right: 30px; }
          .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
            border: none;
            content: "\00bb";
            right: 5px;
            top: 6px; }
        .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
          position: absolute;
          left: 100%;
          top: 0; }
        .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown {
          display: block; }
    .top-bar ul.left {
      float: left;
      width: auto;
      margin-bottom: 0; }
    .top-bar ul.right {
      float: right;
      width: auto;
      margin-bottom: 0;
      /* Dropdown Right Side Alignment */ }
      .top-bar ul.right .has-dropdown .dropdown {
        left: auto;
        right: 0px; }
        .top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {
          right: 100%;
          left: auto;
          width: 100%; }
  .top-bar .js-generated {
    display: none; }

/* Firefox Fixes */
@-moz-document url-prefix() {
  .top-bar ul li .button.small {
    padding-bottom: 6px; }

  .top-bar ul li.search form input[type=search] {
    font-size: 14px;
    height: 22px;
    padding: 3px; } }
/* IE8 Fixes */
.lt-ie9 .top-bar ul li a {
  color: #0054a6;
  display: block;
  font-weight: bold;
  font-size: 13px;
  height: 60px;
  line-height: 60px;
  padding: 0 20px; }
  .lt-ie9 .top-bar ul li a.button {
    height: auto;
    line-height: 30px;
    margin-top: 7px; }
  .lt-ie9 .top-bar ul li a img {
    margin-top: -5px;
    vertical-align: middle; }

.lt-ie9 .top-bar section > ul > li a:hover, .lt-ie9 .top-bar section > ul > li a:focus {
  color: #002040; }
.lt-ie9 .top-bar section > ul > li:hover, .lt-ie9 .top-bar section > ul > li:focus {
  background: #d9d9d9; }
.lt-ie9 .top-bar section > ul > li.search:hover, .lt-ie9 .top-bar section > ul > li.search:focus, .lt-ie9 .top-bar section > ul > li.has-button:hover, .lt-ie9 .top-bar section > ul > li.has-button:focus {
  background: none; }
.lt-ie9 .top-bar section > ul > li.active {
  background: #d9d9d9;
  color: #002d5a; }

.lt-ie9 .top-bar ul li.has-dropdown {
  padding-right: 45px; }
  .lt-ie9 .top-bar ul li.has-dropdown > ul li {
    padding-right: 0; }

/* CSS for jQuery Orbit Plugin 1.4.0
 * Maintained for Foundation. foundation.zurb.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/
/* Container ---------------------- */
.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative; }

.orbit {
  width: 1px;
  height: 1px;
  position: relative;
  overflow: hidden;
  margin-bottom: 17px; }
  .orbit.with-bullets {
    margin-bottom: 40px; }
  .orbit .orbit-slide {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .orbit a.orbit-slide {
    border: none;
    line-height: 0;
    display: none; }
  .orbit div.orbit-slide {
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* Timer ---------------------- */
.orbit-wrapper .timer {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: .6;
  cursor: pointer;
  z-index: 31; }
.orbit-wrapper span.rotator {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  background: url(/assets/foundation/orbit/rotator-black-09ba33e08d57429c9d274b8631095b68e35821f3ce6e58ffb03c70d38afe92f3.png) no-repeat;
  z-index: 3; }
  .orbit-wrapper span.rotator.move {
    left: 0; }
.orbit-wrapper span.mask {
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden; }
  .orbit-wrapper span.mask.move {
    width: 40px;
    left: 0;
    background: url(/assets/foundation/orbit/timer-black-e2268124efd1dcd4fe527acff487af66ccad56632f2293409ed0ac38431faa95.png) repeat 0 0; }
.orbit-wrapper span.pause {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/assets/foundation/orbit/pause-black-44b4319f555050a35c9ba2f8b6a549e176693421335a5ee64f9fd8bbef8dd5d5.png) no-repeat;
  z-index: 4;
  opacity: 0; }
  .orbit-wrapper span.pause.active {
    background: url(/assets/foundation/orbit/pause-black-44b4319f555050a35c9ba2f8b6a549e176693421335a5ee64f9fd8bbef8dd5d5.png) no-repeat 0 -40px; }
.orbit-wrapper .timer:hover span.pause, .orbit-wrapper .timer:focus span.pause, .orbit-wrapper span.pause.active {
  opacity: 1; }

/* Captions ---------------------- */
.orbit-caption {
  display: none;
  font-family: inherit; }

.orbit-wrapper .orbit-caption {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  z-index: 30;
  color: #fff;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%; }

/* Directional Nav ---------------------- */
.orbit-wrapper .slider-nav {
  display: block; }
.orbit-wrapper .slider-nav span {
  width: 39px;
  height: 50px;
  text-indent: -9999px;
  position: absolute;
  z-index: 30;
  top: 50%;
  margin-top: -25px;
  cursor: pointer; }
.orbit-wrapper .slider-nav span.right {
  background: url(/assets/foundation/orbit/right-arrow-2e10b699525f80bb387243df08c15969a2d62d71341c73b919bd530018d9bbba.png);
  background-size: 100%;
  right: 0; }
.orbit-wrapper .slider-nav span.left {
  background: url(/assets/foundation/orbit/left-arrow-5773b6536524a3cb95ee787886fcb0c557668bff8198385fb0fa717384a78d5e.png);
  background-size: 100%;
  left: 0; }

.lt-ie9 .orbit-wrapper .slider-nav span.right {
  background: url(/assets/foundation/orbit/right-arrow-small-7e9d336a58ee0e947003fc913847206d5544e9b3fc79026d76519220c6f9fbfa.png); }
.lt-ie9 .orbit-wrapper .slider-nav span.left {
  background: url(/assets/foundation/orbit/left-arrow-small-990f22dcb96e9a3ba1d487f6ad56eed9bb3588b974fdea0229808428d0e8ea63.png); }

/* Bullet Nav ---------------------- */
ul.orbit-bullets {
  position: absolute;
  z-index: 30;
  list-style: none;
  bottom: -40px;
  left: 50%;
  margin-left: -50px;
  padding: 0; }
  ul.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(/assets/foundation/orbit/bullets-4821f3f7d41cda7df763ca7845a03ee26ccf235e0377957f77805f70e2b26141.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }
    ul.orbit-bullets li.active {
      color: #222;
      background-position: -8px 0; }
    ul.orbit-bullets li.has-thumb {
      background: none;
      width: 100px;
      height: 75px; }
    ul.orbit-bullets li.active.has-thumb {
      background-position: 0 0;
      border-top: 2px solid #000; }

/* Orbit Slide Counter */
.orbit-slide-counter {
  position: absolute;
  bottom: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px; }

/* Fluid Layout ---------------------- */
.orbit img.fluid-placeholder {
  visibility: hidden;
  position: static;
  display: block;
  width: 100%; }

.orbit, .orbit-wrapper {
  width: 100% !important; }

/* Correct timer in IE */
.lt-ie9 .timer {
  display: none !important; }

.lt-ie9 .orbit-caption {
  background: #000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  zoom: 1; }

@media only screen and (max-width: 767px) {
  .orbit.orbit-stack-on-small img.fluid-placeholder {
    visibility: visible; }

  .orbit.orbit-stack-on-small .orbit-slide {
    position: static;
    margin-bottom: 10px; } }
/* CSS for jQuery Reveal Plugin
 * Maintained for Foundation. foundation.zurb.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* Reveal Modals ---------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.45);
  z-index: 40;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  background: #fff;
  visibility: hidden;
  display: none;
  top: 100px;
  left: 50%;
  margin-left: -260px;
  width: 520px;
  position: absolute;
  z-index: 41;
  padding: 30px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  .reveal-modal .close-reveal-modal:not(.button), .reveal-modal .close-cross:not(.button) {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    cursor: pointer; }
  .reveal-modal.small {
    width: 30%;
    margin-left: -15%; }
  .reveal-modal.medium {
    width: 40%;
    margin-left: -20%; }
  .reveal-modal.large {
    width: 60%;
    margin-left: -30%; }
  .reveal-modal.xlarge {
    width: 70%;
    margin-left: -35%; }
  .reveal-modal.expand {
    width: 90%;
    margin-left: -45%; }
  .reveal-modal .row {
    min-width: 0;
    margin-bottom: 10px; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }

@media print {
  .reveal-modal {
    border: solid 1px #000;
    background: #fff; } }
#joyRideTipContent {
  display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  width: 300px;
  z-index: 101;
  top: 0;
  left: 0;
  font-family: inherit;
  font-weight: normal;
  border-radius: 4px; }

.joyride-content-wrapper {
  padding: 18px 20px 24px; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide span.joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: solid 14px; }
  .joyride-tip-guide span.joyride-nub.top {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.8);
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -28px;
    bottom: none; }
  .joyride-tip-guide span.joyride-nub.bottom {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.8) !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -28px;
    bottom: none; }
  .joyride-tip-guide span.joyride-nub.right {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.8) !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    bottom: none;
    left: auto;
    right: -28px; }
  .joyride-tip-guide span.joyride-nub.left {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.8) !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    left: -28px;
    right: auto;
    bottom: none; }

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: #fff; }

.joyride-tip-guide p {
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 1.3; }

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555;
  position: absolute;
  right: 17px;
  bottom: 16px; }

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666; }

.joyride-close-tip {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #777 !important;
  text-decoration: none;
  font-size: 20px;
  font-weight: normal;
  line-height: .5 !important; }
  .joyride-close-tip:hover, .joyride-close-tip:focus {
    color: #eee !important; }

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer; }

.clearing-blackout {
  background: black;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  position: relative;
  z-index: 999;
  height: 100%;
  overflow: hidden; }

.visible-img {
  height: 75%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%; }
  .visible-img .clearing-caption {
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    background: black;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    padding: 10px 100px; }

.clearing-close {
  z-index: 999;
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  line-height: 1;
  color: #fff;
  display: none; }
  .clearing-close:hover, .clearing-close:focus {
    color: #ccc; }

.clearing-main-left, .clearing-main-right {
  position: absolute;
  top: 50%;
  margin-top: -16px; }

.clearing-main-left.disabled, .clearing-main-right.disabled {
  opacity: 0.5; }

.clearing-main-left:active, .clearing-main-right:active {
  margin-top: -15px; }

.clearing-main-left {
  left: 10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 16px;
  border-color: transparent #fff transparent transparent; }

.clearing-main-right {
  right: 10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 16px;
  border-color: transparent transparent transparent #fff; }

ul[data-clearing].block-grid.three-up > li:nth-child(3n+1) {
  clear: none; }

ul[data-clearing] li {
  cursor: pointer;
  display: block; }
  ul[data-clearing] li.clearing-feature ~ li {
    display: none; }

.clearing-assembled .clearing-container .carousel {
  background: black;
  background: rgba(0, 0, 0, 0.75);
  height: 150px;
  margin-top: 5px; }
.clearing-assembled .clearing-container .visible-img {
  background: black;
  background: rgba(0, 0, 0, 0.75);
  overflow: hidden; }
.clearing-assembled .clearing-container ul[data-clearing] {
  z-index: 999;
  width: 200%;
  height: 100%;
  margin-left: 0;
  position: relative;
  left: 0; }
  .clearing-assembled .clearing-container ul[data-clearing] li {
    display: block;
    width: 175px;
    height: inherit;
    padding: 0;
    float: left;
    overflow: hidden;
    background: #222;
    margin-right: 1px;
    position: relative; }
    .clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {
      min-height: 100%;
      height: 100%;
      max-width: none; }
    .clearing-assembled .clearing-container ul[data-clearing] li img {
      cursor: pointer !important;
      min-width: 100% !important; }
    .clearing-assembled .clearing-container ul[data-clearing] li.visible {
      border-top: 4px solid white; }

/* Overrides clear:both; when using block-grid with Clearing. Also overrided .th styling when Clearing is open */
ul.block-grid[data-clearing] {
  overflow: visible; }

.clearing-blackout ul.block-grid[data-clearing].two-up > li:nth-child(2n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].three-up > li:nth-child(3n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].four-up > li:nth-child(4n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].five-up > li:nth-child(5n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].six-up > li:nth-child(6n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].seven-up > li:nth-child(7n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].eight-up > li:nth-child(8n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].nine-up > li:nth-child(9n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].ten-up > li:nth-child(10n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].eleven-up > li:nth-child(11n+1) {
  clear: none; }
.clearing-blackout ul.block-grid[data-clearing].twelve-up > li:nth-child(12n+1) {
  clear: none; }
.clearing-blackout .th img {
  border: none;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
  border-radius: 0; }
.clearing-blackout:hover img, .clearing-blackout:focus img {
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent; }

/* Tabs ---------------------- */
.tabs {
  list-style: none;
  border-bottom: solid 1px #e6e6e6;
  display: block;
  height: 40px;
  padding: 0;
  margin-bottom: 20px; }
  .tabs.contained {
    margin-bottom: 0;
    margin-left: 0; }
  .tabs dt, .tabs li.section-title {
    color: #b3b3b3;
    cursor: default;
    display: block;
    float: left;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    padding-right: 9px;
    padding-left: 20px;
    font-weight: normal;
    width: auto;
    text-transform: uppercase; }
    .tabs dt:first-child, .tabs li.section-title:first-child {
      padding: 0;
      padding-right: 9px; }
  .tabs dd, .tabs li {
    display: block;
    float: left;
    padding: 0;
    margin: 0; }
    .tabs dd a, .tabs li a {
      color: #6f6f6f;
      display: block;
      font-size: 14px;
      height: 40px;
      line-height: 40px;
      padding: 0px 23.8px; }
      .tabs dd a:focus, .tabs li a:focus {
        font-weight: bold;
        color: #2ba6cb; }
    .tabs dd.active, .tabs li.active {
      border-top: 3px solid #2ba6cb;
      margin-top: -3px; }
      .tabs dd.active a, .tabs li.active a {
        cursor: default;
        color: #3c3c3c;
        background: #fff;
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        font-weight: bold; }
    .tabs dd:first-child, .tabs li:first-child {
      margin-left: 0; }
  .tabs.vertical {
    height: auto;
    border-bottom: 1px solid #e6e6e6; }
    .tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li {
      float: none;
      height: auto; }
    .tabs.vertical dd, .tabs.vertical li {
      border-left: 3px solid #cccccc; }
      .tabs.vertical dd a, .tabs.vertical li a {
        background: #f2f2f2;
        border: none;
        border: 1px solid #e6e6e6;
        border-width: 1px 1px 0 0;
        color: #555;
        display: block;
        font-size: 14px;
        height: auto;
        line-height: 1;
        padding: 15px 20px;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
      .tabs.vertical dd.active, .tabs.vertical li.active {
        margin-top: 0;
        border-top: 1px solid #4d4d4d;
        border-left: 4px solid #1a1a1a; }
        .tabs.vertical dd.active a, .tabs.vertical li.active a {
          background: #4d4d4d;
          border: none;
          color: #fff;
          height: auto;
          margin: 0;
          position: static;
          top: 0;
          -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0; }
      .tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active {
        margin: 0; }
  .tabs.pill {
    border-bottom: none;
    margin-bottom: 10px; }
    .tabs.pill dd, .tabs.pill li {
      margin-right: 10px; }
      .tabs.pill dd:last-child, .tabs.pill li:last-child {
        margin-right: 0; }
      .tabs.pill dd a, .tabs.pill li a {
        border-radius: 1000px;
        background: #e6e6e6;
        height: 26px;
        line-height: 26px;
        color: #666; }
      .tabs.pill dd.active, .tabs.pill li.active {
        border: none;
        margin-top: 0; }
        .tabs.pill dd.active a, .tabs.pill li.active a {
          background-color: #2ba6cb;
          border: none;
          color: #fff; }
    .tabs.pill.contained {
      border-bottom: solid 1px #eee;
      margin-bottom: 0; }
    .tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li {
      margin-right: 0; }
  .tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a {
    padding: 0 17px;
    text-align: center;
    overflow: hidden; }
  .tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li {
    width: 50%; }
  .tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li {
    width: 33.33%; }
  .tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li {
    width: 25%; }
  .tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li {
    width: 20%; }

ul.tabs-content {
  display: block;
  margin: 0 0 20px;
  padding: 0; }
  ul.tabs-content > li {
    display: none; }
    ul.tabs-content > li.active {
      display: block; }
  ul.tabs-content.contained {
    padding: 0; }
    ul.tabs-content.contained > li {
      border: solid 0 #e6e6e6;
      border-width: 0 1px 1px 1px;
      padding: 20px; }
    ul.tabs-content.contained.vertical > li {
      border-width: 1px 1px 1px 1px; }

.no-js ul.tabs-content > li {
  display: block; }

/* Table of Contents

:: Visibility
:: Alerts
:: Labels
:: Tooltips
:: Panels
:: Accordion
:: Side Nav
:: Sub Nav
:: Pagination
:: Breadcrumbs
:: Lists
:: Inline/Link Lists
:: Keystroke Chars
:: Image Thumbnails
:: Video
:: Tables
:: Microformats
:: Progress Bars
:: Pricing Tables

*/
/* Alerts ---------------------- */
div.alert-box, #flash_messages div, .notice div, #error_explanation, .notice-verify-info {
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background-color: #2ba6cb;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  border-radius: 3px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  position: relative; }
  div.alert-box.success, #flash_messages div.success, #flash_messages div#flash_notice, .notice div.success, .notice div#flash_notice, #flash_messages #flash_notice.notice-verify-info, .notice #flash_notice.notice-verify-info, .success#error_explanation, .success.notice-verify-info {
    background-color: #5da423;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
  div.alert-box.alert, #flash_messages div.alert, #flash_messages div#flash_alert, #flash_messages div.flash-alert, #flash_messages div#flash_error, #flash_messages div#error_explanation, .notice div.alert, .notice div#flash_alert, .notice div.flash-alert, .notice div#flash_error, #flash_messages #flash_alert.notice-verify-info, #flash_messages .flash-alert#error_explanation, #flash_messages .flash-alert.notice-verify-info, #flash_messages #flash_error.notice-verify-info, .notice #flash_alert.notice-verify-info, .notice .flash-alert.notice-verify-info, .notice #flash_error.notice-verify-info, #error_explanation, .alert.notice-verify-info {
    background-color: #c60f13;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
  div.alert-box.secondary, #flash_messages div.secondary, .notice div.secondary, .secondary#error_explanation, .secondary.notice-verify-info {
    background-color: #e9e9e9;
    color: #505050;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
  div.alert-box a.close, #flash_messages div a.close, .notice div a.close, #error_explanation a.close, .notice-verify-info a.close {
    color: #333;
    position: absolute;
    right: 4px;
    top: -1px;
    font-size: 17px;
    opacity: 0.2;
    padding: 4px; }
  div.alert-box a.close:hover, #flash_messages div a.close:hover, .notice div a.close:hover, #error_explanation a.close:hover, .notice-verify-info a.close:hover, div.alert-box a.close:focus, #flash_messages div a.close:focus, .notice div a.close:focus, #error_explanation a.close:focus, .notice-verify-info a.close:focus {
    opacity: 0.4; }

/* Labels ---------------------- */
.label {
  padding: 1px 4px 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline;
  position: relative;
  bottom: 1px;
  color: #fff;
  background: #2ba6cb; }
  .label.radius {
    border-radius: 3px; }
  .label.round {
    padding: 1px 7px 2px;
    border-radius: 1000px; }
  .label.alert, #flash_messages div.label#flash_alert, #flash_messages div.label.flash-alert, #flash_messages div.label#flash_error, .notice div.label#flash_alert, .notice div.label.flash-alert, .notice div.label#flash_error, .label#error_explanation {
    background-color: #c60f13; }
  .label.success, #flash_messages div.label#flash_notice, .notice div.label#flash_notice {
    background-color: #5da423; }
  .label.secondary {
    background-color: #e9e9e9;
    color: #505050; }

/* Tooltips ---------------------- */
.has-tip {
  border-bottom: solid 1px inherit;
  cursor: help;
  font-weight: inherit;
  color: inherit; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: solid 1px inherit;
    color: inherit; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  background: #000;
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
  z-index: 999;
  border-radius: 4px;
  line-height: normal; }
  .tooltip > .nub {
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #000 transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
    position: absolute;
    top: -10px;
    left: 10px; }
  .tooltip.tip-override > .nub {
    border-color: transparent transparent #000 transparent !important;
    border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important;
    top: -10px !important; }
  .tooltip.tip-top > .nub, .tooltip.tip-centered-top > .nub {
    border-color: #000 transparent transparent transparent;
    border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #000;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
    right: -10px;
    left: auto; }
  .tooltip.tip-right > .nub {
    border-color: transparent #000 transparent transparent;
    border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
    right: auto;
    left: -10px; }
  .tooltip.noradius {
    border-radius: 0; }
  .tooltip.opened {
    color: inherit !important;
    border-bottom: solid 1px inherit !important; }

.tap-to-close {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  color: #888;
  font-weight: normal; }

/* Panels ---------------------- */
.panel {
  background: #f2f2f2;
  border: solid 1px #e6e6e6;
  margin: 0 0 22px 0;
  padding: 20px; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel.callout {
    background: #2ba6cb;
    color: #fff;
    border-color: #2284a1;
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
    .panel.callout a {
      color: #fff; }
    .panel.callout .button {
      background: #fff;
      border: none;
      color: #2ba6cb;
      text-shadow: none; }
      .panel.callout .button:hover, .panel.callout .button:focus {
        background: rgba(255, 255, 255, 0.8); }
  .panel.radius {
    border-radius: 3px; }

/* Accordion ---------------------- */
ul.accordion {
  margin: 0 0 22px 0;
  border-bottom: 1px solid #e9e9e9; }
  ul.accordion > li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e9e9e9; }
    ul.accordion > li > div.title {
      cursor: pointer;
      background: #f6f6f6;
      padding: 15px;
      margin: 0;
      position: relative;
      border-left: 1px solid #e9e9e9;
      border-right: 1px solid #e9e9e9;
      -webkit-transition: background 0.15s linear;
      transition: background 0.15s linear; }
      ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5 {
        margin: 0; }
      ul.accordion > li > div.title:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 6px;
        border-color: transparent #9d9d9d transparent transparent;
        position: absolute;
        right: 15px;
        top: 21px; }
    ul.accordion > li .content {
      display: none;
      padding: 15px; }
    ul.accordion > li.active {
      border-top: 3px solid #2ba6cb; }
      ul.accordion > li.active .title {
        background: #fff;
        padding-top: 13px; }
        ul.accordion > li.active .title:after {
          content: "";
          display: block;
          width: 0;
          height: 0;
          border: solid 6px;
          border-color: #9d9d9d transparent transparent transparent; }
      ul.accordion > li.active .content {
        background: #fff;
        display: block;
        border-left: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9; }

/* Side Nav ---------------------- */
ul.side-nav {
  display: block;
  list-style: none;
  margin: 0;
  padding: 17px 0; }
  ul.side-nav li {
    display: block;
    list-style: none;
    margin: 0 0 7px 0; }
    ul.side-nav li a {
      display: block; }
    ul.side-nav li.active a {
      color: #4d4d4d;
      font-weight: bold; }
    ul.side-nav li.divider {
      border-top: 1px solid #e6e6e6;
      height: 0;
      padding: 0; }

/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
dl.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -4px 0 18px;
  margin-right: 0;
  margin-left: -9px;
  padding-top: 4px; }
  dl.sub-nav dt, dl.sub-nav dd {
    float: left;
    display: inline;
    margin-left: 9px;
    margin-bottom: 10px; }
  dl.sub-nav dt {
    color: #999;
    font-weight: normal; }
  dl.sub-nav dd a {
    text-decoration: none;
    border-radius: 1000px; }
  dl.sub-nav dd.active a {
    font-weight: bold;
    background: #2ba6cb;
    color: #fff;
    padding: 3px 9px;
    cursor: default; }

/* Pagination ---------------------- */
ul.pagination {
  display: block;
  height: 24px;
  margin-left: -5px; }
  ul.pagination li {
    float: left;
    display: block;
    height: 24px;
    color: #999;
    font-size: 14px;
    margin-left: 5px; }
    ul.pagination li a {
      display: block;
      padding: 1px 7px 1px;
      color: #555; }
    ul.pagination li:hover a, ul.pagination li a:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a {
      cursor: default;
      color: #999; }
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
      background: transparent; }
    ul.pagination li.current a {
      background: #2ba6cb;
      color: #fff;
      font-weight: bold;
      cursor: default; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus {
        background: #2ba6cb; }

div.pagination-centered {
  text-align: center; }
  div.pagination-centered ul > li {
    float: none;
    display: inline-block; }

/* Breadcrums ---------------------- */
ul.breadcrumbs {
  display: block;
  background: #f6f6f6;
  padding: 6px 10px 7px;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  overflow: hidden;
  margin-left: 0; }
  ul.breadcrumbs li {
    margin: 0;
    padding: 0 12px 0 0;
    float: left;
    list-style: none; }
    ul.breadcrumbs li a, ul.breadcrumbs li span {
      text-transform: uppercase;
      font-size: 11px;
      font-size: 1.1rem;
      padding-left: 12px; }
    ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {
      padding-left: 0; }
  ul.breadcrumbs li:before {
    content: "/";
    color: #aaa; }
  ul.breadcrumbs li:first-child:before {
    content: " "; }
  ul.breadcrumbs li.current a {
    cursor: default;
    color: #333; }
  ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {
    text-decoration: underline; }
  ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {
    text-decoration: none; }
  ul.breadcrumbs li.unavailable a {
    color: #999; }
  ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus {
    text-decoration: none;
    color: #999;
    cursor: default; }

/* Inline Link List */
ul.inline-list, ul.link-list {
  margin: 0 0 17px -22px;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  ul.inline-list > li, ul.link-list > li {
    list-style: none;
    float: left;
    margin-left: 22px;
    display: block; }
    ul.inline-list > li > *, ul.link-list > li > * {
      display: block; }

/* Keytroke Characters ---------------------- */
.keystroke, kbd {
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: 13px;
  padding: 2px 4px 0px;
  margin: 0;
  background: #ededed;
  border: solid 1px #dbdbdb;
  border-radius: 3px; }

/* Image Thumbnails ---------------------- */
.th {
  display: block; }
  .th img {
    display: block;
    border: solid 4px #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    -webkit-transition-property: box-shadow;
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms; }
  .th:hover img, .th:focus img {
    -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
    box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }

/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 57.25%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Tables ---------------------- */
table {
  background: #fff;
  border-radius: 3px;
  margin: 0 0 18px;
  border: 1px solid #ddd; }

table thead, table tfoot {
  background: #f5f5f5; }

table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
  display: table-cell;
  font-size: 14px;
  line-height: 18px;
  text-align: left; }

table thead tr th,
table tfoot tr td {
  padding: 8px 10px 9px;
  font-size: 14px;
  font-weight: bold;
  color: #222; }

table thead tr th:first-child, table tfoot tr td:first-child {
  border-left: none; }

table thead tr th:last-child, table tfoot tr td:last-child {
  border-right: none; }

table tbody tr.even,
table tbody tr.alt {
  background: #f9f9f9; }

table tbody tr:nth-child(even) {
  background: #f9f9f9; }

table tbody tr td {
  color: #333;
  padding: 9px 10px;
  vertical-align: top;
  border: none; }

/* Microformats ---------------------- */
ul.vcard {
  display: inline-block;
  margin: 0 0 12px 0;
  border: 1px solid #ddd;
  padding: 10px; }
  ul.vcard li {
    margin: 0;
    display: block; }
  ul.vcard li.fn {
    font-weight: bold;
    font-size: 15px; }

p.vevent span.summary {
  font-weight: bold; }
p.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 1px; }

/* Progress Bar ---------------------- */
div.progress {
  padding: 2px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  height: 25px;
  /* meter */
  /* border radii */ }
  div.progress .meter {
    background: #2ba6cb;
    height: 100%;
    display: block;
    width: 50%; }
  div.progress.secondary .meter {
    background: #e9e9e9; }
  div.progress.success .meter, #flash_messages div.progress#flash_notice .meter, .notice div.progress#flash_notice .meter {
    background: #5da423; }
  div.progress.alert .meter, #flash_messages div.progress#flash_alert .meter, #flash_messages div.progress.flash-alert .meter, #flash_messages div.progress#flash_error .meter, .notice div.progress#flash_alert .meter, .notice div.progress.flash-alert .meter, .notice div.progress#flash_error .meter, div.progress#error_explanation .meter {
    background: #c60f13; }
  div.progress.radius {
    border-radius: 3px; }
    div.progress.radius .meter {
      border-radius: 2px; }
  div.progress.round {
    border-radius: 1000px; }
    div.progress.round .meter {
      border-radius: 1000px; }

/* Pricing Tables ---------------------- */
.pricing-table {
  border: solid 1px #ddd;
  margin-left: 0;
  margin-bottom: 20px; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #ddd;
    padding: 15px 20px;
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 16px; }
  .pricing-table .price {
    background-color: #eee;
    padding: 15px 20px;
    text-align: center;
    color: #333;
    font-weight: normal;
    font-size: 20px; }
  .pricing-table .description {
    background-color: #fff;
    padding: 15px;
    text-align: center;
    color: #777;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #ddd; }
  .pricing-table .bullet-item {
    background-color: #fff;
    padding: 15px;
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    border-bottom: dotted 1px #ddd; }
  .pricing-table .cta-button {
    background-color: #f5f5f5;
    text-align: center;
    padding: 20px; }

object {
  height: 500px;
  margin: 0 auto; }

/* ------------ Buttons ------------ */
.button.text-input-height {
  height: 32px;
  padding: 0 9px; }
  .button.text-input-height i {
    line-height: 30px; }

.button {
  border-radius: 6px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  padding: 10px 15px 11px;
  border: 0; }
  .button.primary {
    background: #f26565;
    border: 0; }
    .button.primary:disabled:hover {
      background: #f26565; }
    .button.primary:hover, .button.primary:focus {
      background: #ee3636;
      -webkit-filter: none;
              filter: none; }
  .button.success, #flash_messages div.button#flash_notice, .notice div.button#flash_notice {
    background: #f26565;
    border: 0; }
    .button.success:hover, #flash_messages div.button#flash_notice:hover, .notice div.button#flash_notice:hover, .button.success:focus, #flash_messages div.button#flash_notice:focus, .notice div.button#flash_notice:focus {
      background: #ee3636;
      -webkit-filter: none;
              filter: none; }
  .button.secondary {
    background: #dde8f0;
    text-shadow: 0 -1px 0 #eff4f8;
    border-color: #d3e0ec; }
    .button.secondary i {
      color: #9EA5AE;
      text-shadow: 0 1px 0 #FFFFFF; }
    .button.secondary:hover, .button.secondary:focus {
      background: #ccdce8;
      -webkit-filter: none;
              filter: none; }
  .button.medium {
    font-size: 13px; }
  .button.small {
    padding: 6px 14px 7px; }
    .button.small.icon {
      padding: 5px 15px 4px; }
      .button.small.icon i {
        font-size: 20px;
        line-height: 20px;
        vertical-align: middle; }
  .button.tiny {
    padding: 4px 10px 4px; }
    .button.tiny.icon {
      padding: 3px 0 1px;
      width: 28px;
      margin: 2px; }
      .button.tiny.icon i {
        font-size: 18px;
        line-height: 18px;
        vertical-align: middle; }
  .button.padding5 {
    padding-right: 5px;
    padding-left: 5px; }
  .button.padding10 {
    padding-right: 10px;
    padding-left: 10px; }
  .button.padding20 {
    padding-right: 20px;
    padding-left: 20px; }
  .button.padding30 {
    padding-right: 30px;
    padding-left: 30px; }
  .button.padding40 {
    padding-right: 40px;
    padding-left: 40px; }

/* ------------ Forms ------------ */
input[type="text"], select,
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  background: #f3f3f3;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  input[type="text"]:focus, select:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background-color: #ededed;
    outline: none !important;
    border: 0;
    font-style: normal; }

label {
  font-size: 12px;
  font-weight: 400;
  color: #666; }

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #f3f3f3; }

textarea {
  resize: vertical; }

input[type="checkbox"] {
  margin: 0; }

/* ------------- Tables -------------*/
table tbody tr td, table tr td, table tr th {
  vertical-align: middle; }

table.valign-top tbody tr td, table.valign-top tr td, table.valign-top tr th {
  vertical-align: top; }

.tabs-content table tbody tr td {
  padding-left: 0px; }

/* ------------ Lists ------------ */
ul.disc {
  list-style-type: none; }
  ul.disc li {
    margin: 0;
    padding: 0;
    line-height: 20px; }
    ul.disc li:before {
      color: #f26565;
      content: "\25CF";
      padding: 0 10px 0 0;
      font-size: 17px;
      line-height: 17px;
      vertical-align: baseline;
      display: inline; }

/* ------------ Headings ------------ */
h4 {
  color: #333;
  font-size: 20px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2); }

h5.subheader {
  margin: 0; }

/* ------------ Modal ------------ */
.reveal-modal .close-cross {
  top: 15px;
  right: 15px; }
.reveal-modal .close-reveal-modal.cancel-button, .reveal-modal .cancel-button.close-cross {
  position: relative;
  font-size: 12px;
  line-height: inherit;
  color: inherit;
  margin-right: 0; }
.reveal-modal.fixed-840 {
  width: 840px;
  margin-left: -420px; }

/* ------------ Panel ------------ */
.panel {
  background-color: #f8f8f8;
  border-color: #f1f1f1; }

.panel.in-modal {
  padding: 5px;
  margin-bottom: 10px; }

/* ------------ Customized dropdown (used in header right part) ------------ */
.button.settings-dropdown {
  background: #fff;
  font-weight: normal;
  border: 0;
  color: #f26565; }
  .button.settings-dropdown i {
    display: inline;
    margin-right: 5px; }
  .button.settings-dropdown:active {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }

.button.settings-dropdown:hover {
  background: #fff; }
  .button.settings-dropdown:hover .account-email {
    color: #222; }

.button.dropdown.settings-dropdown.active {
  border: 1px solid #ccc;
  border-bottom: none;
  padding: 9px 44px 11px 14px; }

.button.dropdown:after {
  border-color: #f26565 transparent transparent;
  border-width: 4px;
  right: 25px; }

/* ------------ Pagination ------------ */
.pagination {
  display: block;
  height: 24px;
  margin-left: -5px;
  margin-bottom: 10px; }
  .pagination span {
    float: left;
    display: block;
    color: #999;
    font-size: 14px;
    margin-left: 5px; }
    .pagination span a {
      padding: 4px 7px;
      display: block;
      color: #555; }
    .pagination span:hover {
      background: #e6e6e6; }
    .pagination span.current, .pagination span a.active {
      padding: 4px 7px;
      background: #f26565;
      color: white;
      font-weight: bold;
      cursor: default; }

/* ------------ Tooltips ------------ */
.has-tip {
  cursor: pointer;
  cursor: hand; }

/* ------------  hotfix DOB inputs ------------ */
.dob-selector div.custom.dropdown, .dob-selector select {
  width: 49% !important;
  float: left !important;
  margin-right: 1% !important; }
  .dob-selector div.custom.dropdown:last-child, .dob-selector select:last-child {
    float: right !important;
    margin-right: 0 !important; }

/* -------------------- Panel ------------------- */
.panel.success, #flash_messages div.panel#flash_notice, .notice div.panel#flash_notice {
  background: #e5fbd6;
  border-color: #b0f183;
  color: #1c3c07; }
.panel.primary {
  background: #e5f4ff;
  border-color: #8acbff;
  color: #003157; }
.panel.error {
  background: #ffd4d1;
  border-color: #ff7f76;
  color: #430400; }
.panel.pending {
  background: #fffaea;
  border-color: #ffe38f;
  color: #5c4500; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit; }

/* IDENTITIES COLORS */
/* ========================================== */
/*  Labels  */
/* ----------------------------------------- */
.label {
  padding: 4px 4px 6px;
  border-radius: 5px;
  font-size: 11px;
  max-width: 100%; }
  .label.id_1 {
    background: #398B87;
    text-shadow: 1px 1px 0 rgba(20, 49, 47, 0.5);
    color: #fff; }
  .label.id_2 {
    background: #F48500;
    text-shadow: 1px 1px 0 rgba(117, 64, 0, 0.5);
    color: #fff; }
  .label.id_3 {
    background: #B60000;
    text-shadow: 1px 1px 0 rgba(55, 0, 0, 0.5);
    color: #fff; }
  .label.id_4 {
    background: #219B0C;
    text-shadow: 1px 1px 0 rgba(8, 37, 3, 0.5);
    color: #fff; }
  .label.id_5 {
    background: #00B0BC;
    text-shadow: 1px 1px 0 rgba(0, 57, 61, 0.5);
    color: #fff; }
  .label.id_6 {
    background: #C6A900;
    text-shadow: 1px 1px 0 rgba(71, 60, 0, 0.5);
    color: #fff; }
  .label.id_7 {
    background: #940C9B;
    text-shadow: 1px 1px 0 rgba(35, 3, 37, 0.5);
    color: #fff; }
  .label.id_8 {
    background: #CE4F00;
    text-shadow: 1px 1px 0 rgba(79, 30, 0, 0.5);
    color: #fff; }
  .label.id_9 {
    background: #5A8904;
    text-shadow: 1px 1px 0 rgba(9, 13, 0, 0.5);
    color: #fff; }
  .label.large {
    font-size: 12px;
    padding: 7px 8px 8px;
    margin: 1px 5px 0; }

span.label {
  bottom: 0;
  vertical-align: middle; }

h4 {
  max-width: 100%; }
  h4 .edit-id {
    vertical-align: middle;
    margin: 5px 0; }
  h4 .label {
    font-size: inherit;
    line-height: 22px;
    margin: 0; }

/*  Main container top border color  */
/* ----------------------------------------- */
/* Apply this style to .main-container in application layout */
.identity_color.id_1 .active a {
  border-color: #398B87;
  color: #398B87; }
.identity_color.id_2 .active a {
  border-color: #F48500;
  color: #F48500; }
.identity_color.id_3 .active a {
  border-color: #B60000;
  color: #B60000; }
.identity_color.id_4 .active a {
  border-color: #219B0C;
  color: #219B0C; }
.identity_color.id_5 .active a {
  border-color: #00B0BC;
  color: #00B0BC; }
.identity_color.id_6 .active a {
  border-color: #C6A900;
  color: #C6A900; }
.identity_color.id_7 .active a {
  border-color: #940C9B;
  color: #940C9B; }
.identity_color.id_8 .active a {
  border-color: #CE4F00;
  color: #CE4F00; }
.identity_color.id_9 .active a {
  border-color: #5A8904;
  color: #5A8904; }

/*  Square color on identity menu  */
/* ----------------------------------------- */
.identities-main-menu li [class^="id_"].id_1, span.site-name.id_1 {
  border-color: #398B87; }
.identities-main-menu li [class^="id_"].id_2, span.site-name.id_2 {
  border-color: #F48500; }
.identities-main-menu li [class^="id_"].id_3, span.site-name.id_3 {
  border-color: #B60000; }
.identities-main-menu li [class^="id_"].id_4, span.site-name.id_4 {
  border-color: #219B0C; }
.identities-main-menu li [class^="id_"].id_5, span.site-name.id_5 {
  border-color: #00B0BC; }
.identities-main-menu li [class^="id_"].id_6, span.site-name.id_6 {
  border-color: #C6A900; }
.identities-main-menu li [class^="id_"].id_7, span.site-name.id_7 {
  border-color: #940C9B; }
.identities-main-menu li [class^="id_"].id_8, span.site-name.id_8 {
  border-color: #CE4F00; }
.identities-main-menu li [class^="id_"].id_9, span.site-name.id_9 {
  border-color: #5A8904; }

.identities-main-menu li:hover a.id_1 {
  color: #398B87; }
.identities-main-menu li:hover a.id_2 {
  color: #F48500; }
.identities-main-menu li:hover a.id_3 {
  color: #B60000; }
.identities-main-menu li:hover a.id_4 {
  color: #219B0C; }
.identities-main-menu li:hover a.id_5 {
  color: #00B0BC; }
.identities-main-menu li:hover a.id_6 {
  color: #C6A900; }
.identities-main-menu li:hover a.id_7 {
  color: #940C9B; }
.identities-main-menu li:hover a.id_8 {
  color: #CE4F00; }
.identities-main-menu li:hover a.id_9 {
  color: #5A8904; }

.pl0 {
  padding-left: 0px !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl45 {
  padding-left: 45px !important; }

.pl50 {
  padding-left: 50px !important; }

.pr0 {
  padding-right: 0px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr45 {
  padding-right: 45px !important; }

.pr50 {
  padding-right: 50px !important; }

.pt0 {
  padding-top: 0px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.p0 {
  padding: 0px !important; }

.p5 {
  padding: 5px !important; }

.p10 {
  padding: 10px !important; }

.p15 {
  padding: 15px !important; }

.p20 {
  padding: 20px !important; }

.p25 {
  padding: 25px !important; }

.p30 {
  padding: 30px !important; }

.p35 {
  padding: 35px !important; }

.p40 {
  padding: 40px !important; }

.p45 {
  padding: 45px !important; }

.p50 {
  padding: 50px !important; }

.ml0 {
  margin-left: 0px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

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

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.m0 {
  margin: 0px !important; }

.m5 {
  margin: 5px !important; }

.m10 {
  margin: 10px !important; }

.m15 {
  margin: 15px !important; }

.m20 {
  margin: 20px !important; }

.m25 {
  margin: 25px !important; }

.m30 {
  margin: 30px !important; }

.m35 {
  margin: 35px !important; }

.m40 {
  margin: 40px !important; }

.m45 {
  margin: 45px !important; }

.m50 {
  margin: 50px !important; }

@font-face {
  font-family: 'fontello';
  src: url(/assets/fontello-a0d95352f427c35892fefb4ec790591d289326821182f78ff30e19fea9aad253.eot?48653322);
  src: url(/assets/fontello-a0d95352f427c35892fefb4ec790591d289326821182f78ff30e19fea9aad253.eot?48653322#iefix) format("embedded-opentype"), url(/assets/fontello-473521b1cd3db2d27ccf7fb384f1811e8161465c9e80b76981dc30ef5ac07896.woff2?48653322) format("woff2"), url(/assets/fontello-79acb3ed65964b02cf50b9a817ac0d83a044bee990cd1f787bc63d1fdfb89341.woff?48653322) format("woff"), url(/assets/fontello-9f2f424c09a34595223e5750bdaf94b8a54df5d0d7405bfaaff453cca12fc566.ttf?48653322) format("truetype"), url(/assets/fontello-20fd1e0db741f910f683da099047fb947d73d1217a291353732d5884a42ab112.svg?48653322#fontello) format("svg");
  font-weight: normal;
  font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: font-url(/assets/fontello-20fd1e0db741f910f683da099047fb947d73d1217a291353732d5884a42ab112.svg?48653322#fontello) format('svg');
  }
}
*/
.icon-idnet:before, .icon-doc-new:before, .icon-mail:before, .icon-heart:before, .icon-heart-empty:before, .icon-star:before, .icon-star-empty:before, .icon-picture:before, .icon-th-large:before, .icon-th:before, .icon-th-list:before, .icon-ok:before, .icon-ok-circled:before, .icon-ok-circled-1:before, .icon-ok-squared:before, .icon-remove:before, .icon-cancel-circled:before, .icon-cancel-circled-1:before, .icon-plus:before, .icon-plus-circled:before, .icon-plus-squared:before, .icon-minus:before, .icon-minus-circled:before, .icon-question-sign:before, .icon-info-circled:before, .icon-info:before, .icon-home:before, .icon-link-ext:before, .icon-link-ext-alt:before, .icon-lock:before, .icon-unlock:before, .icon-lock-open-alt:before, .icon-pin-1:before, .icon-eye:before, .icon-eye-off:before, .icon-tag:before, .icon-tags:before, .icon-flag:before, .icon-flag-empty:before, .icon-thumbs-up:before, .icon-thumbs-down:before, .icon-download:before, .icon-upload:before, .icon-cloud-download:before, .icon-cloud-upload:before, .icon-reply:before, .icon-forward:before, .icon-export:before, .icon-pencil:before, .icon-edit:before, .icon-comment:before, .icon-chat:before, .icon-comment-empty:before, .icon-chat-empty:before, .icon-attention:before, .icon-attention-circled:before, .icon-location:before, .icon-trash:before, .icon-doc:before, .icon-docs:before, .icon-folder:before, .icon-folder-open-1:before, .icon-folder-close:before, .icon-folder-open:before, .icon-menu:before, .icon-cog:before, .icon-cog-alt:before, .icon-wrench:before, .icon-shopping-cart:before, .icon-calendar:before, .icon-calendar-empty:before, .icon-login:before, .icon-signout:before, .icon-ban-circle:before, .icon-resize-full:before, .icon-resize-full-alt:before, .icon-resize-small:before, .icon-resize-vertical:before, .icon-resize-horizontal:before, .icon-move:before, .icon-zoom-in:before, .icon-zoom-out:before, .icon-down-circled:before, .icon-up-circled:before, .icon-search:before, .icon-right-circled:before, .icon-caret-down:before, .icon-caret-up:before, .icon-caret-left:before, .icon-caret-right:before, .icon-down-open:before, .icon-left-open:before, .icon-right-open:before, .icon-up-open:before, .icon-angle-left:before, .icon-angle-right:before, .icon-angle-up:before, .icon-angle-down:before, .icon-angle-circled-left:before, .icon-angle-circled-right:before, .icon-angle-circled-up:before, .icon-angle-circled-down:before, .icon-angle-double-left:before, .icon-angle-double-right:before, .icon-angle-double-up:before, .icon-angle-double-down:before, .icon-down:before, .icon-right:before, .icon-left:before, .icon-up:before, .icon-arrow-down:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-arrow-up:before, .icon-right-hand:before, .icon-left-hand:before, .icon-up-hand:before, .icon-down-hand:before, .icon-left-circled-1:before, .icon-right-circled-1:before, .icon-up-circled-1:before, .icon-down-circled-1:before, .icon-cw:before, .icon-ccw:before, .icon-refresh:before, .icon-signal:before, .icon-desktop:before, .icon-laptop:before, .icon-tablet:before, .icon-mobile:before, .icon-globe:before, .icon-off:before, .icon-road:before, .icon-book:before, .icon-check-1:before, .icon-check-empty:before, .icon-circle:before, .icon-circle-empty:before, .icon-asterisk:before, .icon-chart-bar:before, .icon-credit-card:before, .icon-floppy:before, .icon-hdd:before, .icon-bug:before, .icon-money:before, .icon-sort:before, .icon-sort-down:before, .icon-sort-up:before, .icon-sort-alt-up:before, .icon-sort-alt-down:before, .icon-sort-name-up:before, .icon-sort-name-down:before, .icon-sort-number-up:before, .icon-sort-number-down:before, .icon-sitemap:before, .icon-spinner:before, .icon-smile:before, .icon-frown:before, .icon-meh:before, .icon-envelope:before, .icon-user:before, .icon-group:before, .icon-add-contact:before, .icon-check:before, .icon-cancel:before, .icon-link:before, .icon-download-alt:before, .icon-right-bold:before, .icon-th-1:before, .icon-achievements:before, .icon-left-circled:before, .icon-comments:before, .icon-friends-suggestion:before, .icon-reply-all:before, .icon-camera-alt:before, .icon-pin:before, .icon-sex-female:before, .icon-sex-male:before, .icon-friends-list:before, .icon-expand:before, .icon-speech-bubble:before, .icon-target:before, .icon-send:before, .icon-crown:before, .icon-camera:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-idnet:before {
  content: '\e800'; }

/* '' */
.icon-doc-new:before {
  content: '\e801'; }

/* '' */
.icon-mail:before {
  content: '\e802'; }

/* '' */
.icon-heart:before {
  content: '\e803'; }

/* '' */
.icon-heart-empty:before {
  content: '\e804'; }

/* '' */
.icon-star:before {
  content: '\e805'; }

/* '' */
.icon-star-empty:before {
  content: '\e806'; }

/* '' */
.icon-picture:before {
  content: '\e807'; }

/* '' */
.icon-th-large:before {
  content: '\e808'; }

/* '' */
.icon-th:before {
  content: '\e809'; }

/* '' */
.icon-th-list:before {
  content: '\e80a'; }

/* '' */
.icon-ok:before {
  content: '\e80b'; }

/* '' */
.icon-ok-circled:before {
  content: '\e80c'; }

/* '' */
.icon-ok-circled-1:before {
  content: '\e80d'; }

/* '' */
.icon-ok-squared:before {
  content: '\e80e'; }

/* '' */
.icon-remove:before {
  content: '\e80f'; }

/* '' */
.icon-cancel-circled:before {
  content: '\e810'; }

/* '' */
.icon-cancel-circled-1:before {
  content: '\e811'; }

/* '' */
.icon-plus:before {
  content: '\e812'; }

/* '' */
.icon-plus-circled:before {
  content: '\e813'; }

/* '' */
.icon-plus-squared:before {
  content: '\e814'; }

/* '' */
.icon-minus:before {
  content: '\e815'; }

/* '' */
.icon-minus-circled:before {
  content: '\e816'; }

/* '' */
.icon-question-sign:before {
  content: '\e817'; }

/* '' */
.icon-info-circled:before {
  content: '\e818'; }

/* '' */
.icon-info:before {
  content: '\e819'; }

/* '' */
.icon-home:before {
  content: '\e81a'; }

/* '' */
.icon-link-ext:before {
  content: '\e81b'; }

/* '' */
.icon-link-ext-alt:before {
  content: '\e81c'; }

/* '' */
.icon-lock:before {
  content: '\e81d'; }

/* '' */
.icon-unlock:before {
  content: '\e81e'; }

/* '' */
.icon-lock-open-alt:before {
  content: '\e81f'; }

/* '' */
.icon-pin-1:before {
  content: '\e820'; }

/* '' */
.icon-eye:before {
  content: '\e821'; }

/* '' */
.icon-eye-off:before {
  content: '\e822'; }

/* '' */
.icon-tag:before {
  content: '\e823'; }

/* '' */
.icon-tags:before {
  content: '\e824'; }

/* '' */
.icon-flag:before {
  content: '\e825'; }

/* '' */
.icon-flag-empty:before {
  content: '\e826'; }

/* '' */
.icon-thumbs-up:before {
  content: '\e827'; }

/* '' */
.icon-thumbs-down:before {
  content: '\e828'; }

/* '' */
.icon-download:before {
  content: '\e829'; }

/* '' */
.icon-upload:before {
  content: '\e82a'; }

/* '' */
.icon-cloud-download:before {
  content: '\e82b'; }

/* '' */
.icon-cloud-upload:before {
  content: '\e82c'; }

/* '' */
.icon-reply:before {
  content: '\e82d'; }

/* '' */
.icon-forward:before {
  content: '\e82e'; }

/* '' */
.icon-export:before {
  content: '\e82f'; }

/* '' */
.icon-pencil:before {
  content: '\e830'; }

/* '' */
.icon-edit:before {
  content: '\e831'; }

/* '' */
.icon-comment:before {
  content: '\e832'; }

/* '' */
.icon-chat:before {
  content: '\e833'; }

/* '' */
.icon-comment-empty:before {
  content: '\e834'; }

/* '' */
.icon-chat-empty:before {
  content: '\e835'; }

/* '' */
.icon-attention:before {
  content: '\e836'; }

/* '' */
.icon-attention-circled:before {
  content: '\e837'; }

/* '' */
.icon-location:before {
  content: '\e838'; }

/* '' */
.icon-trash:before {
  content: '\e839'; }

/* '' */
.icon-doc:before {
  content: '\e83a'; }

/* '' */
.icon-docs:before {
  content: '\e83b'; }

/* '' */
.icon-folder:before {
  content: '\e83c'; }

/* '' */
.icon-folder-open-1:before {
  content: '\e83d'; }

/* '' */
.icon-folder-close:before {
  content: '\e83e'; }

/* '' */
.icon-folder-open:before {
  content: '\e83f'; }

/* '' */
.icon-menu:before {
  content: '\e840'; }

/* '' */
.icon-cog:before {
  content: '\e841'; }

/* '' */
.icon-cog-alt:before {
  content: '\e842'; }

/* '' */
.icon-wrench:before {
  content: '\e843'; }

/* '' */
.icon-shopping-cart:before {
  content: '\e844'; }

/* '' */
.icon-calendar:before {
  content: '\e845'; }

/* '' */
.icon-calendar-empty:before {
  content: '\e846'; }

/* '' */
.icon-login:before {
  content: '\e847'; }

/* '' */
.icon-signout:before {
  content: '\e848'; }

/* '' */
.icon-ban-circle:before {
  content: '\e849'; }

/* '' */
.icon-resize-full:before {
  content: '\e84a'; }

/* '' */
.icon-resize-full-alt:before {
  content: '\e84b'; }

/* '' */
.icon-resize-small:before {
  content: '\e84c'; }

/* '' */
.icon-resize-vertical:before {
  content: '\e84d'; }

/* '' */
.icon-resize-horizontal:before {
  content: '\e84e'; }

/* '' */
.icon-move:before {
  content: '\e84f'; }

/* '' */
.icon-zoom-in:before {
  content: '\e850'; }

/* '' */
.icon-zoom-out:before {
  content: '\e851'; }

/* '' */
.icon-down-circled:before {
  content: '\e852'; }

/* '' */
.icon-up-circled:before {
  content: '\e853'; }

/* '' */
.icon-search:before {
  content: '\e854'; }

/* '' */
.icon-right-circled:before {
  content: '\e855'; }

/* '' */
.icon-caret-down:before {
  content: '\e856'; }

/* '' */
.icon-caret-up:before {
  content: '\e857'; }

/* '' */
.icon-caret-left:before {
  content: '\e858'; }

/* '' */
.icon-caret-right:before {
  content: '\e859'; }

/* '' */
.icon-down-open:before {
  content: '\e85a'; }

/* '' */
.icon-left-open:before {
  content: '\e85b'; }

/* '' */
.icon-right-open:before {
  content: '\e85c'; }

/* '' */
.icon-up-open:before {
  content: '\e85d'; }

/* '' */
.icon-angle-left:before {
  content: '\e85e'; }

/* '' */
.icon-angle-right:before {
  content: '\e85f'; }

/* '' */
.icon-angle-up:before {
  content: '\e860'; }

/* '' */
.icon-angle-down:before {
  content: '\e861'; }

/* '' */
.icon-angle-circled-left:before {
  content: '\e862'; }

/* '' */
.icon-angle-circled-right:before {
  content: '\e863'; }

/* '' */
.icon-angle-circled-up:before {
  content: '\e864'; }

/* '' */
.icon-angle-circled-down:before {
  content: '\e865'; }

/* '' */
.icon-angle-double-left:before {
  content: '\e866'; }

/* '' */
.icon-angle-double-right:before {
  content: '\e867'; }

/* '' */
.icon-angle-double-up:before {
  content: '\e868'; }

/* '' */
.icon-angle-double-down:before {
  content: '\e869'; }

/* '' */
.icon-down:before {
  content: '\e86a'; }

/* '' */
.icon-right:before {
  content: '\e86b'; }

/* '' */
.icon-left:before {
  content: '\e86c'; }

/* '' */
.icon-up:before {
  content: '\e86d'; }

/* '' */
.icon-arrow-down:before {
  content: '\e86e'; }

/* '' */
.icon-arrow-left:before {
  content: '\e86f'; }

/* '' */
.icon-arrow-right:before {
  content: '\e870'; }

/* '' */
.icon-arrow-up:before {
  content: '\e871'; }

/* '' */
.icon-right-hand:before {
  content: '\e872'; }

/* '' */
.icon-left-hand:before {
  content: '\e873'; }

/* '' */
.icon-up-hand:before {
  content: '\e874'; }

/* '' */
.icon-down-hand:before {
  content: '\e875'; }

/* '' */
.icon-left-circled-1:before {
  content: '\e876'; }

/* '' */
.icon-right-circled-1:before {
  content: '\e877'; }

/* '' */
.icon-up-circled-1:before {
  content: '\e878'; }

/* '' */
.icon-down-circled-1:before {
  content: '\e879'; }

/* '' */
.icon-cw:before {
  content: '\e87a'; }

/* '' */
.icon-ccw:before {
  content: '\e87b'; }

/* '' */
.icon-refresh:before {
  content: '\e87c'; }

/* '' */
.icon-signal:before {
  content: '\e87d'; }

/* '' */
.icon-desktop:before {
  content: '\e87e'; }

/* '' */
.icon-laptop:before {
  content: '\e87f'; }

/* '' */
.icon-tablet:before {
  content: '\e880'; }

/* '' */
.icon-mobile:before {
  content: '\e881'; }

/* '' */
.icon-globe:before {
  content: '\e882'; }

/* '' */
.icon-off:before {
  content: '\e883'; }

/* '' */
.icon-road:before {
  content: '\e884'; }

/* '' */
.icon-book:before {
  content: '\e885'; }

/* '' */
.icon-check-1:before {
  content: '\e886'; }

/* '' */
.icon-check-empty:before {
  content: '\e887'; }

/* '' */
.icon-circle:before {
  content: '\e888'; }

/* '' */
.icon-circle-empty:before {
  content: '\e889'; }

/* '' */
.icon-asterisk:before {
  content: '\e88a'; }

/* '' */
.icon-chart-bar:before {
  content: '\e88b'; }

/* '' */
.icon-credit-card:before {
  content: '\e88c'; }

/* '' */
.icon-floppy:before {
  content: '\e88d'; }

/* '' */
.icon-hdd:before {
  content: '\e88e'; }

/* '' */
.icon-bug:before {
  content: '\e88f'; }

/* '' */
.icon-money:before {
  content: '\e890'; }

/* '' */
.icon-sort:before {
  content: '\e891'; }

/* '' */
.icon-sort-down:before {
  content: '\e892'; }

/* '' */
.icon-sort-up:before {
  content: '\e893'; }

/* '' */
.icon-sort-alt-up:before {
  content: '\e894'; }

/* '' */
.icon-sort-alt-down:before {
  content: '\e895'; }

/* '' */
.icon-sort-name-up:before {
  content: '\e896'; }

/* '' */
.icon-sort-name-down:before {
  content: '\e897'; }

/* '' */
.icon-sort-number-up:before {
  content: '\e898'; }

/* '' */
.icon-sort-number-down:before {
  content: '\e899'; }

/* '' */
.icon-sitemap:before {
  content: '\e89a'; }

/* '' */
.icon-spinner:before {
  content: '\e89b'; }

/* '' */
.icon-smile:before {
  content: '\e89c'; }

/* '' */
.icon-frown:before {
  content: '\e89d'; }

/* '' */
.icon-meh:before {
  content: '\e89e'; }

/* '' */
.icon-envelope:before {
  content: '\e89f'; }

/* '' */
.icon-user:before {
  content: '\e8a0'; }

/* '' */
.icon-group:before {
  content: '\e8a1'; }

/* '' */
.icon-add-contact:before {
  content: '\e8a2'; }

/* '' */
.icon-check:before {
  content: '\e8a3'; }

/* '' */
.icon-cancel:before {
  content: '\e8a4'; }

/* '' */
.icon-link:before {
  content: '\e8a5'; }

/* '' */
.icon-download-alt:before {
  content: '\e8a6'; }

/* '' */
.icon-right-bold:before {
  content: '\e8a7'; }

/* '' */
.icon-th-1:before {
  content: '\e8a8'; }

/* '' */
.icon-achievements:before {
  content: '\e8a9'; }

/* '' */
.icon-left-circled:before {
  content: '\e8aa'; }

/* '' */
.icon-comments:before {
  content: '\e8ab'; }

/* '' */
.icon-friends-suggestion:before {
  content: '\e8ac'; }

/* '' */
.icon-reply-all:before {
  content: '\e8ad'; }

/* '' */
.icon-camera-alt:before {
  content: '\e8ae'; }

/* '' */
.icon-pin:before {
  content: '\e8af'; }

/* '' */
.icon-sex-female:before {
  content: '\e8b0'; }

/* '' */
.icon-sex-male:before {
  content: '\e8b1'; }

/* '' */
.icon-friends-list:before {
  content: '\e8b2'; }

/* '' */
.icon-expand:before {
  content: '\e8b3'; }

/* '' */
.icon-speech-bubble:before {
  content: '\e8b4'; }

/* '' */
.icon-target:before {
  content: '\e8b5'; }

/* '' */
.icon-send:before {
  content: '\e8b6'; }

/* '' */
.icon-crown:before {
  content: '\e8b7'; }

/* '' */
.icon-camera:before {
  content: '\e8b8'; }

/* '' */
body {
  background: #eee;
  min-width: 450px; }
  body.new_nolog {
    background: #fdfdfd; }

h6 {
  margin: 0 0 5px 0;
  padding: 0;
  position: relative; }

a {
  font-style: normal;
  font-weight: 500;
  color: #f26565; }
  a:link {
    text-decoration: none; }
  a:hover {
    color: #c71111;
    text-decoration: none; }
  a:active {
    color: #fcdbdb; }

code {
  background: none; }

hr {
  color: #ccc;
  padding: 0;
  -webkit-box-shadow: 0 1px 0 #fafafa;
  box-shadow: 0 1px 0 #fafafa; }
  hr.small-margin {
    margin: 0 0 5px; }
  hr.medium-margin {
    margin: 0 0 10px; }
  hr.big-margin {
    margin: 20px 0; }

i.red {
  color: #d90000 !important; }
i.blue {
  color: #f26565 !important; }
i.green {
  color: #4da211 !important; }
i.white {
  color: #fff !important; }
i.grey {
  color: #555 !important; }

.white-box-bg {
  border: 1px solid #ccc;
  padding: 20px 50px 25px;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3); }

.primaryFont {
  color: #f04d4d; }

.secondaryFont {
  color: #9ea5ae; }

.successFont {
  color: #428b0f; }

.errorFont {
  color: #c00000; }

.mainFont {
  color: #222; }

p small {
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
  color: #4d4d4d;
  vertical-align: top; }

aside p {
  font-style: normal;
  font-size: inherit; }

.box {
  padding: 30px;
  background: #fff;
  border: 1px solid #C2C5CA;
  border-radius: 3px;
  margin: 0 auto; }

.bold {
  font-weight: bold; }

.hide-long {
  overflow: hidden;
  text-overflow: ellipsis; }

.secondary {
  color: #BEC3C9; }
  .secondary a {
    color: #777; }
    .secondary a:link {
      color: #777;
      text-decoration: none; }
    .secondary a:visited {
      color: #777; }
    .secondary a:hover {
      color: #272a2e;
      text-decoration: none; }
    .secondary a:active {
      color: #272a2e; }

img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.float-right {
  float: right; }

.float-left {
  float: left; }

.clear {
  display: block;
  clear: both;
  visibility: hidden; }

.padding-top5 {
  padding-top: 5px; }

.padding-top10 {
  padding-top: 10px; }

.padding-top15 {
  padding-top: 15px; }

.padding-top20 {
  padding-top: 20px; }

.padding-top25 {
  padding-top: 25px; }

.padding-top30 {
  padding-top: 30px; }

.padding-right0 {
  padding-right: 0; }

.main-container {
  padding-top: 90px;
  z-index: 0; }

.submenu + .main-container {
  padding-top: 125px; }

.main-content-style, .main-content {
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 3px; }

.main-content {
  position: relative;
  margin-bottom: 15px; }
  .main-content table {
    padding: 0; }
  .feed-page .main-content {
    background: #eee;
    margin-top: 0px;
    border: 0; }
  .main-content .flash-message {
    margin-top: 15px; }

.js-main-content {
  background: #fff;
  position: relative; }

.right-content {
  padding-bottom: 30px; }
  .right-content.with-right-padding {
    padding-right: 110px; }

.margin-top10 {
  margin-top: 10px; }

.margin-right15 {
  margin-right: 15px !important; }

.margin-left15 {
  margin-left: 15px; }

.margin-bot15 {
  margin-bottom: 15px !important; }

.margin-bot50 {
  margin-bottom: 50px !important; }

.nomargin {
  margin: 0 !important;
  padding: 0 !important; }

.center {
  text-align: center; }

.button.center {
  margin: 0 auto;
  display: block; }

.break-word {
  white-space: normal;
  word-wrap: break-word; }

ul.inline {
  list-style-type: none; }
  ul.inline li {
    display: inline;
    margin-right: 15px; }
    ul.inline li:last-child {
      margin: 0; }
  ul.inline a {
    white-space: nowrap; }

ul.tick {
  list-style-type: none; }
  ul.tick li:before {
    content: "\2713";
    margin-right: 10px; }

ul.wide li {
  margin-bottom: 20px; }

ul.inside {
  list-style-position: inside; }

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

.italic {
  font-style: italic; }

.link-style {
  border: 0;
  background: none;
  color: #f26565;
  text-decoration: underline;
  cursor: pointer; }
  .link-style:hover {
    text-decoration: none; }
  .link-style.cancel {
    float: right;
    font-size: 14px;
    padding: 10px 20px;
    margin: 0;
    line-height: 13px; }

.middle {
  display: inline-block;
  vertical-align: middle; }

.third-part, table td select.third-part {
  width: 32%;
  margin-left: 2%;
  float: left; }
  .third-part:first-child, table td select.third-part:first-child {
    margin-left: 0; }

.info-icon {
  cursor: pointer;
  cursor: hand;
  outline: none; }

a.info-link {
  border-bottom: 1px dotted;
  margin-left: 5px;
  font-weight: bold;
  outline: none; }

.info-text {
  display: none; }

table.no-border {
  border: 0; }
  table.no-border tr, table.no-border th, table.no-border td {
    border: 0; }

table.no-background {
  background: none; }
  table.no-background tbody tr, table.no-background tbody th, table.no-background tbody td {
    background: none; }

table.small-text td, table.small-text th {
  font-size: 11px; }

table.medium-text td, table.medium-text th {
  font-size: 12px; }

.box .localization {
  float: right; }

.box .localization, .iframe-popup .localization {
  padding-top: 0px;
  margin: 0 15px 0 0; }
  .box .localization .button.dropdown, .iframe-popup .localization .button.dropdown {
    border: none;
    padding: 0; }
    .box .localization .button.dropdown > ul, .iframe-popup .localization .button.dropdown > ul {
      z-index: 41;
      left: 0;
      border-top: 1px solid #ccc; }
  .box .localization .locale, .iframe-popup .localization .locale {
    padding: 9px 44px 11px 14px;
    border: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 41; }
  .box .localization .active .locale, .iframe-popup .localization .active .locale {
    border-color: #ccc;
    border-bottom: 1px solid #fff; }

/* APPLICATIONS PAGE */
/* =================================================================================== */
.applications table input {
  margin-bottom: 0;
  font-size: 12px; }
.applications table td.options {
  padding: 9px 3px; }

.required-fields {
  margin-top: 4px; }
  .required-fields table {
    padding: 0 0 19px; }

/* FORMS */
/* =================================================================================== */
.form-fields input {
  margin: 0; }
.form-fields p {
  margin: 0 0 10px 0; }

.dob-selector div.custom.dropdown {
  width: auto !important;
  float: left !important;
  margin-right: 10px !important; }

.edit_account input[type=radio] {
  margin: 5px; }

/* LOCALE SELECTOR */
/* =================================================================================== */
.localization img {
  max-width: none; }

/* PROFILE PICTURE DISPLAY */
/* =================================================================================== */
/* Watermarks */
.profile-picture-container {
  position: relative; }

.profile-picture.thumb + .watermark, .profile-picture.medium + .watermark {
  display: none; }
.profile-picture.large + .watermark {
  width: 160px;
  height: 160px;
  padding: 40% 10px 0;
  font-weight: bold;
  background: #fff;
  color: #222;
  position: absolute;
  bottom: 4px;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$strength*100);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7; }
.profile-picture.medium {
  max-width: 50px; }

.profile-picture + .watermark {
  color: blue; }

.text-overflow-200 {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis; }

.hidden {
  display: none; }

.profile-picture-container.small img {
  max-width: 34px;
  max-height: 34px; }
.profile-picture-container.thumb img {
  max-width: 40px;
  max-height: 40px; }

input.button.success {
  background: #f26565;
  color: #fff; }
  input.button.success:hover {
    background: #ee3636;
    border-color: #f26565; }

/* FOOTER */
/* =================================================================================== */
#root_footer {
  height: 60px; }

/* Zendesk tab */
/* =================================================================================== */
#zenbox_tab {
  display: none !important; }

.grecaptcha-badge {
  visibility: hidden; }

.header-top-notice {
  background: #FFE100;
  font-size: 12px;
  padding: 0;
  position: fixed;
  right: 5px;
  top: 5px;
  padding: 0 8px;
  text-align: center;
  z-index: 999;
  border-radius: 8px; }

.header {
  background: #fff;
  padding: 0 0 10px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 200;
  border-top: 3px solid #f26565;
  border-bottom: 1px solid #ccc; }
  .header ul.top-nav-links {
    z-index: 2;
    line-height: 16px;
    padding: 0; }
    .header ul.top-nav-links li {
      position: relative; }
      .header ul.top-nav-links li.active {
        background: url(/assets/top_menu_arrow-da5579d73fbf83e9811489c84d671560a63b09c63ce912d3fb1248fb4f920377.png) no-repeat top;
        background-size: 12px 6px; }
        .header ul.top-nav-links li.active a, .header ul.top-nav-links li.active a .top-icon i {
          color: #f26565; }
        .header ul.top-nav-links li.active a {
          font-weight: bold; }
      .header ul.top-nav-links li a {
        text-align: center;
        font-weight: 500;
        font-size: 13px; }
        .header ul.top-nav-links li a:hover {
          color: #f26565; }
          .header ul.top-nav-links li a:hover .top-icon i {
            color: #f26565; }
      .header ul.top-nav-links li.disabled {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5; }

.top-nav-links .pending-items-notification {
  position: absolute;
  display: block;
  top: 10px;
  left: 60px;
  padding: 0 2px;
  background: #f26565;
  color: #fff;
  font-size: 10px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  font-weight: bold; }

.top-bar {
  margin-bottom: 0; }

.top-bar ul {
  height: auto !important; }

.top-bar ul > li:hover:not(.name),
.top-bar ul > li.active:not(.name),
.top-bar ul > li:focus:not(.name) {
  background-color: inherit; }

.login-links {
  font-weight: bold;
  text-align: center; }

[class^="top-menu-"] {
  display: block;
  padding-top: 20px;
  margin: 0 auto;
  height: 20px;
  width: 20px;
  background-image: url(/assets/icons/top-menu-icons-f6350be0811f706c87175433ffcca2028ad53b61fb17805b31f802e4a6b0f1b5.png);
  background-repeat: no-repeat; }

.link-list a:hover {
  color: #222; }

@media all and (min-width: 911px) {
  .top-search input#search_keyword {
    float: left;
    width: 80%; } }
@media all and (max-width: 910px) {
  .header ul.link-list li {
    margin-left: 18px; }

  form.top-search {
    width: 100%;
    float: left; }

  button.search {
    padding: 0 3px !important;
    width: 27px; }
    button.search i {
      font-size: 10px; }

  button.text-input-height {
    padding: 3px 10px !important; }

  .top-search input#search_keyword {
    float: left;
    width: 74%; }

  .identity-selector .button {
    padding: 8px 6px !important;
    width: 125px !important; } }
/* -------- Top icon ----------- */
.top-icon i {
  color: #999;
  font-size: 17px;
  margin: 5px 0;
  line-height: 17px;
  display: block; }

.link-list a:hover i {
  color: #000000; }

.link-list li.active .top-icon i {
  color: #3D6EA4; }

.link-list li.active:hover .top-icon i {
  color: #333; }

i.icon-gamecenter,
i.icon-more {
  width: 24px;
  height: 17px;
  margin: 5px auto;
  display: block;
  background: url(/assets/icons/game-pad-cfcfe4f24806c0aba53193f4b6fdd95e20c3b36990561a4d4f9a0622f0094bc0.png) top;
  background-size: 25px 34px; }
  i.icon-gamecenter img,
  i.icon-more img {
    height: 17px; }
  a:hover i.icon-gamecenter, .active i.icon-gamecenter, a:hover
  i.icon-more, .active
  i.icon-more {
    background-position: bottom; }

i.icon-more {
  background: url(/assets/icons/more-a8cfecd38ca460627ba1244b7faf381103fd20eb8a8ec7bbc3b4bde6679b90a8.png) top; }

.top-bar ul {
  margin-top: 0; }
  .top-bar ul.top-nav-links li {
    width: 20%; }
    .top-bar ul.top-nav-links li a {
      text-align: center;
      height: 60px;
      display: block; }
  .top-bar ul li a {
    padding-top: 20px;
    line-height: normal; }

#div_identity_dropdown {
  float: right;
  width: 120px;
  height: 43px;
  margin: -8px 0px 0px 0px; }

#identity_dropdown {
  width: 120px;
  height: 43px;
  margin: 0px 0px 0px 0px; }

.identity_dropdown_menu a {
  color: #F00; }

#identity_dropdown_more_link {
  width: 120px;
  height: 43px;
  margin: 0px 0px 10px 0px;
  border: none; }

#identity_dropdown_menu {
  margin: -10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: #CCC solid 1px;
  text-align: left; }

.top-bar .top-nav-dropdown-menu a, .top-bar .top-nav-dropdown-menu:hover a {
  color: #697287 !important;
  font-size: 14px !important;
  background: white !important; }
.top-bar ul > li.has-dropdown a:after {
  border-color: #697287 transparent transparent; }
.top-bar .top-nav-dropdown-container a:hover {
  color: #f26565 !important; }
.top-bar .top-nav-dropdown-container i {
  margin-right: 0.6em; }

.top-bar ul > li.has-dropdown a:after {
  margin-right: 8px;
  margin-top: -1px; }

.top-bar ul > li a:not(.button) {
  padding: 15px 0 0;
  line-height: 14px;
  color: #999; }

.top-search .button {
  font-size: 16px;
  line-height: 19px; }
  .top-search .button i {
    vertical-align: middle; }

/* LOCALIZATION */
/* =================================================================================== */
.localization {
  float: left;
  padding-top: 25px;
  width: 50px; }

.iframe-popup .localization .no-hover.show-dropdown {
  float: right; }
  .iframe-popup .localization .no-hover.show-dropdown a {
    text-decoration: none; }

/* DROPDOWN */
/* =================================================================================== */
.top-bar ul > li.has-dropdown {
  float: none; }
  .top-bar ul > li.has-dropdown a {
    padding: 10px 25px 0 10px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis; }
  .top-bar ul > li.has-dropdown > a {
    text-align: right; }
  .top-bar ul > li.has-dropdown .dropdown li {
    padding-bottom: 0; }
    .top-bar ul > li.has-dropdown .dropdown li.active a {
      font-weight: bold;
      color: #f26565 !important; }
    .top-bar ul > li.has-dropdown .dropdown li.divider {
      height: 1px; }
    .top-bar ul > li.has-dropdown .dropdown li:last-child {
      padding-bottom: 0; }

.dropdown .notification {
  border-radius: 20px;
  display: block;
  background: #c60f13;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  width: auto;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0 2px;
  position: absolute;
  right: 5px;
  top: 5px; }

.top-nav-dropdown-menu {
  margin-top: 15px; }
  .top-nav-dropdown-menu .header-email:hover, .top-nav-dropdown-menu.hover .header-email {
    border: 1px solid #ccc;
    border-bottom: none; }
  .top-nav-dropdown-menu .header-email {
    padding-top: 0px !important;
    height: auto !important;
    white-space: nowrap; }
    .top-nav-dropdown-menu .header-email:after {
      top: 20px !important;
      right: 3px !important; }

.top-nav-dropdown-menu,
.top-nav-dropdown-container {
  width: auto;
  min-width: 135px;
  overflow: visible; }

.top-nav-dropdown-menu > a {
  border: 1px solid transparent;
  border-bottom: 0;
  display: block;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .top-nav-dropdown-menu > a + .top-nav-dropdown-container {
    background: #fff;
    border: 1px solid #ccc;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.17s linear;
    transition: all 0.17s linear; }

.top-nav-dropdown-menu:hover > a {
  border-bottom: 0;
  -webkit-transition: all 0.17s linear;
  transition: all 0.17s linear; }
  .top-nav-dropdown-menu:hover > a + .top-nav-dropdown-container {
    max-height: 310px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }

.dropdown-btn {
  font-size: 12px; }

.dropdown-block {
  display: none;
  background: #fff;
  clear: both;
  position: absolute;
  right: 0;
  top: 100%;
  padding: 5px 10px;
  width: auto;
  border: 1px solid #aaa9af;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
  .dropdown-block.active {
    display: block; }

.header li.has-dropdown > a {
  line-height: 40px !important; }
.header .dropdown-btn {
  position: absolute;
  top: 10px;
  right: 0; }
.header .dropdown {
  border: 1px solid #ccc;
  border-top: 0;
  margin-top: 1px;
  padding-top: 0 !important; }
  .header .dropdown li a:hover {
    background: #f69999; }

.top-bar ul > li.has-dropdown .dropdown li a {
  display: block;
  width: 100%;
  padding: 8px 10px;
  color: #555; }
  .top-bar ul > li.has-dropdown .dropdown li a:hover {
    background: white;
    color: #333; }

/* TOP NAV LOGIN */
/* =================================================================================== */
.top-nav-login {
  display: table;
  float: right; }
  .top-nav-login .top-nav-login-label {
    display: table-cell;
    line-height: normal;
    height: 60px;
    vertical-align: middle; }
    .top-nav-login .top-nav-login-label:first-child {
      padding: 0 15px 0 0; }
    .top-nav-login .top-nav-login-label a {
      color: #697287; }
      .top-nav-login .top-nav-login-label a:hover {
        color: #65f2a0; }
      .top-nav-login .top-nav-login-label a:active {
        color: #fcdbdb; }

/* =================================================================================== */
/* MORE MENU */
.more-dropdown-menu,
.more-dropdown-container {
  width: auto;
  overflow: visible; }

.more-dropdown-menu .more-dropdown-container {
  background: #fff;
  left: 0;
  margin: 0 0 0 -4px;
  padding: 0 0 0 0;
  position: absolute;
  visibility: hidden;
  z-index: 200;
  border: 1px solid #ccc;
  overflow: hidden;
  max-height: 0;
  min-width: 130px;
  -webkit-transition: all 0.17s linear;
  transition: all 0.17s linear; }
  .more-dropdown-menu .more-dropdown-container li {
    background: #fff;
    line-height: 1;
    min-width: 100%; }
    .more-dropdown-menu .more-dropdown-container li a {
      display: block !important;
      width: 100% !important;
      padding: 8px 28px 8px 10px !important;
      color: #697287 !important;
      height: 100% !important;
      line-height: 1 !important;
      text-align: left !important;
      white-space: nowrap; }
      .more-dropdown-menu .more-dropdown-container li a i {
        margin-right: 0.6em; }
      .more-dropdown-menu .more-dropdown-container li a:hover {
        color: #0054A6 !important; }
      .more-dropdown-menu .more-dropdown-container li a .notification {
        top: 5px;
        right: 4px; }
    .more-dropdown-menu .more-dropdown-container li.active {
      background: none !important; }
      .more-dropdown-menu .more-dropdown-container li.active a {
        color: #0054A6 !important; }
.more-dropdown-menu:hover a {
  color: #0054A6 !important; }
  .more-dropdown-menu:hover a i {
    background-position: bottom; }
.more-dropdown-menu:hover .more-dropdown-container {
  visibility: visible;
  max-height: 250px;
  z-index: 200;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }

/* =================================================================================== */
/* CUSTOM ICONS */
/* =================================================================================== */
.icon-add-contact:before {
  content: url(/assets/icons/add_contact-dfa06206abf6b14366a77a543fbde7afd9d2b035ca1a42e79eee1829af6d12aa.png); }

/* ADMIN NAVIGATION */
/* =================================================================================== */
.admin-nav {
  background: #f26565;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding: 0 5px 5px;
  color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  border-radius: 0 0 0 5px; }
  .admin-nav a {
    color: white; }
    .admin-nav a:hover {
      text-decoration: underline; }

/* RESPONSIVE MOBILE MENU */
/* =================================================================================== */
.toggle-topbar .icon-menu {
  font-size: 18px; }

.vertical.tabs, .vertical-nav {
  margin: 0 0 15px;
  padding: 0;
  border: 1px solid #dadada;
  border-radius: 3px; }
  .vertical.tabs li, .vertical-nav li {
    list-style-type: none;
    border-top: 1px solid #ddd;
    border-left: 0;
    word-break: break-all; }
    .vertical.tabs li:first-child, .vertical-nav li:first-child {
      border-top: none; }
    .vertical.tabs li:first-child .v-nav-menu, .vertical.tabs li:first-child .v-nav-title, .vertical-nav li:first-child .v-nav-menu, .vertical-nav li:first-child .v-nav-title {
      border-radius: 3px 3px 0 0; }
    .vertical.tabs li:last-child .v-nav-menu, .vertical-nav li:last-child .v-nav-menu {
      border-radius: 0 0 3px 3px; }
    .vertical.tabs li.active, .vertical-nav li.active {
      border-color: #ddd;
      border-left: none; }
      .vertical.tabs li.active .v-nav-menu, .vertical-nav li.active .v-nav-menu {
        color: #373737;
        background: #fff; }
        .vertical.tabs li.active .v-nav-menu [class^="icon-"]:before, .vertical-nav li.active .v-nav-menu [class^="icon-"]:before {
          color: #373737; }
    .vertical.tabs li .v-nav-menu, .vertical.tabs li .v-nav-title, .vertical-nav li .v-nav-menu, .vertical-nav li .v-nav-title {
      line-height: 15px;
      border: none;
      background: #fff;
      padding: 15px 10px;
      color: #444;
      display: block;
      margin: 0; }
      .vertical.tabs li .v-nav-menu [class^="icon-"]:before, .vertical.tabs li .v-nav-title [class^="icon-"]:before, .vertical-nav li .v-nav-menu [class^="icon-"]:before, .vertical-nav li .v-nav-title [class^="icon-"]:before {
        color: #919191;
        margin-right: 7px; }
    .vertical.tabs li .v-nav-title, .vertical-nav li .v-nav-title {
      /*Gradients for all browsers*/
      background-color: white;
      background-image: -ms-linear-gradient(top, white 0%, white 100%);
      /*IE 10*/
      filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='white', endColorStr='white');
      /*IE 7/8*/
      /*Mozilla FF*/
      /*Opera*/
      /* Webkit (Safari/Chrome 10) */
      /* Webkit (Safari/Chrome 11+) */
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
      background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
      /*W3C*/
      word-break: normal; }
    .vertical.tabs li a.v-nav-menu:hover, .vertical.tabs li a.v-nav-menu:hover [class^="icon-"]:before, .vertical-nav li a.v-nav-menu:hover, .vertical-nav li a.v-nav-menu:hover [class^="icon-"]:before {
      color: #373737;
      background-color: white; }

.feeds-share-form, .feed {
  border: 1px solid #e1e1e1;
  border-top: 1px solid #e9e9e9;
  background-color: #fff;
  border-bottom-width: 2px;
  padding: 20px;
  margin: 5px 0 15px;
  border-radius: 3px; }
  @media (max-width: 480px) {
    .feeds-share-form, .feed {
      margin: 5px 0 10px 0;
      padding: 10px; } }

.feeds-share-form {
  margin-bottom: 10px;
  margin-top: 0px; }
  .feeds-share-form textarea {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    color: #404040;
    height: 60px;
    padding: 10px 0 0 10px;
    margin-left: 0; }
    .feeds-share-form textarea:focus {
      border: 1px solid white; }
  .feeds-share-form select {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .feeds-share-form .feeds-share-select {
      width: 100%;
      margin-top: 10px; } }

.feed {
  position: relative; }
  .feed:last-child {
    margin-bottom: 15px; }
  .feed .trash-button a, .feed .delete-button a {
    font-size: 20px;
    color: #ccc; }
  .feed .trash-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto; }
  .feed .delete-button {
    position: absolute;
    top: 5px;
    right: 15px;
    bottom: auto;
    left: auto; }
  .feed .content-image-container img {
    max-height: 180px;
    max-width: 180px; }
  .feed:hover .trash-button {
    display: block; }
  .feed [class^="icon-"], .feed [class*=" icon-"] {
    color: #999; }
  .feed a:hover i,
  .feed .trash-button a:hover,
  .feed .delete-button a:hover {
    color: #c60f13; }

.feed-profile-image {
  float: left;
  max-width: 50px; }

.feed-head {
  border-bottom: 1px solid #dce6ee;
  padding-bottom: 10px; }
  .feed-head h6 {
    font-size: 16px;
    margin-bottom: 10px; }
  .feed-head .feed-head-info {
    overflow: hidden; }
  .feed-head .feed-profile-image {
    margin-right: 20px; }
    @media (max-width: 480px) {
      .feed-head .feed-profile-image img {
        max-height: 40px;
        max-width: 40px; } }
  .feed-shared .feed-head {
    border: none; }
  .feed-head .label {
    max-width: 300px; }

.feed-content {
  padding: 10px 0 15px;
  min-height: 28px;
  text-align: justify;
  word-wrap: break-word; }

.feed-content-text {
  overflow: hidden; }
  .feed-content-text p {
    margin-bottom: 10px; }
    .feed-content-text p:last-child {
      margin-bottom: 0; }
  .feed-content-text.without-image p:last-child {
    margin-bottom: 0; }

.feed-content-image {
  vertical-align: top;
  padding-right: 20px; }
  .feed-content-image img {
    max-height: 150px;
    max-width: 150px; }

.feed-comments h6 {
  font-size: 13px;
  margin-bottom: 2px; }
.feed-comments p {
  font-size: 12px; }
  .feed-comments p:last-child {
    margin-bottom: 0; }
.feed-comments .feed-profile-image {
  width: 32px;
  height: 32px; }
  @media (max-width: 480px) {
    .feed-comments .feed-profile-image {
      width: 30px;
      height: 30px; } }
.feed-comments .comment-toggle {
  margin-bottom: 0; }

.feed-comments-add {
  display: none;
  padding: 20px;
  margin: 0 -20px -20px;
  background-color: white;
  -webkit-transition: all 0.2 ease-in;
  transition: all 0.2 ease-in; }
  @media (max-width: 480px) {
    .feed-comments-add {
      margin: -10px -10px;
      padding: 10px 5px 0; } }
  .feed-comments-add.is-active {
    display: block;
    -webkit-transition: all 0.2 ease-in;
    transition: all 0.2 ease-in; }
    .feed-comments-add.is-active + .actions .comment-toggle {
      display: none; }
  .feed-comments-add form {
    float: left;
    margin-bottom: 0; }
  .feed-comments-add textarea {
    height: 80px; }
  @media (max-width: 767px) {
    .feed-comments-add input[type="submit"] {
      margin-bottom: 10px; } }

.feed-comments-added {
  margin: 0 -20px 0px;
  padding: 15px 0 15px;
  background-color: white; }
  @media (max-width: 480px) {
    .feed-comments-added {
      margin: 0 -10px 10px; } }
  .feed-comments-added ~ .actions .comment-toggle {
    margin-top: 20px; }
  .feed-comments-added ~ .feed-comments-add {
    padding-top: 0; }

.feed-comments-added-container {
  position: relative;
  padding: 7px 20px 8px; }
  @media (max-width: 480px) {
    .feed-comments-added-container {
      padding: 8px 5px 0; } }
  .feed-comments-added-container .feed-comment {
    word-break: break-word;
    overflow: hidden; }
  .feed-comments-added-container .delete-button {
    display: none; }
  .feed-comments-added-container:hover .delete-button {
    display: block; }

.date {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  color: #9ea5ae; }

/* FEED SHARED - submodule */
.feed-shared p {
  color: #222;
  margin-bottom: 3px;
  word-wrap: break-word;
  line-height: 14px; }
  .feed-shared p:last-child {
    margin: 0; }
.feed-shared .feed-content {
  -webkit-box-shadow: rgba(242, 101, 101, 0.15) 0 0 0 1px inset;
  box-shadow: rgba(242, 101, 101, 0.15) 0 0 0 1px inset;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 0;
  height: 152px;
  margin: 10px 0 15px; }
  .feed-shared .feed-content:hover {
    -webkit-box-shadow: rgba(242, 101, 101, 0.15) 0 0 0 1px inset, rgba(242, 101, 101, 0.15) 0 1px 6px 0;
    box-shadow: rgba(242, 101, 101, 0.15) 0 0 0 1px inset, rgba(242, 101, 101, 0.15) 0 1px 6px 0; }
.feed-shared .feed-content-text {
  overflow: hidden; }
  .feed-shared .feed-content-text p {
    font-size: 12px;
    color: #5d656f; }
.feed-shared .feed-content-image {
  padding-right: 0;
  margin: 1px;
  border-right: 1px solid #e9e9e9;
  height: 150px;
  width: 150px;
  overflow: hidden;
  text-align: center; }
  .feed-shared .feed-content-image a {
    line-height: 150px; }
  .feed-shared .feed-content-image img {
    max-width: 150px;
    vertical-align: middle; }

.feed-shared-wrapped-in-link {
  height: 150px; }
  .feed-shared-wrapped-in-link:hover {
    cursor: pointer; }

.feed-shared-link a, .feed-shared-link span {
  font-weight: bold;
  color: #f26565; }

p.feed-shared-caption {
  margin-bottom: 8px; }

p.feed-shared-description {
  max-height: 70px;
  overflow: hidden; }

.feed-shared-clientsite {
  position: absolute;
  bottom: 10px; }
  .feed-shared-clientsite img {
    vertical-align: middle;
    margin-right: 5px; }
  .feed-shared-clientsite p {
    margin-bottom: 0;
    color: #5d656f; }

.feed-shared-clientimage {
  max-width: 30px;
  max-height: 30px; }

.feed-dialog {
  border: 1px dashed #CFDCE8; }
  .feed-dialog .feed-content-image {
    width: auto;
    height: auto;
    overflow: hidden;
    border: none; }
    .feed-dialog .feed-content-image img {
      max-width: 100px;
      height: auto;
      border-right: none;
      vertical-align: top; }
  .feed-dialog .feed-shared-clientsite {
    position: relative;
    bottom: auto; }

.feed-dialog-comments {
  height: 50px;
  font-size: 12px;
  color: #222;
  border-radius: 0; }

.feed-app-request .feed-profile-image img {
  max-width: 50px;
  max-height: 50px; }
.feed-app-request .feed-head {
  border: none; }
  .feed-app-request .feed-head h6 {
    margin-bottom: 5px; }
.feed-app-request .label {
  display: none; }
.feed-app-request .feed-content {
  padding: 10px;
  border: 1px solid #cfdce7; }
  .feed-app-request .feed-content p {
    line-height: 17px;
    margin-bottom: 0; }

.word-breaking {
  word-break: break-all;
  word-wrap: break-word; }

.identities-table th {
  text-align: left;
  width: 150px;
  padding: 10px 0 10px 20px; }
.identities-table th, .identities-table td {
  border-bottom: 1px solid #efefef; }
.identities-table tr:last-child th, .identities-table tr:last-child td {
  border-bottom: 0; }

.linked-sites li {
  list-style-type: none;
  line-height: 24px;
  text-transform: lowercase; }
  .linked-sites li:hover .del {
    visibility: visible; }
.linked-sites .del {
  visibility: hidden;
  font-size: 18px;
  font-weight: bold;
  color: #999;
  float: right;
  margin-top: -2px; }
  .linked-sites .del:hover {
    color: #c60f13; }
.linked-sites .img {
  margin-right: 5px; }
.linked-sites img {
  max-width: 32px; }

.identities-index .add {
  margin-top: 14px; }
.identities-index .button.fixed-width {
  width: 105px; }
.identities-index .identity-row {
  padding-bottom: 22px; }
.identities-index hr {
  margin-bottom: 10px; }
.identities-index .profile-picture-container + a {
  font-size: 11px;
  text-align: center;
  width: 50px;
  display: block;
  padding-top: 1px;
  text-decoration: underline; }
.identities-index .results-list {
  margin: 0; }
  .identities-index .results-list li {
    margin-bottom: 30px; }
    .identities-index .results-list li span.site-name {
      display: block;
      cursor: move;
      padding: 2px 5px; }
      .identities-index .results-list li span.site-name:hover {
        background: white; }
.identities-index .button.edit {
  margin-bottom: 5px;
  margin-right: 5px; }
.identities-index .identity-name {
  line-height: 24px; }
  .identities-index .identity-name span.label {
    font-size: 14px; }

/* IDENTITIES SWITCHER NAVIGATION */
/* =================================================================================== */
.submenu {
  position: fixed;
  top: 0;
  width: 100%;
  background: white;
  z-index: 6;
  border-bottom: 1px solid #ccc;
  -webkit-transform: translateZ(0);
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out; }
  .submenu.is-scrolled {
    background: #fff;
    border: none;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }

.submenu-logo {
  position: absolute;
  left: -105px;
  top: 6px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear; }
  .submenu-logo.is-arrived {
    left: 10px; }

.identities-main-menu {
  list-style-type: none;
  margin: 0;
  height: 46px; }
  .identities-main-menu li {
    display: inline; }
    .identities-main-menu li.active > a {
      font-weight: bold;
      color: #f26565; }
  .identities-main-menu a {
    font-size: 14px;
    margin-right: 20px;
    line-height: 46px;
    height: 46px;
    outline: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    zoom: 1;
    *display: inline;
    color: #69727d; }
    .identities-main-menu a.all-identities {
      color: black;
      font-style: italic;
      font-weight: bold; }
    .identities-main-menu a:hover {
      color: #f26565; }
    .identities-main-menu a img {
      float: left;
      margin: 3px 10px 2px 0; }
    .identities-main-menu a [class^="id_"] span {
      font-size: 12px;
      color: #333;
      font-weight: normal;
      display: block;
      text-overflow: ellipsis;
      overflow: hidden; }

.identity-selector .button i {
  font-size: 14px;
  margin-right: 5px; }
.identity-selector .button.manage i {
  color: inherit; }

.identities-main-menu.documents-menu {
  margin: 17px 0 30px; }
  .identities-main-menu.documents-menu li {
    display: block; }
    .identities-main-menu.documents-menu li:first-child a {
      line-height: 39px; }
    .identities-main-menu.documents-menu li a {
      height: 41px;
      padding-left: 10px;
      font-weight: bold; }
  .identities-main-menu.documents-menu li.active {
    border-top: 1px solid #c3d8d0;
    border-bottom: 1px solid #c3d8d0;
    position: relative;
    background: #fff;
    border-left: 1px solid #c3d8d0; }
    .identities-main-menu.documents-menu li.active a {
      margin-right: 0;
      border-top: none;
      border-bottom: none; }
    .identities-main-menu.documents-menu li.active a:after {
      content: "";
      position: absolute;
      clear: left;
      height: 41px;
      width: 15px;
      border: 0;
      top: 0;
      right: -14px;
      background-position: -163px -4px;
      background-image: url(/assets/left-menu-active-3deb3ca69c40ceb7652d74b1000810d38a38828e4f1368cc549d136e1b3e2547.png);
      background-repeat: no-repeat; }
    .identities-main-menu.documents-menu li.active + li {
      border-top: none; }

#new_certification .gender-label {
  display: inline !important; }

/* NEW IDENTITY FORM */
/* =================================================================================== */
#new_identity table, #allow_form table, .edit_identity table, #identity_form table, .iframe-table table {
  border-collapse: collapse;
  border: 0; }
  #new_identity table.border, #allow_form table.border, .edit_identity table.border, #identity_form table.border, .iframe-table table.border {
    border-width: 1px; }
  #new_identity table tr, #allow_form table tr, .edit_identity table tr, #identity_form table tr, .iframe-table table tr {
    background: #fff;
    height: 37px; }
    #new_identity table tr td, #new_identity table tr th, #allow_form table tr td, #allow_form table tr th, .edit_identity table tr td, .edit_identity table tr th, #identity_form table tr td, #identity_form table tr th, .iframe-table table tr td, .iframe-table table tr th {
      padding: 5px 0; }
      #new_identity table tr td input, #new_identity table tr td select, #new_identity table tr td textarea, #new_identity table tr td .dropdown, #new_identity table tr th input, #new_identity table tr th select, #new_identity table tr th textarea, #new_identity table tr th .dropdown, #allow_form table tr td input, #allow_form table tr td select, #allow_form table tr td textarea, #allow_form table tr td .dropdown, #allow_form table tr th input, #allow_form table tr th select, #allow_form table tr th textarea, #allow_form table tr th .dropdown, .edit_identity table tr td input, .edit_identity table tr td select, .edit_identity table tr td textarea, .edit_identity table tr td .dropdown, .edit_identity table tr th input, .edit_identity table tr th select, .edit_identity table tr th textarea, .edit_identity table tr th .dropdown, #identity_form table tr td input, #identity_form table tr td select, #identity_form table tr td textarea, #identity_form table tr td .dropdown, #identity_form table tr th input, #identity_form table tr th select, #identity_form table tr th textarea, #identity_form table tr th .dropdown, .iframe-table table tr td input, .iframe-table table tr td select, .iframe-table table tr td textarea, .iframe-table table tr td .dropdown, .iframe-table table tr th input, .iframe-table table tr th select, .iframe-table table tr th textarea, .iframe-table table tr th .dropdown {
        margin: 5px 0; }
#new_identity .identity_image, #allow_form .identity_image, .edit_identity .identity_image, #identity_form .identity_image, .iframe-table .identity_image {
  float: left;
  line-height: 100px; }
  #new_identity .identity_image img, #allow_form .identity_image img, .edit_identity .identity_image img, #identity_form .identity_image img, .iframe-table .identity_image img {
    float: left;
    margin-right: 80px;
    width: 100px; }
#new_identity label, #allow_form label, .edit_identity label, #identity_form label, .iframe-table label {
  font-weight: bold;
  font-size: 90%;
  white-space: nowrap;
  text-align: left; }
  #new_identity label.terms-state, #allow_form label.terms-state, .edit_identity label.terms-state, #identity_form label.terms-state, .iframe-table label.terms-state {
    white-space: normal; }
#new_identity .label_description label, #allow_form .label_description label, .edit_identity .label_description label, #identity_form .label_description label, .iframe-table .label_description label {
  margin: 0; }
  #new_identity .label_description label.date, #allow_form .label_description label.date, .edit_identity .label_description label.date, #identity_form .label_description label.date, .iframe-table .label_description label.date {
    font-weight: normal; }

#popup #identity_form label {
  text-align: right;
  margin-right: 10px; }

.field_with_errors .dropdown a.current,
.field_with_errors .dropdown .selector,
.field_with_errors select {
  border-color: #c60f13 !important; }

.inline-label {
  float: left;
  font-weight: normal !important;
  margin-right: 5px;
  padding-top: 5px; }
  .inline-label .field_with_errors {
    float: left;
    margin-right: 5px; }
  .inline-label input[type="radio"] {
    margin-top: 2px !important; }

.avatar_upload_place {
  text-align: right;
  width: 180px; }
  .avatar_upload_place .edit_mode {
    margin-left: 20px; }
  .avatar_upload_place .avatar {
    display: table;
    text-align: center;
    width: 160px;
    height: 190px; }
    .avatar_upload_place .avatar img {
      border: 1px solid #CFDCE8;
      width: 160px;
      padding: 1px; }
    .avatar_upload_place .avatar a {
      display: block;
      text-decoration: underline;
      font-size: 11px; }

/* PROFILE PICTURE IFRAME ( replaced by direct link on Y8 Account ) */
/* =================================================================================== */
#upload_profile_picture iframe {
  border: none;
  margin: 0 auto;
  width: 100%;
  max-height: 800px; }

.identities-container {
  background: #fff;
  border-radius: 5px;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  color: #333; }
  .identities-container a:hover {
    text-decoration: underline;
    color: #0054a6; }
  .identities-container h4 {
    margin: 30px;
    color: #333; }
  .identities-container .loader {
    display: none; }
  .identities-container .row {
    margin: 0; }
  .identities-container .left {
    border-right: 1px solid #ddd;
    padding: 0;
    min-height: 720px; }
    .identities-container .left .active {
      border-radius: 5px 0 0 5px;
      border-right: 0;
      background: #f7f7f7; }
      .identities-container .left .active .row {
        border-bottom: 0; }
  .identities-container .right {
    padding: 0 30px;
    overflow-y: auto;
    min-height: 720px; }
    .identities-container .right .active {
      display: block; }
    .identities-container .right h4 {
      margin-left: 0; }
    .identities-container .right ul.clients {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .identities-container .right ul.clients li {
        display: block;
        width: 100%;
        padding-top: 13px;
        border-bottom: 1px solid #ddd; }
        .identities-container .right ul.clients li:first-child {
          padding-top: 0; }
        .identities-container .right ul.clients li:last-child {
          border: 0; }
    .identities-container .right .client {
      float: left;
      display: inline-block;
      width: 220px; }
    .identities-container .right .actions {
      display: inline-block;
      float: right; }
      .identities-container .right .actions .action {
        display: inline-block;
        line-height: 12px;
        padding-top: 4px;
        font-size: 16px; }
        .identities-container .right .actions .action a {
          color: #999; }
        .identities-container .right .actions .action .action-label {
          visibility: hidden;
          font-size: 9px;
          color: #999; }
        .identities-container .right .actions .action:hover .action-label {
          visibility: visible; }
  .identities-container .icon-login {
    padding-right: 4px; }
  .identities-container .icon-remove {
    padding-left: 6px; }
  .identities-container .edit-photo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100px;
    width: 100px; }
    .identities-container .edit-photo span {
      font-size: 11px;
      display: none; }
    .identities-container .edit-photo div {
      color: #fff;
      height: 30px;
      width: 100px;
      border-radius: 3px 3px 0 0;
      opacity: .7;
      padding: 8px 0 0 8px; }
    .identities-container .edit-photo:hover {
      text-decoration: none; }
      .identities-container .edit-photo:hover div {
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff; }
      .identities-container .edit-photo:hover span {
        display: inline; }
  .identities-container .id-card {
    height: 140px;
    margin-left: 10px;
    padding-left: 20px;
    cursor: pointer; }
    .identities-container .id-card img.avatar {
      width: 100px;
      height: 100px;
      border-radius: 3px; }
    .identities-container .id-card .id-card-left {
      margin-top: 20px;
      padding: 0; }
    .identities-container .id-card .id-card-middle {
      margin-top: 50px; }
      .identities-container .id-card .id-card-middle .label {
        padding: 3px 5px;
        bottom: auto; }
      .identities-container .id-card .id-card-middle .label-1 {
        background-color: #f5a623; }
      .identities-container .id-card .id-card-middle .label-2 {
        background-color: #03aea3; }
      .identities-container .id-card .id-card-middle .label-3 {
        background-color: #d0021b; }
      .identities-container .id-card .id-card-middle .nickname {
        color: #333;
        font-size: 15px; }
      .identities-container .id-card .id-card-middle .links {
        margin-top: 10px; }
        .identities-container .id-card .id-card-middle .links a {
          font-style: normal;
          font-weight: 500;
          color: #f26565; }
          .identities-container .id-card .id-card-middle .links a:link {
            text-decoration: none; }
          .identities-container .id-card .id-card-middle .links a:hover {
            color: #c71111;
            text-decoration: underline; }
          .identities-container .id-card .id-card-middle .links a:active {
            color: #fcdbdb; }
    .identities-container .id-card .id-card-right {
      padding: 0;
      height: 140px;
      display: table;
      text-align: right;
      overflow: hidden;
      overflow-y: hidden; }
      .identities-container .id-card .id-card-right div {
        vertical-align: middle;
        display: table-cell;
        padding-right: 15px; }
      .identities-container .id-card .id-card-right .color-1 {
        color: #f5a623; }
      .identities-container .id-card .id-card-right .color-2 {
        color: #03aea3; }
      .identities-container .id-card .id-card-right .color-3 {
        color: #d0021b; }
    .identities-container .id-card .row {
      border-bottom: 1px solid #ddd; }
    .identities-container .id-card .last-row {
      border-bottom: 0; }
  .identities-container .add-more {
    border-top: 1px solid #ddd;
    text-align: center;
    height: 140px;
    padding-top: 60px; }
    .identities-container .add-more a {
      font-style: normal;
      font-weight: 500;
      color: #f26565; }
      .identities-container .add-more a:link {
        text-decoration: none; }
      .identities-container .add-more a:hover {
        color: #c71111;
        text-decoration: none; }
      .identities-container .add-more a:active {
        color: #fcdbdb; }
  .identities-container .separator {
    padding: 0 5px;
    display: inline-block;
    color: #ddd; }
    .identities-container .separator::before {
      content: '•'; }
  .identities-container .button {
    border: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
    background-color: #f26565;
    color: #fff;
    border-radius: 3px;
    padding: 9px 15px;
    white-space: normal; }
    .identities-container .button:hover {
      color: #fff;
      background-color: #c71111;
      text-decoration: none; }
  .identities-container .grey {
    color: #999; }
  .identities-container .watermark {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100px !important;
    height: 100px !important;
    z-index: 99;
    text-align: center;
    padding: 35px 5px !important;
    font-size: 11px;
    color: #999 !important;
    font-weight: normal !important; }

.score-table {
  padding-bottom: 15px; }
  .score-table .row {
    line-height: 38px; }

.static-page .introduction {
  border-bottom: 1px solid #ccc;
  padding: 15px;
  color: #f26565;
  width: auto;
  text-align: center;
  margin-bottom: 35px; }
  .static-page .introduction p {
    font-size: 18px; }
  .static-page .introduction h2 {
    font-size: 22px;
    font-weight: normal; }
.static-page .content p, .static-page .content strong {
  font-size: 13px; }
.static-page .content ol {
  font-weight: bold;
  list-style-type: upper-roman; }
.static-page .content ol, .static-page .content ul {
  padding-left: 60px; }
.static-page .content ol.alpha {
  font-weight: normal;
  list-style-type: lower-latin; }
.static-page .content h2 {
  font-size: 24px; }
.static-page .content h3 {
  color: #f26565;
  border-top: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0 0;
  margin-top: 20px; }
.static-page .content h4 {
  padding-left: 15px;
  font-size: 14px; }
.static-page .content h5 {
  padding-left: 20px;
  font-size: 13px; }
.static-page .content p {
  padding-left: 35px;
  text-align: justify; }
.static-page .tos_list ol {
  padding-left: 20px;
  counter-reset: list1; }
.static-page .tos_list ol ol {
  padding-left: 0px;
  counter-reset: list2; }
.static-page .tos_list ol li:before {
  counter-increment: list1;
  content: counter(list1) ". "; }
.static-page .tos_list ol ol li:before {
  counter-increment: list2;
  content: counter(list1) "." counter(list2) ". "; }
.static-page .tos_list li {
  list-style: none; }

.free-register {
  white-space: normal;
  word-wrap: break-word; }

/* ---------- SIDEBAR ------------*/
.search-filter {
  background: #fff;
  border: 1px solid #dadada;
  padding: 0 10px 50px 10px; }

.table-list li {
  border-bottom: 1px solid #e1eaf2;
  list-style-type: none;
  min-height: 40px; }

.user-profile li {
  border-bottom: 1px solid #e1eaf2;
  list-style-type: none;
  padding: 0;
  height: 40px;
  line-height: 40px; }
  .user-profile li:first-child {
    border-top: 1px solid #dae5ef; }

.results-list li, .friends-list li {
  list-style-type: none;
  position: relative;
  padding-bottom: 18px; }
  .results-list li .list-style, .friends-list li .list-style {
    border-top: 1px solid #dae5ef;
    padding-top: 10px !important; }
.results-list img, .friends-list img {
  border: 0px solid #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
.results-list .button-for-profile, .friends-list .button-for-profile {
  font-weight: bold; }

.results-list li {
  padding-bottom: 5px; }

/* Modals */
.user-profile p {
  width: 100%; }

.confirmations-page #flash_messages, .confirmations-page .notice {
  width: 560px;
  margin: 10px auto;
  text-align: center; }
.confirmations-page .confirmations {
  width: 560px; }

.confirmations.block {
  padding: 20px;
  background: #fff;
  border: 1px solid #C2C5CA;
  -webkit-box-shadow: 0 0 1px rgba(150, 150, 150, 0.5);
  box-shadow: 0 0 1px rgba(150, 150, 150, 0.5);
  margin: 0 auto 30px; }
.confirmations h4 {
  margin-bottom: 35px;
  text-align: center; }
.confirmations p {
  color: #222222;
  font-size: 15px; }
.confirmations .button {
  max-width: 160px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  white-space: normal; }

.iframe-popup .block {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  width: auto;
  margin: 10px;
  padding: 10px 0; }
  .iframe-popup .block h4 {
    font-size: 16px; }
.iframe-popup .menu {
  padding: 0;
  margin: 0; }

.popup .row {
  min-width: 300px; }

.popup-header img {
  display: block;
  margin: 20px auto; }

.row.box {
  min-width: 0; }

.sign_in .box, .popup .box {
  width: 420px;
  margin: 0 auto 20px;
  padding: 15px; }

/* Logging in if account is blocked */
.popup .certif-in-popup {
  width: 100%;
  padding: 15px 15px 5px; }
  .popup .certif-in-popup #flash_messages, .popup .certif-in-popup .bubble {
    display: none; }
  .popup .certif-in-popup .button {
    white-space: normal; }
.popup .right-content {
  padding-bottom: 10px; }
  .popup .right-content + hr {
    display: none; }

/*---- Redirect -----*/
#redirect_msg {
  text-align: center; }

/*----- Remember me checkbox -------*/
.inline-checkbox {
  margin: 0 0 10px 0; }
  .inline-checkbox label, .inline-checkbox input[type="checkbox"] {
    float: left; }
  .inline-checkbox input[type="checkbox"] {
    margin-right: 10px;
    margin-bottom: 10px; }

.tos {
  font-size: 10px;
  line-height: 14px;
  max-width: 390px;
  padding: 0.5em 0; }

/* PAGE MESSAGES */
/* =================================================================================== */
.conversations .control {
  padding: 8px 13px; }
  .conversations .control label {
    font-weight: bold;
    text-indent: 18px; }
.conversations .label {
  max-width: 330px; }

.messages-table tr td {
  font-size: 12px; }
.messages-table tr:hover {
  background: #efefef;
  cursor: pointer;
  cursor: hand; }
.messages-table .label {
  max-width: 100px; }

.conversation-participants {
  margin-bottom: 20px; }

.conversation-thread-item:nth-child(2n+1) {
  background: #f5f5f5; }

.conversation-thread-item {
  position: relative;
  padding: 10px 10px; }
  .conversation-thread-item .profile-picture-container img {
    margin-right: 5px; }
  .conversation-thread-item .message-body {
    font-size: 12px;
    text-align: justify;
    margin-bottom: 0;
    word-break: break-all; }

.conversation-thread-head {
  overflow: hidden; }

.conversations-thread h4 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px; }
.conversations-thread h5 {
  color: #222;
  margin-top: 0;
  margin-bottom: 5px; }
.conversations-thread .time {
  color: #777;
  font-style: italic;
  margin-top: 3px;
  text-indent: 15px; }
.conversations-thread .label {
  margin: 5px 0; }
.conversations-thread .close, .conversations-thread .block-unblock {
  display: none;
  font-size: 18px;
  position: absolute;
  z-index: 5;
  color: #ccc; }
  .conversations-thread .close:hover, .conversations-thread .block-unblock:hover {
    color: #c60f13; }
.conversations-thread .close {
  right: 2px;
  top: 10px; }
.conversations-thread .block-unblock {
  width: 20px;
  height: 20px;
  right: 33px;
  top: 10px; }

tr.unread {
  font-weight: bold; }

.conversation-thread-item:hover .block-unblock, .conversation-thread-item:hover .close {
  display: block; }

/* MESSAGES */
/* =================================================================================== */
.control-group {
  margin-bottom: 15px; }
  .control-group label {
    font-weight: bold;
    margin-bottom: 5px; }

#sign_in .field_with_errors label {
  position: relative;
  margin-bottom: 8px; }

ul {
  margin-bottom: 0.2em;
  margin-left: 2em;
  margin-top: 0.5em; }

.tabs.friends {
  margin-top: 17px;
  margin-left: 0; }
  .tabs.friends li a {
    padding: 0 15px;
    font-size: 13px; }

.add-to-friend-window {
  display: none;
  position: absolute;
  left: -54px !important;
  top: 30px;
  width: 200px;
  z-index: 1; }
  .add-to-friend-window a.close {
    height: 13px;
    left: 177px;
    position: absolute;
    top: 39px;
    width: 13px;
    z-index: 1000; }

.add-id-to-friend-block {
  background: #fff;
  padding: 25px;
  border: 1px solid #eee; }

/* NOTICES, FLASH MESSAGES, ERRORS */
/* =================================================================================== */
#flash_messages, .notice {
  position: relative;
  overflow: hidden; }
  #flash_messages div, .notice div {
    background-color: #FCEFD4;
    color: #c3880e;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
  #flash_messages a.close, .notice a.close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 16px;
    text-decoration: none; }

.notice.authorize div img {
  width: 48px;
  height: auto; }
.notice.authorize div .text {
  min-height: 48px;
  margin-left: 58px;
  margin-bottom: 0; }
.notice.authorize div .notice-image-container {
  position: absolute;
  left: 3px;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border: none;
  padding: 0; }

#error_explanation h2 {
  display: none; }
#error_explanation h3, #error_explanation h4 {
  margin-top: 0;
  color: #fff; }
#error_explanation ul {
  margin: 2px;
  list-style-position: inside; }

div.field_with_errors label {
  color: #c60f13 !important; }
div.field_with_errors input, div.field_with_errors textarea {
  border-color: #c60f13 !important; }

/* VERIFY INFORMATION NOTICE */
/* =================================================================================== */
.notice-verify-info {
  padding: 20px;
  background: #f26565;
  font-weight: normal;
  position: relative;
  z-index: 2;
  margin: 0 0 15px;
  border-radius: 0; }
  .notice-verify-info a.close {
    color: #fff;
    opacity: 0.8; }
    .notice-verify-info a.close:hover {
      color: #fff;
      opacity: 1; }
  .notice-verify-info form {
    margin: 0; }
  .notice-verify-info h4 {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    text-shadow: none;
    margin: 0 0 20px; }

html, body {
  height: 100%; }

#root {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -52px; }
  #root #root_footer {
    height: 52px; }

#footer {
  clear: both;
  position: relative;
  height: 52px; }

html, body {
  height: 100%; }

footer {
  color: #999; }
  footer .sixteen, footer .row .sixteen, .row footer .sixteen {
    background: #333;
    padding-top: 16px;
    height: 55px; }
  footer a {
    color: #999; }
  footer a:hover,
  footer a:active {
    color: #fff; }
    footer a:hover:visited,
    footer a:active:visited {
      color: #fff; }
    footer a:hover:hover, footer a:hover:active,
    footer a:active:hover,
    footer a:active:active {
      text-decoration: none; }
  footer ul {
    margin: 0; }
  @media screen and (max-width: 783px) {
    footer {
      width: 783px; }
      footer .row .twelve {
        width: 70%; }
      footer .row .four {
        width: 30%; } }

body.new_nolog {
  min-height: 100%;
  height: auto;
  min-width: 980px; }
  body.new_nolog h4 {
    margin: 14px 0 6px;
    font-size: 16px;
    color: #697287; }
  body.new_nolog .total_accounts {
    margin: 54px 0 6px;
    margin-left: 65px;
    color: #697287; }
  body.new_nolog .header {
    background: #fff;
    padding: 0 0 10px;
    -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, 0.4);
            box-shadow: 1px 0 1px rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    width: 100%;
    height: 80px;
    z-index: 1;
    border-top: 4px solid #f26565; }
    body.new_nolog .header .frame {
      padding: 15px 20px 0px 20px; }
    body.new_nolog .header input {
      margin-bottom: 2px; }
    body.new_nolog .header input[type=email], body.new_nolog .header input[type=password] {
      font-size: 13px; }
      body.new_nolog .header input[type=email]::-webkit-input-placeholder, body.new_nolog .header input[type=password]::-webkit-input-placeholder {
        font-size: 13px; }
    body.new_nolog .header .button {
      padding: 0px;
      line-height: 30px;
      height: 32px; }
    body.new_nolog .header form.new_account {
      width: 380px;
      margin-left: 27px; }
    body.new_nolog .header .remember_me-checkbox {
      padding: 3px 0; }
      body.new_nolog .header .remember_me-checkbox input[type="checkbox"] {
        float: left;
        margin-right: 3px; }
    body.new_nolog .header .sub-labels a {
      padding: 0;
      font-size: 12px; }
      body.new_nolog .header .sub-labels a label {
        font-weight: 400; }
  body.new_nolog .header_emul {
    height: 80px;
    width: 100%; }
  body.new_nolog .header-gamecenter a {
    float: left;
    text-align: left;
    margin: 8px 0 0;
    color: #666;
    line-height: 16px;
    white-space: nowrap;
    font-size: 12px; }
    body.new_nolog .header-gamecenter a span {
      color: #f26565;
      font-size: 14px;
      font-weight: bold; }
    body.new_nolog .header-gamecenter a .icon-gamecenter-big {
      width: 32px;
      height: 24px;
      float: left;
      margin: 5px 10px 0 0;
      background: url(/assets/icons/game-pad-big-2661b25a6435a4da6f1158f3504b3a1e4ef77b2ba750b8dacc57ea5c3b814a7e.png) top;
      background-size: 32px 48px; }
    body.new_nolog .header-gamecenter a:hover span {
      color: #c71111; }
    body.new_nolog .header-gamecenter a:hover .icon-gamecenter-big {
      background-position: bottom; }
    body.new_nolog .header-gamecenter a:active span {
      color: #fcdbdb; }
  body.new_nolog .content {
    min-height: 550px; }
  body.new_nolog .picture-anonymous {
    background: url(/assets/homepage/anonymous-c6499723c6e0f20b9ea100a3ece224e521bcf73e750f6716e9b75721dcac9ed5.png) no-repeat left; }
  body.new_nolog .picture-id-card {
    background: url(/assets/homepage/id-card-d2a9bf14a19de61cf734c23628e96f01d65672da5e215bc8bd6c1bf5afdc7a7c.png) no-repeat left; }
  body.new_nolog .picture-key {
    background: url(/assets/homepage/key-8f18cb76c620e560686b48b35e715e7be2c0c9f822630feadb7c92cc034ebd2e.png) no-repeat left; }
  body.new_nolog .picture-shield {
    background: url(/assets/homepage/shield-f595736df2395a6f35f7371a0fa88b60d66a245fc77a39589345dc3b244bf5bb.png) no-repeat left; }
  body.new_nolog [class*="picture-"] {
    padding-left: 80px;
    min-height: 70px; }
    body.new_nolog [class*="picture-"] p {
      font-size: 13px;
      margin-bottom: 5px;
      color: #555; }
  body.new_nolog .enter_form {
    width: 380px;
    float: right;
    padding-top: 40px; }
    body.new_nolog .enter_form h2 {
      font-size: 30px;
      margin-bottom: 35px; }
    body.new_nolog .enter_form fieldset {
      margin: 0px;
      padding: 0px;
      border: 0px; }
    body.new_nolog .enter_form label {
      font-weight: bold;
      margin-bottom: 5px; }
    body.new_nolog .enter_form .tos {
      font-size: 12px;
      line-height: 14px;
      padding: 0.5em 0; }
    body.new_nolog .enter_form .success.button.expand, body.new_nolog .enter_form #flash_messages div.button.expand#flash_notice, #flash_messages body.new_nolog .enter_form div.button.expand#flash_notice, body.new_nolog .enter_form .notice div.button.expand#flash_notice, .notice body.new_nolog .enter_form div.button.expand#flash_notice {
      height: 40px;
      line-height: 40px;
      padding: 0px;
      margin-top: 0.5em; }
  body.new_nolog .enter_image_holder {
    padding: 40px 0;
    position: relative; }
  body.new_nolog #footer_emu {
    height: 52px;
    width: 100%;
    clear: both; }
  body.new_nolog footer#footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 52px; }
    body.new_nolog footer#footer ul {
      margin: 0px; }
    body.new_nolog footer#footer .row {
      border: solid 1px inherit; }

::-webkit-input-placeholder {
  font-size: 14px; }

:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px; }

::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px; }

:-ms-input-placeholder {
  font-size: 14px; }

#email_hint {
  text-align: right;
  color: #888;
  display: block;
  margin: 0 0 12px; }

.padding-top90 {
  padding-top: 90px; }

/* SCROLLTOP */
/* =================================================================================== */
.scroll-top {
  display: none;
  position: fixed;
  right: 20px;
  width: 45px;
  height: 45px;
  line-height: 40px;
  text-align: center;
  background: rgba(242, 101, 101, 0.5);
  border-radius: 3px;
  -webkit-transition: background 0.15s ease-in;
  transition: background 0.15s ease-in;
  z-index: 50; }
  .scroll-top > i {
    color: #fff;
    font-size: 29px;
    vertical-align: middle; }
  .scroll-top:hover {
    background: #f26565;
    text-decoration: none; }
    .scroll-top:hover > i {
      color: #fff; }

.css-droppable {
  padding: 5px; }
  .css-droppable:after {
    color: #999;
    content: attr(data-text);
    font-style: italic; }
  .css-droppable.hidden {
    visibility: hidden;
    display: block; }

.droppable-container {
  padding: 5px;
  border: 1px dashed transparent;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }
  .droppable-container.shown {
    border-color: #ccc; }

.ui-draggable-dragging {
  z-index: 999; }

.progress-tracker {
  position: relative;
  width: auto;
  margin: 0 auto;
  padding: 30px 0;
  /* ======================================================================== */ }
  .progress-tracker h4 {
    position: absolute;
    bottom: 0;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin: 7px 0 0 -19px;
    color: #b7b7b7;
    text-transform: none; }
  .progress-tracker li {
    float: left;
    position: relative;
    height: 75px;
    width: 20%;
    list-style-type: none; }
    .progress-tracker li.last h4 {
      margin-left: -27px; }
  .progress-tracker .complete p, .progress-tracker .pending p {
    opacity: 0.5; }
  .progress-tracker .steps {
    float: left; }
  .progress-tracker .join {
    width: 100%;
    height: 45px;
    position: relative;
    z-index: 1; }
    .progress-tracker .join div {
      position: absolute;
      top: 50%;
      margin: -4px 0 0;
      width: 100%;
      height: 4px;
      background: #e9e9e9; }

.steps {
  position: relative;
  width: 45px;
  height: 45px;
  background: #e9e9e9;
  z-index: 2;
  border-radius: 50%; }
  .steps p {
    color: #f1f1f1;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    margin: 5px auto;
    padding: 0 5px;
    width: 35px;
    height: 35px;
    background: #bebebe;
    line-height: 35px;
    border-radius: 50%; }
    .steps p i {
      width: auto; }

.step_box {
  display: block;
  line-height: 0;
  padding: 8px 0; }
  .step_box.active h4 {
    color: #444; }
  .step_box.complete h5:before, .step_box.pending h5:before {
    content: "\E80E";
    font-family: fontello;
    color: #4da211;
    margin-right: 5px; }
  .step_box.complete .steps p, .step_box.pending .steps p {
    background: #4da211; }
  .step_box.complete .button, .step_box.pending .button {
    display: none; }
  .step_box.not-completed h5:before {
    content: "\E80F";
    font-family: fontello;
    color: #d90000;
    margin-right: 5px; }
  .step_box.not-completed .steps p {
    background: #d90000; }
  .step_box.not-completed .button {
    display: block; }
  .step_box:hover .steps-text-block {
    border-color: ligthen(#f26565, 12);
    background: #f5f5f5; }

h4 .bubble {
  vertical-align: top;
  font-size: inherit; }

.bubble {
  position: relative;
  display: inline-block; }
  .bubble .trigger {
    cursor: pointer;
    color: #ed2828; }
    .bubble .trigger:hover {
      color: #65f2a0; }
  .bubble .normal-bubble-width {
    width: 330px; }
  .bubble .big-bubble-width {
    width: 500px; }
  .bubble .icon-question-sign {
    color: #00A4D6; }
    .bubble .icon-question-sign:hover {
      color: #007da3; }

.popover {
  position: absolute;
  display: none;
  /* keeps the popup hidden if no JS available */
  z-index: 10;
  margin-top: 15px;
  background: #fff;
  padding: 10px;
  border: 1px solid #9ea5ae;
  border-radius: 4px; }
  .popover p, .popover ol, .popover ul {
    text-transform: none;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 0 5px;
    font-weight: normal;
    text-align: left; }
  .popover ol {
    margin-left: 20px; }
  .popover:after, .popover:before {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 100%;
    right: 10px;
    margin-left: -10px; }
  .popover:after {
    border-bottom: 10px solid #fff;
    margin-bottom: -1px;
    z-index: 1; }
  .popover:before {
    border-bottom: 10px solid #111;
    border-bottom: 10px solid rgba(0, 0, 0, 0.5);
    margin-top: 0px; }

.id-photo-example {
  width: 200px;
  overflow: hidden;
  position: relative;
  padding-left: 20px; }
  .id-photo-example img {
    width: 200px;
    height: auto; }
  .id-photo-example h5 {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 0;
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none; }

.php-code {
  height: 900px;
  width: 100%;
  background: white; }

.idnetchat {
  position: fixed;
  top: 112px;
  right: 0px;
  width: 245px;
  height: 100%;
  z-index: 100;
  overflow: hidden;
  display: none; }

.idnetchat iframe {
  width: 245px;
  height: 100%;
  border: 0;
  overflow: hidden; }

#sortable {
  list-style: none outside none;
  margin: 0;
  padding: 0; }
  #sortable li {
    display: block;
    float: left;
    height: 150px;
    overflow: hidden;
    padding: 0 5px; }
  #sortable .picture-container {
    height: 150px;
    position: relative;
    width: 180px; }
    #sortable .picture-container img {
      -webkit-box-shadow: 0;
              box-shadow: 0;
      -webkit-filter: saturate(100%);
      filter: saturate(100%);
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out; }
    #sortable .picture-container img:hover {
      -webkit-box-shadow: 2px 2px #ccc;
              box-shadow: 2px 2px #ccc;
      cursor: move;
      -webkit-filter: saturate(180%);
      filter: saturate(180%); }

.picture-controlls {
  background: #000;
  color: #fff;
  height: 14px;
  opacity: .6;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  z-index: 1; }
  .picture-controlls a {
    color: #fff;
    opacity: .5;
    -webkit-transition: .5s;
    transition: .5s; }
  .picture-controlls a:hover {
    opacity: 1; }
  .picture-controlls i {
    position: absolute;
    right: -3px;
    top: -5px; }

.screenshots {
  list-style: none outside none;
  margin: 0;
  padding: 0; }
  .screenshots li {
    border-radius: 0 0 3px 3px;
    border-top: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: block;
    float: left;
    margin: 5px;
    overflow: hidden; }
  .screenshots .picture-container {
    height: 270px;
    position: relative;
    width: 180px; }

.admin .picture-container {
  height: 320px; }

.stats {
  font-size: 11px;
  padding: 0 10px; }
  .stats table {
    border: 0;
    margin: 10px 2px;
    width: 100%; }
    .stats table td,
    .stats table th {
      font-size: 11px;
      padding: 0;
      text-align: center; }

.storage-account table {
  width: 100%; }
.storage-account input {
  width: 300px; }

.policy-validation {
  -webkit-box-shadow: 0 3px 10px 0 rgba(51, 51, 51, 0.34);
  box-shadow: 0 3px 10px 0 rgba(51, 51, 51, 0.34);
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 5px;
  bottom: 20px;
  display: table;
  left: 50%;
  margin-left: -38%;
  padding: 10px;
  position: fixed;
  vertical-align: middle;
  width: 76%;
  z-index: 100000; }
  @media (min-width: 800px) and (max-width: 1023px) {
    .policy-validation {
      margin-left: -30%;
      width: 60%; } }
  @media (min-width: 1024px) and (max-width: 1365px) {
    .policy-validation {
      margin-left: -33%;
      width: 66%; } }
  @media (min-width: 1366px) {
    .policy-validation {
      margin-left: -25%;
      width: 50%; } }
  .policy-validation .content {
    color: #333;
    display: table-cell;
    font-size: 12px;
    line-height: 15px;
    padding: 0 5px 10px;
    vertical-align: middle; }
    @media (min-width: 800px) {
      .policy-validation .content {
        padding: 0 5px; } }
    @media (max-width: 1023px) {
      .policy-validation .content {
        font-size: 11px;
        padding: 0 20px 0 15px; } }
    .policy-validation .content a {
      color: #f26565; }
  .policy-validation .actions {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: table-row;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
    width: 90px; }
    @media (min-width: 800px) {
      .policy-validation .actions {
        display: table-cell;
        padding: 0 5px; } }
    .policy-validation .actions a {
      background: #f26565;
      border-radius: 3px;
      color: #fff;
      cursor: pointer;
      display: block;
      font-weight: bold;
      letter-spacing: .4px;
      margin: 10px auto 0;
      padding: 5px 8px;
      width: 70px; }
      @media (min-width: 800px) {
        .policy-validation .actions a {
          margin: 0;
          width: auto; } }
      @media (max-width: 1023px) {
        .policy-validation .actions a {
          font-size: 12px; } }
  .policy-validation .logo {
    display: table-cell;
    padding: 5px 10px 0 6px;
    vertical-align: middle;
    width: 75px; }
    .policy-validation .logo img {
      display: none; }
    @media (max-width: 1023px) {
      .policy-validation .logo {
        display: none; } }

@media (max-width: 768px) {
  body.new_nolog .header input[type=email]::-webkit-input-placeholder, body.new_nolog .header input[type=password]::-webkit-input-placeholder, body.new_nolog .header input::-webkit-input-placeholder {
    font-size: 16px; }
  body.new_nolog .header input[type=email]::-moz-placeholder, body.new_nolog .header input[type=password]::-moz-placeholder, body.new_nolog .header input::-moz-placeholder {
    font-size: 16px; }
  body.new_nolog .header input[type=email]:-ms-input-placeholder, body.new_nolog .header input[type=password]:-ms-input-placeholder, body.new_nolog .header input:-ms-input-placeholder {
    font-size: 16px; }
  body.new_nolog .header input[type=email]::-ms-input-placeholder, body.new_nolog .header input[type=password]::-ms-input-placeholder, body.new_nolog .header input::-ms-input-placeholder {
    font-size: 16px; }
  body.new_nolog .header .sub-labels a,
  body.new_nolog .header .button,
  body.new_nolog .header-gamecenter a,
  body.new_nolog .header-gamecenter a span,
  body.new_nolog [class*="picture-"] p,
  body.new_nolog .enter_form label,
  body.new_nolog .enter_form .tos,
  body.new_nolog .total_accounts,
  body.new_nolog .header input,
  body.new_nolog .header input[type=email],
  body.new_nolog .header input[type=password],
  body.new_nolog .header input[type=email]::placeholder,
  body.new_nolog .header input[type=password]::placeholder,
  body.new_nolog .header input::placeholder,
  footer a,
  footer p,
  .contact-new p,
  .contact-new label,
  .header ul.top-nav-links li a,
  .top-nav-login .top-nav-login-label a,
  .contact-new .btn {
    font-size: 16px; }

  .policy-validation .content,
  .policy-validation .actions a {
    font-size: 16px;
    line-height: 21px; }

  body.new_nolog .enter_form .tos,
  .contact-new .tos {
    line-height: 21px; }

  body.new_nolog h4 {
    font-size: 19px; }

  body.new_nolog footer#footer {
    position: relative; }

  footer .sixteen, footer .row .sixteen, .row footer .sixteen {
    height: auto; } }
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/../assets/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/../assets/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(/../assets/fancybox/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(/../assets/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(/../assets/fancybox/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(/../assets/fancybox/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(68,68,68)),color-stop(50%, rgb(52,52,52)),color-stop(50%, rgb(41,41,41)),to(rgb(51,51,51)));
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url(/../assets/fancybox/fancybox_buttons.png);
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/

.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url(/assets/Jcrop-752309673bbd9d9b2ba0bd58d0a7071a2c59c30e2824d85bcd2a3bc0a07ef1f1.gif);
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}
.jq-ry-container {
  position: relative;
  padding: 0 5px;
  line-height: 0;
  display: block;
  cursor: pointer;
}
.jq-ry-container[readonly="readonly"] {
  cursor: default;
}
.jq-ry-container > .jq-ry-group-wrapper {
  position: relative;
  width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
  position: relative;
  line-height: 0;
  z-index: 10;
  white-space: nowrap;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
  display: inline-block;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
  width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
  width: 0;
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}


/* General Menu Styles */


.menu {
  list-style-type: none;
  margin: 0;
  padding: 0px;
  line-height: 1;
  text-decoration: none;
}

.js .menu {
  /* If we have JavaScript enabled and we're just waiting for flexMenu to load and run, hide list items that don't fit on one line. If JavaScript is not enabled, just show 'em all. */
  /*overflow: hidden;*/
}

.menu > li {
  margin: 0 0 0 1.5em;
  display: inline-block;
}

.menu > li:first-child {
  margin-left: 0;
}

.menu a {
  display: block;
  text-decoration: none;
}

/* flexMenu styles */

.identities-main-menu .flexMenu-viewMore.active > a, .identities-main-menu .flexMenu-viewMore.active > a:hover {
  border: none;
  font-weight: normal;
  color: #69727d;
}

.flexMenu-viewMore > a:after {
  margin-right: 8px;
  margin-top: -1px;
  content: "\E804";
  font-family: fontello;
  margin-left: 10px;
  font-size: 12px;
}


.flexMenu-popup {
  list-style-type: none;
  padding: 0;
  background-color: #F2F5F7;
  margin: 0;
  border: 1px #CCC solid;
  z-index: 100;
  margin-left: -15px;
}

.flexMenu-popup a {
  color: #69727D;
  border: none;
  background-color: #F2F5F7;
  font-weight: normal;
  width: 100%;
  text-align: left;
  padding-left: 15px;
  height: auto;
  line-height: 30px;
}

.flexMenu-popup a:hover {
  background-color: #fff;
  color: #0054A6;
  display: block;
  width: 100%;
}

ul.flexMenu-popup > li.active > a {
  font-weight: bold;
  color: #0054A6;
}