@charset "UTF-8";
/* Reset Stylesheet for overriding annoying and inconsistent default browser behavior */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* The :focus pseudo-class is supported in all major browsers, except the fabulous Internet
Explorer. The :focus pseudo-class adds special style to an element that has keyboard
input focus*/
a:focus {
  outline: none; }

:focus {
  outline: 0; }

body {
  line-height: 1;
  color: black;
  background: white;
  /*overflow: scroll; Optional - good for a page with alot of collapsing or moving elements*/ }

ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

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

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

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

/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav, article {
  display: block; }

.triangle {
  height: 0;
  width: 0;
  -moz-transform: scale(0.9999); }

a:link {
  text-decoration: none; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

.left {
  float: left; }

.right {
  float: right; }

.button.small {
  height: 36px;
  line-height: 36px;
  font-size: 0.8em;
  padding: 0px 10px;
  cursor: pointer;
  display: inline-block;
  border-radius: 3px; }

.button.medium {
  height: 40px;
  line-height: 40px;
  font-size: 1em;
  padding: 0px 10px;
  cursor: pointer;
  display: inline-block;
  border-radius: 3px; }

.button.large {
  height: 50px;
  line-height: 50px;
  font-size: 1.2em;
  padding: 0px 10px;
  cursor: pointer;
  display: inline-block;
  border-radius: 3px; }

.control {
  overflow: hidden;
  display: block; }

.control .button {
  float: left;
  border-radius: 3px 0 0 3px; }

.control .handle {
  float: left;
  height: 100%;
  width: 20px;
  height: 24px;
  padding-top: 6px;
  background: #ddd;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #999;
  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), inset 0px -3px 15px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 3px 3px 0; }

.control.outset .handle {
  float: left;
  height: 100%;
  width: 20px;
  height: 24px;
  padding-top: 6px;
  background: #ddd;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.3), 0px -1px 0px rgba(0, 0, 0, 0.2), inset 0px -3px 15px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 6px 6px 0; }

.control .handle:after {
  content: "▾";
  padding-left: 5px;
  color: #555;
  -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  -ie-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); }

.control.active .handle:after {
  content: "▴"; }

.control .handle.medium {
  height: 28px;
  padding-top: 12px; }

.control .handle.large {
  height: 34px;
  padding-top: 16px; }

.button.white, .button.dualstate {
  color: #555;
  /* Borders & Shadows */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px -1px 7px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
  background: #f5f5f5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dfdfdf));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 0%, #dfdfdf 100%);
  /* W3C */
  -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  -ie-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); }

.button.white:hover, .button.dualstate:hover {
  box-shadow: inset 0px -3px 15px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
  background: #b4df5b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4df5b), color-stop(100%, #a5c956));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #b4df5b 0%, #a5c956 100%);
  /* W3C */ }

.button.green, .button.dualstate.active {
  color: #555;
  /* Borders & Shadows */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin-bottom: 1px;
  box-shadow: inset 0px -3px 15px rgba(0, 0, 0, 0.1);
  background: #b4df5b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4df5b), color-stop(100%, #a5c956));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #b4df5b 0%, #a5c956 100%);
  /* W3C */
  -webkit-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1);
  -moz-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1);
  -o-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1);
  -ie-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1);
  text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1); }

.button.green:hover, .button.dualstate.active:hover {
  color: #fff !important;
  /* Borders & Shadows */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #999;
  box-shadow: inset 0px -3px 15px rgba(0, 0, 0, 0.1);
  background: #a5c956;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a5c956 0%, #b4df5b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5c956), color-stop(100%, #b4df5b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a5c956 0%, #b4df5b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a5c956 0%, #b4df5b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a5c956 0%, #b4df5b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #a5c956 0%, #b4df5b 100%);
  /* W3C */
  -webkit-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -ie-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); }

.button.red {
  color: #333;
  /* Borders & Shadows */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin-bottom: 1px;
  box-shadow: inset 0px -3px 15px rgba(0, 0, 0, 0.1);
  background: #ff4f3f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff4f3f 0%, #f74f4f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff4f3f), color-stop(100%, #f74f4f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ff4f3f 0%, #f74f4f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ff4f3f 0%, #f74f4f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ff4f3f 0%, #f74f4f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ff4f3f 0%, #f74f4f 100%);
  /* W3C */
  -webkit-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1);
  -moz-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1);
  -o-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1);
  -ie-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1);
  text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.1); }

.button.red:hover {
  color: #fff !important;
  /* Borders & Shadows */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid #999;
  box-shadow: inset 0px -3px 15px rgba(0, 0, 0, 0.1);
  background: #f74f4f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f74f4f 0%, #ff4f3f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f74f4f), color-stop(100%, #ff4f3f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f74f4f 0%, #ff4f3f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f74f4f 0%, #ff4f3f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f74f4f 0%, #ff4f3f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f74f4f 0%, #ff4f3f 100%);
  /* W3C */
  -webkit-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -ie-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); }

.button.outset.white, .outset.button.dualstate {
  color: #555;
  /* Borders & Shadows */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid white;
  border-bottom: 1px solid #ddd;
  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.3), 0px -1px 0px rgba(0, 0, 0, 0.2), inset 0px -3px 15px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f1f1f1 0%, #e1e1e1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #e1e1e1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f1f1f1 0%, #e1e1e1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f1f1 0%, #e1e1e1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f1f1 0%, #e1e1e1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f1f1f1 0%, #e1e1e1 100%);
  /* W3C */
  -webkit-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
  -moz-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
  -o-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
  -ie-text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
  text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8); }

.button.outset.white:hover, .outset.button.dualstate:hover {
  color: #fff;
  /* Borders & Shadows */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid white;
  border-bottom: 1px solid #ddd;
  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.3), 0px -1px 0px rgba(0, 0, 0, 0.2), inset 0px -3px 15px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
  background: #dedede;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dedede 0%, #f1f1f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #f1f1f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dedede 0%, #f1f1f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dedede 0%, #f1f1f1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dedede 0%, #f1f1f1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #f1f1f1 100%);
  /* W3C */
  -webkit-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -o-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -ie-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); }

.button.outset.green, .outset.button.dualstate.active {
  color: #4B7502;
  /* Borders & Shadows */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid #7BD300;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0px 4px 0px #4B7502, 0px -1px 0px rgba(0, 0, 0, 0.3), inset 0px -3px 15px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
  background: #b4df5b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4df5b), color-stop(100%, #a5c956));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #b4df5b 0%, #a5c956 100%);
  /* W3C */
  -webkit-text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
  -moz-text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
  -o-text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
  -ie-text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3);
  text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.3); }

.button.outset.green:hover, .outset.button.dualstate.active:hover {
  color: #fff;
  /* Borders & Shadows */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid #7BD300;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0px 4px 0px #4B7502, 0px -1px 0px rgba(0, 0, 0, 0.3), inset 0px -3px 15px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
  background: #a5c956;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a5c956 0%, #b4df5b 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5c956), color-stop(100%, #b4df5b));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a5c956 0%, #b4df5b 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a5c956 0%, #b4df5b 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a5c956 0%, #b4df5b 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #a5c956 0%, #b4df5b 100%);
  /* W3C */
  -webkit-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -o-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -ie-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }

.button.icon {
  padding: 0;
  text-align: center;
  border-radius: 3px;
  text-align: center; }
  .button.icon img {
    margin-top: 5px; }

.button.icon.small {
  height: 30px;
  width: 30px; }
  .button.icon.small img {
    height: 18px;
    margin-top: 7px; }

.button.icon.medium {
  height: 40px;
  width: 40px; }
  .button.icon.medium img {
    height: 24px;
    margin-top: 8px; }

.button.icon.large {
  height: 50px;
  width: 50px; }
  .button.icon.large img {
    height: 32px;
    margin-top: 10px; }

.button.icon.text {
  width: auto;
  padding: 0px 10px; }
  .button.icon.text img {
    float: left;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid rgba(0, 0, 0, 0.2); }

.button.icon.text.small {
  height: 30px;
  line-height: 30px; }

.button.icon.text.medium {
  height: 40px;
  line-height: 40px; }

.button.icon.text.large {
  height: 50px;
  line-height: 50px; }

.button.dualstate {
  cursor: default;
  color: #ccc; }
  .button.dualstate:hover {
    background: #f5f5f5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dfdfdf));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%, #dfdfdf 100%);
    /* W3C */
    cursor: default;
    color: #ccc; }
  .button.dualstate.active {
    color: #555;
    cursor: pointer; }

.toggle {
  height: 20px;
  line-height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 5px;
  float: left;
  color: #555;
  font-size: 0.8em;
  background: rgba(0, 0, 0, 0.1);
  width: 80px;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2);
  -ie-box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2); }
  .toggle .text {
    font-size: 0.9em; }
    .toggle .text .left {
      float: left;
      margin-left: 5px; }
    .toggle .text .right {
      margin-right: 5px;
      float: right; }
  .toggle .button {
    height: 20px;
    line-height: 20px;
    width: 40px;
    overflow: hidden;
    color: #4B7502;
    font-weight: bold;
    position: absolute;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
    -moz-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
    -o-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
    -ie-text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
    background: #b4df5b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4df5b), color-stop(100%, #a5c956));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #b4df5b 0%, #a5c956 100%);
    /* W3C */
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -ie-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }

.toggle.off .button {
  margin-left: 0; }
  .toggle.off .button:after {
    content: "Off"; }

.toggle.on .button {
  margin-left: 40px; }
  .toggle.on .button:after {
    content: "On"; }

.yes-no .toggle.off .button {
  margin-left: 0; }
  .yes-no .toggle.off .button:after {
    content: "No" !important; }
.yes-no .toggle.on .button {
  margin-left: 40px; }
  .yes-no .toggle.on .button:after {
    content: "Yes" !important; }

.pac-container {
  z-index: 1050 !important;
  /* Override google autocomplete z-index otherwise it comes up under jquery ui elems */ }

aside {
  display: none; }

p {
  line-height: 18px;
  margin-bottom: 1em; }

body#page-components {
  padding: 20px; }

h2 {
  font-size: 2.2em;
  color: #888;
  -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
  -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
  -o-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
  -ie-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
  margin-bottom: 20px; }

h3 {
  font-size: 1.4em;
  color: #555;
  margin-bottom: 20px; }

a:link, a:visited {
  color: #42A8ED;
  text-decoration: none; }
a:hover {
  color: #52C42E; }
  a:hover > .text {
    color: #52C42E !important; }

.optional {
  font-size: 0.8em;
  color: #777;
  float: left; }

ul.has-list {
  margin-left: 20px;
  list-style: disc; }
  ul.has-list li {
    margin-bottom: 10px; }

sub {
  font-size: xx-small;
  vertical-align: top; }

sup {
  font-size: xx-small;
  vertical-align: bottom; }

html {
  height: 100%;
  width: 100%; }

body {
  font-family: sans-serif;
  overflow: hidden !important;
  font-size: 16px;
  background: url("/images/bg.png"); }
  body .wrapper {
    min-width: 320px;
    overflow: hidden;
    position: relative; }
  body.mozilla {
    font-size: 0.9em; }
    body.mozilla img {
      -moz-transform: scale(0.9999) rotate(0.01deg); }

header {
  background: #555; }

.nojs {
  display: block;
  padding: 20px;
  background: #FFEEED;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #555; }
  .nojs img {
    float: left;
    height: 18px;
    margin-right: 10px; }

.no-margin {
  margin-bottom: 0 !important; }

.hidden {
  display: none; }

.ps-scrollbar-x-rail {
  display: none; }

ul.item-list {
  list-style: disc; }

ul.item-list,
ol.item-list {
  margin-left: 20px; }
  ul.item-list li,
  ol.item-list li {
    margin-bottom: 20px; }
    ul.item-list li:last-of-type,
    ol.item-list li:last-of-type {
      margin-bottom: 0; }

div.inline-help .navigation {
  display: none; }
div.inline-help .body {
  background: #fff; }

.no-results {
  line-height: 18px; }

div.filters {
  background: #fff;
  border-radius: 3px;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 680px) {
    div.filters {
      display: none; } }
  div.filters .filter-block {
    float: left;
    position: relative;
    width: 100%;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
    /* W3C */
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    div.filters .filter-block.page-filters .filter-label {
      background: #dcefef; }
    div.filters .filter-block.page-sorting .filter-label {
      background: #e5fca7 !important; }
    div.filters .filter-block.page-tags .filter-label {
      background: #FCF6BD; }
    div.filters .filter-block:last-of-type {
      border-bottom: none; }
    div.filters .filter-block .filterAddSkill {
      margin-left: 10px; }
    div.filters .filter-block .filter-label {
      float: left;
      width: 80px;
      height: 100%;
      line-height: 53px;
      padding: 0 10px;
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      font-size: 0.8em;
      font-weight: bold;
      color: #555;
      margin-right: 10px; }
    div.filters .filter-block .filter {
      float: left;
      height: 32px;
      padding: 10px 0;
      margin: 0;
      margin-right: 10px; }
      @media screen and (max-width: 420px) {
        div.filters .filter-block .filter {
          float: left; } }
      div.filters .filter-block .filter select {
        margin: 0;
        color: #aaa; }
        div.filters .filter-block .filter select option {
          color: #555; }
      @media screen and (max-width: 420px) {
        div.filters .filter-block .filter select#at-filter-skillTags-entry,
        div.filters .filter-block .filter input#at-filter-skillTags-entry {
          width: 80px; } }
      div.filters .filter-block .filter select option.placeholder,
      div.filters .filter-block .filter input option.placeholder {
        display: none; }
      div.filters .filter-block .filter select option:disabled,
      div.filters .filter-block .filter input option:disabled {
        color: #aaa !important; }
      div.filters .filter-block .filter label {
        display: none; }
      div.filters .filter-block .filter.category select {
        width: 160px; }
      div.filters .filter-block .filter .input-wrapper {
        margin-bottom: 0; }
        div.filters .filter-block .filter .input-wrapper input,
        div.filters .filter-block .filter .input-wrapper select {
          background: #fff; }

div.filters.expanded {
  display: block;
  height: auto;
  margin-bottom: 20px; }

div.user-image {
  height: 60px;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
  background: #eee;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  div.user-image img {
    height: 100%;
    width: 100%; }

div.section-image {
  height: 60px;
  width: 60px;
  overflow: hidden;
  border-radius: 2px;
  box-sizing: border-box;
  background: #bbb;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-bottom: 3px solid #42A8ED; }
  div.section-image img {
    width: 100%; }

span.highlight {
  font-weight: bold;
  color: #42A8ED; }

h2.title {
  color: #555;
  float: left; }

div.subtext {
  font-size: 1.2em;
  font-style: italic;
  color: #555; }

.maintitle {
  display: block;
  margin-bottom: 15px;
  font-size: 1em;
  font-weight: bold;
  color: #444; }

.subtitle {
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  color: #555;
  line-height: 18px;
  margin-bottom: 15px; }

div.main-content {
  margin-left: 200px; }
  @media screen and (max-width: 680px) {
    div.main-content {
      margin-left: 0; } }
  div.main-content .content > .section-mid {
    padding: 20px;
    overflow: hidden; }
    @media screen and (max-width: 680px) {
      div.main-content .content > .section-mid {
        padding: 15px; } }

.circle {
  height: 20px;
  max-width: 20px;
  min-width: 14px;
  line-height: 20px;
  border-radius: 100%;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  font-size: 0.7em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: bold;
  letter-spacing: -1px;
  padding-right: 2px; }
  .circle.green {
    background: #42A8ED; }
  .circle.red {
    background: #ff0319;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ff0319 0%, #cf0404 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0319), color-stop(100%, #cf0404));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff0319 0%, #cf0404 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff0319 0%, #cf0404 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff0319 0%, #cf0404 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ff0319 0%, #cf0404 100%);
    /* W3C */
    height: 16px;
    line-height: 18px; }
  .circle.blue {
    background: #3bb3e0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #3bb3e0 0%, #51A5CC 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3bb3e0), color-stop(100%, #51A5CC));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3bb3e0 0%, #51A5CC 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3bb3e0 0%, #51A5CC 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3bb3e0 0%, #51A5CC 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #3bb3e0 0%, #51A5CC 100%);
    /* W3C */
    height: 16px;
    color: #fff !important;
    line-height: 16px;
    font-style: normal !important; }

.ajaj-load {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  display: none; }
  .ajaj-load img {
    border-radius: 3px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -ie-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }

.pager-container {
  clear: left;
  display: block;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
  /* W3C */
  height: 30px;
  line-height: 30px;
  overflow: hidden; }
  .pager-container .pager-info {
    float: left;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #555;
    font-size: 0.8em; }
  .pager-container .pager-pagesize {
    font-size: 0.8em;
    float: right;
    height: 40px;
    overflow: hidden; }
    .pager-container .pager-pagesize span {
      float: left;
      display: none; }
    .pager-container .pager-pagesize input {
      width: 40px;
      height: 30px; }
  .pager-container .pager {
    height: 40px;
    overflow: hidden;
    float: left; }
    .pager-container .pager ul {
      margin: 0 auto;
      overflow: hidden; }
    .pager-container .pager li {
      height: 30px;
      width: 30px;
      margin: 0;
      padding: 0;
      text-align: center;
      float: left;
      border-radius: 4px;
      line-height: 30px; }
      .pager-container .pager li.circle {
        box-sizing: border-box;
        width: 40px;
        margin-right: 10px;
        background: #b4df5b;
        /* Old browsers */
        background: -moz-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4df5b), color-stop(100%, #a5c956));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #b4df5b 0%, #a5c956 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #b4df5b 0%, #a5c956 100%);
        /* W3C */ }
        .pager-container .pager li.circle a {
          width: 17px; }
        .pager-container .pager li.circle.active {
          background: #555; }
          .pager-container .pager li.circle.active a {
            color: #42A8ED; }
        .pager-container .pager li.circle.last {
          margin-right: 0; }
      .pager-container .pager li a {
        color: #555;
        font-weight: bold;
        -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
        -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
        -o-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
        -ie-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
        text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
        display: block; }
        .pager-container .pager li a:link, .pager-container .pager li a:visited {
          color: #333; }
    .pager-container .pager select {
      height: 30px;
      line-height: 30px; }

body.pager-normal .mobile-pager {
  display: none; }
body.pager-normal .no-mobile {
  display: block; }

body.pager-mobile .mobile-pager {
  display: block; }
body.pager-mobile .no-mobile {
  display: none; }
body.pager-mobile .pager-next {
  float: right !important; }
body.pager-mobile .pager {
  width: 100%;
  margin: 0; }
  body.pager-mobile .pager ul {
    margin: 0; }

.tabs-container {
  overflow: hidden; }
  .tabs-container.pre-purchase ul.tabs li {
    width: 50% !important;
    box-sizing: border-box; }
  .tabs-container ul.tabs {
    background: #efefef;
    overflow: hidden; }
    @media screen and (max-width: 480px) {
      .tabs-container ul.tabs li {
        font-size: 0.7em !important; } }
    .tabs-container ul.tabs li {
      float: left;
      cursor: pointer;
      height: 50px;
      line-height: 50px;
      text-align: center;
      color: #555;
      overflow: hidden;
      font-size: 0.8em;
      background: #efefef;
      box-sizing: border-box;
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .tabs-container ul.tabs li .text {
        display: inline-block;
        margin-right: 10px;
        margin-left: -5px; }
      .tabs-container ul.tabs li .circle {
        color: #fff;
        opacity: 0.5;
        margin-top: -3px; }
      .tabs-container ul.tabs li.active {
        background: #f9f9f9;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ffffff));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f9f9f9 0%, #ffffff 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #f9f9f9 0%, #ffffff 100%);
        /* W3C */
        border-bottom: none;
        font-weight: bold;
        height: 52px;
        margin-bottom: -2px; }
        .tabs-container ul.tabs li.active .circle {
          opacity: 1; }
      .tabs-container ul.tabs li:first-of-type {
        border-left: none; }
      .tabs-container ul.tabs li:last-of-type {
        border-right: none; }
  .tabs-container div.tab-content-container div.tab-content {
    background: #fff;
    display: none;
    clear: left;
    border-top: none; }
    .tabs-container div.tab-content-container div.tab-content.ct1 {
      display: block; }

div.form-error {
  background: #FFEEED;
  padding: 20px;
  display: none;
  color: #555;
  font-size: 0.8em;
  font-style: italic;
  line-height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  div.form-error a:visited, div.form-error a:link {
    color: #0a80ff; }
  div.form-error ul {
    clear: left; }
    div.form-error ul li {
      margin-bottom: 10px; }
      div.form-error ul li:last-of-type {
        margin-bottom: 0; }
  div.form-error .form-error-title {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 1em;
    color: #555;
    font-style: normal; }

div.form-error.active {
  display: block; }

div.info-message,
div.global-notice {
  background: #e5fca7 !important;
  padding: 20px;
  line-height: 16px;
  color: #555;
  display: none;
  font-size: 0.8em;
  font-style: italic;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

div.global-notice {
  display: block;
  border-radius: 3px;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 720px) {
    div.global-notice {
      margin-bottom: 10px; } }
  @media screen and (max-width: 380px) {
    div.global-notice {
      margin-bottom: 0;
      border-radius: 0;
      border: none; } }

div.info-message.active {
  display: block; }

.section-form div.form-error {
  margin: 20px; }

.hasError {
  border: 1px solid #ffaaaa !important; }

.tContent {
  padding: 20px; }

.tContent {
  display: none; }

.tContent.active {
  display: block; }

table {
  width: 100%; }
  table thead tr td {
    padding-bottom: 15px;
    color: #555;
    -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    -o-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    -ie-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    font-size: 0.8em;
    padding: 20px 10px;
    background: #efefef;
    /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #dfdfdf));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #efefef 0%, #dfdfdf 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #efefef 0%, #dfdfdf 100%);
    /* W3C */
    font-weight: bold;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    table thead tr td:first-of-type {
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 3px 0px 0px 0px; }
    table thead tr td:last-of-type {
      border-radius: 0px 3px 0px 0px; }
  table tbody tr:first-of-type td {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  table tbody tr td {
    padding: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 0.8em;
    color: #555;
    background: #dcefef;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2); }
    table tbody tr td:first-of-type {
      border-left: 1px solid rgba(0, 0, 0, 0.2); }
  table tbody tr:nth-of-type(2n) td {
    background: #f0f9ff; }

.details-list {
  overflow: hidden;
  background: #fff; }
  .details-list .row {
    clear: left;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .details-list .row:nth-of-type(2n) {
      background: #fcfcfc; }
    .details-list .row .section-label {
      padding: 15px 20px;
      float: left;
      width: 80px;
      background: #dfdfdf;
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      -webkit-box-shadow: inset -1px 0px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset -1px 0px 3px rgba(0, 0, 0, 0.1);
      -o-box-shadow: inset -1px 0px 3px rgba(0, 0, 0, 0.1);
      -ie-box-shadow: inset -1px 0px 3px rgba(0, 0, 0, 0.1);
      box-shadow: inset -1px 0px 3px rgba(0, 0, 0, 0.1); }
      .details-list .row .section-label .label {
        color: #555;
        -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
        -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
        -o-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
        -ie-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
        text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
        font-size: 0.8em;
        font-weight: bold; }
    .details-list .row .section-item {
      padding: 15px 20px;
      float: left;
      width: 100%;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .details-list .row .section-item .text {
        line-height: 1.4em;
        font-size: 0.8em;
        color: #555; }
        .details-list .row .section-item .text select {
          width: 100%; }
        .details-list .row .section-item .text input {
          width: 100%;
          box-sizing: border-box; }
        .details-list .row .section-item .text textarea {
          width: 96%;
          padding: 10px 2%;
          overflow: visible;
          height: 200px; }
        .details-list .row .section-item .text #skillTagsList li {
          margin-bottom: 20px; }
    .details-list .row .salary-part {
      float: left; }
      .details-list .row .salary-part:first-of-type {
        margin-right: 20px; }
  .details-list #listing-salary .text {
    overflow: hidden; }

.text-box {
  padding: 15px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow: hidden;
  background: #fefefe;
  font-size: 0.8em;
  color: #555; }

.file-box {
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow: hidden;
  background: #f9f9f9; }
  .file-box .file-info {
    float: left;
    line-height: 40px;
    margin-left: 10px;
    color: #555;
    font-size: 0.8em; }
  .file-box .file-download {
    float: right;
    height: 40px;
    width: 40px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -ie-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    background: #fff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ddd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    /* W3C */ }
    .file-box .file-download .button {
      margin: 5px 0 0 5px; }

.subsection {
  padding: 20px 20px 0px 20px; }
  .subsection:last-of-type {
    padding-bottom: 20px; }
  .subsection .subsection-body {
    padding: 20px;
    background: #e5e5e5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 3px 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 3px 7px rgba(0, 0, 0, 0.1);
    -o-box-shadow: inset 0px 3px 7px rgba(0, 0, 0, 0.1);
    -ie-box-shadow: inset 0px 3px 7px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 3px 7px rgba(0, 0, 0, 0.1); }

.side-container {
  width: auto;
  float: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #ffffee !important; }
  .side-container .navigation {
    display: none; }
  .side-container.large {
    float: right;
    width: 260px; }
  .side-container .applicant-monitor-info,
  .side-container .wishlist-monitor-info {
    overflow: hidden;
    padding: 20px; }
  .side-container .applicant-monitor-results,
  .side-container .wishlist-monitor-results {
    background: #dcefef;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #555;
    overflow: hidden;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 10px;
    line-height: 1.2em;
    font-size: 0.8em;
    text-align: center; }
    .side-container .applicant-monitor-results .count,
    .side-container .wishlist-monitor-results .count {
      font-weight: bold; }
  .side-container .side-help {
    padding: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: #555; }
    .side-container .side-help .topic-data {
      font-size: 0.8em; }

.info-message.not-listing {
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 20px; }
.info-message a.button {
  font-size: 1em; }
.info-message.active {
  border: 1px solid rgba(0, 0, 0, 0.2); }

section.terms {
  overflow: hidden;
  padding: 20px; }
  section.terms h1 {
    font-size: 2em;
    margin-bottom: 20px; }
  section.terms h2 {
    font-size: 1.6em;
    color: #555; }
  section.terms hr {
    opacity: 0.4;
    margin-bottom: 15px; }
  section.terms .decleration {
    margin-bottom: 20px;
    font-size: 0.8em;
    color: #555; }
  section.terms p {
    margin-bottom: 20px; }
  section.terms ol {
    margin-left: 20px; }
    section.terms ol li {
      margin-bottom: 20px; }
    section.terms ol span {
      display: block;
      line-height: 18px;
      margin-left: 20px; }

#landing-main {
  margin-left: 0 !important; }

.buttons .employer {
  display: none; }

.employerJobs {
  float: left;
  clear: left;
  margin-top: 20px; }

.form-info {
  font-size: 0.8em;
  line-height: 18px;
  margin-bottom: 20px;
  color: #555; }

#landing-page {
  margin-left: 0 !important; }

#recaptcha_widget input {
  width: 242px !important; }
#recaptcha_widget #recaptcha_image {
  width: 286px !important;
  margin-bottom: 0 !important; }
  #recaptcha_widget #recaptcha_image img {
    width: 286px !important; }

div.display-mobile,
div.display-tablet {
  display: none; }

div.display-desktop .lister-details {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
@media screen and (min-width: 1024px) {
  div.display-desktop div.wCont {
    padding: 40px 20px;
    width: 960px;
    margin: 0 auto; } }
@media screen and (max-width: 1023px) {
  div.display-desktop div.wCont {
    width: auto;
    padding: 20px 15px; } }
div.display-desktop .mobileRego,
div.display-desktop .changeForm {
  display: none; }
div.display-desktop .content-box .section {
  width: 100% !important; }
  div.display-desktop .content-box .section .text {
    margin-right: 0 !important;
    margin-bottom: 0 !important; }
  div.display-desktop .content-box .section img {
    float: right;
    width: 40%;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: -90px; }
    @media screen and (max-width: 840px) and (max-width: 750px) {
      div.display-desktop .content-box .section img {
        margin-top: -45px; } }
    @media screen and (max-width: 749px) {
      div.display-desktop .content-box .section img {
        margin-top: 0px; } }
div.display-desktop .devices-box {
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  float: left; }
  div.display-desktop .devices-box .section {
    margin-bottom: 0 !important; }
    div.display-desktop .devices-box .section .title {
      color: #555;
      margin-bottom: 20px; }
      div.display-desktop .devices-box .section .title .top {
        margin-bottom: 5px;
        font-size: 1.4em; }
      div.display-desktop .devices-box .section .title .bottom {
        font-size: 2.6em;
        color: #42A8ED; }
    div.display-desktop .devices-box .section .text {
      margin-right: 20px;
      font-size: 0.9em;
      color: #555;
      line-height: 20px; }
      div.display-desktop .devices-box .section .text p {
        margin-bottom: 20px; }
        div.display-desktop .devices-box .section .text p:last-of-type {
          margin-bottom: 0; }
    div.display-desktop .devices-box .section .store-buttons img {
      width: 160px;
      margin-right: 20px; }
      div.display-desktop .devices-box .section .store-buttons img:last-of-type {
        margin-right: 0; }
    div.display-desktop .devices-box .section .store-buttons a.button {
      font-size: 0.8em;
      margin-right: 10px; }
      div.display-desktop .devices-box .section .store-buttons a.button:last-of-type {
        margin-right: 0; }
  div.display-desktop .devices-box > img {
    margin-bottom: 0 !important;
    width: 45% !important; }
div.display-desktop .info-box {
  float: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  padding-bottom: 40px;
  overflow: hidden; }
  div.display-desktop .info-box .title {
    margin-bottom: 40px;
    font-size: 1.8em;
    color: #42A8ED; }
div.display-desktop #landing-page {
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  margin-left: -200px; }
  div.display-desktop #landing-page input[type="text"],
  div.display-desktop #landing-page input[type="password"],
  div.display-desktop #landing-page textarea,
  div.display-desktop #landing-page select {
    background: #fff; }
  div.display-desktop #landing-page ul.features-list {
    line-height: 20px;
    font-size: 0.8em;
    color: #999;
    padding: 20px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    list-style: disc; }
    div.display-desktop #landing-page ul.features-list li {
      margin-bottom: 10px;
      margin-left: 20px;
      line-height: 22px;
      color: #555; }
      div.display-desktop #landing-page ul.features-list li:last-of-type {
        margin-bottom: 0; }
  div.display-desktop #landing-page div.blurb {
    line-height: 20px;
    font-size: 0.9em;
    color: #999;
    padding: 20px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    font-style: italic; }
    div.display-desktop #landing-page div.blurb span.quote {
      color: #999;
      font-size: 1.2em;
      font-weight: bold;
      -webkit-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
      -moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
      -o-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
      -ie-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
      text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }
    div.display-desktop #landing-page div.blurb span.attribution {
      color: #555;
      font-size: 0.8em;
      font-weight: bold;
      clear: left;
      display: block;
      margin-top: 10px;
      -webkit-text-shadow: 0px 0px 0px transparent;
      -moz-text-shadow: 0px 0px 0px transparent;
      -o-text-shadow: 0px 0px 0px transparent;
      -ie-text-shadow: 0px 0px 0px transparent;
      text-shadow: 0px 0px 0px transparent; }
  div.display-desktop #landing-page div.content-box .subtitle {
    margin-bottom: 20px;
    color: #555;
    font-size: 1.4em;
    font-weight: normal; }
  div.display-desktop #landing-page div.content-box .text {
    font-size: 0.9em;
    color: #555;
    line-height: 18px; }
    div.display-desktop #landing-page div.content-box .text .highlight {
      font-weight: normal; }
  div.display-desktop #landing-page .slide-subtext {
    font-size: 0.8em;
    font-weight: bold; }
  div.display-desktop #landing-page .landing-promo {
    height: 480px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 750px) {
      div.display-desktop #landing-page .landing-promo {
        height: 420px; }
        div.display-desktop #landing-page .landing-promo .slide {
          height: 420px !important; } }
    @media screen and (max-width: 570px) {
      div.display-desktop #landing-page .landing-promo {
        height: 380px; }
        div.display-desktop #landing-page .landing-promo .slide {
          height: 380px !important; }
          div.display-desktop #landing-page .landing-promo .slide .buttons {
            float: none !important;
            width: 280px;
            margin: 0 auto; } }
    div.display-desktop #landing-page .landing-promo .slide {
      width: 100%;
      height: 480px;
      overflow: hidden;
      position: absolute; }
      div.display-desktop #landing-page .landing-promo .slide .wCont {
        height: 100%;
        padding: 40px 0;
        overflow: hidden;
        box-sizing: border-box; }
    div.display-desktop #landing-page .landing-promo .ps1 {
      display: block;
      background: url("/images/bgg.jpg") top center no-repeat; }
      div.display-desktop #landing-page .landing-promo .ps1 img.photo {
        float: right;
        width: 940px;
        margin-top: -40px;
        margin-right: -115px; }
      div.display-desktop #landing-page .landing-promo .ps1 img.slide-logo {
        margin-left: -56px; }
      div.display-desktop #landing-page .landing-promo .ps1 .slide-section-top {
        position: absolute;
        z-index: 100; }
        div.display-desktop #landing-page .landing-promo .ps1 .slide-section-top .slide-main-title {
          margin-left: -45px;
          font-style: italic;
          font-family: 'rochesterregular';
          color: #fff;
          font-size: 13em;
          -webkit-text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
          -moz-text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
          -o-text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
          -ie-text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
          text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2); }
        div.display-desktop #landing-page .landing-promo .ps1 .slide-section-top .slide-main-subtext {
          color: #fff;
          font-style: italic;
          -webkit-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
          -moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
          -o-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
          -ie-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
          text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
          font-weight: bold;
          font-size: 1em; }
          div.display-desktop #landing-page .landing-promo .ps1 .slide-section-top .slide-main-subtext .hasMargin {
            margin-left: 45px; }
      div.display-desktop #landing-page .landing-promo .ps1 .slide-section-mid {
        margin-top: 240px;
        width: 460px;
        position: absolute;
        z-index: 100;
        color: #fff;
        font-size: 1em;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
        div.display-desktop #landing-page .landing-promo .ps1 .slide-section-mid p {
          font-style: italic;
          line-height: 18px;
          margin-bottom: 20px; }
        div.display-desktop #landing-page .landing-promo .ps1 .slide-section-mid .buttons {
          float: left;
          margin-top: 10px; }
          div.display-desktop #landing-page .landing-promo .ps1 .slide-section-mid .buttons a.button {
            font-size: 0.8em;
            margin-right: 10px; }
            div.display-desktop #landing-page .landing-promo .ps1 .slide-section-mid .buttons a.button:last-of-type {
              margin-right: 0; }
      @media screen and (max-width: 1024px) {
        div.display-desktop #landing-page .landing-promo .ps1 .wCont {
          padding: 40px 20px; }
          div.display-desktop #landing-page .landing-promo .ps1 .wCont .slide-logo {
            margin-left: -25px; }
          div.display-desktop #landing-page .landing-promo .ps1 .wCont .slide-section-mid {
            margin-left: 30px; }
          div.display-desktop #landing-page .landing-promo .ps1 .wCont img.photo {
            margin-left: 225px;
            float: left;
            margin-right: 0; } }
      @media screen and (max-width: 750px) {
        div.display-desktop #landing-page .landing-promo .ps1 .wCont {
          padding: 20px; }
        div.display-desktop #landing-page .landing-promo .ps1 img.photo {
          width: 765px;
          margin-top: -20px;
          margin-left: 225px; }
        div.display-desktop #landing-page .landing-promo .ps1 .side-section-mid {
          margin-top: 230px; } }
      @media screen and (max-width: 620px) {
        div.display-desktop #landing-page .landing-promo .ps1 .slide-logo {
          margin-left: -20px !important; }
        div.display-desktop #landing-page .landing-promo .ps1 .wCont {
          overflow: hidden; }
        div.display-desktop #landing-page .landing-promo .ps1 img.photo {
          display: none; } }
      @media screen and (max-width: 570px) {
        div.display-desktop #landing-page .landing-promo .ps1 .wCont {
          overflow: hidden; }
        div.display-desktop #landing-page .landing-promo .ps1 .slide-logo {
          width: 100%; }
        div.display-desktop #landing-page .landing-promo .ps1 .slide-section-mid,
        div.display-desktop #landing-page .landing-promo .ps1 .slide-section-top {
          float: left;
          margin-left: 0 !important; }
        div.display-desktop #landing-page .landing-promo .ps1 .slide-section-top {
          margin-right: -15px; }
        div.display-desktop #landing-page .landing-promo .ps1 .slide-section-mid {
          text-align: center;
          width: auto !important;
          margin-top: 210px;
          padding-right: 20px; } }
      @media screen and (max-width: 480px) {
        div.display-desktop #landing-page .landing-promo .ps1 .slide-section-mid {
          margin-top: 190px; } }
      @media screen and (max-width: 420px) {
        div.display-desktop #landing-page .landing-promo .ps1 .slide-section-mid {
          margin-top: 170px; } }
  div.display-desktop #landing-page .content-wrapper {
    border-top: 1px solid white; }
    div.display-desktop #landing-page .content-wrapper div.wCont {
      padding: 40px 0;
      padding-bottom: 0; }
      div.display-desktop #landing-page .content-wrapper div.wCont .content-main {
        overflow: hidden;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      div.display-desktop #landing-page .content-wrapper div.wCont .promo-title {
        font-size: 1.4em;
        color: #555;
        -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
        -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
        -o-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
        -ie-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
        text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
        margin-bottom: 20px; }
div.display-desktop .promo-grid {
  overflow: hidden;
  background: url("/images/rbbg.jpg") top center no-repeat;
  background-size: cover; }
  div.display-desktop .promo-grid .wCont {
    margin-bottom: 0 !important; }
  div.display-desktop .promo-grid .col {
    width: 33.33%;
    float: left; }
    div.display-desktop .promo-grid .col .container {
      padding: 20px;
      height: 160px;
      margin-bottom: 40px;
      background: #fff;
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.2); }
      @media screen and (max-width: 880px) {
        div.display-desktop .promo-grid .col .container {
          height: 200px;
          margin-bottom: 20px;
          padding: 20px 15px; } }
      div.display-desktop .promo-grid .col .container .container-title {
        padding-bottom: 15px;
        margin-bottom: 15px;
        color: #555;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        div.display-desktop .promo-grid .col .container .container-title img {
          float: left;
          margin-right: 10px;
          height: 20px;
          margin-top: -2px;
          width: 20px; }
      div.display-desktop .promo-grid .col .container .container-body {
        line-height: 18px;
        font-size: 0.8em;
        color: #555; }
    @media screen and (min-width: 721px) {
      div.display-desktop .promo-grid .col:nth-of-type(1) .container {
        margin-right: 25px; } }
  @media screen and (min-width: 721px) and (max-width: 880px) {
    div.display-desktop .promo-grid .col:nth-of-type(1) .container {
      margin-right: 12.5px; } }
    @media screen and (min-width: 721px) {
      div.display-desktop .promo-grid .col:nth-of-type(2) .container {
        margin-left: 12.5px;
        margin-right: 12.5px; } }
  @media screen and (min-width: 721px) and (max-width: 880px) {
    div.display-desktop .promo-grid .col:nth-of-type(2) .container {
      margin-left: 6.25px;
      margin-right: 6.25px; } }
    @media screen and (min-width: 721px) {
      div.display-desktop .promo-grid .col:nth-of-type(3) .container {
        margin-right: 0;
        margin-left: 25px; } }
  @media screen and (min-width: 721px) and (max-width: 880px) {
    div.display-desktop .promo-grid .col:nth-of-type(3) .container {
      margin-left: 12.5px; } }
    @media screen and (min-width: 721px) {
      div.display-desktop .promo-grid .col:nth-of-type(4) .container {
        margin-right: 25px; } }
  @media screen and (min-width: 721px) and (max-width: 880px) {
    div.display-desktop .promo-grid .col:nth-of-type(4) .container {
      margin-right: 12.5px; } }
    @media screen and (min-width: 721px) {
      div.display-desktop .promo-grid .col:nth-of-type(5) .container {
        margin-left: 12.5px;
        margin-right: 12.5px; } }
  @media screen and (min-width: 721px) and (max-width: 880px) {
    div.display-desktop .promo-grid .col:nth-of-type(5) .container {
      margin-left: 6.25px;
      margin-right: 6.25px; } }
    @media screen and (min-width: 721px) {
      div.display-desktop .promo-grid .col:nth-of-type(6) .container {
        margin-right: 0;
        margin-left: 25px; } }
  @media screen and (min-width: 721px) and (max-width: 880px) {
    div.display-desktop .promo-grid .col:nth-of-type(6) .container {
      margin-left: 12.5px; } }

    @media screen and (max-width: 720px) {
      div.display-desktop .promo-grid .col {
        width: 50%; }
        div.display-desktop .promo-grid .col .container {
          height: 160px !important; }
        div.display-desktop .promo-grid .col:nth-of-type(2n+1) .container {
          margin-right: 10px;
          margin-left: 0; }
        div.display-desktop .promo-grid .col:nth-of-type(2n+2) .container {
          margin-right: 0;
          margin-left: 10px; } }
    @media screen and (max-width: 580px) {
      div.display-desktop .promo-grid .col {
        width: 100%; }
        div.display-desktop .promo-grid .col .container {
          height: auto !important;
          margin-left: 0 !important;
          margin-right: 0 !important; } }
div.display-desktop #login-page {
  margin-right: 0;
  padding: 0; }
  div.display-desktop #login-page .login-access {
    float: left;
    width: 50%; }
    div.display-desktop #login-page .login-access .login-title {
      width: 420px;
      font-weight: bold;
      font-size: 2.6em;
      line-height: 1.2em;
      margin-bottom: 40px;
      color: rgba(0, 0, 0, 0.6);
      -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
      -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
      -o-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
      -ie-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4); }
    div.display-desktop #login-page .login-access .form-error {
      margin-bottom: 40px;
      padding: 10px;
      width: 400px;
      border-radius: 3px; }
    div.display-desktop #login-page .login-access .input-wrapper {
      margin-bottom: 40px; }
      div.display-desktop #login-page .login-access .input-wrapper:last-of-type {
        margin-bottom: 20px; }
    div.display-desktop #login-page .login-access input[type="text"],
    div.display-desktop #login-page .login-access input[type="password"] {
      float: left;
      width: 400px; }
    div.display-desktop #login-page .login-access label.inline {
      margin-right: 10px;
      margin-bottom: 0; }
    div.display-desktop #login-page .login-access a.button {
      float: left;
      font-size: 0.8em; }
      div.display-desktop #login-page .login-access a.button:first-of-type {
        margin-right: 20px; }
  div.display-desktop #login-page .login-info {
    float: right;
    width: 50%; }
    div.display-desktop #login-page .login-info .box {
      display: none;
      background: #fff;
      height: 400px; }
div.display-desktop .registration {
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important; }
  div.display-desktop .registration .registration-title {
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    div.display-desktop .registration .registration-title div.circle {
      float: left;
      margin-top: 8px;
      margin-right: 10px;
      height: 30px;
      width: 30px;
      line-height: 30px; }
    div.display-desktop .registration .registration-title h2 {
      float: left;
      font-weight: bold;
      font-size: 2.4em;
      line-height: 1.2em;
      margin-bottom: 20px;
      color: rgba(0, 0, 0, 0.6);
      -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
      -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
      -o-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
      -ie-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4); }
  div.display-desktop .registration input[type="text"],
  div.display-desktop .registration input[type="password"] {
    width: 260px; }
  div.display-desktop .registration .input-wrapper.account-type {
    overflow: hidden;
    height: 60px;
    width: 100%;
    margin-bottom: 20px; }
    div.display-desktop .registration .input-wrapper.account-type select {
      margin-left: 0px;
      float: left;
      margin-top: 0px; }
  div.display-desktop .registration .form-body {
    overflow: hidden;
    clear: both; }
    div.display-desktop .registration .form-body #regoStep1-individual {
      float: left;
      width: 50%; }
      div.display-desktop .registration .form-body #regoStep1-individual input {
        width: 420px; }
    div.display-desktop .registration .form-body #regoStep1-company {
      width: 66.66%; }
      div.display-desktop .registration .form-body #regoStep1-company #regoStep1-info {
        float: left;
        width: 50%; }
      div.display-desktop .registration .form-body #regoStep1-company #regoStep1-contact {
        float: left;
        width: 50%; }
    div.display-desktop .registration .form-body #regoStep1-passGroup {
      float: left;
      width: 33.33%; }
      div.display-desktop .registration .form-body #regoStep1-passGroup input {
        width: 298px; }
    div.display-desktop .registration .form-body #regoStep1-buttons,
    div.display-desktop .registration .form-body .rego-buttons {
      float: left;
      clear: left;
      margin-top: 20px;
      padding-top: 20px;
      width: 100%;
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
      div.display-desktop .registration .form-body #regoStep1-buttons .button,
      div.display-desktop .registration .form-body .rego-buttons .button {
        float: right;
        font-size: 0.8em; }
      div.display-desktop .registration .form-body #regoStep1-buttons input,
      div.display-desktop .registration .form-body .rego-buttons input {
        margin-left: 20px;
        height: 42px;
        line-height: 42px; }
  div.display-desktop .registration.individual #regoStep1-passGroup {
    float: left;
    width: 50%; }
    div.display-desktop .registration.individual #regoStep1-passGroup input {
      width: 458px; }
  div.display-desktop .registration #bio-entry {
    width: 98%;
    height: 200px;
    margin-bottom: 20px; }
  div.display-desktop .registration .step2-bio {
    overflow: hidden; }
  div.display-desktop .registration .step2-skills {
    margin-bottom: 40px; }
    div.display-desktop .registration .step2-skills input[type="text"] {
      margin-right: 10px; }
    div.display-desktop .registration .step2-skills select {
      margin-right: 10px; }
    div.display-desktop .registration .step2-skills #skill-list {
      margin-top: 40px; }
  div.display-desktop .registration .terms-and-conditions {
    padding: 20px;
    background: #fff;
    height: 400px;
    overflow-y: scroll;
    margin-bottom: 30px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2); }
  div.display-desktop .registration #accept-terms {
    margin-left: 10px; }
  div.display-desktop .registration .thanks-text {
    color: #555;
    line-height: 1.4em; }

.rego-wizard-state {
  display: none; }

#skill-list li {
  float: left;
  cursor: pointer;
  margin-bottom: 20px;
  padding: 0px 5px;
  height: 30px;
  background: #efefef;
  line-height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 0.8em;
  color: #555;
  margin-right: 15px; }
  #skill-list li span.tag {
    float: left;
    display: block;
    height: 30px;
    margin-left: -6px;
    padding: 0 10px;
    margin-top: -1px;
    line-height: 30px;
    background: #aaa;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
    border-radius: 3px 0px 0px 3px; }
  #skill-list li span.area {
    display: none;
    overflow: hidden;
    margin: 0 10px;
    height: 32px; }
  #skill-list li span.areacode {
    display: none; }
  #skill-list li a {
    float: right;
    color: #ff0000;
    font-weight: bold;
    font-size: 0.6em;
    background: #999;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: none;
    border-radius: 0px 3px 3px 0px;
    width: 20px;
    height: 34px;
    line-height: 34px;
    padding-right: 3px;
    margin-right: -7px;
    margin-top: -1px;
    text-align: center; }

body.mozilla #ps1 .slide-main-subtext,
body.mozilla #ps2 .slide-main-subtext,
body.mozilla #ps4 .slide-main-subtext {
  font-size: 0.9em !important; }

/* Landing first */
#about-whisper {
  background: #fff;
  overflow: hidden; }
  #about-whisper .wCont {
    overflow: hidden; }

#about-whisper .devices-box {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none; }

.account-types {
  overflow: hidden;
  -webkit-transition: background 2s linear;
  background: linear-gradient(to right, #7D61D3 50%, #589FEC 0%) !important; }
  .account-types .wCont {
    padding: 0 !important; }

.acc-type {
  float: left;
  width: 440px;
  padding: 40px 0; }

.acc-type.employer {
  background: #7D61D3; }

.acc-type.employee {
  background: #589FEC; }

.acc-type.employee .highlight {
  color: #99FF56; }

.acc-type.employer .highlight {
  color: #FFDA18; }

.acc-type:first-of-type {
  padding-right: 40px; }

.acc-type:last-of-type {
  padding-left: 40px; }

.acc-type .title {
  font-size: 1.8em;
  color: #fff;
  cursor: pointer;
  margin-bottom: 20px; }

.acc-type .text {
  color: #fff;
  float: left;
  font-size: 0.9em;
  line-height: 20px; }

.employerWrapper .text:first-of-type,
.employeeWrapper .text:first-of-type {
  margin-bottom: 30px; }

.acc-type > .text {
  width: 450px; }

.acc-type img {
  float: right;
  margin-left: 20px; }

.acc-type .button {
  clear: left;
  font-size: 0.8em;
  float: left; }

.account-types.employer-select .employer,
.account-types.employee-select .employee {
  width: 840px; }

.account-types.employer-select .employee,
.account-types.employee-select .employer {
  width: 40px; }

.acc-type .title.toggle-content {
  width: 315px; }

.account-types.employer-select .employee .title,
.account-types.employee-select .employer .title {
  margin-right: 40px; }

.account-types.employer-select .employer > .text,
.account-types.employee-select .employee > .text {
  width: 820px; }

.account-types.employer-select .employer .hidden,
.account-types.employee-select .employee .hidden {
  display: block; }

.account-types.employer-select .employee .text,
.account-types.employer-select .employee img,
.account-types.employee-select .employer .text,
.account-types.employee-select .employer img {
  visibility: hidden; }

.acc-type .hidden {
  padding-top: 40px;
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2); }

.acc-type .devices-box .text {
  color: #fff !important;
  margin-right: 0 !important;
  overflow: visible !important; }

.acc-type .devices-box .text img {
  float: right;
  width: 40%;
  margin-left: 15px;
  margin-bottom: 10px; }
  @media screen and (min-width: 720px) {
    .acc-type .devices-box .text img {
      margin-top: -80px; } }

.acc-type .devices-box .title .top {
  margin-bottom: 10px !important;
  font-size: 0.9em !important; }

.acc-type.employer .devices-box .title .top {
  color: #FFDA18; }

.acc-type.employee .devices-box .title .top {
  color: #99FF56; }

.acc-type .devices-box .title .bottom {
  color: #fff !important;
  line-height: 1em;
  font-size: 1.6em !important; }

.appss,
.piess {
  border-radius: 4px;
  border: 5px solid rgba(0, 0, 0, 0.2); }

.acc-type .devices-box:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none; }

.footer {
  overflow: hidden;
  padding: 30px 0;
  background: #333;
  color: #efefef;
  font-size: 0.9em;
  text-align: center; }

.footer a:link,
.footer a:visited,
.footer a:focus,
.footer a:active {
  color: #0a80ff !important; }

.footer #disclaimer {
  font-size: 0.9em;
  font-style: italic;
  margin-bottom: 20px;
  color: #e5e5e5;
  font-style: italic; }

select.menu {
  display: none; }

.page-prizes .wCont.drawing {
  font-size: 0.9em;
  color: #555;
  margin-bottom: 20px;
  line-height: 18px; }

#error-page #big-titley-thing {
  font-size: 30pt;
  width: 640px;
  margin: 10px auto; }

#error-page #subtitley-thing {
  margin: 10px auto;
  font-size: 1.4em;
  width: 640px; }

#error-page #shatnerific {
  width: 640px;
  margin: 0 auto; }

.share-link {
  height: 32px;
  line-height: 32px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 20px;
  font-size: 0.8em;
  overflow: hidden;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.share-link .label {
  padding: 0 6px;
  height: 32px;
  float: left;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.1); }

.share-link .link {
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  padding-left: 10px;
  border-left: 1px solid rgba(200, 200, 200, 0.1); }

a.website-link {
  color: #0a80ff; }

@media screen and (max-width: 1024px) {
  .account-types .wCont {
    padding: 0 !important; }

  .acc-type {
    padding: 20px 15px !important;
    width: 100%;
    box-sizing: border-box; }

  .employerWrapper, .employeeWrapper, .employer, .employee {
    width: auto !important; }

  .account-types .title {
    width: 100%; }

  .acc-type .text p:last-of-type {
    margin-bottom: 0 !important; }

  .account-types.employer-select .employee .text,
  .account-types.employer-select .employee img,
  .account-types.employee-select .employer .text,
  .account-types.employee-select .employer img {
    visibility: visible; } }

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