/* Reset Factory */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit; }

body {
  line-height: 18px;
  font-size: 14px; }

a, button:focus, input, textarea {
  outline: none; }

a img {
  border: none; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

div {
  position: relative; }

span.reset {
  display: block;
  height: 1px;
  margin-top: -1px;
  clear: both; }

/* Layouts */
#header, #panel, #content, #footer {
  width: 864px;
  margin: 0 auto;
  overflow: visible; }

#header_outer, #header {
  height: 108px; }

#content {
  padding: 72px 0;
  overflow: auto; }

#content p, #panel p {
  font-size: 16px;
  margin-bottom: 18px;
  line-height: 22px; }

/* Defined Global Styles */
.spinButton {
  font-family: Calibri, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #e3e3e3 url(../images/layout/buttonGradient.png) bottom repeat-x;
  color: #424242;
  padding: 9px 13px;
  text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.7);
  cursor: pointer;
  text-transform: uppercase; }
  .spinButton:hover, .spinButton:focus {
    background: #cccccc url(../images/layout/buttonGradient.png) bottom repeat-x;
    color: black;
    border: 1px solid rgba(0, 0, 0, 0.8); }
  .spinButton:active {
    -moz-box-shadow: 0px 1px 3px rgba(255, 100, 0, 0.5);
    -webkit-box-shadow: 0px 1px 3px rgba(255, 100, 0, 0.5);
    border: 1px solid rgba(255, 100, 0, 0.7); }

.first {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 0; }

.last {
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 3px; }

.inner {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px; }

#header_nav li .spinButton {
  border: 0; }

a {
  font-weight: bold;
  color: #9e0059;
  text-decoration: none; }
  a:hover, a:focus {
    color: #c0227b; }
  a:active {
    color: #9e0059; }

/* Styles */
body {
  background: #2e2e2e;
  color: #222222;
  font-size: 14px;
  font-family: Calibri, Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  color: #444444;
  font-family: Calibri, Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 24px;
  letter-spacing: -0.05em;
  margin-bottom: 18px; }

h3 {
  font-size: 18px;
  letter-spacing: -0.05em;
  margin-bottom: 18px; }

/* Header */
#header_outer {
  background: url(../images/layout/header_bg.png); }

#header {
  background: url(../images/layout/header_inner_bg.jpg); }
  #header #header_nav {
    list-style: none;
    margin: 33px 0 0 0;
    padding: 0;
    float: right; }
    #header #header_nav li {
      float: left;
      display: block;
      margin-left: 3px; }

#content_outer {
  background: white; }

#footer {
  background: url(../images/layout/footerbg.jpg) repeat-x; }

#header h1 {
  color: white;
  width: 234px;
  height: 72px;
  background: url(../images/layout/header.jpg);
  position: absolute;
  top: 18px; }
  #header h1 a {
    display: block;
    width: 234px;
    height: 72px;
    text-indent: -5000px; }

/* Panel */
#panel_outer {
  background: white url(../images/layout/diagonals.jpg); }
  #panel_outer .bottom_shadow {
    display: block;
    position: absolute;
    bottom: 0px;
    height: 13px;
    width: 100%;
    background: url(../images/layout/panel_bottom_shadow.png); }
  #panel_outer .top_shadow {
    display: block;
    position: absolute;
    top: 0px;
    height: 13px;
    width: 100%;
    background: url(../images/layout/panel_top_shadow.png); }
  #panel_outer #panel #flash {
    color: #444444;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px; }
    #panel_outer #panel #flash div {
      padding: 36px 0 36px 48px; }
    #panel_outer #panel #flash #flash_error {
      background: url(../images/layout/flash_error.png) no-repeat left 50%; }
    #panel_outer #panel #flash #flash_info, #panel_outer #panel #flash #flash_notice {
      background: url(../images/layout/flash_info.png) no-repeat left 50%; }

/* Content */
/* Front Page Custom */
#content.page {
  overflow: auto; }
  #content.page .left, #content.page .right {
    float: left; }
  #content.page .left {
    width: 450px; }
  #content.page .left img {
    float: left;
    margin-right: 18px; }
  #content.page .right {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    width: 315px;
    margin-left: 45px;
    background-color: #eeecec;
    padding: 27px; }
    #content.page .right ul {
      margin: 18px 0 0 0;
      padding: 0;
      list-style: none; }
      #content.page .right ul li {
        font-weight: normal;
        margin-bottom: 9px; }
        #content.page .right ul li p {
          font-size: 12px; }

#panel.page {
  padding: 36px 0; }
  #panel.page img {
    float: left;
    margin: 0 18px 18px 0; }
  #panel.page p {
    font-size: 18px;
    line-height: 24px; }
  #panel.page h3 {
    font-size: 31px;
    font-weight: bold;
    line-height: 34px;
    color: #6f6969;
    letter-spacing: -1px;
    margin-bottom: 24px;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; }
  #panel.page #intro_text {
    background-color: white;
    padding: 27px 135px 18px 27px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
    margin: 0 0 18px -27px; }
    #panel.page #intro_text p {
      line-height: 24px;
      font-size: 18px;
      margin-bottom: 18px;
      width: 444px; }
    #panel.page #intro_text #elevator {
      margin-top: 36px; }
      #panel.page #intro_text #elevator form {
        width: 470px;
        margin-bottom: 9px; }
        #panel.page #intro_text #elevator form input {
          width: 450px; }
  #panel.page #screenshots {
    float: right;
    position: relative;
    z-index: 1000; }

/* White Label Page Etras */
.third_column {
  width: 30%;
  float: left;
  margin-right: 5%; }
  .third_column ul {
    margin: 0 2em 0 0;
    list-style: none; }
    .third_column ul li {
      margin-bottom: 3em;
      padding-left: 3em;
      list-style: none;
      background: url("../images/sales/hth_icon_small.jpg") no-repeat 0px 3px; }
      .third_column ul li h3 {
        line-height: 1em;
        margin-bottom: 0.75em;
        color: #3b6085; }

.third_column.last {
  margin: 0; }

/* Forms */
form {
  width: 507px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  background: #e6ecf3;
  padding: 36px;
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  margin-bottom: 18px; }
  form ol {
    list-style: none; }
    form ol li.checkbox label, form ol li.boolean label {
      float: left; }
    form ol li.checkbox input, form ol li.boolean input {
      font-size: 24px;
      width: 18px;
      margin: 0 0 18px 9px; }
    form ol li {
      clear: both; }
      form ol li input, form ol li textarea {
        -moz-border-radius: 5px;
        background: white url(../images/layout/input_shadow.png) repeat-x;
        -webkit-border-radius: 5px;
        font-family: Calibri, Helvetica, Arial, sans-serif;
        border: 1px solid silver;
        padding: 6px;
        width: 491px;
        margin-bottom: 18px;
        font-size: 1.3em; }
        form ol li input:focus, form ol li textarea:focus {
          background-color: #fff3e4;
          border-weight: 1px;
          border-style: solid;
          border-color: #c0227b; }
      form ol li textarea {
        height: 288px; }
      form ol li label {
        color: #666666;
        display: block;
        text-align: left;
        cursor: pointer;
        margin-bottom: 9px;
        font-size: 1.3em;
        letter-spacing: -0.05em; }
        form ol li label:hover {
          color: #c0227b; }

/* User list forms */
div#can_answer, div#can_not_answer {
  width: 397px;
  float: left; }
  div#can_answer ul li, div#can_not_answer ul li {
    list-style: none;
    display: block;
    clear: both;
    margin-bottom: 0; }
    div#can_answer ul li form, div#can_not_answer ul li form {
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      padding: 0;
      background: none;
      width: 397px;
      margin-bottom: 3px; }
      div#can_answer ul li form button, div#can_not_answer ul li form button {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        background: #9e0059;
        color: white;
        border: 0;
        padding: 4px 2px;
        cursor: pointer;
        width: 397px;
        text-align: left;
        font-size: 14px; }
      div#can_answer ul li form button:hover, div#can_not_answer ul li form button:hover {
        background: #c0227b; }

div#can_not_answer {
  margin-left: 70px; }

/* In Table Forms */
table {
  width: 859px;
  border-collapse: collapse; }
  table tr th, table tr td {
    padding: 6px;
    vertical-align: top; }
  table tr th {
    text-align: left;
    font-weight: bold;
    border-bottom: 2px solid #cccccc; }
  table tr td {
    border-bottom: 1px solid #cccccc; }
  table tr td.controls {
    text-align: right; }
    table tr td.controls form {
      padding: 0;
      margin: 0;
      width: 54px;
      float: left;
      background: transparent;
      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0); }
      table tr td.controls form button {
        padding: 2px 4px 3px 4px;
        font-size: 12px;
        color: #222222; }
        table tr td.controls form button:hover {
          color: black; }

ul#select_subject {
  list-style: none;
  margin: 0 0 36px 0;
  padding: 0; }
  ul#select_subject li .subject {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #eeeeee;
    border: 1px solid #dddddd;
    display: block;
    padding: 9px;
    margin: 0 0 3px 0; }
    ul#select_subject li .subject span.controls {
      float: right; }
      ul#select_subject li .subject span.controls a {
        background: #333333;
        color: #eeeeee;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 3px 6px;
        margin-left: 3px; }
        ul#select_subject li .subject span.controls a:hover {
          background: #444444;
          color: white; }
    ul#select_subject li .subject a:hover {
      text-decoration: none;
      background: #ddddee; }
  ul#select_subject ul {
    list-style: none;
    margin: 0 0 0 18px; }
    ul#select_subject ul li .subject {
      margin: 0 0 3px 0px;
      border: 0;
      background: #dddddd; }

/* Subject forms */
.subject form {
  padding: 0;
  margin: 0;
  float: left;
  width: auto; }

/* Footer */
#jivalink {
  background: url(../images/layout/jivalink.jpg);
  text-indent: -5000px;
  display: block;
  width: 297px;
  height: 108px;
  margin: 0 auto 36px; }