@font-face {
  font-family: roboto;
  src: url("/css/fonts/Roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: roboto;
  src: url("/css/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal; }
@font-face {
  font-family: roboto;
  src: url("/css/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700; }
body {
  font-family: roboto;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: 13px;
  color: #1e2324;
  background-color: #04272a; }

*:focus {
  outline: 0; }

::selection {
  color: #ffffff;
  background: #0b7076; }

::-moz-selection {
  color: #ffffff;
  background: #0b7076; }

h1 {
  font-size: 34px;
  color: #3a4449;
  font-weight: 300;
  text-transform: uppercase;
  margin: 2px 0 8px 0; }

h2 {
  margin: 25px 0 5px 0;
  font-size: 24px;
  font-weight: bold;
  color: #3a4449; }

h3 {
  margin: 20px 0 5px 0;
  font-size: 19px;
  font-weight: bold;
  color: #3a4449; }

h4 {
  margin: 15px 0 5px 0;
  font-size: 18px;
  font-weight: normal; }

h4.highlight {
  font-size: 20px;
  font-weight: bold;
  color: #0b7076; }

span.hStyle {
  font-size: 18px;
  font-weight: normal;
  color: #0b7076; }

a {
  text-decoration: none;
  color: inherit; }

a.standard, .matchLink, p > a {
  color: #3a4449;
  text-decoration: underline; }
  a.standard:hover, .matchLink:hover, p > a:hover {
    color: #e39706;
    text-decoration: underline; }

a.nounderline, .matchLink.nounderline {
  text-decoration: none; }
  a.nounderline:hover, .matchLink.nounderline:hover {
    text-decoration: underline; }

.matchLink {
  cursor: pointer; }

a i {
  margin: auto 0.3em; }

hr {
  color: #91abac;
  background-color: #91abac;
  height: 1px;
  border: none;
  clear: both; }

div.topLink {
  margin: 10px 0; }
  div.topLink:after {
    content: "";
    display: table;
    clear: both; }
  div.topLink a {
    float: right; }

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

a.theButton, button.theButton {
  border: 1px solid #c3d5dc;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 white;
  color: #333333;
  display: inline-block;
  font-weight: bold;
  background-color: #f1f4f5;
  background-image: -webkit-linear-gradient(#f1f4f5, #cddce1);
  background-image: linear-gradient(#f1f4f5, #cddce1);
  text-decoration: none;
  text-shadow: 0 1px 0 #fdfdfe;
  background-clip: padding-box;
  color: #3a4449;
  padding: 4px 13px; }
  a.theButton:hover:not(:disabled), button.theButton:hover:not(:disabled) {
    box-shadow: inset 0 1px 0 0 white;
    cursor: pointer;
    background-color: #e3e8e9;
    background-image: -webkit-linear-gradient(#e3e8e9, #c4d5db);
    background-image: linear-gradient(#e3e8e9, #c4d5db); }
  a.theButton:active:not(:disabled), button.theButton:active:not(:disabled) {
    border: 1px solid #a3bfc9;
    background-color: #dde3e5;
    background-image: -webkit-linear-gradient(#dde3e5, #c6d4d8 15%);
    background-image: linear-gradient(#dde3e5, #c6d4d8 15%);
    box-shadow: inset 0 1px 0 0 #dde3e5; }
  a.theButton:disabled, button.theButton:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  a.theButton.large, button.theButton.large {
    font-size: 20px;
    padding: 8px 16px 8px 16px; }

button.signUpButton {
  border: 1px solid #a26a00;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 #f2b644;
  color: #333333;
  display: inline-block;
  font-weight: bold;
  background-color: #e39706;
  background-image: -webkit-linear-gradient(#e39706, #b17400);
  background-image: linear-gradient(#e39706, #b17400);
  text-decoration: none;
  text-shadow: 0 1px 0 #fda600;
  background-clip: padding-box;
  color: #342201;
  padding: 4px 13px;
  height: 45px;
  font-weight: 700;
  font-size: 20px;
  margin: 12px 0; }
  button.signUpButton:hover:not(:disabled) {
    box-shadow: inset 0 1px 0 0 #f0a413;
    cursor: pointer;
    background-color: #c68509;
    background-image: -webkit-linear-gradient(#c68509, #a26a00);
    background-image: linear-gradient(#c68509, #a26a00); }
  button.signUpButton:active:not(:disabled) {
    border: 1px solid #6f4900;
    background-color: #bc7f09;
    background-image: -webkit-linear-gradient(#bc7f09, #9f6903 15%);
    background-image: linear-gradient(#bc7f09, #9f6903 15%);
    box-shadow: inset 0 1px 0 0 #bc7f09; }
  button.signUpButton:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  button.signUpButton.small {
    height: 32px;
    font-size: 18px;
    padding: 0 20px; }

p a.theButton {
  display: inline-block; }

.button-group {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 0;
  margin: 0;
  padding: 0; }
  .button-group li {
    display: inline-block;
    *display: inline;
    zoom: 1; }
    .button-group li .button {
      font-size: 11px;
      border-radius: 0;
      border: 1px solid #91abac;
      border-left-width: 0;
      color: #3a4449;
      background-color: #ffffff;
      background-image: -webkit-linear-gradient(#ffffff, #C4D5DB);
      background-image: linear-gradient(#ffffff, #C4D5DB); }
      .button-group li .button:focus, .button-group li .button:hover {
        background-color: #E3E8E9;
        background-image: -webkit-linear-gradient(#E3E8E9, #C4D5DB);
        background-image: linear-gradient(#E3E8E9, #C4D5DB); }
      .button-group li .button.active, .button-group li .button.chartButtonActive {
        background-color: #e9ad3c;
        background-image: -webkit-linear-gradient(#e9ad3c, #fbeed6);
        background-image: linear-gradient(#e9ad3c, #fbeed6);
        color: #342201; }
    .button-group li:first-child .button {
      border-radius: 5px 0 0 5px;
      border-left-width: 1px; }
    .button-group li:last-child .button {
      border-radius: 0 5px 5px 0; }
  .button-group.large li .button {
    font-size: 15px;
    font-weight: bold;
    padding: 5px 15px; }

table {
  border-collapse: separate;
  border-spacing: 4px; }
  table.centered {
    margin: auto; }
  table.orderBook {
    width: 100%;
    border: 1px solid #d3e7d9;
    border-collapse: separate;
    border-spacing: 0px; }
    table.orderBook th {
      text-align: left;
      background-color: #d3e7d9;
      font-weight: bold;
      padding: 2px 4px 1px 4px;
      border-right: 1px solid #f6fbf6; }
      table.orderBook th:last-child {
        border-right: 1px solid #d3e7d9; }
    table.orderBook td {
      padding: 2px 4px 1px 4px;
      border-right: 1px solid #d3e7d9;
      border-top: 1px solid #d3e7d9; }
      table.orderBook td:last-child {
        border-right: none; }
    table.orderBook td.currency {
      text-align: right; }
    table.orderBook tr:nth-child(even) {
      background-color: #f6fbf6; }
    table.orderBook tr:nth-child(odd) {
      background-color: #ffffff; }

.tableExport {
  float: right;
  margin-top: 12px; }

.codeSample {
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  line-height: 180%;
  border: 1px dashed #e39706;
  background-color: #fef8ed;
  padding: 10px;
  color: #342201; }

.pagination {
  margin-top: 10px; }
  .pagination a {
    border: 1px solid #c9c4bb;
    display: inline-block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    padding: 2px 4px;
    margin: 0;
    margin-right: 1px;
    margin-bottom: 7px; }
    .pagination a:hover {
      background-color: #e39706;
      border: 1px solid #e39706;
      color: #ffffff; }
    .pagination a.currentPage {
      cursor: default;
      background-color: #fce9c6;
      border: 1px solid #c9c4bb;
      font-weight: bold; }
    .pagination a.currentPage:hover {
      color: inherit; }

.poloTooltips {
  font-size: 13px;
  line-height: 16px;
  max-width: 400px;
  background-color: #fef8ed;
  border-color: #e39706;
  color: #342201;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); }

.poloTooltipsLabel {
  display: inline-block;
  border-bottom: 1px dotted;
  border-right: 1px solid transparent;
  line-height: 12px; }

.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  background: #b3d5d6;
  -webkit-border-radius: 4px; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #b3d5d6;
  position: relative; }

.jspDrag {
  background: #6b8c8e;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  width: 6px;
  margin: 0 auto; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #6b8c8e;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #a4b9bb; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #a4b9bb;
  float: left;
  height: 100%; }

.imageBox {
  position: relative;
  border: 1px solid #342201;
  box-sizing: border-box;
  width: 285px;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  overflow: hidden; }
  .imageBox .title {
    background-color: #342201;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    height: 30px;
    padding: 6px 10px;
    box-sizing: border-box;
    pointer-events: none; }
  .imageBox img {
    width: 283px;
    height: 175px;
    margin-bottom: -4px; }
  .imageBox .description {
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
    color: #342201;
    padding: 10px;
    padding-top: 15px;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    font-size: 14px;
    -webkit-transition: 0.25s ease-in;
    -moz-transition: 0.25s ease-in;
    transition: 0.25s ease-in; }
    .imageBox .description p {
      margin: 0;
      margin-bottom: 8px; }
    .imageBox .description.small {
      font-size: 12px;
      line-height: 17px; }
  .imageBox:hover .description {
    visibility: visible;
    opacity: 1;
    padding-top: 10px; }

body.feature .masterDiv.formPage {
  padding-bottom: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%; }

.featureBanner form p {
  margin-top: 10px;
  margin-bottom: 0; }

.form1col {
  text-align: center; }
  .form1col .formWrapper form {
    margin: 10px auto; }

.form2col, .form1col {
  overflow: hidden;
  border: none;
  padding: 40px 0 60px 0; }

.form2col .formWrapper {
  width: 700px;
  height: auto;
  overflow: hidden;
  margin: auto; }
.form2col .column1 {
  float: left;
  text-align: left;
  width: 318px;
  padding: 0 40px 0 0;
  border-right: 1px solid #cacaca; }
.form2col .column2 {
  float: left;
  text-align: left;
  width: 290px;
  padding-left: 40px; }

.formWrapper form {
  display: table; }
  .formWrapper form table {
    margin-bottom: 10px; }
  .formWrapper form td {
    font-size: 13px; }
.formWrapper div {
  display: table-row; }
.formWrapper label {
  display: table-cell;
  padding-bottom: 10px;
  white-space: nowrap;
  padding-right: 5px; }
.formWrapper input.userPassInput {
  display: table-cell;
  width: 190px; }
.formWrapper .formError {
  color: #c02a1d;
  padding-bottom: 10px;
  font-weight: bold; }

input {
  border: 1px solid #91abac;
  -webkit-box-shadow: inset 1px 1px 3px #d8e4e5;
  -moz-box-shadow: inset 1px 1px 3px #d8e4e5;
  box-shadow: inset 1px 1px 3px #d8e4e5;
  padding: 2px 4px; }
  input.clearable {
    background: transparent url(/images/theme_light/icon_clear_search.png) no-repeat right -11px center;
    padding-right: 14px !important;
    transition: background 0s;
    transition-delay: 0s; }
    input.clearable.x {
      background-position: right 4px center;
      transition: background 0.3s;
      transition-delay: 0.6s; }
    input.clearable.onX {
      cursor: pointer; }

.aboveCaptcha {
  margin-bottom: 6px; }

table.gc-bubbleDefault, .gc-bubbleDefault table {
  border-collapse: collapse;
  border-spacing: initial; }

.header {
  width: 100%;
  height: 48px;
  float: left;
  background-color: #0a6970;
  background-image: -webkit-linear-gradient(#0a6970, #086066 10%, #06595e 65%);
  background-image: linear-gradient(#0a6970, #086066 10%, #06595e 65%);
  border-bottom: 1px solid #031e21; }
  .header:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (max-width: 825px) {
    .header {
      height: 38px; } }
  .header .logo {
    float: left;
    height: 100%;
    background-color: #042f32;
    background-image: -webkit-radial-gradient(#042f32, #04272a 90%);
    background-image: radial-gradient(  #042f32, #04272a 90%); }
    .header .logo a img {
      padding: 11px 30px;
      width: 161px;
      height: 27px;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      @media only screen and (max-width: 825px) {
        .header .logo a img {
          width: 107px;
          height: 17px; } }
  .header .tabs.right {
    float: right;
    border-right: none; }
  .header .tabs.right.loggedOut {
    border-left: 0; }
    .header .tabs.right.loggedOut li.message {
      border-left: 0;
      text-transform: none;
      font-weight: normal; }
      .header .tabs.right.loggedOut li.message:hover {
        background-color: transparent; }
      .header .tabs.right.loggedOut li.message .title {
        cursor: default; }
      .header .tabs.right.loggedOut li.message a {
        padding: 0;
        float: none;
        text-decoration: underline; }
        .header .tabs.right.loggedOut li.message a:hover {
          color: #ffab06; }
  .header .tabs {
    float: left;
    border-left: 1px solid #06393b;
    border-right: 1px solid #0b6e74; }
    .header .tabs ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .header .tabs ul > li {
        position: relative;
        border-left: 1px solid #0b6e74;
        border-right: 1px solid #06393b;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        text-shadow: 0 1px 1px #06393b;
        display: table-cell; }
        @media only screen and (max-width: 825px) {
          .header .tabs ul > li {
            font-size: 11px; } }
        .header .tabs ul > li:hover {
          background-color: #07494c;
          border-left: 1px solid #07494c; }
        .header .tabs ul > li a, .header .tabs ul > li .title {
          color: #e3eced;
          padding: 15px;
          float: left;
          white-space: nowrap; }
          @media only screen and (max-width: 825px) {
            .header .tabs ul > li a, .header .tabs ul > li .title {
              padding: 13px 8px 11px 8px; } }
        .header .tabs ul > li.icon a, .header .tabs ul > li.icon .title {
          padding: 15px 12px; }
          @media only screen and (max-width: 825px) {
            .header .tabs ul > li.icon a, .header .tabs ul > li.icon .title {
              padding: 13px 6px 11px 12px; } }
        .header .tabs ul > li .title {
          cursor: default; }
        .header .tabs ul > li a.title {
          cursor: pointer; }
        .header .tabs ul > li .fa {
          color: #a1c3c5; }
        .header .tabs ul > li > ul {
          clear: left;
          display: none;
          position: absolute;
          z-index: 100;
          top: 100%;
          left: -2px;
          background-color: #07494c;
          margin-top: -1px;
          min-width: 110px; }
          .header .tabs ul > li > ul.anchorRight {
            right: -1px;
            left: auto; }
          .header .tabs ul > li > ul > li {
            float: left;
            border-top: 1px solid #042728;
            border-left: none;
            border-right: none;
            font-size: 12px;
            color: #fff;
            width: 100%; }
            @media only screen and (max-width: 825px) {
              .header .tabs ul > li > ul > li {
                font-size: 11px; } }
            .header .tabs ul > li > ul > li:hover {
              border-left: 0;
              background-color: #06393b; }
            .header .tabs ul > li > ul > li a {
              width: 80%; }
            .header .tabs ul > li > ul > li .info {
              color: #789091;
              text-transform: none;
              padding: 13px 13px 0; }
            .header .tabs ul > li > ul > li.active {
              border-left: 0;
              background-color: #06393b; }
            .header .tabs ul > li > ul > li > ul {
              display: none;
              position: absolute;
              z-index: 99;
              top: 0px;
              right: 108px;
              left: auto;
              border-right: 1px solid #042728;
              -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
              -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
              box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); }
              .header .tabs ul > li > ul > li > ul > li {
                background-color: #06393b; }
                .header .tabs ul > li > ul > li > ul > li:hover {
                  background-color: #052c2d; }
      .header .tabs ul .mobileNav {
        display: none; }
      @media only screen and (max-width: 1024px) {
        .header .tabs ul .desktopNav {
          display: none; }
        .header .tabs ul .mobileNav {
          display: table-cell; } }
      .header .tabs ul li.alerts > ul {
        margin-top: 0; }
      .header .tabs ul > li:hover > ul {
        display: block; }
      .header .tabs ul li.active {
        background-color: #07494c;
        border-left: 1px solid #07494c; }
        .header .tabs ul li.active a {
          color: #fff; }
      .header .tabs ul .icon {
        color: #e3eced;
        cursor: pointer;
        width: 40px;
        -webkit-box-shadow: inset 1 2 2 #CCC;
        -moz-box-shadow: inset 1 2 2 #CCC;
        box-shadow: inset 1 2 2 #CCC; }
        .header .tabs ul .icon ul {
          left: auto;
          right: 0; }
      .header .tabs ul .themeSwitch ul {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        background-clip: padding-box;
        -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
        margin-top: 8px;
        right: 6px;
        cursor: default; }
        .header .tabs ul .themeSwitch ul li {
          text-transform: none;
          white-space: nowrap;
          padding: 5px 9px;
          border: none; }
          .header .tabs ul .themeSwitch ul li:hover {
            cursor: default;
            background: none; }
        .header .tabs ul .themeSwitch ul .fa-caret-up {
          position: absolute;
          top: -12px;
          right: 34px;
          color: #07494c;
          font-size: 18px;
          text-shadow: none; }
      .header .tabs ul .alerts {
        border-right: none; }
        .header .tabs ul .alerts .title {
          cursor: default; }
        .header .tabs ul .alerts:hover {
          background-color: #e9d457;
          border-left: 1px solid #ab9834; }
          .header .tabs ul .alerts:hover .title {
            text-shadow: 0 1px 1px #ab9834; }
          .header .tabs ul .alerts:hover .fa {
            color: #1e2324; }
        .header .tabs ul .alerts .alert {
          color: #1e2324;
          text-shadow: none;
          background-color: #e9d457;
          border-left: 6px solid #ffab06;
          width: 600px;
          font-weight: 400;
          border-top: none;
          padding: 14px 20px 20px;
          cursor: default;
          -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); }
          @media only screen and (max-width: 825px) {
            .header .tabs ul .alerts .alert {
              width: 500px; } }
          .header .tabs ul .alerts .alert .head {
            font-size: 22px;
            float: left; }
          .header .tabs ul .alerts .alert .dismiss {
            float: right;
            cursor: pointer;
            font-size: 13px;
            text-transform: none; }
            .header .tabs ul .alerts .alert .dismiss span {
              text-decoration: underline; }
          .header .tabs ul .alerts .alert .msg {
            clear: both;
            float: left;
            font-size: 14px;
            text-transform: none; }
          .header .tabs ul .alerts .alert .date {
            clear: both;
            float: left;
            font-size: 10px;
            text-transform: none;
            color: #a49229; }
          .header .tabs ul .alerts .alert a {
            padding: 0;
            float: none;
            text-decoration: underline;
            color: #1e2324; }
        .header .tabs ul .alerts.closed {
          background-color: #e9d457;
          border-left: 1px solid #ab9834; }
          .header .tabs ul .alerts.closed .title {
            text-shadow: 0 1px 1px #ab9834; }
          .header .tabs ul .alerts.closed .fa {
            color: #1e2324; }
        .header .tabs ul .alerts.dismissed .dismiss {
          display: none; }
        .header .tabs ul .alerts .dismiss:hover, .header .tabs ul .alerts .dismiss:hover .fa {
          color: #6C5E0C; }

body.expandAlert li.alerts.closed > ul {
  display: block; }

.wrapper {
  height: 100%;
  min-width: 610px; }

.main {
  margin: 15px;
  padding: 0 16px;
  width: 100%; }

.content {
  min-height: 300px;
  width: 100%;
  background-color: #ffffff;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 25px; }
  .content:after {
    content: "";
    display: table;
    clear: both; }
  .content.noPad {
    padding-bottom: 0; }
  .content.center {
    text-align: center; }

body.exchange .wrapper {
  min-width: 1175px; }
body.exchange .content {
  line-height: 18px; }
body.exchange table {
  border-collapse: collapse;
  border-spacing: 0; }
body.exchange .main {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 1px; }

body.fixedWidth .main, body.fixedWidth.feature .main, body.pressRelease .main {
  max-width: 900px;
  margin: 15px auto;
  padding: 0 15px 25px 15px;
  text-align: left; }

body.fixedWidth.feature h1, body.fixedWidth.feature h2 {
  text-align: center; }

.featureBanner.twoCol {
  padding-bottom: 0;
  overflow: hidden;
  border: none;
  padding: 40px 0 60px 0; }

.featureBanner.twoCol .contentWrapper {
  width: 840px;
  height: auto;
  overflow: hidden;
  margin: auto; }

.featureBanner.twoCol .column1 {
  float: left;
  text-align: left;
  width: 450px;
  padding: 0 40px 0 0;
  border-right: 1px solid #cacaca; }

.featureBanner.twoCol .column2 {
  float: left;
  text-align: left;
  width: 300px;
  padding-left: 40px; }

#apiTable td {
  text-align: right; }
  #apiTable td button {
    margin-left: 20px; }
#apiTable td.label {
  font-weight: bold; }
#apiTable td.key {
  text-align: left; }

body.feature .main {
  text-align: center;
  float: none;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0; }
  body.feature .main h1 {
    font-size: 42px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 38px;
    margin: 22px 0 10px 0; }
  body.feature .main h2 {
    font-size: 19px;
    margin-top: 8px;
    color: #0b7076;
    font-weight: 400; }
  body.feature .main h3 {
    font-size: 24px; }
body.feature .headline {
  margin-top: 40px; }
body.feature .content {
  padding-bottom: 0px; }

.featureBanner {
  margin-top: 30px;
  padding: 24px 0 18px 0;
  background-color: #e5f0e6;
  min-height: 200px; }
  .featureBanner h3 {
    margin: 0px; }
  .featureBanner h4 {
    margin: 5px 0 10px 0; }
  .featureBanner p {
    margin: 0 0 10px 0; }

body.feature.home .featureBanner {
  border-bottom: 3px solid #ffab06;
  margin-top: 45px; }

.home3col {
  padding: 33px 20px 20px 33px;
  text-align: left;
  margin: auto;
  max-width: 1100px; }
  .home3col .column {
    float: left;
    width: 31%;
    margin-right: 2%;
    padding-bottom: 25px; }
    .home3col .column.last {
      margin-right: 0; }
    .home3col .column h4 {
      margin: 22px 0 6px 0; }
    .home3col .column ul {
      margin: 0;
      padding-left: 15px; }
    .home3col .column li {
      margin-bottom: 6px; }
  .home3col #chartImg, .home3col #securityImg, .home3col #communityImg {
    width: auto;
    height: 57px;
    margin: auto;
    text-align: center; }

body.exchange .main {
  padding: 0; }
  @media only screen and (max-width: 1300px) {
    body.exchange .main {
      margin-right: 10px; } }

.mainHeading .chartTitle {
  border-left: 5px solid #ffab06;
  float: left;
  margin: 12px 12px 12px 0;
  padding-left: 7px; }
  .mainHeading .chartTitle .full {
    color: #3a4449;
    font-size: 34px;
    font-weight: 300;
    float: left;
    margin-top: 4px;
    margin-bottom: 12px;
    text-transform: uppercase; }
  .mainHeading .chartTitle .code {
    color: #0b7076;
    font-size: 18px;
    font-weight: bold;
    float: left;
    clear: left;
    margin-left: 2px; }
.mainHeading .hilights {
  width: 390px;
  float: right;
  border: 1px solid #c6d5dc;
  border-right: 0;
  border-bottom: 0;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  margin-bottom: 15px;
  box-sizing: border-box;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s; }
  @media only screen and (max-width: 1300px) {
    .mainHeading .hilights {
      -webkit-transition-duration: 0.6s;
      -moz-transition-duration: 0.6s;
      transition-duration: 0.6s;
      width: 100%; } }
  .mainHeading .hilights .row {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #c6d5dc; }
    .mainHeading .hilights .row .change .info {
      color: #27892f; }
    .mainHeading .hilights .row > div {
      display: table-cell;
      white-space: nowrap;
      width: 24%;
      border-right: 1px solid #c6d5dc;
      padding: 8px 5px; }
      .mainHeading .hilights .row > div .name {
        font-weight: 300;
        width: 100%; }
      .mainHeading .hilights .row > div .info {
        font-weight: bold; }
        .mainHeading .hilights .row > div .info.neg {
          color: #c02a1d; }
    .mainHeading .hilights .row .volume .name, .mainHeading .hilights .row .volume .info {
      display: inline;
      font-weight: normal; }
    .mainHeading .hilights .row .volume .vol1, .mainHeading .hilights .row .volume .vol2 {
      font-weight: bold; }

.bigChart {
  width: 100%;
  clear: both; }
  .bigChart .chart {
    border: 1px solid #91abac;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box; }
    .bigChart .chart .sprocket {
      position: absolute;
      top: 13px;
      left: 13px;
      color: #43575e; }
      .bigChart .chart .sprocket .tools {
        float: right;
        padding: 2px 3px;
        background-color: #ffffff;
        border: 1px solid #91abac;
        font-size: 14px;
        line-height: 0;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-clip: padding-box;
        background-color: #ffffff;
        background-image: -webkit-linear-gradient(#ffffff, #e6ecef);
        background-image: linear-gradient(#ffffff, #e6ecef); }
      .bigChart .chart .sprocket:hover {
        color: #0e1214; }
        .bigChart .chart .sprocket:hover .tools {
          border: 1px solid #678889; }
    .bigChart .chart #currentChartRange {
      position: absolute;
      top: 15px;
      left: 40px;
      pointer-events: none;
      display: table-row;
      font-size: 11px;
      line-height: initial;
      background-color: rgba(255, 255, 255, 0.75); }
      .bigChart .chart #currentChartRange .label {
        display: table-cell;
        padding-right: 2px; }
      .bigChart .chart #currentChartRange .info {
        display: table-cell;
        padding-right: 6px;
        text-align: right; }
        .bigChart .chart #currentChartRange .info.low {
          padding-right: 0; }
    .bigChart .chart .toolPanel {
      display: none;
      width: 145px;
      position: absolute;
      z-index: 10;
      top: 10px;
      left: 37px;
      background-color: #ffffff;
      border: 1px solid #91abac;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-clip: padding-box;
      font-size: 11px;
      line-height: 15px;
      -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1); }
      .bigChart .chart .toolPanel input {
        vertical-align: middle;
        margin-bottom: 1px;
        cursor: pointer; }
      .bigChart .chart .toolPanel label {
        cursor: pointer;
        margin-left: 5px; }
      .bigChart .chart .toolPanel .notch {
        position: absolute;
        top: 6px;
        left: -7px;
        font-size: 24px;
        color: #ffffff;
        width: 7px;
        height: 12px;
        background: url(/images/theme_light/notch_left.png); }
      .bigChart .chart .toolPanel ul {
        list-style: none;
        padding: 10px 12px 3px 10px;
        margin: 0;
        float: left; }
        .bigChart .chart .toolPanel ul li {
          float: left;
          width: 100%;
          min-height: 23px; }
          .bigChart .chart .toolPanel ul li .name {
            float: left; }
          .bigChart .chart .toolPanel ul li .chartTextEntry {
            border: 1px solid #cacaca;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            background-clip: padding-box;
            color: #43575e;
            font-size: 10px;
            width: 20px;
            text-align: center;
            margin: 0 0 0 5px;
            float: right;
            padding: 1px 0; }
  .bigChart .chartButtons {
    margin: 10px auto;
    width: 665px;
    font-size: 11px;
    line-height: 14px;
    position: relative; }
    .bigChart .chartButtons .chartLoadingDiv {
      width: 100%;
      height: 32px;
      position: absolute;
      background-color: #ffffff;
      opacity: 0.75;
      display: block; }
    .bigChart .chartButtons .group {
      float: left;
      margin-right: 15px; }
      .bigChart .chartButtons .group div {
        display: inline;
        margin-right: 5px; }

body.ready .bigChart .chartButtons .chartLoadingDiv {
  display: none; }
body.ready #chartLoading {
  display: none; }

#canvasContainer {
  height: 450px;
  width: 100%;
  -webkit-box-shadow: inset 0 5px 20px #f4f7f7;
  -moz-box-shadow: inset 0 5px 20px #f4f7f7;
  box-shadow: inset 0 5px 20px #f4f7f7; }
  #canvasContainer #chart30Canvas {
    height: 450px;
    width: 100%; }

table.mainChartInfoTable {
	width: 100%;
}
table.mainChartInfoTable td.description {
	white-space: nowrap;
}
table.indicatorInfoTable {
	width: 288px;
}

#indicatorInfo {
	display: none;
	position: absolute;
	top: 325px;
	width: 275px;
	margin-top: 0px;
	z-index: 20;
	padding: 3px 6px;
	font-size: 10px;
	line-height: 13px;
	pointer-events: none;
	background-color: rgba(255, 255, 255, 0.50);
	background-clip: padding-box;
}

#mainChartInfo {
  display: none;
  position: absolute;
  right: 60px;
  top: 0px;
  width: 440px;
  margin-top: 5px;
  z-index: 20;
  padding: 3px 6px;
  font-size: 10px;
  line-height: 13px;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.50);
  background-clip: padding-box;
}
  
#depthChartInfo {
  display: none;
  position: absolute;
  z-index: 20;
  border: 1px solid #91abac;
  padding: 3px 6px;
  background-color: #ffffff;
  font-size: 10px;
  line-height: 13px;
  pointer-events: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }

#chartCrosshairV {
  width: 1px;
  height: 100%;
  top: 0px;
  display: none;
  position: absolute;
  background-color: #91abac;
  pointer-events: none; }
  
#chartCrosshairH {
  width: 100%;
  height: 1px;
  left: 0px;
  display: none;
  position: absolute;
  background-color: #91abac;
  pointer-events: none; }

#crosshairHInfo {
	position: absolute;
	right: 0px;
	width: 59px;
	height: 12px;
	margin-top: -12px;
	display: none;
	background-color: #ffffff;
	font-size:10px;
	pointer-events: none;
}

#crosshairHInfo {
  -webkit-transition: margin-top 0.2s;
  -moz-transition: margin-top 0.2s;
  transition: margin-top 0.2s;
}

#crosshairHInfoTextContainer {
	position: relative;
	margin-top: -2px;
}

.chartInfoDiv div.row {
  display: table-row; }
  .chartInfoDiv div.row div {
    display: table-cell;
    font-weight: bold;
    border-bottom: 1px solid #e8eeee; }
    .chartInfoDiv div.row div:last-child {
      text-align: right;
      padding-left: 4px; }
  .chartInfoDiv div.row:last-child div {
    border-bottom: none; }

#chartLoading {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  z-index: 10;
  text-align: center;
  font-size: 24px;
  background-color: rgba(255, 255, 255, 0.75); }
  #chartLoading p {
    margin-top: 130px;
    color: #0b7076; }

#zoomDiv {
  position: relative;
  width: 100%;
  height: 50px;
  border-top: 1px solid #91abac;
  background: #f4f8f8;
  -webkit-box-shadow: inset 0 3px 8px #dfe7e7;
  -moz-box-shadow: inset 0 3px 8px #dfe7e7;
  box-shadow: inset 0 3px 8px #dfe7e7;
  overflow: hidden; }
  #zoomDiv #chartBounds {
    position: absolute;
    top: 0;
    height: 50px;
    width: 500px;
    background: #ffab06;
    opacity: 0.15; }
  #zoomDiv .chartBoundsContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  #zoomDiv #chartBoundsLeft, #zoomDiv #chartBoundsRight {
    position: absolute;
    top: -1px;
    width: 8px;
    height: 52px;
    -webkit-box-shadow: inset 0 0 1px #001e1e;
    -moz-box-shadow: inset 0 0 1px #001e1e;
    box-shadow: inset 0 0 1px #001e1e;
    background-color: #f8fafa;
    cursor: ew-resize; }
  #zoomDiv #previewCanvas {
    width: 1000px;
    height: 50px; }

.cols {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.col {
  width: 32%;
  height: 284px;
  margin: 15px 0 10px 0;
  float: left;
  border: 1px solid #91abac; }
  .col .head {
    background-color: #f3f7f7;
    height: 80px;
    position: relative;
    border-bottom: 2px solid #52a058; }
    .col .head .name {
      text-transform: uppercase;
      font-size: 22px;
      float: left;
      margin: 10px 12px; }
    .col .head .info {
      float: left;
      clear: left;
      font-size: 12px;
      margin-left: 10px; }
      .col .head .info .desc {
        float: left;
        width: 80px; }
      .col .head .info .details {
        float: left; }
        .col .head .info .details .num {
          border-bottom: 1px dotted;
          border-right: 1px solid transparent;
          display: inline-block;
          cursor: pointer;
          line-height: 13px; }
        .col .head .info .details .currency {
          display: inline; }
    .col .head .link {
      font-size: 10px;
      position: absolute;
      top: 10px;
      right: 12px; }
  .col .data {
    background-color: #dcecec;
    background-image: -webkit-linear-gradient(#dcecec, #fff);
    background-image: linear-gradient(#dcecec, #fff);
    width: 100%;
    height: 195px;
    font-size: 12px; }
    .col .data .top {
      margin: 15px 10% 0;
      float: left;
      width: 80%; }
      @media only screen and (max-width: 1300px) {
        .col .data .top {
          width: 90%;
          margin: 15px 5% 0; } }
    .col .data .row {
      float: left;
      clear: left;
      margin-bottom: 10px;
      width: 100%;
      display: table-row; }
      .col .data .row .desc {
        display: table-cell;
        float: left;
        margin-top: 3px;
        font-size: 12px; }
      .col .data .row .details {
        display: table-cell;
        width: 75%;
        float: right;
        border: 1px solid #91abac;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-clip: padding-box;
        -webkit-box-shadow: inset 2px 2px 3px #e2eced;
        -moz-box-shadow: inset 2px 2px 3px #e2eced;
        box-shadow: inset 2px 2px 3px #e2eced;
        font-size: 13px;
        background-color: #fff; }
        .col .data .row .details .num {
          float: right;
          padding: 2px 5px 0 0;
          width: 70%;
          text-align: right;
          line-height: initial; }
          .col .data .row .details .num input {
            float: right;
            border: none;
            width: 100%;
            text-align: right;
            margin: 0;
            padding: 0;
            background-color: transparent;
            -webkit-box-shadow: inset 0 0 0 transparent;
            -moz-box-shadow: inset 0 0 0 transparent;
            box-shadow: inset 0 0 0 transparent; }
        .col .data .row .details .currency {
          float: right;
          color: #fff;
          background: #76848b;
          font-weight: 700;
          padding: 3px 0;
          width: 42px;
          text-align: center;
          border-radius: 0 5px 5px 0;
          font-size: 11px;
          margin: -1px; }
      .col .data .row .details.grey {
        background-color: #eee;
        color: #43575e;
        -webkit-box-shadow: inset 0 0 0 #eee;
        -moz-box-shadow: inset 0 0 0 #eee;
        box-shadow: inset 0 0 0 #eee; }
    .col .data .bottom {
      float: left;
      clear: left;
      padding-top: 10px;
      width: 80%;
      margin: 0 10%;
      border-top: 1px dotted #b1b1b1;
      border-right: 1px solid transparent; }
      @media only screen and (max-width: 1300px) {
        .col .data .bottom {
          width: 90%;
          margin: 0 5%; } }
      .col .data .bottom .cta {
        float: right; }
        .col .data .bottom .cta button {
          padding: 4px 13px; }
      .col .data .bottom .cta.left {
        margin-right: 10px; }

.col.stop .head {
  border-bottom: 2px solid #e39706; }

.col.sellCol {
  margin-right: 0;
  float: right; }
  .col.sellCol .head {
    border-bottom: 2px solid #ac251a; }

.mainBox {
  width: 48.5%;
  float: left;
  margin-top: 15px; }
  @media only screen and (max-width: 1300px) {
    .mainBox {
      width: 49%; } }
  .mainBox .head {
    height: 30px;
    float: left;
    width: 100%; }
    .mainBox .head .name {
      font-size: 22px;
      float: left;
      text-transform: uppercase; }
    .mainBox .head .info {
      float: right;
      font-size: 12px;
      margin-top: 4px; }
      .mainBox .head .info div {
        display: inline; }
      .mainBox .head .info .num {
        font-weight: 700; }
  .mainBox .data {
    float: left;
    width: 100%;
    height: 383px;
    border: 1px solid #91abac;
    box-sizing: border-box;
    overflow: hidden; }
    .mainBox .data table {
      width: 100%;
      font-size: 12px;
      border-bottom: none; }
      .mainBox .data table th {
        cursor: default; }
  .mainBox.sellOrders .dataTables_scrollHeadInner {
    border-bottom: 1px solid #BE4940;
    margin-top: -1px; }
  .mainBox.buyOrders .dataTables_scrollHeadInner {
    border-bottom: 1px solid #22842A;
    margin-top: -1px; }
  @media only screen and (max-width: 1300px) {
    .mainBox.sellOrders .data table, .mainBox.buyOrders .data table {
      font-size: 11px; } }
  .mainBox.sellOrders .data table tbody tr, .mainBox.buyOrders .data table tbody tr {
    cursor: pointer; }
    .mainBox.sellOrders .data table tbody tr.messageTR, .mainBox.buyOrders .data table tbody tr.messageTR {
      cursor: default; }

.buyOrders, .openOrders {
  float: right; }

.switcher {
  float: left;
  margin-left: 10px;
  cursor: pointer; }

.buyOrders .switcher {
  display: none; }

.buyOrders.alt {
  float: left; }
  .buyOrders.alt .switcher {
    display: block; }

.sellOrders.alt {
  float: right; }
  .sellOrders.alt .switcher {
    display: none; }

body.exchange.loggedIn .tradeHistory {
  width: 43%; }
body.exchange.loggedIn .openOrders {
  width: 54%; }
@media only screen and (max-width: 1625px) {
  body.exchange.loggedIn .tradeHistory td .description, body.exchange.loggedIn .openOrders td .description {
    display: none; } }
@media only screen and (max-width: 1550px) {
  body.exchange.loggedIn .tradeHistory td .year, body.exchange.loggedIn .openOrders td .year {
    display: none; } }
@media only screen and (max-width: 1480px) {
  body.exchange.loggedIn .tradeHistory td, body.exchange.loggedIn .openOrders td {
    font-size: 11px; }
  body.exchange.loggedIn .tradeHistory {
    width: 44%; }
  body.exchange.loggedIn .openOrders {
    width: 54%; } }
@media only screen and (max-width: 1385px) {
  body.exchange.loggedIn .tradeHistory td, body.exchange.loggedIn .openOrders td {
    font-size: inherit; }
    body.exchange.loggedIn .tradeHistory td .year, body.exchange.loggedIn .tradeHistory td .description, body.exchange.loggedIn .openOrders td .year, body.exchange.loggedIn .openOrders td .description {
      display: inline; }
  body.exchange.loggedIn .tradeHistory {
    clear: both;
    width: 100%; }
  body.exchange.loggedIn .openOrders {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    body.exchange.loggedIn .openOrders .data {
      height: auto;
      max-height: 381px; } }

.jspContainer, .jspPane {
  width: 100% !important; }

.marketDepth {
  width: 100%;
  float: left;
  margin: 22px 0 10px 0; }
  .marketDepth .head {
    float: left;
    margin-bottom: 10px;
    cursor: pointer; }
    .marketDepth .head .name {
      float: left;
      font-size: 22px;
      text-transform: uppercase;
      margin-right: 10px; }
    .marketDepth .head .caret {
      color: #679092;
      float: left;
      font-size: 12px; }
      .marketDepth .head .caret .fa-chevron-down {
        display: none; }
    .marketDepth .head .caret.down .fa-chevron-up {
      display: none; }
    .marketDepth .head .caret.down .fa-chevron-down {
      display: inline; }
  .marketDepth .chart {
    width: 100%;
    max-height: 1000px;
    float: left;
    border: 1px solid #91abac;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  .marketDepth.collapsed {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    margin: 22px 0 0 0; }
    .marketDepth.collapsed .chart {
      max-height: 0;
      border: 1px solid #ffffff; }
    .marketDepth.collapsed .caret .fa-chevron-up {
      display: none; }
    .marketDepth.collapsed .caret .fa-chevron-down {
      display: inline; }

#depthCanvas {
  height: 200px; }

#depthChartYline {
  width: 1px;
  height: 188px;
  display: none;
  position: absolute;
  z-index: 18;
  background-color: #91abac;
  pointer-events: none; }

#depthChartDot {
  display: none;
  position: absolute;
  z-index: 19;
  color: #43575e;
  font-size: 12px;
  pointer-events: none; }
  #depthChartDot .fa {
    padding: 1px; }

.tradeHistory .button-group {
  display: none;
  margin-left: 15px;
  margin-top: -5px; }
  .tradeHistory .button-group button {
    text-transform: uppercase;
    font-size: 14px; }
.tradeHistory .data.marketTrades {
  display: block; }
.tradeHistory .data.myTrades {
  display: none; }

.buyClass, .valuePositive, .buy {
  color: #27892f; }

.sellClass, .valueNegative, .sell, .error {
  color: #c02a1d; }

.side {
  float: right;
  margin: 15px;
  width: 370px;
  min-width: 1px;
  flex: 0 0 370px; }
  @media only screen and (max-width: 1300px) {
    .side {
      margin-left: 10px; } }

.side .box, body.trollboxPage .trollbox {
  width: 100%;
  float: left;
  border: 1px solid #b3d5d6;
  margin-bottom: 15px; }
  .side .box .head, body.trollboxPage .trollbox .head {
    position: relative;
    height: 40px;
    width: 100%;
    background-color: #b3d5d6;
    border-bottom: 1px solid #0b7076;
    font-size: 22px;
    line-height: 40px;
    float: left; }
    .side .box .head:after, body.trollboxPage .trollbox .head:after {
      content: "";
      display: table;
      clear: both; }
    .side .box .head .settings, body.trollboxPage .trollbox .head .settings {
      font-size: 11px;
      float: right;
      margin: 0 5px 0 0; }
    .side .box .head .name, body.trollboxPage .trollbox .head .name {
      float: left;
      margin: 0 10px;
      color: #3a4449;
      text-transform: uppercase; }
    .side .box .head .search, body.trollboxPage .trollbox .head .search {
      float: right;
      margin: 6px 10px 0 1px;
      color: #91abac;
      height: 25px;
      width: 104px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background-clip: padding-box;
      border: 1px solid #91abac;
      background-color: #ffffff;
      -webkit-transition: 0.8s;
      -moz-transition: 0.8s;
      transition: 0.8s; }
      .side .box .head .search.highlight, body.trollboxPage .trollbox .head .search.highlight {
        background-color: #fbf4c8;
        border: 1px solid #ffab06;
        color: #ffab06;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        transition: 0s; }
      .side .box .head .search .icon, body.trollboxPage .trollbox .head .search .icon {
        float: left;
        font-size: 16px;
        line-height: 24px;
        margin: 0 4px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      .side .box .head .search input, body.trollboxPage .trollbox .head .search input {
        float: left;
        margin-top: 5px;
        width: 80px;
        font-size: 12px;
        border: none;
        color: #43575e;
        -webkit-box-shadow: inset 0 0 0 transparent;
        -moz-box-shadow: inset 0 0 0 transparent;
        box-shadow: inset 0 0 0 transparent;
        padding: 0;
        background-color: transparent; }
        .side .box .head .search input.clearable, body.trollboxPage .trollbox .head .search input.clearable {
          padding-right: 0 !important; }
          .side .box .head .search input.clearable.x, body.trollboxPage .trollbox .head .search input.clearable.x {
            width: 62px;
            padding-right: 18px !important; }
    .side .box .head .social, body.trollboxPage .trollbox .head .social {
      float: right;
      margin-right: 10px;
      color: #43575e; }
      .side .box .head .social a:hover, body.trollboxPage .trollbox .head .social a:hover {
        color: #2e3c41; }
      .side .box .head .social a i, body.trollboxPage .trollbox .head .social a i {
        margin: 0; }
  .side .box .caret, body.trollboxPage .trollbox .caret {
    color: #679092;
    float: left;
    font-size: 12px;
    line-height: 25px;
    cursor: pointer; }
    .side .box .caret .fa-chevron-down, body.trollboxPage .trollbox .caret .fa-chevron-down {
      display: none; }
  .side .box .collapsed .caret .fa-chevron-up, body.trollboxPage .trollbox .collapsed .caret .fa-chevron-up {
    display: none; }
  .side .box .collapsed .caret .fa-chevron-down, body.trollboxPage .trollbox .collapsed .caret .fa-chevron-down {
    display: inline; }
  .side .box .tools, .side .box .help, .side .box .popup, body.trollboxPage .trollbox .tools, body.trollboxPage .trollbox .help, body.trollboxPage .trollbox .popup {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    padding: 2px 3px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    font-size: 14px;
    line-height: 0;
    margin: 5px;
    cursor: pointer;
    color: #9ea8ac;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box; }
    .side .box .tools:hover, .side .box .tools.active, .side .box .help:hover, .side .box .help.active, .side .box .popup:hover, .side .box .popup.active, body.trollboxPage .trollbox .tools:hover, body.trollboxPage .trollbox .tools.active, body.trollboxPage .trollbox .help:hover, body.trollboxPage .trollbox .help.active, body.trollboxPage .trollbox .popup:hover, body.trollboxPage .trollbox .popup.active {
      color: #5d696d;
      border: 1px solid #91abac;
      background-color: #ffffff;
      background-image: -webkit-linear-gradient(#ffffff, #e6ecef);
      background-image: linear-gradient(#ffffff, #e6ecef); }
  .side .box #XUSDcontainer .toolPanel .rowSettings, body.trollboxPage .trollbox #XUSDcontainer .toolPanel .rowSettings {
    display: none; }
  .side .box .toolPanel, .side .box .helpPanel, body.trollboxPage .trollbox .toolPanel, body.trollboxPage .trollbox .helpPanel {
    display: none;
    position: absolute;
    z-index: 20;
    top: 26px;
    right: 0;
    background-color: #fff;
    border: 1px solid #91abac;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
    font-size: 12px;
    line-height: 16px;
    width: 290px;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    margin-right: -1px; }
    .side .box .toolPanel .notch, .side .box .helpPanel .notch, body.trollboxPage .trollbox .toolPanel .notch, body.trollboxPage .trollbox .helpPanel .notch {
      position: absolute;
      width: 12px;
      height: 7px;
      top: -7px;
      right: 9px;
      background: url(/images/theme_light/notch_up.png); }
    .side .box .toolPanel .title, .side .box .helpPanel .title, body.trollboxPage .trollbox .toolPanel .title, body.trollboxPage .trollbox .helpPanel .title {
      float: left;
      margin: 10px;
      font-weight: bold;
      text-transform: uppercase; }
    .side .box .toolPanel .settingsRow, .side .box .helpPanel .settingsRow, body.trollboxPage .trollbox .toolPanel .settingsRow, body.trollboxPage .trollbox .helpPanel .settingsRow {
      float: left;
      clear: left;
      width: 95%;
      height: 20px;
      margin-right: 10px;
      margin-bottom: 10px; }
      .side .box .toolPanel .settingsRow .desc, .side .box .helpPanel .settingsRow .desc, body.trollboxPage .trollbox .toolPanel .settingsRow .desc, body.trollboxPage .trollbox .helpPanel .settingsRow .desc {
        float: right;
        font-size: 11px;
        margin-right: 8px; }
      .side .box .toolPanel .settingsRow .button-group, .side .box .helpPanel .settingsRow .button-group, body.trollboxPage .trollbox .toolPanel .settingsRow .button-group, body.trollboxPage .trollbox .helpPanel .settingsRow .button-group {
        float: right;
        width: 172px;
        height: 18px; }
        .side .box .toolPanel .settingsRow .button-group button, .side .box .helpPanel .settingsRow .button-group button, body.trollboxPage .trollbox .toolPanel .settingsRow .button-group button, body.trollboxPage .trollbox .helpPanel .settingsRow .button-group button {
          width: 100%;
          height: 18px;
          line-height: 12px; }
        .side .box .toolPanel .settingsRow .button-group li, .side .box .helpPanel .settingsRow .button-group li, body.trollboxPage .trollbox .toolPanel .settingsRow .button-group li, body.trollboxPage .trollbox .helpPanel .settingsRow .button-group li {
          white-space: nowrap; }
        .side .box .toolPanel .settingsRow .button-group li.showName, .side .box .helpPanel .settingsRow .button-group li.showName, body.trollboxPage .trollbox .toolPanel .settingsRow .button-group li.showName, body.trollboxPage .trollbox .helpPanel .settingsRow .button-group li.showName {
          width: 28%; }
        .side .box .toolPanel .settingsRow .button-group li.showBalance, .side .box .helpPanel .settingsRow .button-group li.showBalance, body.trollboxPage .trollbox .toolPanel .settingsRow .button-group li.showBalance, body.trollboxPage .trollbox .helpPanel .settingsRow .button-group li.showBalance {
          width: 32%; }
        .side .box .toolPanel .settingsRow .button-group li.showValue, .side .box .helpPanel .settingsRow .button-group li.showValue, body.trollboxPage .trollbox .toolPanel .settingsRow .button-group li.showValue, body.trollboxPage .trollbox .helpPanel .settingsRow .button-group li.showValue {
          width: 40%; }
        .side .box .toolPanel .settingsRow .button-group li.starAll, .side .box .helpPanel .settingsRow .button-group li.starAll, body.trollboxPage .trollbox .toolPanel .settingsRow .button-group li.starAll, body.trollboxPage .trollbox .helpPanel .settingsRow .button-group li.starAll {
          width: 24%; }
        .side .box .toolPanel .settingsRow .button-group li.starNone, .side .box .helpPanel .settingsRow .button-group li.starNone, body.trollboxPage .trollbox .toolPanel .settingsRow .button-group li.starNone, body.trollboxPage .trollbox .helpPanel .settingsRow .button-group li.starNone {
          width: 32%; }
        .side .box .toolPanel .settingsRow .button-group li.starMine, .side .box .helpPanel .settingsRow .button-group li.starMine, body.trollboxPage .trollbox .toolPanel .settingsRow .button-group li.starMine, body.trollboxPage .trollbox .helpPanel .settingsRow .button-group li.starMine {
          width: 44%; }
  .side .box .data, body.trollboxPage .trollbox .data {
    position: relative;
    width: 100%;
    float: left;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s; }
    .side .box .data .tableHead, body.trollboxPage .trollbox .data .tableHead {
      position: relative;
      float: left;
      width: 100%;
      height: 30px;
      border-top: 1px solid #c6d5dc;
      border-bottom: 1px solid #c6d5dc;
      -webkit-box-shadow: inset 0 3px 6px #f3f7f7;
      -moz-box-shadow: inset 0 3px 6px #f3f7f7;
      box-shadow: inset 0 3px 6px #f3f7f7;
      margin-top: -1px; }
      .side .box .data .tableHead .name, body.trollboxPage .trollbox .data .tableHead .name {
        margin: 5px;
        color: #4a575c;
        font-size: 18px;
        font-weight: 700;
        float: left; }
    .side .box .data #BTCcontainer .tableHead, body.trollboxPage .trollbox .data #BTCcontainer .tableHead {
      border-top: none;
      margin-top: 1px;
      height: 29px; }
    .side .box .data .marketsTable, .side .box .data .trollContainer, body.trollboxPage .trollbox .data .marketsTable, body.trollboxPage .trollbox .data .trollContainer {
      float: left; }

table.dataTable {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }
  table.dataTable thead {
    position: relative; }
    table.dataTable thead tr {
      text-align: left;
      border-bottom: none; }
  table.dataTable thead, table.dataTable th {
    white-space: nowrap;
    text-align: left;
    background-color: #b3d5d6; }
  table.dataTable th {
    cursor: pointer;
    border-right: 1px solid #e0eeee; }
    table.dataTable th:last-child {
      border-right: none; }
  table.dataTable th .fa-caret-down, table.dataTable th .fa-caret-up {
    display: none; }
  table.dataTable th.sorting .fa-caret-down {
    color: #b3d5d6;
    display: inline; }
  table.dataTable th.sorting .fa-caret-up {
    display: none; }
  table.dataTable th.sorting_desc .fa-caret-down {
    color: #1e2324;
    display: inline; }
  table.dataTable th.sorting_desc .fa-caret-up {
    display: none; }
  table.dataTable th.sorting_asc .fa-caret-down {
    display: none; }
  table.dataTable th.sorting_asc .fa-caret-up {
    color: #1e2324;
    display: inline; }
  table.dataTable th, table.dataTable td {
    padding: 2px 4px 1px 4px; }
  table.dataTable td {
    text-align: right;
    border-right: 1px solid #e0eeee; }
    table.dataTable td:last-child {
      border-right: none; }
    table.dataTable td.dataTables_empty {
      text-align: left; }
  table.dataTable td.date, table.dataTable td.type, table.dataTable td.action {
    text-align: left;
    white-space: nowrap; }
  table.dataTable tr {
    border-bottom: 1px solid #e0eeee; }
  table.dataTable tr:nth-child(even) {
    background-color: #f3f7f7; }
  table.dataTable tr.hiddenRow {
    display: none; }
  table.dataTable tr.messageTR {
    background-color: #ffffff;
    border-bottom: none; }
    table.dataTable tr.messageTR td {
      border: none; }
    table.dataTable tr.messageTR td.messageTD {
      padding-top: 6px;
      padding-bottom: 10px;
      font-weight: bold;
      font-size: 13px;
      white-space: nowrap; }
      @media only screen and (max-width: 1300px) {
        table.dataTable tr.messageTR td.messageTD {
          font-size: inherit; } }

@-webkit-keyframes newRow {
  0% {
    background-color: #b3d5d6; }
  100% {
    background-color: inherit; } }
@keyframes newRow {
  0% {
    background-color: #b3d5d6; }
  100% {
    background-color: inherit; } }
.newRow {
  -webkit-animation: newRow 2s ease-out 0.1s;
  animation: newRow 2s ease-out 0.1s; }

.dataTables_filter {
  display: none; }

.dataTables_scrollHeadInner {
  background: #b3d5d6;
  width: 100% !important; }

#marketTables .dataTables_filter {
  display: block;
  visibility: hidden;
  height: 31px; }

.dataTables_wrapper table.dataTable thead, .dataTables_wrapper table.dataTable th {
  background-color: transparent; }

.jspScrollable table.dataTable td:last-child {
  padding-right: 12px; }

body.exchange.ready #marketsContainer tbody tr:hover {
  background-color: #dae7e6;
  border-top: 1px double #79a3a4;
  border-bottom: 1px double #79a3a4;
  border-right: 0;
  border-left: 0; }
  body.exchange.ready #marketsContainer tbody tr:hover > .star {
    background-color: #79a3a4;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s; }

body.exchange.ready #marketsContainer tbody tr.active:hover {
  background-color: #fbf4c7;
  background-color: #ebdf95;
  background-image: -webkit-linear-gradient(#ebdf95, #fbf4c7 15%);
  background-image: linear-gradient(#ebdf95, #fbf4c7 15%);
  border-top: 1px double #f7ab1c;
  border-bottom: 1px solid #f7ab1c;
  border-right: 0;
  border-left: 0; }
  body.exchange.ready #marketsContainer tbody tr.active:hover > .star {
    background-color: #f7ab1c; }
  body.exchange.ready #marketsContainer tbody tr.active:hover.starOff .star {
    color: #fdeac6; }

#marketsContainer tr.plx_emptyRow, body.exchange.ready #marketsContainer tr.plx_emptyRow {
  background-color: inherit;
  border: inherit;
  color: #91abac;
  line-height: inherit; }
  #marketsContainer tr.plx_emptyRow:hover, body.exchange.ready #marketsContainer tr.plx_emptyRow:hover {
    background-color: inherit;
    border: inherit;
    cursor: default; }

table.dataTable tr.plx_emptyRow {
  color: #91abac;
  border-bottom: 1px solid #ffffff;
  line-height: inherit; }

#marketsContainer table {
  font-size: 11px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  #marketsContainer table th, #marketsContainer table td {
    padding: 0 4px;
    border: none; }
  #marketsContainer table th {
    background: transparent url("/images/theme_light/th_separator.png") no-repeat left; }
    #marketsContainer table th:first-child {
      background-image: none; }
#marketsContainer thead {
  display: none; }
#marketsContainer tbody tr {
  background-color: #f3f7f7;
  border-top: 1px solid #f3f7f7;
  border-bottom: 1px solid #b3d5d6;
  cursor: pointer;
  height: 19px;
  line-height: 16px; }
#marketsContainer tr.priceChangeUp td {
  background-color: #ceebd3 !important;
  border-top: 1px double #27892f;
  border-bottom: 1px double #27892f;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s; }
#marketsContainer tr.priceChangeDown td {
  background-color: #f6d4d1 !important;
  border-top: 1px double #c02a1d;
  border-bottom: 1px double #c02a1d;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s; }
#marketsContainer tr td:not(.star) {
  background-color: initial;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s; }
#marketsContainer tr td.star {
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s; }
#marketsContainer tr.active, #marketsContainer tr.active:hover {
  background-color: #fbf4c7;
  background-color: #ebdf95;
  background-image: -webkit-linear-gradient(#ebdf95, #fbf4c7 15%);
  background-image: linear-gradient(#ebdf95, #fbf4c7 15%);
  border-top: 1px double #f7ab1c;
  border-bottom: 1px solid #f7ab1c;
  border-right: 0;
  border-left: 0; }
  #marketsContainer tr.active > .star, #marketsContainer tr.active:hover > .star {
    background-color: #f7ab1c; }
  #marketsContainer tr.active.starOff .star, #marketsContainer tr.active:hover.starOff .star {
    color: #fdeac6; }
#marketsContainer tr.frozen {
  color: #91bbbc; }
  #marketsContainer tr.frozen .change {
    color: #91bbbc; }
  #marketsContainer tr.frozen .price {
    text-align: left; }
#marketsContainer td.star {
  text-align: center;
  padding: 0 2px;
  color: #1e2324;
  width: 16px;
  padding-left: 1px; }
#marketsContainer tr.starOff td.star {
  color: #d6e6e6; }
#marketsContainer td .starContent {
  display: none; }
#marketsContainer .coin {
  padding-left: 4px;
  text-align: left;
  font-weight: bold; }
#marketsContainer .colName {
  text-align: left;
  padding-right: 8px; }
  #marketsContainer .colName .ellipsis {
    max-width: 110px; }
#marketsContainer .colBalance, #marketsContainer .colEstVal {
  padding-right: 10px; }
#marketsContainer .change {
  color: #27892f; }
#marketsContainer .change.neg {
  color: #c02a1d; }
#marketsContainer .dataTables_empty {
  text-align: left; }
#marketsContainer .settings input {
  vertical-align: middle;
  margin-bottom: 1px;
  cursor: pointer; }
#marketsContainer .settings label {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
#marketsContainer .dataTables_scrollHead, #marketsContainer .dataTables_scrollBody {
  max-height: 5000px;
  width: 370px !important;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s; }
#marketsContainer .marketContainer:last-child .dataTables_scroll {
  margin-bottom: -1px; }
#marketsContainer .collapsed .dataTables_scrollHead, #marketsContainer .collapsed .dataTables_scrollBody {
  max-height: 0;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s; }

#TrollboxContainer .trollbox, body.trollboxPage .trollbox {
  position: relative; }
  #TrollboxContainer .trollbox .trollboxTable, body.trollboxPage .trollbox .trollboxTable {
    font-size: 12px; }
    #TrollboxContainer .trollbox .trollboxTable td, body.trollboxPage .trollbox .trollboxTable td {
      padding: 3px 13px 3px 10px;
      word-wrap: break-word;
      max-width: 340px;
      line-height: initial;
      word-break: break-word; }
    #TrollboxContainer .trollbox .trollboxTable a, body.trollboxPage .trollbox .trollboxTable a {
      cursor: pointer; }
      #TrollboxContainer .trollbox .trollboxTable a i, body.trollboxPage .trollbox .trollboxTable a i {
        margin: auto 0.3em auto auto; }
  #TrollboxContainer .trollbox .reputation.r00, body.trollboxPage .trollbox .reputation.r00 {
    color: #1e2324; }
  #TrollboxContainer .trollbox .reputation.r01, body.trollboxPage .trollbox .reputation.r01 {
    color: #61464d; }
  #TrollboxContainer .trollbox .reputation.r02, body.trollboxPage .trollbox .reputation.r02 {
    color: #9b6470; }
  #TrollboxContainer .trollbox .reputation.r03, body.trollboxPage .trollbox .reputation.r03 {
    color: #c37787; }
  #TrollboxContainer .trollbox .reputation.r04, body.trollboxPage .trollbox .reputation.r04 {
    color: #d87b91; }
  #TrollboxContainer .trollbox .reputation.r05, body.trollboxPage .trollbox .reputation.r05 {
    color: #e57b94; }
  #TrollboxContainer .trollbox .reputation.r06, body.trollboxPage .trollbox .reputation.r06 {
    color: #ed7b94; }
  #TrollboxContainer .trollbox .reputation.r07, body.trollboxPage .trollbox .reputation.r07 {
    color: #f37b94; }
  #TrollboxContainer .trollbox .reputation.r08, body.trollboxPage .trollbox .reputation.r08 {
    color: #f97993; }
  #TrollboxContainer .trollbox .reputation.r09, body.trollboxPage .trollbox .reputation.r09 {
    color: #fa6f8b; }
  #TrollboxContainer .trollbox .reputation.r10, body.trollboxPage .trollbox .reputation.r10 {
    color: #fa6684; }
  #TrollboxContainer .trollbox .busoni, #TrollboxContainer .trollbox .busoni .reputation, body.trollboxPage .trollbox .busoni, body.trollboxPage .trollbox .busoni .reputation {
    color: #99271d; }
  #TrollboxContainer .trollbox .staff, #TrollboxContainer .trollbox .staff .reputation, body.trollboxPage .trollbox .staff, body.trollboxPage .trollbox .staff .reputation {
    color: #9f802f; }
  #TrollboxContainer .trollbox .mod, #TrollboxContainer .trollbox .mod .reputation, body.trollboxPage .trollbox .mod, body.trollboxPage .trollbox .mod .reputation {
    color: #3d4db2; }
  #TrollboxContainer .trollbox .banhammer, #TrollboxContainer .trollbox .banhammer .reputation, body.trollboxPage .trollbox .banhammer, body.trollboxPage .trollbox .banhammer .reputation {
    color: #c12a1d; }
  #TrollboxContainer .trollbox .mention, #TrollboxContainer .trollbox .mention .reputation, body.trollboxPage .trollbox .mention, body.trollboxPage .trollbox .mention .reputation {
    color: #1d7424;
    font-weight: bold; }
  #TrollboxContainer .trollbox .me, body.trollboxPage .trollbox .me {
    margin-left: 20px; }
  #TrollboxContainer .trollbox .tiny, body.trollboxPage .trollbox .tiny {
    font-size: 0.75em; }
  #TrollboxContainer .trollbox .head .caret, body.trollboxPage .trollbox .head .caret {
    margin-top: 5px; }
  #TrollboxContainer .trollbox .tools, #TrollboxContainer .trollbox .help, #TrollboxContainer .trollbox .popup, body.trollboxPage .trollbox .tools, body.trollboxPage .trollbox .help, body.trollboxPage .trollbox .popup {
    position: absolute;
    top: 6px;
    right: 2px;
    z-index: 5;
    background-color: transparent;
    border: none;
    color: #808d92; }
    #TrollboxContainer .trollbox .tools:hover, #TrollboxContainer .trollbox .tools.active, #TrollboxContainer .trollbox .help:hover, #TrollboxContainer .trollbox .help.active, #TrollboxContainer .trollbox .popup:hover, #TrollboxContainer .trollbox .popup.active, body.trollboxPage .trollbox .tools:hover, body.trollboxPage .trollbox .tools.active, body.trollboxPage .trollbox .help:hover, body.trollboxPage .trollbox .help.active, body.trollboxPage .trollbox .popup:hover, body.trollboxPage .trollbox .popup.active {
      border: none;
      color: #5d696d; }
  #TrollboxContainer .trollbox .popup, body.trollboxPage .trollbox .popup {
    right: 22px; }
  #TrollboxContainer .trollbox .help, body.trollboxPage .trollbox .help {
    right: 42px; }
  #TrollboxContainer .trollbox .toolPanel, body.trollboxPage .trollbox .toolPanel {
    z-index: 6;
    top: 32px;
    right: 1px; }
  #TrollboxContainer .trollbox .helpPanel, body.trollboxPage .trollbox .helpPanel {
    top: 32px;
    right: 41px;
    width: 305px;
    padding: 10px; }
    #TrollboxContainer .trollbox .helpPanel .title, body.trollboxPage .trollbox .helpPanel .title {
      margin: 0; }
    #TrollboxContainer .trollbox .helpPanel ul, body.trollboxPage .trollbox .helpPanel ul {
      padding: 5px 0 0 0;
      clear: both;
      font-size: 11px;
      margin-bottom: 15px;
      list-style: none; }
      #TrollboxContainer .trollbox .helpPanel ul li, body.trollboxPage .trollbox .helpPanel ul li {
        margin-bottom: 5px; }
    #TrollboxContainer .trollbox .helpPanel p, body.trollboxPage .trollbox .helpPanel p {
      margin: 0;
      font-size: 11px; }
  #TrollboxContainer .trollbox .data, body.trollboxPage .trollbox .data {
    background: #f9fbfb;
    height: 110px;
    max-height: 2500px;
    overflow: hidden; }
  #TrollboxContainer .trollbox #trollboxWarning, body.trollboxPage .trollbox #trollboxWarning {
    background-color: #c81e32;
    color: white;
    padding: 3px 10px;
    clear: both; }
  #TrollboxContainer .trollbox #trollboxAnnouncement, body.trollboxPage .trollbox #trollboxAnnouncement {
    background-color: #1e2324;
    color: #b3d5d6;
    font-size: 16px;
    padding: 10px 10px;
    clear: both;
    overflow: auto; }
    #TrollboxContainer .trollbox #trollboxAnnouncement #pfftTimer, body.trollboxPage .trollbox #trollboxAnnouncement #pfftTimer {
      font-weight: bold; }
    #TrollboxContainer .trollbox #trollboxAnnouncement .row, body.trollboxPage .trollbox #trollboxAnnouncement .row {
      display: table-row; }
      #TrollboxContainer .trollbox #trollboxAnnouncement .row .message, body.trollboxPage .trollbox #trollboxAnnouncement .row .message {
        display: table-cell;
        vertical-align: middle;
        line-height: initial; }
        #TrollboxContainer .trollbox #trollboxAnnouncement .row .message a, body.trollboxPage .trollbox #trollboxAnnouncement .row .message a {
          text-decoration: underline; }
      #TrollboxContainer .trollbox #trollboxAnnouncement .row .left, body.trollboxPage .trollbox #trollboxAnnouncement .row .left {
        display: table-cell; }
        #TrollboxContainer .trollbox #trollboxAnnouncement .row .left img, body.trollboxPage .trollbox #trollboxAnnouncement .row .left img {
          padding-right: 10px;
          width: 95px; }

.side .messageBox {
  width: 350px;
  background-color: #f3f7f7;
  border-top: 1px solid #b3d5d6;
  float: left;
  max-height: 1000px;
  padding: 10px;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s; }
  .side .messageBox form {
    width: 100%;
    margin: 5px 0; }
    .side .messageBox form input {
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background-clip: padding-box;
      -webkit-box-shadow: inset 0px 1px 2px #CCC;
      -moz-box-shadow: inset 0px 1px 2px #CCC;
      box-shadow: inset 0px 1px 2px #CCC;
      border: 1px solid #91abac; }
      .side .messageBox form input.full {
        width: 340px; }
    .side .messageBox form td {
      padding: 2px 0; }
.side .modTools {
  font-size: 11px; }
  .side .modTools #pasteForm {
    width: 100%;
    margin: 0; }
    .side .modTools #pasteForm table {
      border-collapse: collapse; }
    .side .modTools #pasteForm tr {
      border-bottom: 1px dashed #aec1c2; }
    .side .modTools #pasteForm td {
      padding: 4px 0;
      word-break: break-word; }
.side #hideMod {
  display: none; }

#TrollboxContainer.collapsed .messageBox {
  max-height: 0;
  padding: 0;
  border: 0;
  width: 370px;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s; }
  #TrollboxContainer.collapsed .messageBox #messageForm, #TrollboxContainer.collapsed .messageBox form, #TrollboxContainer.collapsed .messageBox input, #TrollboxContainer.collapsed .messageBox .msg, #TrollboxContainer.collapsed .messageBox .modTools {
    display: none;
    max-height: 0; }
#TrollboxContainer.collapsed .data {
  max-height: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s; }
#TrollboxContainer.collapsed .caret .fa-chevron-up {
  display: none; }
#TrollboxContainer.collapsed .caret .fa-chevron-down {
  display: inline; }

.notices {
  font-size: 12px;
  line-height: 16px; }
  .notices .msg {
    float: left;
    border-bottom: 1px solid #c6d5dc;
    width: 100%;
    background: #f9fbfb; }
    .notices .msg .info {
      float: left;
      padding: 10px 10px 5px; }
    .notices .msg .by {
      float: left;
      clear: left;
      font-size: 9px;
      color: #42565c;
      padding: 0 10px 10px; }
    .notices .msg:last-child {
      border-bottom: none; }

.hit {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  cursor: pointer; }

body.trollboxPage {
  background-color: #f3f7f7;
  overflow: hidden; }
  body.trollboxPage * {
    box-sizing: border-box; }
  body.trollboxPage .trollbox {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 230px; }
    body.trollboxPage .trollbox .head .name {
      margin-right: 85px; }
    body.trollboxPage .trollbox.box .help {
      border: none;
      right: 10px; }
      body.trollboxPage .trollbox.box .help:hover, body.trollboxPage .trollbox.box .help .active {
        border: none; }
    body.trollboxPage .trollbox.box .helpPanel {
      right: 9px; }
    body.trollboxPage .trollbox.box #fontTools {
      position: absolute;
      top: 7px;
      right: 35px;
      z-index: 5; }
      body.trollboxPage .trollbox.box #fontTools #fontsmall {
        font-size: 12px; }
      body.trollboxPage .trollbox.box #fontTools #fontmedium {
        font-size: 14px; }
      body.trollboxPage .trollbox.box #fontTools #fontlarge {
        font-size: 17px; }
    body.trollboxPage .trollbox.box .toolLinks span {
      margin-right: 3px;
      cursor: pointer;
      color: #6A777C; }
      body.trollboxPage .trollbox.box .toolLinks span:hover, body.trollboxPage .trollbox.box .toolLinks span.active {
        color: #bb7d05; }
    body.trollboxPage .trollbox #trollboxScrollArea {
      min-height: 45px; }
    body.trollboxPage .trollbox .data {
      overflow-y: scroll;
      height: 400px;
      -webkit-transition-duration: 0s;
      -moz-transition-duration: 0s;
      transition-duration: 0s; }
    body.trollboxPage .trollbox .trollboxTable {
      border-collapse: collapse; }
      body.trollboxPage .trollbox .trollboxTable td {
        padding: 3px 13px 3px 10px;
        max-width: 100%; }
    body.trollboxPage .trollbox .messageBox {
      background-color: #f3f7f7;
      border-top: 1px solid #b3d5d6;
      padding: 10px;
      float: left;
      width: 100%;
      box-sizing: border-box;
      overflow: hidden;
      -webkit-transition-duration: 0s;
      -moz-transition-duration: 0s;
      transition-duration: 0s; }
      body.trollboxPage .trollbox .messageBox hr {
        display: none; }
      body.trollboxPage .trollbox .messageBox input {
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-clip: padding-box;
        -webkit-box-shadow: inset 0px 1px 2px #CCC;
        -moz-box-shadow: inset 0px 1px 2px #CCC;
        box-shadow: inset 0px 1px 2px #CCC;
        border: 1px solid #91abac; }
      body.trollboxPage .trollbox .messageBox #messageForm {
        margin: 0 3px 3px 0; }
        body.trollboxPage .trollbox .messageBox #messageForm input {
          width: 100%; }
    body.trollboxPage .trollbox #hideMod {
      font-size: 10px; }
    body.trollboxPage .trollbox .modTools {
      clear: both;
      float: left;
      margin-top: 5px; }
      body.trollboxPage .trollbox .modTools.hidden {
        display: none; }
      body.trollboxPage .trollbox .modTools #banForm, body.trollboxPage .trollbox .modTools #freezeForm, body.trollboxPage .trollbox .modTools #changeTrollboxUserForm, body.trollboxPage .trollbox .modTools #pasteForm {
        float: left;
        background: #e4eded;
        border: 1px solid #91abac;
        margin: 0 3px 3px 0;
        min-width: 391px; }
      body.trollboxPage .trollbox .modTools #pasteForm {
        width: 99%;
        margin: 0; }
        body.trollboxPage .trollbox .modTools #pasteForm table {
          border-collapse: collapse; }
        body.trollboxPage .trollbox .modTools #pasteForm tr {
          border-bottom: 1px dashed #aec1c2; }
        body.trollboxPage .trollbox .modTools #pasteForm td {
          padding: 4px; }
      body.trollboxPage .trollbox .modTools #modPostForm {
        padding: 4px; }
        body.trollboxPage .trollbox .modTools #modPostForm input {
          width: 100%; }

body.trollboxPage.small .trollboxTable {
  font-size: 12px; }

body.trollboxPage.medium .trollboxTable {
  font-size: 14px; }

body.trollboxPage.large .trollboxTable {
  font-size: 17px; }

body.exchange.loggedIn .loginRequired {
  display: block; }
body.exchange.loggedIn .loginMessage {
  display: none; }
body.exchange.loggedIn .tradeHistory .button-group {
  display: inline-block; }
body.exchange.loggedOut .loginRequired {
  display: none; }
body.exchange.loggedOut .loginMessage {
  display: block; }
body.exchange.loggedOut .col {
  height: 240px; }
  body.exchange.loggedOut .col .head {
    height: 40px; }
body.exchange.loggedOut .tradeHistory {
  width: 100%; }

div.dimmer {
  background: #000;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 998; }

div.alertDiv {
  position: fixed;
  text-align: center;
  left: 50%;
  top: 200px;
  padding: 15px;
  display: none;
  text-align: center;
  background-color: #ffffff;
  width: 300px;
  margin-left: -155px;
  z-index: 999;
  -webkit-box-shadow: 1px 1px 8px #000;
  -moz-box-shadow: 1px 1px 8px #000;
  box-shadow: 1px 1px 8px #000;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box; }
  div.alertDiv .message, div.alertDiv #result {
    min-height: 90px;
    font-weight: bold;
    font-size: 14px;
    color: #3a4449;
    text-shadow: 0px 1px 1px #c6d5dc; }
  div.alertDiv button {
    margin: 15px 5px 0 5px; }
  div.alertDiv table {
    width: 100%;
    height: 100%; }
    div.alertDiv table td {
      vertical-align: top; }
  div.alertDiv h2 {
    margin: 0;
    color: #0b7076;
    text-transform: uppercase; }
  div.alertDiv #twoFaCode {
    text-align: center; }

div.progressDiv {
  position: fixed;
  text-align: center;
  left: 50%;
  top: 200px;
  margin-left: -25px;
  padding: 10px;
  display: none;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 8px #000;
  -moz-box-shadow: 1px 1px 8px #000;
  box-shadow: 1px 1px 8px #000;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  width: 62px;
  height: 62px;
  z-index: 999; }
  div.progressDiv .imgDiv {
    width: 62px;
    height: 62px;
    background: url("/images/theme_light/progress_spinner.gif") no-repeat;
    background-size: contain; }

.twoCol.contact p, .twoCol.mediaKit p {
  margin-top: 2px;
  margin-bottom: 20px; }

.twoCol .socialIcon {
  width: 38px;
  height: 38px;
  margin-right: 8px; }

.downloadTable {
  border-collapse: collapse;
  margin: 2px 0 20px 0;
  width: 100%; }
  .downloadTable td {
    border: 0;
    padding: 4px 2px;
    border-bottom: 1px solid #cacaca;
    border-top: 1px solid #cacaca; }

.newsItem {
  margin: 8px 0 12px 0;
  font-size: 12px; }
  .newsItem .date {
    display: inline-block;
    float: left;
    font-weight: bold; }
  .newsItem a {
    margin-left: 70px;
    padding-left: 8px;
    display: block;
    border-left: 1px solid #cacaca; }

body.pressRelease .content h1 {
  font-size: 24px;
  line-height: normal;
  margin-top: 15;
  margin-bottom: 12px; }
body.pressRelease .content h2 {
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 8px; }
body.pressRelease .content h3 {
  margin-bottom: 7px; }
body.pressRelease .content h4 {
  color: #4d9092;
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 12px; }
body.pressRelease .content ul {
  margin: 0px 0px 30px 0px; }
body.pressRelease .content li {
  margin-bottom: 5px; }

div.giveawayDiv {
  padding: 0 14px;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 20px;
  background-color: #f3f7f7; }
  div.giveawayDiv table {
    margin-bottom: 20px; }
  div.giveawayDiv .giveawayButton {
    width: 300px;
    margin: auto;
    margin-top: 10px;
    display: block; }

div.giveawayDiv td.actionCell {
  text-align: center; }

body.balancesPage .balancesHeading {
  text-align: center;
  margin-bottom: 15px; }
body.balancesPage .balanceDiv {
  padding: 15px 0;
  border-top: 1px solid #91abac; }
  body.balancesPage .balanceDiv.nonZero .balanceSpan, body.balancesPage .balanceDiv.nonZero .balanceSpan a {
    color: #27892f; }
  body.balancesPage .balanceDiv.delisted {
    background-color: #f3f7f7; }
    body.balancesPage .balanceDiv.delisted a, body.balancesPage .balanceDiv.delisted.nonZero a, body.balancesPage .balanceDiv.delisted .delistedMsg {
      color: #91abac; }
    body.balancesPage .balanceDiv.delisted.nonZero a.balanceValue {
      display: inline-block;
      background-color: #c02a1d;
      color: #ffffff;
      padding: 2px 6px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      background-clip: padding-box; }
    body.balancesPage .balanceDiv.delisted .delistedMsg {
      display: block; }
    body.balancesPage .balanceDiv.delisted .nonZeroMsg {
      display: none; }
    body.balancesPage .balanceDiv.delisted.nonZero .nonZeroMsg {
      color: #c02a1d;
      display: block;
      font-weight: bold; }
body.balancesPage .balanceLink {
  font-weight: bold;
  font-size: 16px; }
body.balancesPage .withdrawalForm td {
  padding: 4px; }
body.balancesPage .balancesForms {
  border-bottom: 1px solid #cccbcb; }
body.balancesPage .container table {
  width: 100% !important; }
  body.balancesPage .container table th, body.balancesPage .container table td {
    width: auto !important; }

body.ordersPage table.orderBook td {
  width: 18%;
  white-space: nowrap; }
body.ordersPage table.orderBook td.action, body.ordersPage table.orderBook td.type {
  width: 5%; }

.signupSteps .fa-stack {
  width: 1.3em;
  margin-left: 0.3em; }
.signupSteps .step {
  font-size: 1.3em; }

#tradeAnalysisContainer {
  display: table;
  width: 100%;
  table-layout: fixed; }
  #tradeAnalysisContainer .bottom {
    min-height: 62px; }
  #tradeAnalysisContainer .tradeAnalysis.active {
    background-color: #f6fbf6; }
  #tradeAnalysisContainer .tradeAnalysis .top {
    border: 1px solid #aaa;
    padding: 1em; }
  #tradeAnalysisContainer .tradeAnalysis p {
    margin: 5px 0; }
  #tradeAnalysisContainer .tradeAnalysis .info, #tradeAnalysisContainer .tradeAnalysis .taRow {
    border-bottom: 1px solid #aaa;
    padding: 0; }
  #tradeAnalysisContainer .tradeAnalysis .info {
    padding: 0.3em 1em;
    border: 1px solid #aaa;
    border-top: 0; }
  #tradeAnalysisContainer .tradeAnalysis .taRow {
    display: table;
    width: 100%;
    table-layout: fixed; }
  #tradeAnalysisContainer .tradeAnalysis .taCol {
    display: table-cell;
    width: 33.333%;
    padding: 6px;
    border-left: 1px solid #aaa; }
  #tradeAnalysisContainer .tradeAnalysis .calc {
    min-height: 62px;
    border-right: 1px solid #aaa; }
    #tradeAnalysisContainer .tradeAnalysis .calc .label {
      display: inline-block;
      border-bottom: 1px dotted;
      border-right: 1px solid transparent;
      line-height: 12px; }
      #tradeAnalysisContainer .tradeAnalysis .calc .label + span {
        float: right; }

#loadingDiv .orderBook td {
  font-size: 26px;
  padding: 15px; }

#tableControls {
  position: relative;
  font-size: 14px;
  text-align: right;
  vertical-align: bottom;
  margin-top: 15px;
  margin-bottom: 5px; }

table.orderBook a:hover {
  color: #e39706;
  text-decoration: underline; }
table.orderBook .indicator {
  padding: 0; }
table.orderBook .allIndicator {
  cursor: pointer;
  width: 8px;
  padding: 0; }
  table.orderBook .allIndicator.all {
    background: #6a8873; }
  table.orderBook .allIndicator.mixed {
    background: repeating-linear-gradient(45deg, #d3e7d9, #d3e7d9 2px, #6a8873 2px, #6a8873 4px); }
table.orderBook.analysis tr {
  background-color: #fff; }
  table.orderBook.analysis tr.selected {
    background-color: #f6fbf6; }
    table.orderBook.analysis tr.selected .indicator {
      background-color: #6a8873; }

table.orderBookRight td {
  text-align: right; }

body.tradeHistory #tradeHistoryTable td {
  text-align: left; }
body.tradeHistory #tradeHistoryTable td.currency, body.tradeHistory #tradeHistoryTable td.date {
  text-align: right; }
body.tradeHistory #tradeHistoryTable tr.analysisRow {
  cursor: pointer; }
body.tradeHistory span.dateRange {
  font-size: 14px; }
body.tradeHistory #dateRangeBtn, body.tradeHistory #closeDateRange {
  width: 42px !important; }
body.tradeHistory #closeDateRange {
  margin-right: 3px; }
body.tradeHistory #dateRangeSelector {
  width: 460px;
  background-color: #f6fbf6;
  position: absolute;
  right: 28px;
  top: 238px;
  border: 1px solid #627e6a;
  padding-top: 4px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); }
  body.tradeHistory #dateRangeSelector .datepick {
    width: 410px !important;
    margin: 0 auto; }
  body.tradeHistory #dateRangeSelector .datepick-nav {
    background-color: #3a4449;
    color: #fff; }
    body.tradeHistory #dateRangeSelector .datepick-nav a {
      padding-top: 5px;
      color: #fff; }
      body.tradeHistory #dateRangeSelector .datepick-nav a:hover {
        background-color: #4a575d; }
      body.tradeHistory #dateRangeSelector .datepick-nav a.datepick-disabled {
        color: #909ea5; }
      body.tradeHistory #dateRangeSelector .datepick-nav a.datepick-disabled:hover {
        background-color: #3a4449;
        cursor: default; }
  body.tradeHistory #dateRangeSelector .datepick-month {
    width: 205px;
    border: none; }
    body.tradeHistory #dateRangeSelector .datepick-month table {
      table-layout: fixed; }
  body.tradeHistory #dateRangeSelector .datepick-month-header {
    height: auto;
    line-height: 1.6em; }
  body.tradeHistory #dateRangeSelector .datepick-month-header, body.tradeHistory #dateRangeSelector .datepick-month-header select {
    background-color: #d3e7d9; }
  body.tradeHistory #dateRangeSelector .datepick-today {
    background-color: #C6D8CC;
    font-weight: bold; }
  body.tradeHistory #dateRangeSelector .datepick-selected {
    background-color: #e39706;
    color: #fff; }
  body.tradeHistory #dateRangeSelector .rangeLinks > a {
    display: inline-block;
    width: 5.5em; }
  body.tradeHistory #dateRangeSelector .rangeLinks {
    background-color: #d3e7d9;
    padding: 4px 0; }

input.popUpMenu {
  border: 1px solid #999;
  width: 150px; }

input.popUpMenu, select.popUpMenu {
  border: 1px solid #999;
  padding: 3px;
  border-radius: 4px; }

select.popUpMenu {
  font-size: 12px; }

.ui-autocomplete {
  font-size: 80%;
  background: none;
  background-color: #f6fbf6;
  color: #1e2324; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  color: #1e2324;
  background-image: none;
  background-color: #d3e7d9; }

.footer {
  background-color: #031c1e;
  background-image: -webkit-linear-gradient(#031c1e, #04272a 15%);
  background-image: linear-gradient(#031c1e, #04272a 15%);
  text-align: center;
  color: #f3f7f7;
  font-size: 12px;
  line-height: 16px;
  float: left;
  width: 100%; }
  .footer:after {
    content: "";
    display: table;
    clear: both; }
  .footer .links {
    font-size: 14px;
    padding: 20px 0; }
    .footer .links a {
      text-decoration: underline;
      color: #f3f7f7; }
  .footer .meta {
    width: 100%;
    float: left; }
    .footer .meta .info {
      color: #b2bfc0; }
      .footer .meta .info strong {
        color: #fff;
        font-weight: normal; }

/*# sourceMappingURL=style.css.map */