/* VARIABLES */
/* bootstrap sizes */
/* xs: < 767px   -   sm: 768px+   -   md: 992px+   -   lg: 1200px+ */
/* colors */
/* fonts */
/* sizing */
/* MIXINS */
/* overall font default */
body,
input,
textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px; }

/* headers */
h1 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  /* was 26px/31px */ }
  @media (min-width: 768px) {
    h1 {
      font-size: 36px;
      line-height: 42px; } }

h2 {
  font-size: 26px;
  line-height: 31px;
  font-weight: 700;
  /* was 18px/24px */ }

h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  /* was 16px/20px */ }

h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700; }

h5 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin: 0; }

h1 + h2,
h1 + h3,
h2 + h3,
h2 + h4 {
  margin-top: 0; }

.blue-title {
  font-size: 18px;
  color: midnightblue;
  font-weight: bold; }

.blue-section {
  font-size: 14px;
  color: midnightblue;
  font-weight: bold; }

/* font sizes */
.font-mini {
  font-size: 10px; }

.font-medium {
  font-size: 12px; }

.font-large {
  font-size: 16px; }

.font-larger {
  font-size: 18px; }

.font-huge {
  font-size: 20px; }

.font-huger {
  font-size: 22px; }

.font-hugest {
  font-size: 24px; }

.subheader {
  color: #660099;
  font-size: 18px;
  font-weight: bold;
  margin: 35px 0 18px; }

.minor {
  font-size: 15px;
  font-weight: bold;
  margin: 25px 0 16px; }

.note {
  color: #CC6600;
  font-weight: bold; }

.narrowfont {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; }

/* font colors */
.darkgreen {
  color: darkgreen; }

.deeppink {
  color: deeppink; }

.purple {
  color: purple; }

.darkblue {
  color: darkblue; }

.maroon {
  color: #b93724; }

.darkorange {
  color: darkorange; }

.green {
  color: green; }

.lightgreen {
  color: lightgreen; }

.black {
  color: black; }

.forestgreen {
  color: forestgreen; }

.darkgray {
  color: darkgray; }

.red {
  color: red; }

.midnightblue {
  color: midnightblue; }

.indigo {
  color: indigo; }

.white {
  color: white; }

.hot {
  color: #990000; }

.warm {
  color: #CC9900; }

.cool {
  color: #61C100; }

.cold {
  color: #28BAFF;
  /* option: #0066CC */ }

.online {
  color: #0ca904;
  font-weight: 700; }

.asterisk {
  color: #f4000b; }

.profile-label {
  color: #AF0000; }

.light {
  color: #AAAAAA; }

.plugin {
  color: #03a90c;
  font-weight: bold; }

.aqua {
  color: #009999; }

.orange {
  color: #FFC407; }

/* Buttons */
.button-large, a.blueButton.large,
a.blueButton.large:visited,
input[type='submit'].blueButton.large,
input[type='button'].blueButton.large,
button.blueButton.large, a.orangeButton.large,
a.orangeButton.large:visited,
input[type='submit'].orangeButton.large,
input[type='button'].orangeButton.large,
button.orangeButton.large {
  font-size: 16px;
  padding: 4px 10px;
  margin: 8px 0;
  display: inline-block; }

/* TO DO: aspects of blueButton are the default now. Sort out. */
a.blueButton,
a.blueButton:visited,
input[type='submit'].blueButton,
input[type='button'].blueButton,
button.blueButton {
  text-decoration: none;
  padding: 2px 8px;
  border-radius: 4px;
  font: 500 12px Verdana;
  text-align: center;
  background: #EAF6FF;
  border: solid 1px #b8dfff;
  color: #010f70;
  /* orange background option: 
  background: rgb(255, 214, 0);
  color: #000; */ }
  a.blueButton:hover,
  a.blueButton:visited:hover,
  input[type='submit'].blueButton:hover,
  input[type='button'].blueButton:hover,
  button.blueButton:hover {
    background: #010f70;
    border: solid 1px #010f70;
    color: #fff; }

a.orangeButton,
a.orangeButton:visited,
input[type='submit'].orangeButton,
input[type='button'].orangeButton,
button.orangeButton {
  text-decoration: none;
  padding: 2px 8px;
  border-radius: 4px;
  font: 500 12px Verdana;
  text-align: center;
  background: linear-gradient(to bottom, #FDF971, #FFDD7E);
  border: solid 1px #ffcf64;
  color: #771400; }
  a.orangeButton:hover,
  a.orangeButton:visited:hover,
  input[type='submit'].orangeButton:hover,
  input[type='button'].orangeButton:hover,
  button.orangeButton:hover {
    background: #771400;
    border: solid 1px #771400;
    color: #fff; }

.gray-button {
  cursor: pointer;
  padding: 10px;
  text-align: center;
  display: inline-block;
  background-color: #efefef;
  border: solid 2px #ccc;
  border-radius: 8px;
  white-space: nowrap; }

/* the shine */
.shine {
  overflow: hidden; }
  .shine i {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    background: -webkit-linear-gradient(legacy-direction(to right), rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    width: 35%;
    height: 100%;
    transform: skew(45deg, 0deg);
    animation: move 8s;
    animation-iteration-count: infinite;
    animation-delay: 5s; }

/* shine animation */
@keyframes move {
  0% {
    left: -30px;
    opacity: 0; }
  10% {
    opacity: 0.2; }
  20% {
    left: calc(100% + 15px);
    opacity: 0; }
  /* delay between animations - nothing changes */
  100% {
    left: calc(100% + 15px);
    opacity: 0; } }
/* Forms general */
textarea,
input {
  border: solid 1px #ccc;
  border-radius: 4px;
  padding: 4px 8px;
  margin: 0 4px; }

textarea {
  line-height: 17px; }

textarea::placeholder,
input::placeholder {
  color: #ccc; }

input {
  line-height: 26px; }

input[type='text'],
input[type='email'],
input[type='password'] {
  padding: 0 8px; }

input[type='submit'],
input[type='button'],
button {
  background-color: #eaf6ff;
  border: solid 1px #b8dfff;
  color: #010f70;
  padding: 0 8px; }

select {
  border: solid 1px #ccc;
  padding: 2px 3px;
  margin: 0 4px;
  font-size: 12px; }

/* specific forms */
.settingsBox {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  text-align: left;
  position: relative; }
  .settingsBox.left {
    margin: 0; }
  .settingsBox h2 {
    margin: 20px 0 10px;
    display: block;
    font-size: 16px; }
  .settingsBox fieldset {
    padding-top: 19px;
    margin: 14px 0 20px 0; }
    .settingsBox fieldset > div,
    .settingsBox fieldset > label {
      width: 100%; }
    .settingsBox fieldset legend {
      font-size: 16px;
      font-weight: bold; }
    .settingsBox fieldset label {
      background-color: #EAF6FF;
      font-size: 14px;
      float: left;
      clear: left;
      padding: 6px; }
      .settingsBox fieldset label.long {
        max-width: 460px;
        margin: 0; }
  .settingsBox .field {
    float: left;
    line-height: 22px;
    font-size: 13px;
    width: 100%; }
  .settingsBox .optionsBox {
    float: left;
    padding: 7px 0 10px 28px;
    background-color: #CF9;
    margin-bottom: 6px; }
    .settingsBox .optionsBox.long {
      line-height: 22px; }
    .settingsBox .optionsBox.userImages {
      padding: 7px 14px 10px; }
      .settingsBox .optionsBox.userImages img {
        height: 40px;
        width: 40px;
        cursor: pointer; }
    .settingsBox .optionsBox#selectedImage {
      padding: 7px 14px 10px; }
  .settingsBox .details {
    line-height: 16px;
    clear: left;
    background: #FDFFCF;
    font-size: 12px;
    padding: 9px 20px;
    color: #333;
    margin-bottom: 6px; }
  .settingsBox textarea {
    width: 100%;
    margin: 8px 0;
    padding: 6px; }
    .settingsBox textarea.long {
      max-width: 460px; }
  .settingsBox .ratings {
    background-color: #fff;
    font-size: 12px; }
  .settingsBox .option {
    float: left;
    width: 100%;
    max-width: 150px;
    font-size: 13px; }
    .settingsBox .option.long {
      max-width: 460px;
      float: none; }
  .settingsBox .ratings .rating {
    background-color: #fc3;
    padding: 6px;
    margin-bottom: 6px; }
    .settingsBox .ratings .rating input {
      float: left;
      margin: 0 6px 6px 0; }
    .settingsBox .ratings .rating img {
      float: left;
      margin: 0 9px 0 0; }
  .settingsBox input[type=checkbox],
  .settingsBox input[type=radio] {
    margin: 1px; }
  .settingsBox #filters .disabled {
    color: #aaa;
    display: none; }
  .settingsBox .aiSettings {
    line-height: 18px; }
    .settingsBox .aiSettings td {
      font-size: 11px; }
      .settingsBox .aiSettings td:first-child {
        background-color: #EAF6FF;
        font-size: 13px;
        font-weight: bold; }
      .settingsBox .aiSettings td:nth-child(2) {
        background-color: #CCFF99; }
    .settingsBox .aiSettings tr td.details {
      background-color: white;
      font-size: 11px;
      font-weight: normal;
      line-height: 14px; }
    .settingsBox .aiSettings tr td .share {
      float: right; }
  .settingsBox .share {
    padding-top: 10px; }
  .settingsBox .data {
    margin-top: 5px; }
  .settingsBox .show-in-profile {
    position: absolute;
    top: 18px;
    right: 15px; }
    @media (min-width: 768px) {
      .settingsBox .show-in-profile {
        right: 42px; } }
  .settingsBox .required {
    font-size: 10px;
    margin-left: 2px;
    position: relative;
    top: -3px;
    color: green; }
  .settingsBox #goodbye {
    margin-top: 40px; }
  .settingsBox input[type='text'],
  .settingsBox input[type='email'],
  .settingsBox input[type='password'] {
    width: 100%;
    margin: 2px 0 6px; }

.settingsBox textarea.textarea-full,
textarea.textarea-full {
  width: 100%;
  padding: 6px; }

.large-form {
  /* this is only used by create-account.php */ }
  .large-form input {
    font-size: 18px;
    padding: 6px; }
    .large-form input.blueButton {
      font-size: 14px; }
  .large-form fieldset label,
  .large-form .settingsBox fieldset label {
    background-color: #EAF6FF;
    font-size: 16px;
    float: left;
    clear: left;
    line-height: 17px;
    margin: 0 6px 6px 0;
    padding: 9px 8px 8px; }
  .large-form .settingsBox .field {
    float: left;
    line-height: 36px;
    font-size: 14px; }
  .large-form .settingsBox .ratings {
    background-color: #fff;
    padding: 7px 0 0 0; }

#chosenFace {
  border: solid 1px #999;
  margin-bottom: 6px; }

/* applies to all navbars */
.navbar {
  background: #fac10f url("/images/stormset-repeating.jpg") top center repeat-x;
  height: 70px;
  border-bottom: solid 8px #010f70;
  margin-bottom: 0;
  /* subnav */ }
  .navbar .navbar-brand {
    position: absolute;
    top: 11px;
    left: 25px;
    z-index: 10;
    padding: 0; }
    .navbar .navbar-brand img {
      width: 170px; }
  .navbar .navbar-toggle {
    padding: 12px 20px 14px 0;
    margin: 0;
    color: #060c35; }
    .navbar .navbar-toggle.secondary {
      padding-right: 10px; }
      .navbar .navbar-toggle.secondary .gear-counter .badge {
        position: absolute;
        top: 21px;
        left: 5px;
        z-index: 5;
        background-color: #b93724;
        padding: 2px; }
      .navbar .navbar-toggle.secondary .gear-counter .glyphicon {
        font-size: 25px; }
  .navbar .badge {
    margin-left: 6px;
    background-color: #010f70; }
  .navbar .nav li {
    white-space: nowrap; }
  .navbar .glyphicon-cog {
    font-size: 20px; }
  .navbar .nav .nav .nav {
    padding-left: 24px;
    background-color: #f3f3f3;
    border-bottom: solid 1px #ccc;
    margin-bottom: 4px; }
    .navbar .nav .nav .nav > li > a {
      padding: 5px 15px; }
    .navbar .nav .nav .nav > li .pull-right {
      padding-top: 4px;
      margin-right: 15px; }
  @media (min-width: 768px) {
    .navbar .navbar-nav > li {
      float: none;
      display: inline-block; } }
  .navbar .navbar-nav li .dropdown-menu li a,
  .navbar .navbar-nav .open .dropdown-menu > li > a {
    color: #333; }
  .navbar .dropdown-menu li a:hover:not(.submenu-toggle):not(.dropdown-header),
  .navbar .dropdown-menu li .nav li:hover:not(.submenu-toggle):not(.dropdown-header) {
    background: #ffff99;
    background: -webkit-linear-gradient(legacy-direction(to bottom), #ffff99 0%, #fec901 100%);
    background: linear-gradient(to bottom, #ffff99 0%, #fec901 100%);
    background-color: #ffff99; }
  .navbar #menu-users li {
    display: table-row; }
    .navbar #menu-users li.dropdown-header {
      display: block; }
    .navbar #menu-users li a, .navbar #menu-users li span {
      display: table-cell; }
  .navbar .dropdown-menu > .dropdown-header {
    margin-left: 12px; }

/* specific navbar */
@media (min-width: 768px) {
  #navbar-main {
    background-image: none;
    background-color: transparent;
    background-image: none;
    border-bottom: none;
    border-top: none;
    margin-top: 5px; } }
#navbar-main .navbar-nav {
  background-color: transparent; }
  @media (min-width: 768px) {
    #navbar-main .navbar-nav {
      float: none;
      text-align: center; } }
  #navbar-main .navbar-nav > .open > a {
    background: transparent;
    background-image: none;
    box-shadow: none; }
  #navbar-main .navbar-nav li.dropdown > a {
    font-size: 18px;
    color: #ffcc00;
    letter-spacing: -1px;
    line-height: 16px;
    font-weight: bold;
    padding: 10px 15px; }
    @media (min-width: 768px) {
      #navbar-main .navbar-nav li.dropdown > a {
        color: #010f70; }
        #navbar-main .navbar-nav li.dropdown > a:not(.user-image) .caret {
          /*display: none;*/ }
        #navbar-main .navbar-nav li.dropdown > a.user-image {
          padding-top: 0; } }
#navbar-main li.dropdown-header {
  float: none;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 5px;
  color: green; }
#navbar-main .user-image {
  margin-left: 20px; }
  #navbar-main .user-image img {
    width: 40px;
    border: solid 1px #060c35;
    border-radius: 8px; }
#navbar-main .subnav-time-on {
  color: green;
  letter-spacing: -1px;
  overflow: hidden;
  padding-right: 10px; }
#navbar-main .menu-item {
  margin-left: 12px; }

@media (min-width: 768px) {
  #navbar-master {
    display: none; } }
#navbar-master ul {
  left: calc(50% - 100px); }
  #navbar-master ul li {
    margin: 10px 25px; }
    #navbar-master ul li > a {
      display: inline;
      padding: 0;
      color: #337ab7; }

#toggle-master {
  display: none; }
  @media (min-width: 768px) {
    #toggle-master {
      display: block; } }

.navbar-default {
  border-bottom: 4px solid #010f70;
  position: relative;
  box-shadow: none;
  border-radius: 0;
  background-color: #fff;
  background-image: none; }

.navbar-header {
  float: none;
  height: 70px; }
  .navbar-header .pf-badge {
    float: right; }

#navbar-messaging {
  position: absolute;
  top: 69px;
  right: 17px;
  z-index: 12; }
  @media (min-width: 768px) {
    #navbar-messaging {
      position: relative;
      top: 0;
      right: 0;
      float: right;
      margin-right: 15%; } }
  #navbar-messaging > ul {
    margin: 0; }
    #navbar-messaging > ul > li {
      background: #ffcc00;
      background: -webkit-linear-gradient(legacy-direction(45deg), #ffcc00 0%, #ffe0c0 50%, #ffc904 100%);
      background: linear-gradient(45deg, #ffcc00 0%, #ffe0c0 50%, #ffc904 100%);
      /*background: #b93724;*/
      border-radius: 0 0 6px 6px;
      text-align: center;
      min-width: 33px; }
      @media (min-width: 768px) {
        #navbar-messaging > ul > li {
          margin-right: -5px;
          /* mystery margin */ } }
      #navbar-messaging > ul > li > a {
        padding: 4px 5px 8px;
        border-radius: 0 0 6px 6px; }
        #navbar-messaging > ul > li > a:hover {
          background-color: #b93724; }
        #navbar-messaging > ul > li > a img {
          display: block;
          margin: 0 auto; }
          #navbar-messaging > ul > li > a img.human {
            margin: 2px auto 2px; }
          #navbar-messaging > ul > li > a img.top {
            margin-bottom: 3px; }
        #navbar-messaging > ul > li > a .badge {
          background-color: #fff;
          color: #000;
          margin: 5px 0 0; }
  #navbar-messaging #two-bots .badge {
    display: none; }
  #navbar-messaging .dropdown.open ul {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  #navbar-messaging .messages-from {
    padding-right: 10px; }
    #navbar-messaging .messages-from li {
      font-size: 12px;
      padding: 0 8px 12px 54px; }
      #navbar-messaging .messages-from li.message {
        cursor: pointer; }
      #navbar-messaging .messages-from li.dropdown-header {
        font-size: 15px;
        font-weight: bold;
        padding: 5px 0 15px;
        color: green; }
      #navbar-messaging .messages-from li.link {
        padding: 14px 8px 8px 8px;
        text-align: center;
        font-size: 16px; }
      #navbar-messaging .messages-from li img {
        position: absolute;
        left: 6px; }
      #navbar-messaging .messages-from li .userName {
        font-size: 18px;
        font-weight: 700;
        white-space: nowrap; }

#mobile-login {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 10; }

#mobile-badge .profile-link {
  display: inline-block; }
  #mobile-badge .profile-link img {
    display: inline-block;
    vertical-align: baseline; }
#mobile-badge .info {
  display: inline-block;
  margin-left: 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif; }
  #mobile-badge .info .user-name {
    font-size: 20px;
    color: #000;
    font-weight: bold; }
  #mobile-badge .info .links {
    font-size: 12px;
    line-height: 22px;
    padding-left: 2px;
    position: relative;
    top: -3px; }

#web-login {
  margin-top: 10px;
  top: 10px;
  text-align: right; }
  #web-login a {
    margin: 0 5px;
    font-size: 16px; }

#web-badge {
  margin: 3px 6px 0 0; }
  #web-badge .rounded {
    padding: 4px 10px 4px 6px; }
    #web-badge .rounded:after {
      content: " ";
      display: table;
      clear: both; }
  #web-badge img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    float: left; }
  #web-badge .info {
    float: left;
    position: relative;
    top: -2px;
    white-space: nowrap;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: -6px; }
    #web-badge .info .user-name {
      font-size: 18px;
      line-height: 16px;
      margin-top: 4px;
      font-weight: bold; }
    #web-badge .info .links {
      line-height: 22px;
      font-size: 12px;
      padding-left: 2px; }

/* Workshop-related styles */
#workshopNav {
  font-size: 14px;
  line-height: 23px;
  margin-top: 6px;
  padding-left: 15px; }
  #workshopNav a {
    color: #fff;
    font-weight: bold;
    text-decoration: none; }
  #workshopNav .navSpace {
    width: 20px;
    display: inline-block; }
  #workshopNav .check {
    height: 15px;
    width: 15px; }

#workshopHead {
  background: url("/images/workshop.jpg") -638px -256px no-repeat;
  padding: 14px 25px 19px;
  margin: -15px -15px 10px;
  color: #fffec5;
  border-bottom: solid 3px #FC3;
  border-radius: 0;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    #workshopHead {
      background-position: -409px -246px;
      margin: -15px 0 10px 0;
      border-radius: 8px 8px 0 0; } }
  #workshopHead.subpage {
    padding: 14px 25px 8px;
    background-position: -638px -299px; }
    @media (min-width: 768px) {
      #workshopHead.subpage {
        background-position: -409px -246px; } }
    #workshopHead.subpage h1 {
      float: left; }
  #workshopHead h1 {
    font: 700 26px Verdana, Arial, Helvetica, sans-serif;
    margin-top: 4px;
    margin-bottom: 0px; }
    @media (min-width: 768px) {
      #workshopHead h1 {
        font-size: 30px; } }
  #workshopHead img {
    vertical-align: inherit; }

/* Bot navigation */
#workshopNav.botNav {
  clear: both;
  padding-left: 0; }
  #workshopNav.botNav .menuItem {
    position: relative;
    float: left; }
    #workshopNav.botNav .menuItem .header {
      cursor: pointer;
      padding: 0 9px 4px;
      border-left: solid 1px transparent; }
      #workshopNav.botNav .menuItem .header:after {
        content: '';
        width: 1px;
        border-right: solid 1px #fffec5;
        height: 14px;
        position: absolute;
        top: 5px;
        right: -1px; }
    #workshopNav.botNav .menuItem:last-of-type .header:after {
      border-right: none; }
    #workshopNav.botNav .menuItem:first-of-type .header {
      position: relative; }
    #workshopNav.botNav .menuItem.hovering .header {
      border-left: solid 1px #fffec5; }
    #workshopNav.botNav .menuItem .header:hover {
      background: #ea6323; }
    #workshopNav.botNav .menuItem ul {
      display: none;
      position: absolute;
      top: 27px;
      list-style-type: none;
      left: 0;
      background-color: #9a3018;
      background: linear-gradient(#9a3018, #ea6323);
      padding: 8px 0 0 0;
      border-left: solid 1px #fffec5;
      border-right: solid 1px #fffec5;
      border-bottom: solid 1px #fffec5;
      z-index: 5; }
      #workshopNav.botNav .menuItem ul li {
        margin-left: 0;
        padding: 3px 17px;
        white-space: nowrap; }
        #workshopNav.botNav .menuItem ul li:hover {
          background-color: #9a3018; }
        #workshopNav.botNav .menuItem ul li a {
          font-weight: normal; }

#workshop .mini-list .station {
  border-bottom: solid 3px #E4B600;
  border-radius: 0 0 8px 8px;
  cursor: pointer; }
  #workshop .mini-list .station .name {
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

#workshop .station {
  margin-bottom: 16px;
  border-bottom: solid 3px #E4B600;
  border-radius: 0 0 8px 8px; }
  #workshop .station .row {
    display: table-row; }
    #workshop .station .row > td {
      display: table-cell; }
  #workshop .station .image,
  #workshop .station .column {
    float: left;
    margin-right: 6px; }
  #workshop .station .header {
    border-top: solid 3px #9AE45F;
    background: url("/images/tech-back-green.jpg") -11px -29px no-repeat;
    border-bottom: solid 2px #71B40E;
    padding: 4px 4px 4px 8px;
    position: relative;
    height: 53px; }
    #workshop .station .header development {
      position: absolute;
      top: 6px;
      right: 6px; }
  #workshop .station .builder,
  #workshop .station .stats,
  #workshop .station .inner {
    line-height: 18px;
    padding: 6px;
    font-size: 12px;
    font-weight: bold; }
  #workshop .station .stats {
    margin-left: 8px; }
    #workshop .station .stats.emotions {
      padding-top: 13px; }
  #workshop .station .stats,
  #workshop .station .friend {
    width: 45%; }
  #workshop .station .relationships {
    margin: 9px 0 0 0;
    font-size: 11px;
    font-weight: normal; }
  #workshop .station .title {
    text-transform: uppercase;
    font-size: 16px;
    color: #ffcc00;
    font-weight: bold;
    margin-bottom: 2px; }
  #workshop .station .primary {
    border-bottom: solid 1px #9c3019;
    padding-bottom: 6px;
    margin-bottom: 8px; }
  #workshop .station .column .primary a {
    display: block;
    font: 500 14px/19px Verdana; }
  #workshop .station .column a {
    text-decoration: none;
    font: 500 12px/17px Verdana; }
  #workshop .station .friend {
    margin-top: 15px; }
  #workshop .station .development {
    position: absolute;
    font-size: 18px;
    top: 4px;
    right: 9px; }
  #workshop .station .devTitle {
    font-size: 12px; }
  #workshop .station .description {
    font-size: 12px;
    line-height: 16px; }
  #workshop .station .name {
    font-size: 22px;
    line-height: 25px;
    font-weight: bold; }

#workshopLinks {
  background: url("/images/sunset_bright.jpg") -46px -48px no-repeat;
  padding: 9px 14px 9px 22px;
  border-radius: 0 0 0 8px;
  color: #000;
  font-size: 14px;
  line-height: 23px; }
  #workshopLinks a {
    color: #b93724;
    font-weight: bold;
    text-decoration: none; }
  #workshopLinks .navRow {
    line-height: 21px;
    margin-bottom: 11px; }
  #workshopLinks .navSpace {
    width: 20px;
    display: inline-block; }

#botToBot {
  padding: 4px;
  border-radius: 6px;
  margin: 10px 0;
  border: solid 1px #ccc;
  line-height: 16px; }
  #botToBot > div {
    white-space: nowrap;
    text-align: right;
    padding: 3px 0; }
    @media (min-width: 768px) {
      #botToBot > div:last-of-type {
        text-align: left; } }
  #botToBot .title {
    font-size: 14px;
    line-height: 25px;
    padding: 0 10px;
    display: inline-block;
    background-color: #EAF6FF; }

#botSelector {
  float: left;
  margin: 7px 4px 6px 20px; }
  @media (min-width: 768px) {
    #botSelector {
      margin: 0 0 14px 36px; } }
  #botSelector .dd-select {
    border: none !important; }
  #botSelector .dd-pointer {
    left: -18px;
    top: 21px; }
  #botSelector .dd-selected {
    white-space: nowrap;
    overflow: visible; }
  #botSelector .dd-selected-image {
    height: 40px; }
  #botSelector .dd-selected-text {
    font: 700 24px Verdana, Arial, Helvetica, sans-serif;
    line-height: 40px !important;
    color: #fff;
    text-shadow: 2px 3px 2px #9a3018; }
  #botSelector .dd-option {
    padding: 6px !important; }
  #botSelector .dd-option-text {
    font: 500 20px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    position: absolute;
    cursor: pointer; }
  #botSelector .dd-option-image {
    height: 30px; }
  #botSelector .dd-pointer-down {
    border-top: solid 5px #fff; }
  #botSelector .dd-pointer-up {
    border-bottom: solid 5px #fff !important; }

#emo-relationships {
  margin-bottom: 30px; }
  #emo-relationships .header {
    margin-top: 10px;
    margin-bottom: 6px; }
  #emo-relationships .row:nth-child(odd) {
    background-color: #f5f5f5; }

#memory-nav {
  margin-bottom: 40px; }

.bot-memories {
  margin-top: 30px; }
  .bot-memories .being {
    margin: 6px 0 14px; }
    .bot-memories .being .user-image {
      float: left;
      margin: 6px 10px 0 0; }
  .bot-memories .memories {
    margin-bottom: 30px; }
  .bot-memories .memory-cat {
    font-weight: bold;
    font-size: 14px;
    background-color: #ffee6b;
    padding: 8px 12px 6px; }
    .bot-memories .memory-cat:after {
      font-family: 'Glyphicons Halflings';
      content: "\e114";
      float: right;
      color: #333; }
    .bot-memories .memory-cat.collapsed:after {
      content: "\e080"; }
    .bot-memories .memory-cat.short-term {
      background-color: #d8d8ff; }
      .bot-memories .memory-cat.short-term .badge {
        background-color: #afafea; }
    .bot-memories .memory-cat .badge {
      background-color: #ffc904;
      color: #000;
      margin-left: 14px; }
  .bot-memories .memory-group {
    font-size: 11px;
    padding: 10px;
    line-height: 15px;
    background-color: rgba(251, 220, 4, 0.27);
    margin-bottom: 10px; }
    .bot-memories .memory-group.short-term {
      background-color: rgba(1, 9, 110, 0.06);
      line-height: 13px; }

/* transcripts */
#transcripts {
  font-size: 14px; }
  #transcripts .chosen-date {
    font-size: 16px;
    font-weight: bold; }
  #transcripts .date-selection {
    width: 36px;
    display: inline-block;
    position: relative;
    top: 8px; }
    #transcripts .date-selection .input-group-addon {
      border: solid 1px #b8dfff;
      border-radius: 4px;
      padding: 4px 8px 6px 10px;
      background-color: #eaf6ff;
      color: #010f70; }
  #transcripts .limited {
    font-size: 14px;
    background-color: #6E40AC;
    padding: 9px;
    color: white;
    border-radius: 6px;
    margin-bottom: 20px;
    position: relative; }
    #transcripts .limited .show-more {
      cursor: pointer;
      position: absolute;
      top: 5px;
      right: 10px;
      background: #AE71FF;
      padding: 4px 8px;
      border-radius: 6px; }
  #transcripts .header {
    border-bottom: solid 2px #6F9AFF;
    background: #C6D7FF;
    padding: 12px;
    border-radius: 6px 6px 0 0;
    cursor: pointer; }
    #transcripts .header .user {
      font-size: 15px;
      font-weight: bold; }
    #transcripts .header .toggler {
      cursor: pointer;
      float: right; }
    #transcripts .header .location {
      font-size: 10px;
      float: right; }
      @media (min-width: 768px) {
        #transcripts .header .location {
          top: -4px;
          position: relative; } }
  #transcripts .command-box {
    border: solid 2px #429800;
    background-color: #E5FFC8;
    padding: 2px 11px;
    margin: 8px;
    font-size: 13px; }
    #transcripts .command-box .time {
      margin-left: 10px; }
    #transcripts .command-box .result {
      margin-left: 20px; }
  #transcripts .switch {
    font-style: italic;
    font-size: 12px;
    margin: 12px 0;
    padding: 0 15px;
    background-color: #FFF; }
  #transcripts .time {
    font-style: italic;
    font-size: 12px;
    margin: 12px 0;
    padding: 0 15px;
    background-color: #FFF; }
  #transcripts .transcript-body {
    border: solid 1px #CFDCFF;
    padding: 4px 12px 12px;
    border-radius: 0 0 6px 6px;
    background-color: #F4F7FF;
    margin-bottom: 20px;
    line-height: 22px; }
    #transcripts .transcript-body .spinner {
      margin: 10px auto;
      display: block; }
  #transcripts .username {
    color: darkblue;
    font-weight: bold; }
  #transcripts .botname {
    font-weight: bold; }

.downloadTranscript {
  border: solid 1px #666;
  padding: 8px;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  margin-left: 10px;
  border-radius: 8px; }
  .downloadTranscript a {
    font-size: 18px;
    font-weight: bold; }

#transcript-search {
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: bold;
  clear: both;
  padding-top: 4px; }
  @media (min-width: 768px) {
    #transcript-search {
      clear: none;
      float: right;
      position: relative;
      top: -21px;
      max-width: 190px;
      text-align: right;
      margin-bottom: 0; } }
  #transcript-search input[type='text'] {
    width: 100px;
    margin-top: 4px; }

#searched-text-transcript {
  float: right;
  color: #B1B1B1;
  width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 22px;
  overflow: hidden;
  text-align: right; }
  #searched-text-transcript a {
    font-size: 12px;
    margin-left: 4px;
    position: relative;
    top: -1px; }

.no-results {
  padding: 20px;
  background-color: #FFFFC3;
  margin: 10px 0; }

#download-transcript-modal .datepicker {
  width: auto !important; }
  #download-transcript-modal .datepicker > div {
    display: inline-block;
    border: solid 1px #ccc;
    margin-bottom: 10px; }
  #download-transcript-modal .datepicker table tr td span {
    height: 34px;
    line-height: 34px; }
#download-transcript-modal form {
  padding-bottom: 20px; }

/* bot templates */
.templateListing {
  margin: 3px 0;
  clear: both;
  background-color: #eee;
  padding: 4px 10px;
  background-color: #B2FF8B;
  border: solid 1px #fff381;
  border-radius: 6px; }
  .templateListing .col-xs-12:not(:last-child) {
    margin-bottom: 15px; }
  .templateListing .userImage {
    float: left;
    margin: 2px 6px 2px 2px; }
  .templateListing h2 {
    line-height: 40px;
    height: 40px;
    float: left;
    margin: 0; }
  .templateListing .bigText {
    font-size: 18px;
    display: inline;
    font-weight: bold; }
  .templateListing .name {
    margin: 0px 0 0 10px;
    float: left;
    width: calc(100% - 60px); }
  .templateListing .keyphrases {
    float: left;
    width: 33%;
    text-align: center;
    margin-top: 4px; }
  .templateListing .previewLink {
    float: left;
    width: 33%;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px; }
  .templateListing .ratings {
    float: left;
    width: 33%;
    text-align: center;
    margin: 2px 0; }
    .templateListing .ratings img {
      height: 40px;
      width: 30px; }

.templateExplain {
  font-size: 14px;
  margin: 20px 20px 40px; }

#templatePreview {
  max-width: 656px;
  height: 400px;
  padding: 10px;
  border: solid 2px forestgreen;
  overflow: auto; }

#templateOptions {
  font-size: 16px;
  font-weight: bold; }
  #templateOptions p {
    font-size: 14px;
    font-weight: normal; }

#template-link {
  float: left;
  margin-right: 8px;
  height: 32px;
  width: 32px; }

#keyScroller {
  width: 636px;
  height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  border: solid 1px #666;
  margin: 10px 0;
  white-space: nowrap; }

#debug {
  font-size: 11px; }
  #debug .debug-section {
    margin: 10px;
    border: solid 1px #ccc;
    padding: 10px; }
  #debug .toggle-button {
    background-color: #d2d2ff;
    color: #0e0e54;
    border: none;
    padding: 7px 11px;
    font: 11px Verdana, Arial, sans-serif;
    border-radius: 4px;
    margin: 15px 8px;
    cursor: pointer;
    display: block; }
  #debug .kb-marker {
    color: #0101cd;
    font-weight: bold; }
  #debug pre,
  #debug table tr td {
    font-size: 11px; }
  #debug .keyphrase-edit {
    margin-left: 20px; }

.show-sen {
  border-spacing: 2px;
  border-collapse: separate;
  margin: 4px 0 12px;
  border: solid 1px #e4e4e4;
  background-color: #fff; }
  .show-sen tr:nth-child(even) {
    background-color: #f2f2f2; }
  .show-sen td,
  .show-sen th {
    padding: 1px 3px;
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
    font-size: 11px; }
  .show-sen th {
    padding: 4px 3px;
    font-size: 12px;
    background-color: #ffcc00; }
  .show-sen > tbody > tr > :first-child {
    text-align: left;
    background-color: #fff6d2;
    vertical-align: middle;
    padding-right: 6px;
    padding-left: 9px; }

.wordinfo-table {
  border: -1px -3px;
  border-spacing: 0px;
  border-collapse: separate; }
  .wordinfo-table td {
    padding: 2px 3px;
    border: none;
    background-color: none; }

.question {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px; }

.answer {
  margin: 0 0 27px 17px; }

/* import / export */
.importExplanation {
  margin: 12px 12px 16px 12px;
  font-size: 11px;
  line-height: 15px;
  background: #EEFFE8;
  padding: 8px;
  border-radius: 8px;
  border: dashed 1px #ccc; }

.outline-box {
  border: solid 1px #ccc;
  border-radius: 8px;
  padding: 0 16px 16px;
  margin-bottom: 20px;
  display: inline-block; }
  .outline-box input[type='file'] {
    margin: 20px 0; }

.import-error-box {
  margin-top: 20px;
  padding: 10px;
  border: solid 2px red;
  overflow: wrap;
  max-width: 600px; }

#import-steps {
  margin-bottom: 24px;
  color: darkgray; }
  #import-steps .step {
    white-space: nowrap; }
    #import-steps .step.selected {
      font-weight: bold;
      color: #010f70; }

/* Plugins */
#sharedPluginHeader {
  margin-bottom: 14px;
  background-color: #FC3;
  padding: 6px 12px; }
  #sharedPluginHeader h3 {
    line-height: 32px;
    float: left; }
  #sharedPluginHeader #pluginSearch {
    float: right;
    text-align: right; }
    #sharedPluginHeader #pluginSearch select {
      margin-top: 4px; }

#plugin-categories {
  max-width: 350px; }

#plugins .resultBox {
  margin-bottom: 20px; }

.plugin-name {
  padding: 8px 10px 16px;
  display: block;
  font-size: 15px; }

#my-shared-plugins > div {
  max-width: 345px; }

#plugin-form .name {
  margin-left: 6px; }
  #plugin-form .name input {
    width: 80%; }

#hibernating {
  font-size: 22px;
  color: #e7bf00;
  font-family: Verdana;
  margin: 10px 0 15px;
  border-bottom: solid 1px #e7bf00;
  padding-bottom: 2px; }

/* Language Center */
.workshop-limit {
  max-width: 750px;
  margin: 0 auto; }

#languageCenter {
  margin-top: 7px;
  font-size: 12px;
  line-height: 18px;
  /* used by keyphrases and seeks: */ }
  #languageCenter .keyGroup .keyRow:first-child,
  #languageCenter .keyGroup .seekRow:first-child {
    border-top: solid 3px #FC3;
    margin: 1px 0 0;
    padding: 1px 0 2px; }
  #languageCenter div.keyRow {
    background-color: #FF3;
    /* #EAF6FF */
    margin: 0 0 2px 0; }
  #languageCenter div.seekRow {
    background-color: #FF9; }
    #languageCenter div.seekRow .goto,
    #languageCenter div.seekRow .emotion {
      color: #666; }
  #languageCenter div.keyRow .edit img,
  #languageCenter div.seekRow .edit img {
    display: inline;
    float: left;
    margin-right: 8px;
    position: relative;
    top: 0px;
    opacity: 0.4;
    height: 16px;
    width: 18px; }
    #languageCenter div.keyRow .edit img > div,
    #languageCenter div.seekRow .edit img > div {
      float: right; }
  #languageCenter .keyphrase-inner {
    display: table-row;
    border-bottom: solid 1px #fff; }
    #languageCenter .keyphrase-inner > div {
      display: table-cell; }
    #languageCenter .keyphrase-inner .keyphrase {
      width: 100%;
      overflow-x: hidden;
      font-weight: bold;
      margin-left: 14px;
      word-wrap: break-word; }
    #languageCenter .keyphrase-inner .seek {
      width: 100%;
      margin-left: 75px;
      word-wrap: break-word; }
    #languageCenter .keyphrase-inner .rank {
      white-space: nowrap; }
    #languageCenter .keyphrase-inner .matches {
      cursor: default; }
  #languageCenter div.resRow {
    background-color: #CF9;
    display: table-row; }
    #languageCenter div.resRow.count {
      padding: 4px 0; }
    #languageCenter div.resRow > div {
      display: table-cell;
      border-bottom: solid 1px #fff;
      border-top: solid 1px #fff;
      line-height: 18px; }
    #languageCenter div.resRow .response {
      padding-left: 25px;
      max-width: 480px;
      width: 100%;
      word-wrap: break-word; }
    #languageCenter div.resRow .show-responses {
      padding-left: 12px; }
  #languageCenter .row {
    padding: 2px;
    margin: 2px 0; }
    #languageCenter .row > div {
      padding: 2px 8px 2px 14px; }
      #languageCenter .row > div.col-icon {
        padding: 2px; }
    #languageCenter .row .has-aiscript {
      margin: 0; }
      #languageCenter .row .has-aiscript img {
        height: 15px;
        width: 15px; }

.tip {
  font-size: 14px;
  background-color: #FFCC00;
  padding: 8px 16px;
  color: white;
  border-radius: 6px;
  margin: 25px 0 0;
  text-shadow: 1px 1px 3px #FF8B00; }
  .tip a {
    color: #F15E00;
    text-shadow: none; }

#langcenter-search {
  float: right;
  margin-bottom: 14px;
  font-size: 14px; }
  #langcenter-search select {
    top: -1px;
    position: relative; }
  #langcenter-search input[type='text'] {
    width: 110px; }

#searched-text {
  position: absolute;
  top: 36px;
  left: 0;
  font-size: 16px;
  color: #B1B1B1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 220px; }
  @media (min-width: 768px) {
    #searched-text {
      top: 2px;
      max-width: 550px; } }

#keyphrase-nav {
  clear: both;
  padding-top: 15px; }
  @media (min-width: 768px) {
    #keyphrase-nav {
      clear: none;
      padding-top: 0; } }
  #keyphrase-nav a {
    text-decoration: none; }

#keyphrase-editor {
  line-height: 20px;
  font-size: 14px;
  margin: 0 0 20px;
  border: solid 1px #DFD63D;
  background-color: #FFFF33; }
  #keyphrase-editor div {
    padding: 6px 12px; }
  #keyphrase-editor .bot-key-id {
    float: right;
    font-weight: normal;
    padding: 0;
    font-size: 12px;
    line-height: 20px; }
  #keyphrase-editor .title {
    background-color: #AFAFFF;
    font-weight: bold;
    border-bottom: solid 2px #2F04B1; }
  #keyphrase-editor textarea,
  #keyphrase-editor input[type='text'].aiscript {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    height: 20px;
    min-height: 27px;
    padding: 4px 8px; }
  #keyphrase-editor .additional,
  #keyphrase-editor .data {
    padding: 0; }
  #keyphrase-editor .response-for {
    font-size: 18px;
    line-height: 25px;
    padding: 12px;
    background-color: #ccff99;
    border-bottom: solid 1px #d58d0d;
    margin-bottom: 4px; }
  @media (min-width: 768px) {
    #keyphrase-editor .rank {
      margin-left: 30px; } }
  #keyphrase-editor .rank input {
    width: 45px;
    text-align: center; }
  #keyphrase-editor .more,
  #keyphrase-editor .more-data {
    float: right;
    padding: 0;
    margin-top: 4px; }
    #keyphrase-editor .more.x-key,
    #keyphrase-editor .more-data.x-key {
      position: relative;
      top: 2px; }

#response-editor {
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 20px;
  border: solid 1px #71F23A; }
  #response-editor .row {
    background-color: #ccff99;
    padding: 4px 12px;
    white-space: nowrap;
    overflow: hidden;
    margin: 0; }
    #response-editor .row.title {
      background-color: #FFFF33;
      font-weight: bold;
      border-bottom: solid 2px #088313;
      width: 100%; }
      #response-editor .row.title > div {
        display: inline-block;
        vertical-align: top; }
      #response-editor .row.title .responses {
        width: calc(100% - 67px); }
    #response-editor .row.seek {
      background-color: #adf565; }
    #response-editor .row .main > div,
    #response-editor .row .additional > div,
    #response-editor .row .data > div {
      display: inline-block;
      vertical-align: top; }
    #response-editor .row .seek {
      font-weight: bold;
      text-align: center;
      margin-bottom: 4px; }
      @media (min-width: 768px) {
        #response-editor .row .seek {
          display: inline;
          margin: 0 5px; } }
    #response-editor .row .more {
      float: right;
      text-align: right;
      margin-left: 6px;
      margin-top: 2px; }
    #response-editor .row .more-data {
      float: right; }
    #response-editor .row .count {
      width: 20px;
      font-weight: bold; }
    #response-editor .row .response {
      width: calc(100% - 90px); }
      @media (min-width: 768px) {
        #response-editor .row .response {
          width: calc(100% - 140px); } }
  #response-editor textarea {
    font-size: 14px;
    width: 100%;
    height: 27px; }
  #response-editor .additional,
  #response-editor .data {
    margin: 6px 0 0 26px;
    font-size: 12px;
    line-height: 23px;
    white-space: nowrap; }
    #response-editor .additional.hidden,
    #response-editor .data.hidden {
      display: none;
      /* must override the above */ }
    #response-editor .additional textarea,
    #response-editor .data textarea {
      font-size: 12px;
      height: 26px;
      color: #666; }
  #response-editor .aiscript textarea {
    max-width: calc(100% - 46px); }
  #response-editor .data textarea {
    max-width: calc(100% - 46px); }
    @media (min-width: 768px) {
      #response-editor .data textarea {
        width: calc(100% - 175px); } }

#new-key {
  margin: 30px 0 15px;
  font-size: 16px;
  font-weight: bold; }

.error-message {
  margin-bottom: 30px;
  border: solid 2px #d81313;
  padding: 10px;
  background-color: #fff6f0; }

.error-word {
  color: red;
  font-weight: bold; }

.note-word {
  color: brown;
  font-weight: bold; }

img#linked {
  margin-left: 8px;
  height: 18px;
  width: 18px;
  opacity: .5;
  position: absolute;
  z-index: 1; }

/* Book of AI */
#bookHead {
  background: url(/images/book-of-ai.jpg) -189px -13px no-repeat;
  padding: 20px 20px 22px 47px;
  margin: -15px -15px 0 -16px;
  color: #faf7e6;
  border-bottom: solid 5px #BBD1FF; }
  @media (min-width: 768px) {
    #bookHead {
      background-position: 0 -115px;
      padding: 20px 0 21px 247px;
      border-radius: 8px 8px 0 0;
      margin: -15px 0 0 0; } }
  #bookHead h1 {
    margin: 10px 0; }

#bookNav {
  font-size: 15px;
  line-height: 23px;
  margin-top: 2px;
  padding-left: 15px;
  font-style: italic; }

.bookOfAI.rounded {
  padding: 0;
  border: 0; }
.bookOfAI img {
  margin: 0 16px; }

#contents-tab {
  background: #F4F4FF;
  line-height: 40px;
  text-align: center;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  padding: 0 25px;
  border-radius: 0 0 20px 20px;
  border-right: solid 1px #35579c;
  border-left: solid 1px #35579c;
  border-bottom: solid 2px #35579c;
  border-top: solid 1px #35579c;
  font-size: 19px; }

#contents-bar {
  background: #F4F4FF;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-right: solid 1px #c7d4ef;
  border-left: solid 1px #c7d4ef;
  border-bottom: solid 2px #35579c;
  font-size: 20px;
  cursor: pointer;
  margin: 0 -15px; }
  @media (min-width: 768px) {
    #contents-bar {
      margin: 0; } }
  #contents-bar .title {
    display: inline-block;
    background: url("/images/arrow-right.png") 0 15px no-repeat;
    padding: 0 17px; }
  #contents-bar.open .title {
    background: url("/images/arrow-down.png") 0 15px no-repeat; }

#table-of-contents {
  background: #fff;
  margin: 0;
  padding: 20px 0 12px;
  border-radius: 0 0 20px 20px;
  z-index: 10;
  border-right: solid 20px #00006a;
  border-left: solid 20px #00006a;
  border-bottom: solid 2px #35579c;
  display: none; }
  #table-of-contents .contents-col {
    vertical-align: top;
    background: #fff;
    padding: 0;
    display: table-cell; }
    @media (min-width: 768px) {
      #table-of-contents .contents-col {
        padding-left: 50px; } }

.bookContents .section {
  color: #000066;
  background-color: transparent;
  list-style-type: none;
  padding-left: 0;
  padding-left: 12px; }
  .bookContents .section > li {
    margin-bottom: 10px;
    color: #000066;
    font-size: 17px; }
    .bookContents .section > li a {
      color: #000066;
      text-decoration: none; }
  .bookContents .section .sectionText {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    margin-top: 2px; }
  .bookContents .section .subtopic {
    list-style-type: none;
    margin: 5px 0px 8px;
    padding-left: 19px; }
    .bookContents .section .subtopic > li {
      color: #539CCF;
      font-size: 13px;
      line-height: 18px; }
.bookContents .topic {
  font-size: 13px;
  list-style-type: none;
  margin-top: 10px;
  padding-left: 0; }
  .bookContents .topic > li {
    line-height: 18px;
    padding-left: 15px;
    margin-top: 7px; }
    .bookContents .topic > li a {
      text-decoration: none;
      font-size: 15px;
      color: #427294; }

#book-contents {
  font-size: 14px;
  line-height: 18px;
  position: relative; }
  #book-contents p {
    color: #333; }
  #book-contents .key {
    color: #009900;
    font-weight: bold; }
  #book-contents .plugin {
    color: #0019c7; }
  #book-contents .aiscript {
    color: #009900;
    font-weight: bold;
    margin-top: 26px; }
  #book-contents .tutorial {
    color: #CC6600;
    font-weight: bold;
    font-size: 18px;
    margin: 40px 0 20px; }
  #book-contents .matches {
    color: #009900;
    font-weight: bold; }
  #book-contents blockquote {
    /* bootstrap override */
    font-size: 14px;
    border: 0;
    margin: 14px 40px;
    padding: 0; }
    #book-contents blockquote.nice {
      border: solid 2px #ffe071;
      background-color: #fffed0;
      padding: 14px 20px;
      margin: 25px 20px 30px;
      border-radius: 6px; }
    #book-contents blockquote ul {
      padding-left: 17px; }
  #book-contents th, #book-contents td {
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    padding: 2px 12px 2px 12px; }
  #book-contents tr:nth-child(1) {
    background-color: #fcecb3; }
  #book-contents tr:nth-child(even) {
    background-color: #f9f9f9; }

.book-header {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  padding: 12px 10px;
  border-top: solid 6px #041064;
  border-bottom: solid 3px #bbd1ff;
  margin: 50px 0 25px; }

.book-section {
  font-size: 21px;
  font-weight: bold;
  margin: 60px 0 24px 10px;
  position: relative;
  padding-bottom: 5px;
  border-bottom: solid 4px rgba(245, 191, 0, 0.5);
  height: 24px; }
  .book-section .title {
    margin-left: 30px; }
  .book-section .super {
    z-index: 0;
    font-size: 75px;
    opacity: .3;
    position: absolute;
    color: #f5be00;
    font-weight: 900;
    left: -3rem;
    top: -1rem; }

.book-next {
  margin-top: 50px;
  font-size: 18px;
  padding: 17px 15px;
  border-bottom: solid 0px #9595f9;
  background-image: linear-gradient(to right, #f4f4ff, #fff);
  border-left: solid 6px #010f70; }
  .book-next .next-text {
    font-weight: bold; }
  .book-next .chapters {
    float: right;
    color: #000066; }

img.language-center {
  max-width: 100%;
  margin: 20px auto;
  display: block; }

.aiscript-doc {
  background-color: #e7ffd0;
  margin: 10px 20px 20px 0px;
  padding: 4px 10px 8px 24px;
  border-radius: 12px;
  border: solid 4px #ccff99; }
  .aiscript-doc hr {
    background-color: #ccff99;
    margin: 20px;
    height: 4px;
    border-bottom: solid 1px #c5c5c5;
    border-radius: 4px; }

/* Bug Stomp */
#bugstompImage {
  float: right;
  margin: 0 0 20px 20px;
  height: 100px; }

#bugstomp-mini {
  float: right;
  margin-right: 20px;
  height: 100px; }

#buglinkArea {
  border-radius: 8px;
  border: solid 1px #FFDA45;
  background: #E8FFDB;
  padding: 20px 20px 0;
  margin: 20px 0; }

.bugstompLink {
  font-size: 16px;
  margin: 0 0 10px; }
  .bugstompLink a {
    font-size: 20px;
    font-weight: bold;
    color: green;
    text-decoration: underline; }

.bugstompSmallLink,
.bugstompSmallLink:visited {
  font-weight: bold;
  color: green;
  text-decoration: underline; }

.bugstompText {
  margin: 0 0 30px 27px; }

.bug, #bug-scan {
  padding: 6px 10px;
  border: solid 1px green;
  margin-bottom: 4px;
  border-radius: 4px;
  background-color: #eaffea; }
  .bug.duplicate, #bug-scan.duplicate {
    margin-left: 30px; }
  .bug .bug-stats, #bug-scan .bug-stats {
    font-style: italic;
    margin: 2px 0 2px 40px;
    font-size: 12px;
    display: none; }
  .bug input[type="text"], #bug-scan input[type="text"] {
    width: 390px; }
  @media (max-width: 768px) {
    .bug input[type="text"], #bug-scan input[type="text"] {
      width: 300px; } }
  .bug .bug-head, #bug-scan .bug-head {
    padding: 4px; }
    .bug .bug-head .title, #bug-scan .bug-head .title {
      max-width: 400px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      white-space: nowrap;
      line-height: 16px;
      top: 2px;
      position: relative; }
      .bug .bug-head .title input, #bug-scan .bug-head .title input {
        font-weight: normal; }
    .bug .bug-head .title-row, #bug-scan .bug-head .title-row {
      display: inline-block; }
    .bug .bug-head .short-date, #bug-scan .bug-head .short-date {
      display: none; }
    @media (max-width: 768px) {
      .bug .bug-head .title, #bug-scan .bug-head .title {
        max-width: calc(100% - 40px); }
      .bug .bug-head .title-row, #bug-scan .bug-head .title-row {
        display: block;
        padding-top: 8px; }
      .bug .bug-head .full-date, #bug-scan .bug-head .full-date {
        display: none; }
      .bug .bug-head .short-date, #bug-scan .bug-head .short-date {
        display: inline; } }
    .bug .bug-head .edit, #bug-scan .bug-head .edit {
      margin-left: 6px; }
    .bug .bug-head .votes, #bug-scan .bug-head .votes {
      border: solid 1px green;
      border-radius: 4px;
      padding: 2px 4px;
      margin-right: 4px;
      background-color: white;
      cursor: pointer; }
    .bug .bug-head .status, #bug-scan .bug-head .status {
      font-weight: bold;
      margin-right: 8px; }
    .bug .bug-head .comments, #bug-scan .bug-head .comments {
      border: solid 1px #bcc4ff;
      border-radius: 14px;
      background-color: #eaf2ff;
      padding: 3px 7px;
      margin-left: 6px; }
  .bug .bug-body, #bug-scan .bug-body {
    background-color: white;
    padding: 18px;
    margin-top: 6px;
    border-top: solid 2px #e4e4e4;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden; }
    .bug .bug-body textarea, #bug-scan .bug-body textarea {
      width: 100%;
      height: 260px;
      margin-top: 20px; }
    .bug .bug-body label, #bug-scan .bug-body label {
      width: 80px; }
  .bug div.duplicate_of label, #bug-scan div.duplicate_of label {
    width: auto; }
  .bug .add-comment, #bug-scan .add-comment {
    text-align: center;
    padding: 10px 0;
    background-color: #ffe971;
    margin-left: 15px;
    display: none; }

#new-bug .bug-head .float-right {
  top: 5px;
  position: relative; }

@media (max-width: 768px) {
  #new-bug .bug-head .title {
    max-width: 100%; }
  #new-bug .bug-head .float-right {
    top: 0px; } }
#bug-scan p {
  margin-top: 0; }

.comment {
  margin-left: 16px; }
  .comment .comment-head {
    background-color: #ffe971;
    padding: 9px;
    margin-top: 6px; }
    .comment .comment-head .status {
      font-weight: bold; }
    .comment .comment-head .edit {
      margin-left: 6px; }
  .comment .comment-body {
    background-color: white;
    padding: 16px;
    border-top: solid 2px #e4e4e4;
    max-height: 270px;
    overflow: auto; }
  .comment .comment-actions {
    text-align: center;
    margin-top: 6px; }
    .comment .comment-actions .delete {
      float: right;
      display: none; }
  .comment textarea {
    width: 100%;
    height: 120px;
    margin-top: 10px; }
  .comment label {
    width: 80px; }

#open-bugs .votes:hover {
  background-color: #ceffce; }
#open-bugs .bugs .bug-head .status {
  margin-right: 0;
  margin-left: 18px; }

#closed-bugs .bug {
  background-color: #e2e6ff;
  border-color: #010f70; }
#closed-bugs .comment-head, #closed-bugs .add-comment {
  background-color: #adb7ff; }

#comment-form {
  display: none; }

form.comment-form .comment {
  display: block; }
form.comment-form button {
  margin-top: 18px; }

.bug-list .bug-head {
  cursor: pointer; }
.bug-list .bug-body, .bug-list .comment {
  display: none; }

#edit-head {
  line-height: 28px;
  margin: 20px 0 10px; }

form .bug .bug-head {
  line-height: 28px; }

#recent-activity .activity {
  margin-bottom: 6px;
  border: solid 1px #e0e4ff;
  padding: 4px 8px;
  border-radius: 6px;
  background-color: #f7f8ff; }
#recent-activity .activity-meta {
  font-size: 11px;
  margin-bottom: 4px; }

#profile-title {
  font-size: 20px;
  margin: 15px 0 5px; }

#profile-header {
  position: relative;
  margin: 0 auto 14px;
  text-align: center;
  display: inline-block; }
  #profile-header .userImage {
    padding: 6px; }
    #profile-header .userImage img {
      height: 40px;
      width: 40px; }
  #profile-header .name h1 {
    font-size: 32px;
    margin: 0 0 14px; }
  #profile-header .blueButton {
    margin: 23px 0 18px; }
  #profile-header .development {
    margin: -10px 0 0; }

.fullProfile {
  border: solid 1px #CCC;
  max-width: 460px;
  margin: 0 auto;
  text-align: left;
  border-radius: 8px; }
  .fullProfile .header {
    position: relative; }
    .fullProfile .header .userImage {
      float: left;
      margin-right: 4px;
      padding: 6px; }
      .fullProfile .header .userImage img {
        height: 40px;
        width: 40px; }
    .fullProfile .header .name {
      float: left; }
      .fullProfile .header .name h1 {
        margin: 0;
        font-size: 26px;
        line-height: 32px; }
    .fullProfile .header .development {
      position: absolute;
      top: 4px;
      right: 9px; }
    .fullProfile .header .chat {
      position: absolute;
      bottom: 6px;
      right: 4px; }
  .fullProfile .blueBar {
    background: #EAF6FF;
    height: 20px; }
    .fullProfile .blueBar:first-child {
      border-radius: 8px 8px 0 0; }
  .fullProfile .bio {
    background: #EAF6FF;
    font-size: 17px;
    line-height: 39px;
    color: darkblue;
    text-align: center;
    border-top: solid 3px #8cbadf;
    border-radius: 8px 8px 0 0;
    margin-bottom: 8px; }
  .fullProfile .headlineBar {
    background: #FDFFCA;
    font-size: 15px;
    line-height: 27px;
    padding-left: 16px;
    clear: both;
    border-top: solid 3px #FFDC25; }
  .fullProfile .details {
    font-size: 13px;
    padding: 6px 16px 18px; }
    .fullProfile .details .column {
      float: left;
      max-width: 212px; }
  .fullProfile .extras {
    clear: both; }
  .fullProfile .online {
    text-align: center;
    padding: 4px 0 7px; }
  .fullProfile .personality {
    font-size: 14px; }
  .fullProfile .friendList {
    text-align: center;
    background: #EAF6FF;
    padding: 4px 0 6px;
    border-radius: 0 0 8px 8px;
    font-size: 11px;
    border-top: solid 1px #8cbadf; }

.fullProfile.maker .details {
  border-top: solid 1px #CCC;
  padding: 10px 16px; }
.fullProfile.maker .chat {
  float: right;
  margin-top: 3px; }
.fullProfile.maker .online {
  text-align: left;
  padding: 0;
  font-size: 13px; }
.fullProfile.maker .header h2 {
  margin: 6px 0;
  font-size: 26px;
  line-height: 40px; }
  .fullProfile.maker .header h2.shorten {
    margin: 0;
    line-height: 31px; }

.devTitle {
  font-size: 12px; }

.development {
  font-size: 18px;
  color: forestgreen; }

.createdBy {
  max-width: 460px;
  font-size: 18px;
  text-align: left;
  margin: 21px auto 3px; }

.chatLink {
  margin: 20px auto;
  font-size: 18px;
  font-weight: bold; }

.noResults {
  padding: 20px 0;
  font-size: 16px; }

/* chat messages */
.chat-title {
  font-size: 21px;
  margin: 20px 0;
  text-align: center;
  font-weight: normal; }

.chat-interface {
  background: url("/images/chat-backgrounds/fantasy-river.jpg") center center no-repeat;
  /* stand-in with defaults */
  background-size: cover;
  min-height: 680px;
  position: relative;
  padding: 20px;
  margin: 4px -15px 0; }
  @media (min-width: 768px) {
    .chat-interface {
      margin: 0;
      padding: 20px 40px;
      border-radius: 12px; } }
  .chat-interface .botProfile {
    background: rgba(255, 255, 255, 0.9); }
    @media (min-width: 768px) {
      .chat-interface .botProfile {
        position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 2; } }

.chatArea {
  background: white;
  max-width: 650px;
  margin: 0 auto 50px;
  border-radius: 8px;
  padding: 0 10px 20px 12px; }
  @media (min-width: 768px) {
    .chatArea {
      padding-top: 12px; } }
  .chatArea.scrollable {
    max-height: 440px;
    overflow-y: scroll;
    overflow-x: hidden; }

.chatMessage {
  position: relative;
  max-width: 600px;
  background: #fff;
  margin: 12px auto 0 auto; }
  .chatMessage .chatAvatar {
    position: absolute;
    left: 0;
    top: 0; }
  .chatMessage .userImage {
    width: 40px;
    height: 40px; }
  .chatMessage .right {
    margin-left: 47px;
    /*box-shadow: 3px 3px 2px #333;*/
    border-radius: 8px;
    border-bottom: solid 1px #eee;
    border-right: solid 1px #eee;
    text-align: left; }
  .chatMessage .name {
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 8px;
    border-radius: 0 8px 0 0; }
  .chatMessage .theMessage {
    padding: 10px 10px 13px;
    background: #fff;
    line-height: 24px;
    border-radius: 0 0 8px 8px;
    font-size: 17px;
    position: relative; }
  .chatMessage.bots .name {
    background-color: #FFCC66; }
  .chatMessage.yours.template {
    display: none; }
  .chatMessage.yours .name {
    background-color: #FFFF99; }
  .chatMessage.reply .theMessage {
    padding-bottom: 6px; }
  .chatMessage.reply .name {
    font: 16px Verdana, Arial, Helvetica, sans-serif; }
  .chatMessage.reply .submit {
    text-align: right; }
  .chatMessage.reply input[type='submit'] {
    position: absolute;
    top: 14px;
    right: 15px;
    padding: 6px; }
  .chatMessage.reply input[type='text'] {
    width: calc(100% - 62px);
    font-size: 18px;
    padding: 6px;
    margin: 0; }
  .chatMessage .theMessage img {
    display: inline;
    /* emoticons */ }

#callout-community .chatMessage,
#callout-toy .chatMessage {
  background: transparent; }
  #callout-community .chatMessage .userImage,
  #callout-toy .chatMessage .userImage {
    border-radius: 20px; }
  #callout-community .chatMessage .name,
  #callout-toy .chatMessage .name {
    border-radius: 8px 8px 0 0;
    padding: 5px 12px; }
  #callout-community .chatMessage .right,
  #callout-toy .chatMessage .right {
    border: 0; }
  #callout-community .chatMessage .theMessage,
  #callout-toy .chatMessage .theMessage {
    padding: 10px 10px 13px 16px; }

#transcript-message {
  color: #AAA;
  padding: 16px; }

#switch-bots {
  position: absolute;
  top: -40px;
  right: 6px;
  padding: 6px 10px; }

@media (min-width: 768px) {
  #profile-left {
    position: absolute;
    bottom: 0;
    left: 0; }
    #profile-left .botProfile {
      left: 20px; } }

@media (min-width: 768px) {
  #profile-right {
    position: absolute;
    bottom: 0;
    right: 0; } }

.botProfile {
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  margin-top: 10px; }
  @media (min-width: 768px) {
    .botProfile {
      width: 280px; } }
  @media (min-width: 992px) {
    .botProfile {
      width: 375px; } }
  .botProfile h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px; }
  .botProfile .aiDots {
    float: right;
    color: forestgreen; }
  .botProfile .fullProfileLink {
    float: right;
    font-weight: bold;
    font-size: 13px;
    margin-top: 8px; }
    .botProfile .fullProfileLink a {
      text-decoration: none; }
  .botProfile .bioLine {
    color: darkblue;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0;
    max-height: 38px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .botProfile .interests {
    max-height: 58px;
    overflow: auto;
    margin-bottom: 11px; }
    .botProfile .interests .title {
      font-weight: bold;
      font-size: 12px; }
  .botProfile .rating {
    float: left; }
    .botProfile .rating img {
      vertical-align: middle; }

@media (min-width: 768px) {
  #one-bot .botProfile {
    width: 375px; } }

.botRating {
  position: absolute;
  left: 20px;
  bottom: 20px; }

#pause-options {
  display: none;
  position: relative;
  text-align: center; }
  #pause-options #continue {
    margin: 20px auto; }
  #pause-options .upper-text {
    padding-bottom: 20px;
    cursor: pointer; }
    @media (min-width: 768px) {
      #pause-options .upper-text {
        position: absolute;
        top: 20px;
        right: 30px; } }

.view-text-direct {
  margin-top: 20px; }

#bot-selector {
  text-align: center;
  max-width: 400px;
  margin: 0 auto; }

#bot-selector-modal .modal {
  width: 350px;
  margin-left: -175px; }

.dual-bot-selector {
  margin: 14px 0 14px 16px;
  text-align: left;
  border: solid 1px #e4e4e4;
  padding: 4px; }
  .dual-bot-selector .dd-select {
    border: none !important; }
  .dual-bot-selector .dd-options {
    max-height: 400px; }
  .dual-bot-selector .dd-pointer {
    left: -21px;
    top: 21px; }
  .dual-bot-selector .dd-selected {
    white-space: nowrap; }
  .dual-bot-selector .dd-selected-image {
    height: 40px; }
  .dual-bot-selector .dd-selected-text {
    font: 700 24px Verdana, Arial, Helvetica, sans-serif;
    line-height: 30px !important; }
  .dual-bot-selector .dd-option {
    padding: 6px !important; }
  .dual-bot-selector .dd-option-text {
    font: 500 20px Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    cursor: pointer; }
  .dual-bot-selector .dd-option-image {
    height: 40px;
    padding-right: 5px; }
  .dual-bot-selector .dd-desc {
    font-size: 13px;
    color: darkblue;
    position: relative;
    top: -3px;
    letter-spacing: -0.5px; }

.and {
  font-size: 18px;
  margin: 10px 0 14px 0; }

#two-bot-transcript > div {
  display: none; }

#two-bot-transcript .modal .internal {
  max-height: 400px;
  overflow-y: auto; }

#chat-options {
  margin: 20px 0 5px;
  position: relative; }
  #chat-options .upper-text {
    top: -11px;
    right: 3px; }

#select-names {
  display: none; }

#type-inputs {
  display: none;
  margin-top: 14px; }
  #type-inputs input {
    font-size: 19px;
    width: 80%;
    text-align: center; }

#dyna-profile .botProfile {
  text-align: left;
  background-color: #eaf6ff;
  margin: 30px auto; }

#shortMessage {
  text-align: left;
  max-width: 720px;
  margin: 30px auto; }

/* Chat Messaging */
#chat-message-initiate #your-chat-message {
  width: 100%;
  height: 70px; }
#chat-message-initiate .theMessage {
  text-align: center; }
  #chat-message-initiate .theMessage input[type='submit'] {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 10px; }

#message-modal .contents {
  margin-top: 20px; }

.full-chat-link {
  margin-top: 10px; }

#facebook-share {
  position: absolute;
  right: 10px;
  top: -25px; }

#forum-area {
  max-width: 600px;
  margin: 0 auto; }

.postBox {
  border: solid 1px #b39062;
  text-align: left;
  font-size: 13px;
  border-radius: 8px; }
  .postBox .postHeader {
    display: table-row; }
    .postBox .postHeader > div {
      display: table-cell;
      vertical-align: top; }
    .postBox .postHeader .authorImage {
      padding: 6px; }
    .postBox .postHeader .postBy {
      background: #ffed6f;
      background: -webkit-linear-gradient(legacy-direction(to bottom), #ffed6f 0%, #ffcc59 100%);
      background: linear-gradient(to bottom, #ffed6f 0%, #ffcc59 100%);
      padding: 4px 6px 5px 12px;
      width: 100%;
      position: relative; }
      .postBox .postHeader .postBy .postAuthor {
        font-size: 24px;
        font-weight: bold; }
      .postBox .postHeader .postBy .postNew {
        color: green;
        font-weight: bold;
        margin-right: 6px; }
      .postBox .postHeader .postBy .message-num {
        position: absolute;
        font-size: 10px;
        bottom: 6px;
        right: 10px; }
        @media (min-width: 768px) {
          .postBox .postHeader .postBy .message-num {
            bottom: auto;
            top: 6px; } }
      .postBox .postHeader .postBy .glyphicon-time {
        position: relative;
        top: 2px;
        margin-left: 4px;
        color: #b9842e; }
    .postBox .postHeader .postActions {
      padding: 7px 4px; }
  .postBox .postMessage {
    border-top: 1px solid #ccc;
    padding: 10px 14px 10px 54px;
    font-size: 13px; }

.postMessageText {
  font-size: 18px;
  font-weight: bold;
  margin: 30px 0 10px; }

#write-post .postBy {
  border-radius: 0 8px 0 0; }
#write-post textarea {
  width: 100%;
  height: 70px; }
#write-post .postMessage {
  text-align: center; }
#write-post .post-as {
  float: right; }

.forumNote {
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 20px; }
  .forumNote .title {
    font-size: 20px;
    font-weight: bold;
    color: #972e18;
    margin-bottom: 10px; }

#forum-more {
  font-size: 20px;
  margin-top: 30px; }

#forum-search {
  margin: 30px auto;
  text-align: center; }

/* The Turing Booth */
.turingBooth h2 {
  font-size: 18px;
  font-weight: 700; }
.turingBooth fieldset {
  padding: 20px;
  border: solid 1px #AAA; }
.turingBooth .booth {
  width: 322px;
  float: left;
  margin-right: 10px; }
  .turingBooth .booth.selection {
    text-align: center;
    font-size: 14px;
    font-weight: bold; }
  .turingBooth .booth .revealed {
    font-size: 16px;
    font-weight: bold; }
    .turingBooth .booth .revealed .development {
      font-size: 12px;
      font-weight: normal;
      display: block;
      margin-top: 6px; }
.turingBooth .afterBooth {
  clear: both;
  padding: 10px 0;
  text-align: center; }
  .turingBooth .afterBooth a {
    font-weight: bold;
    font-size: 14px; }
  .turingBooth .afterBooth #certainty {
    padding-bottom: 10px; }
    .turingBooth .afterBooth #certainty .options {
      width: 150px;
      text-align: left;
      margin: 10px auto; }
.turingBooth .topCenter {
  margin: 0 auto;
  text-align: center; }
.turingBooth .result {
  border: solid 1px #666;
  padding: 20px;
  font-size: 20px;
  font-weight: bold;
  width: 300px;
  margin: 0 auto 10px; }
.turingBooth .correct {
  background-color: #B3F031; }
.turingBooth .incorrect {
  background-color: #F07D31; }
.turingBooth .subResult {
  margin-top: 6px;
  font-size: 12px;
  font-weight: normal; }
.turingBooth .nextVisitor {
  margin: 10px auto;
  text-align: center;
  font-size: 14px;
  font-weight: bold; }
.turingBooth #open-a-booth .field {
  margin-bottom: 10px; }
.turingBooth #open-a-booth label {
  display: block; }
.turingBooth .boothName {
  color: #2B9B10; }
.turingBooth .listHeader {
  font-weight: bold;
  font-size: 17px;
  margin: 30px 0 10px;
  color: #349208; }
.turingBooth .privateMessage {
  margin: 6px 0 26px; }
.turingBooth .private {
  font-weight: bold;
  font-size: 14px;
  color: #349208; }
.turingBooth .urlbox {
  border: solid 1px #666;
  padding: 10px;
  margin-top: 10px;
  font-size: 12px; }
.turingBooth .boothList {
  font-size: 15px;
  margin: 6px 0 26px; }
  .turingBooth .boothList.yours {
    font-weight: bold; }
  .turingBooth .boothList a {
    font-weight: bold; }
  .turingBooth .boothList .boothDetails {
    font-weight: normal;
    padding: 1px 0 10px 10px;
    font-size: 11px; }
.turingBooth .boothList.yours a,
.turingBooth .boothList.results a {
  font-weight: normal; }
.turingBooth .reload {
  font-size: 14px;
  font-weight: bold; }
.turingBooth .countdown {
  width: 120px;
  text-align: center;
  border: solid 1px #666;
  float: right;
  margin-left: 20px;
  padding: 6px; }
  .turingBooth .countdown .counter {
    font-size: 32px;
    letter-spacing: -2px; }
.turingBooth .messageStatus {
  background-color: #eee;
  margin: 6px 0;
  padding: 6px;
  border: solid 1px #666; }
  .turingBooth .messageStatus.new {
    background-color: #B3F031; }
.turingBooth .resultsBox {
  padding: 6px;
  margin: 10px 0;
  border: solid 1px #000; }
  .turingBooth .resultsBox div {
    line-height: 16px; }
  .turingBooth .resultsBox .resultsHead {
    margin-bottom: 6px; }
  .turingBooth .resultsBox .guess {
    float: left;
    clear: left;
    width: 100px;
    font-weight: bold; }
  .turingBooth .resultsBox .count {
    float: left;
    width: 40px; }
  .turingBooth .resultsBox .percentage {
    float: left;
    width: 40px; }
  .turingBooth .resultsBox .graphical {
    float: right;
    width: 300px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    margin-top: -2px; }
  .turingBooth .resultsBox .resultBar {
    width: 302px;
    height: 42px;
    border: solid 1px #666;
    background-color: #F3C03E;
    position: relative;
    margin-top: 2px; }
    .turingBooth .resultsBox .resultBar div {
      float: left;
      height: 40px; }
      .turingBooth .resultsBox .resultBar div.goal {
        position: absolute;
        top: 0;
        right: 0;
        width: 204px;
        /* (3 x 70% goal) - padding*/
        border-left: solid 1px black;
        font-size: 11px;
        text-align: left;
        height: 55px;
        line-height: 97px;
        padding-left: 6px; }
  .turingBooth .resultsBox .humanBar {
    background-color: #349208; }
  .turingBooth .resultsBox .unknownBar {
    background-color: #8FC700; }
  .turingBooth .resultsBox .botBar {
    background-color: #F3C03E; }
.turingBooth .human {
  color: #349208;
  font-weight: bold; }
.turingBooth .unknown {
  color: #8FC700;
  font-weight: bold; }
.turingBooth .bot {
  color: #F0AC00;
  font-weight: bold; }
.turingBooth .individual {
  display: none;
  margin-top: 10px;
  border-left: solid 1px #666; }
  .turingBooth .individual .singleResult {
    padding: 8px;
    position: relative; }
  .turingBooth .individual .transcript {
    position: absolute;
    top: 0;
    right: 0;
    border: solid 1px #666;
    width: 320px;
    padding: 10px;
    display: none;
    background-color: #fff;
    z-index: 8; }
    .turingBooth .individual .transcript .close-transcript {
      position: absolute;
      top: 6px;
      right: 10px;
      z-index: 10; }
  .turingBooth .individual .singleResult.activeResult {
    border-top: solid 1px #999;
    background-color: #f3f3f3; }
.turingBooth .aboutTuringTest {
  padding: 6px;
  float: right;
  border: solid 1px #ccc;
  font-weight: bold; }
.turingBooth .logInMessage {
  font-size: 14px;
  padding: 6px;
  border: solid 1px #ccc;
  margin-top: 14px; }
.turingBooth #soundOption {
  margin-top: 4px; }
.turingBooth #messageAlert {
  display: none; }
.turingBooth .rounded {
  max-width: 600px; }

.message {
  min-height: 105px;
  min-height: 0;
  text-align: left; }
  .message.reply {
    min-height: 77px; }
  .message.yours .messageTitle {
    background-color: #FF9; }
  .message h2 {
    line-height: 39px;
    margin: 0; }
  .message img.userImage {
    height: 42px;
    width: 42px;
    border: solid 1px #000;
    float: left;
    margin-right: 6px; }
  .message .messageTitle {
    font-weight: bold;
    background-color: #FC6;
    float: left;
    padding: 0 8px;
    width: calc(100% - 50px);
    line-height: 42px;
    height: 42px;
    border-top: solid 2px #FFC530;
    border-bottom: solid 2px #EBEBEB; }
  .message .messageText {
    clear: left;
    padding: 9px 6px 0;
    width: 100%; }
    .message .messageText input {
      width: 100%; }

/* Chatbot API */
#apiNav {
  height: 40px; }
  #apiNav .apiNavOption {
    border: solid 1px #999;
    border-bottom: 0;
    line-height: 40px;
    height: 41px;
    float: left;
    text-align: center;
    padding: 0 20px;
    cursor: pointer;
    color: #666;
    border-radius: 12px 12px 0 0; }
    @media (min-width: 768px) {
      #apiNav .apiNavOption {
        width: 300px; } }
    #apiNav .apiNavOption h2 {
      font: 700 19px/38px Verdana, Arial, Helvetica, sans-serif; }
    #apiNav .apiNavOption:first-child {
      border-right: 0; }
  #apiNav #secure.active {
    background-color: #FFE17E;
    color: #000; }
  #apiNav #simple.active {
    background-color: #FFFF90;
    color: #000; }

#secureApiDoc,
#simpleApiDoc {
  border: solid 1px #999; }

#secureApiDoc .colorizer {
  border-left: solid 10px #FFE17E;
  padding: 12px 20px 20px;
  border-top: solid 4px #FFE17E; }

#simpleApiDoc {
  display: none; }
  #simpleApiDoc .colorizer {
    border-left: solid 10px #FFFF90;
    padding: 12px 20px 20px;
    border-top: solid 4px #FFFF90; }

#secureApiDoc td.object,
#simpleApiDoc td.object {
  font-size: 12px;
  background-color: #FFFF90; }

#freeBots {
  font-size: 14px;
  line-height: 16px;
  padding: 12px 0 6px;
  background-color: #FDFFD3; }
  #freeBots > div {
    margin-bottom: 6px;
    overflow: hidden;
    letter-spacing: -1px; }
  #freeBots img {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 4px; }
  #freeBots .id {
    font-size: 10px; }

#api-plans .api-plan {
  margin-bottom: 10px;
  text-align: center; }
#api-plans .api-plan-box {
  border: solid 1px orange;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 4px; }
  #api-plans .api-plan-box > div {
    padding: 4px 8px; }
  #api-plans .api-plan-box .title {
    border-radius: 8px 8px 0 0;
    background-color: #ffc407;
    font-weight: bold; }
  #api-plans .api-plan-box .calls {
    padding: 10px 8px; }
  #api-plans .api-plan-box .cost {
    background-color: #ffe17e;
    border-radius: 0 0 8px 8px; }
    #api-plans .api-plan-box .cost .small {
      margin-top: 4px; }

.codeBlock {
  line-height: 25px; }

.code {
  padding: 6px 10px;
  line-height: 18px;
  font-family: Consolas, Monaco, 'Lucida Console', 'Courier New', monospace, serif;
  margin-bottom: 10px;
  border: solid 1px #666;
  background-color: #FFFDD8;
  word-wrap: break-word; }
  .code.inline {
    padding: 4px;
    line-height: 16px;
    margin-bottom: 0; }

.json {
  max-width: 380px; }

#chatbotapi h1 {
  font-size: 24px; }
#chatbotapi table {
  border-color: #666;
  font-size: 12px; }

hr.separator {
  border: 0;
  border-top: solid 1px #666;
  margin: 20px 40px; }

#bookofapi table tr th {
  background-color: #FFE17E; }
#bookofapi table tr td {
  word-wrap: break-word;
  max-width: 200px;
  vertical-align: top; }

#apisignup #apiTable {
  width: 500px; }
  #apisignup #apiTable table {
    line-height: 20px; }
    #apisignup #apiTable table tr:nth-child(odd) {
      background-color: #ffffb2; }
    #apisignup #apiTable table tr.asterisk-row {
      background-color: white; }
    #apisignup #apiTable table tr.asterisk-row td {
      font-size: 11px; }

.apiStatus {
  font-size: 14px;
  line-height: 18px; }
  .apiStatus h3 {
    font-size: 18px; }
  .apiStatus .title {
    color: #14AA32;
    font-weight: normal; }

#apiSettings {
  margin: 0; }
  #apiSettings .optionsBox {
    font-size: 13px; }

#apiHelp {
  float: right;
  margin: 0 20px;
  width: 115px;
  padding: 10px;
  border: solid 1px #999;
  text-align: center; }

#needHelp {
  font-size: 15px;
  margin-bottom: 6px; }

#simpleApiTerms {
  display: none;
  line-height: 14px; }

#allowedOrigins {
  width: 95%;
  height: 50px; }

.charts {
  margin-top: 40px; }
  .charts h3 {
    display: block; }

.subusers {
  float: right;
  border: solid 1px #fbdb04;
  padding: 12px 30px;
  border-radius: 8px; }

.current-subuser {
  color: green;
  font-weight: bold;
  font-size: 16px; }

#api-back {
  float: right;
  padding: 20px 0 0; }

.api-links {
  margin: 20px 20px 30px 0; }
  .api-links a {
    font-size: 14px;
    display: block;
    margin: 0 0 8px 15px; }
  .api-links .bot {
    text-transform: uppercase;
    font-size: 12px;
    color: green;
    font-weight: bold; }
  .api-links .bot-links {
    float: left;
    margin: 0 10px 10px 0;
    border: solid 1px #fc0;
    border-radius: 6px;
    padding: 0 20px 10px;
    width: 150px;
    overflow: hidden;
    white-space: nowrap; }

/* Bootstrap 3 media queries:
xs: < 767px   -   sm: 768px+   -   md: 992px+   -   lg: 1200px+ 
*/
/* Primary Layout */
html {
  position: relative;
  min-height: 100%; }

body {
  margin-bottom: 55px;
  /* room for footer. adjusted on page load */
  background-image: url("/images/metallic2.jpg");
  background-color: #FFFDC7; }

#content.container {
  background-color: #FFFFFF;
  padding-bottom: 14px; }
  @media (min-width: 768px) {
    #content.container {
      padding: 50px 40px 20px; } }
  #content.container .horizon {
    margin-bottom: 15px; }

.container {
  position: relative; }
  @media (min-width: 1200px) {
    .container {
      width: 970px; } }

/* Column clears - requires same-size columns AND all four sizes written */
/* 2 cols */
.screen-xs .col-xs-6:nth-child(odd),
.screen-sm .col-sm-6:nth-child(odd),
.screen-md .col-md-6:nth-child(odd),
.screen-lg .col-lg-6:nth-child(odd),
.screen-xs .col-xs-4:nth-child(3n+1),
.screen-sm .col-sm-4:nth-child(3n+1),
.screen-md .col-md-4:nth-child(3n+1),
.screen-lg .col-lg-4:nth-child(3n+1),
.screen-xs .col-xs-3:nth-child(4n+1),
.screen-sm .col-sm-3:nth-child(4n+1),
.screen-md .col-md-3:nth-child(4n+1),
.screen-lg .col-lg-3:nth-child(4n+1) {
  clear: left; }

.rounded {
  border: 1px solid #e8e6e6;
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 12px; }

/* Content Boxes */
.miniRounded .rounded {
  border: 2px solid #F8EC91;
  background-color: white;
  padding: 8px;
  border-radius: 8px; }

.goldsection {
  margin-top: 8px;
  background: url(/images/bsec-goldmid.gif) top left repeat-x #f5be00;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 0;
  border-radius: 12px 12px 0 0; }

.bluesection {
  margin-top: 8px;
  background: url(/images/csec-bluemid.gif) top left repeat-x #000a4d;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 0;
  border-radius: 12px 12px 0 0; }

.whitesection {
  border-left: 1px solid #e8e6e6;
  border-right: 1px solid #e8e6e6;
  border-bottom: 1px solid #e8e6e6;
  margin-bottom: 8px;
  padding: 6px 12px 12px 12px;
  background-color: #FFFFFF;
  border-radius: 0 0 12px 12px; }
  .whitesection.blog {
    font-size: 13px;
    line-height: 29px; }

.goldtitle {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  line-height: 12px; }

.bluetitle {
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  line-height: 12px; }

.bigarea {
  text-align: left; }

/* Elements */
p {
  margin: 1em 0; }

fieldset {
  margin: 2px 0;
  padding: 0; }
  @media (min-width: 768px) {
    fieldset {
      border: solid 1px #AAA;
      padding: 0.35em 0.625em 0.75em 0.75em; } }

legend {
  width: inherit;
  padding: 0 2px;
  border-bottom: none;
  margin-bottom: 0; }

hr {
  margin-top: 10px;
  margin-bottom: 10px; }

table {
  background-color: #fff; }

th,
td {
  font-size: 13px;
  padding: 6px; }

pre {
  margin: 1em 0px 1em; }

code {
  /* undo bootstrap styles */
  padding: 0;
  color: inherit;
  background-color: transparent;
  border-radius: 0; }

/* General */
.center {
  text-align: center; }

.center-me {
  margin-left: auto;
  margin-right: auto; }

.clear {
  clear: both; }

.bold {
  font-weight: bold; }

.normal {
  font-weight: normal; }

.indent {
  padding: 0 40px; }

.nowrap {
  white-space: nowrap; }

.no-scroll {
  overflow: hidden; }

.no-margin {
  margin: 0; }

.no-padding {
  padding: 0; }

.relative {
  position: relative; }

.reg {
  font-weight: normal; }

.clear-after:after, .settingsBox .ratings .rating:after, #navbar-messaging .messages-from li .userName:after, #workshopNav.botNav:after, #transcripts #transcript-head:after, .templateListing:after, #sharedPluginHeader:after, .pluginList:after, #response-editor .additional:after,
#response-editor .data:after, .fullProfile .header:after, .fullProfile .details:after, .botProfile:after, #pause-options:after, #loginOptions:after, #loginOptions .whitesection:after, #findSection #botMiniSearch:after, .searchFilters:after, #bot-rating-modal .rating:after, .winner:after,
.winner-mini:after, .even-columns:after {
  content: "";
  display: table;
  clear: both; }

.full-width {
  width: 100%; }

.half-width {
  width: 50%;
  margin: 0 auto; }

.inline {
  display: inline-block !important;
  vertical-align: top;
  margin: 0; }

.left {
  text-align: left; }

.hidden {
  display: none; }

.faux-link {
  cursor: pointer;
  color: #337ab7 !important;
  text-decoration: none; }

.big-link {
  font-size: 18px;
  font-weight: bold; }

.warning {
  font-weight: bold;
  color: red; }

.upperRight {
  float: right;
  margin-right: 20px; }

.table-wrapper {
  max-width: 100%;
  overflow: auto;
  padding-bottom: 10px;
  /* for scrollbar */ }
  @media (min-width: 768px) {
    .table-wrapper {
      max-width: 100%; } }

img.userImage,
img.user-image {
  height: 40px;
  width: 40px;
  vertical-align: bottom; }

.hr {
  clear: both;
  height: 1px;
  border-bottom: solid 1px #CCC;
  width: calc(100% - 80px) !important;
  margin: 0 40px 20px;
  padding: 20px 10px 0; }

/* Various */
#loginOptions {
  margin: 0 auto;
  max-width: 555px; }
  #loginOptions .blueButton {
    font-size: 15px;
    padding: 3px 10px; }
  #loginOptions .whitesection {
    text-align: left; }

#login .inputField {
  font-size: 14px;
  margin-bottom: 8px; }
#login .inputField input {
  font-size: 18px;
  width: 100%; }
#login label {
  font-weight: normal; }

#forgotPassword {
  float: right;
  padding-top: 12px; }

#newAccount .whitesection {
  text-align: left; }
#newAccount .blueButton {
  margin: 0 auto;
  display: block; }

.glyph-circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid; }
  .glyph-circle .glyphicon {
    line-height: 26px; }

.jumbotron {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }
  .jumbotron .container {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px; }
  .jumbotron .strong {
    font-weight: bold;
    font-style: italic; }
  @media (min-width: 768px) {
    .jumbotron h1 {
      font-size: 50px; } }
  .jumbotron h2 {
    font-weight: 700; }
    @media (min-width: 768px) {
      .jumbotron h2 {
        font-size: 40px;
        margin-top: 12px;
        margin-bottom: -7px;
        line-height: 46px; } }

ol.spaced li,
ul.spaced li {
  margin-bottom: 12px; }

#callout-platform {
  background-color: #fff;
  color: #000; }
  @media (min-width: 768px) {
    #callout-platform {
      padding-top: 60px; } }
  #callout-platform .container {
    background: url(/images/happy-robot.jpg) calc(100% - 37px) 12px no-repeat;
    background-size: 100px; }
    @media (min-width: 768px) {
      #callout-platform .container {
        background: url(/images/happy-robot.jpg) 100% 10px no-repeat;
        background-size: 350px; } }
  #callout-platform h1 {
    width: calc(100% - 120px); }
    @media (min-width: 768px) {
      #callout-platform h1 {
        width: 100%;
        font-size: 45px; } }
    @media (min-width: 990px) {
      #callout-platform h1 {
        width: 100%;
        font-size: 50px; } }
  @media (min-width: 768px) {
    #callout-platform p {
      max-width: calc(100% - 350px); } }

#callout-build {
  background-color: #c2eaf6;
  background: url(/images/techspace.jpg) top left no-repeat;
  background-size: cover;
  color: #000; }

#callout-community {
  background-color: #fdcd01;
  background: url(/images/orange-sky.jpg) top left no-repeat;
  background-size: cover;
  color: #000; }
  #callout-community p {
    font-weight: 400; }
  #callout-community .chatMessage.yours img {
    display: none; }

#callout-toy {
  background-color: #6dacdc;
  background: url(/images/robot-hand.jpg) bottom center no-repeat;
  background-size: cover;
  color: #000; }

#callout-api {
  background-color: #6dacdc;
  background: url(/images/robot-hand.jpg) bottom center no-repeat;
  background-size: cover;
  color: #000; }
  #callout-api p {
    width: 60%; }
    @media (min-width: 768px) {
      #callout-api p {
        max-width: 400px; } }

#callout-engine {
  color: #000;
  background-color: #f5be00;
  border-bottom: solid 20px #fefcc9; }
  #callout-engine .engine-top {
    background: url(/images/engine-top.jpg) calc(100% + 200px) -20px no-repeat;
    background-size: 1800px; }
    @media (min-width: 768px) {
      #callout-engine .engine-top {
        background: url(/images/engine-top.jpg) calc(100% + 73px) 0 no-repeat;
        background-size: 1600px; } }
    @media (min-width: 992px) {
      #callout-engine .engine-top {
        background: url(/images/engine-top.jpg) calc(100% + 150px) 0 no-repeat;
        background-size: 2000px; } }
  #callout-engine h2 {
    width: calc(100% - 125px);
    margin-top: 100px;
    line-height: 1.2em; }
    @media (min-width: 768px) {
      #callout-engine h2 {
        width: calc(100% - 330px);
        margin-top: 0; } }
    @media (min-width: 992px) {
      #callout-engine h2 {
        width: calc(100% - 210px); } }
  @media (min-width: 768px) {
    #callout-engine p {
      width: calc(100% - 230px); } }

.fade-white {
  background: rgba(255, 255, 255, 0.5); }

#stats-row {
  background: #ffffd4;
  border-top: solid 2px #f8d002;
  border-bottom: solid 2px #f8d002;
  padding-top: 20px;
  padding-bottom: 20px; }
  #stats-row .forge-stats {
    text-align: center;
    margin: 2px;
    display: block;
    padding: 10px;
    border-radius: 10px;
    background: #fbdc04;
    background: -webkit-linear-gradient(legacy-direction(to bottom), #fbdc04 0%, #f5be00 100%);
    background: linear-gradient(to bottom, #fbdc04 0%, #f5be00 100%); }
    #stats-row .forge-stats .number {
      font-size: 30px;
      font-weight: bold; }
    #stats-row .forge-stats .units {
      font-size: 13px;
      margin-top: -4px;
      text-transform: uppercase; }
    #stats-row .forge-stats .metric {
      font-size: 15px;
      margin: 6px 0 4px; }

/* Tooltip styles */
.tooltip.right .tooltip-inner {
  background-color: #010F70; }

.tooltip.right .tooltip-arrow {
  border-right-color: #010F70; }

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100); }

.goto {
  font-size: 11px;
  line-height: 12px;
  background-color: #f9fac6;
  padding: 1px 5px;
  border: solid 1px #ffd28c; }

#scroll-option {
  float: right;
  border: solid 1px #ccc;
  padding: 2px 9px;
  border-radius: 6px;
  background-color: #FFFEE9; }

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 5px 0;
  background: #fac10f url("/images/stormset-repeating.jpg") top center repeat-x;
  border-top: solid 6px #010f70;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 18px;
  font-size: 12px; }
  .footer a {
    text-decoration: none;
    color: #fff; }
  .footer .copyright {
    margin-right: 30px; }
  .footer .machina {
    font-style: italic;
    color: #C05913;
    white-space: nowrap; }

#findSection {
  margin-top: 20px;
  text-align: center; }
  #findSection h1 {
    font-size: 28px;
    text-align: center;
    margin: 0 0 10px 0; }
    @media (min-width: 768px) {
      #findSection h1 {
        text-align: left;
        font-size: 32px; } }
  #findSection .findBox {
    padding: 10px;
    position: relative;
    background: #ffed6f;
    background: -webkit-linear-gradient(legacy-direction(to bottom), #ffed6f 0%, #ffcc59 100%);
    background: linear-gradient(to bottom, #ffed6f 0%, #ffcc59 100%);
    font-size: 11px;
    border-radius: 12px;
    margin: 0 auto 22px;
    text-align: center;
    max-width: 300px; }
    #findSection .findBox:not(#botMiniSearch) {
      cursor: pointer; }
      #findSection .findBox:not(#botMiniSearch):hover {
        background-color: #ebebeb; }
    #findSection .findBox img {
      position: absolute;
      top: -15px;
      right: -17px;
      z-index: 2; }
    #findSection .findBox h2 {
      margin: 0 0 6px;
      letter-spacing: -1px;
      font-size: 18px;
      line-height: 24px;
      font-weight: 700; }
      @media (min-width: 992px) {
        #findSection .findBox h2 {
          font-size: 22px; } }
    #findSection .findBox .tagline {
      display: block;
      font-style: italic;
      margin: 0 0 8px;
      font-size: 12px; }
    #findSection .findBox a {
      display: block;
      font-weight: bold;
      margin-top: 8px;
      color: #b93724; }

#findSection #botMiniSearch {
  display: inline-block;
  max-width: none; }
  @media (min-width: 768px) {
    #findSection #botMiniSearch {
      float: right; } }
  #findSection #botMiniSearch h2,
  #findSection #botMiniSearch select,
  #findSection #botMiniSearch input {
    margin-left: 4px;
    float: left; }
  #findSection #botMiniSearch select {
    font-size: 14px; }
  #findSection #botMiniSearch h2 {
    margin: 0 8px 0 4px;
    font-size: 18px; }
  #findSection #botMiniSearch.centerBox {
    float: none; }

.list-all {
  margin-top: 10px; }

.searchFilters {
  text-align: left;
  padding-bottom: 18px; }
  .searchFilters .filter {
    float: left;
    margin-right: 4px;
    padding-bottom: 12px; }
  .searchFilters label {
    margin: 0;
    display: inline;
    font-weight: normal; }

.filterName {
  font-size: 13px;
  margin-bottom: 4px; }

#searchTextFilter {
  float: left; }

#sortFilter {
  float: left; }

#searchSubmit {
  clear: both;
  display: block;
  background: #ffff96 url("/images/reload.png") 10px center no-repeat;
  border: solid 2px #DDCB00;
  padding: 5px 18px 6px 31px;
  font-size: 13px;
  border-radius: 4px;
  position: relative;
  top: 10px; }

#user-search {
  font-weight: bold;
  margin: 20px 0;
  text-align: center; }

#search-text {
  font-size: 14px;
  font-weight: bold;
  color: green; }

/* multimedia drop-down menus */
.dd-option {
  padding: 8px !important;
  font-size: 13px; }

.dd-option-image {
  height: 40px;
  margin-right: 9px !important; }

.dd-selected-image {
  height: 30px;
  position: relative;
  left: -10px;
  margin: 0 !important; }

.dd-selected {
  padding: 0 10px !important; }

.dd-option:hover,
.dd-selected:hover {
  text-decoration: none; }

.dd-selected-text {
  line-height: 30px !important;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  cursor: pointer;
  white-space: nowrap; }

.dd-select {
  border: solid 1px #C59E00 !important; }

.botList {
  text-align: left; }

/* single bot element */
.botListing {
  margin-top: 8px;
  margin-bottom: 8px;
  border: solid 1px #ddd;
  padding: 6px; }
  .botListing .topBlock {
    height: 53px;
    background-color: #eee; }
  .botListing .flashContainer {
    height: 53px;
    width: 60px;
    float: left;
    background: #fff;
    margin-right: 6px; }
  .botListing .imageContainer {
    height: 53px;
    width: 60px;
    float: left;
    margin-right: 6px;
    background: #fff;
    border-bottom: solid 1px #fff; }
  .botListing .userImage {
    margin: 5px 0 0 10px; }
  .botListing h3 {
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0 3px;
    margin: 0;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 70px); }
  .botListing .subBlock {
    clear: left;
    padding-top: 4px; }
  .botListing .headText {
    line-height: 16px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap; }
  .botListing .bio {
    padding: 6px 0;
    background-color: #FF9;
    text-align: center;
    margin-bottom: 4px;
    font: 13px/18px Verdana; }
    .botListing .bio.tight {
      letter-spacing: -0.5px; }
    .botListing .bio.tighter {
      letter-spacing: -1px; }
  .botListing .ratingBlock {
    margin: 6px 0 4px; }
  .botListing .rating {
    width: 36px;
    height: 43px;
    float: left;
    margin: 2px 7px 0 0; }
  .botListing .moodBlock {
    float: left;
    color: darkgreen;
    font-size: 12px;
    line-height: 21px;
    margin-left: 22px; }
  .botListing .moodBlock .aiLarge {
    font-size: 16px; }
  .botListing .greenText {
    color: darkgreen; }
  .botListing .viewChat {
    float: right;
    text-align: right; }
    .botListing .viewChat a:first-child {
      margin-bottom: 5px; }
  .botListing a.blueButton {
    display: block;
    font-size: 14px; }
  .botListing .friendship {
    clear: both;
    padding-top: 8px;
    background-color: #EAF6FF;
    text-align: center;
    padding: 2px 6px 6px;
    line-height: 17px;
    margin-top: 7px;
    font-size: 11px;
    border-bottom: solid 2px #8cbadf; }
  .botListing .tight {
    letter-spacing: -1px; }
  .botListing .tighter {
    letter-spacing: -2px; }

.relationships {
  margin-bottom: 6px; }
  .relationships .friends {
    color: darkgreen; }
  .relationships .enemies {
    color: darkred; }

.user-listing .topBlock {
  background-color: #E7FFD4;
  border-right: solid 3px #B6E15F; }
.user-listing .moodBlock {
  float: none;
  margin-left: 20px;
  margin-top: -2px; }
.user-listing .botBlock .bot-image {
  height: 30px;
  width: 30px;
  margin: 0 2px 0 0; }

.pagination {
  clear: both; }

#mini-user-id {
  margin-top: 20px; }
  #mini-user-id img {
    display: block;
    margin: 0 auto; }
  #mini-user-id h3 {
    margin: 9px 0 18px; }

/* Popover styles */
.popover-content {
  /*white-space: nowrap;*/
  word-wrap: break-word;
  padding: 14px;
  font: 500 14px/20px Verdana, Arial, Helvetica, sans-serif; }
  .popover-content hr {
    margin: 8px 0;
    visibility: hidden; }

/* individual popovers */
.popover.key-pop {
  width: 800px;
  max-width: 100%; }

.goto-pop .popover-content {
  white-space: nowrap; }

.aiscript-pop .popover-content {
  white-space: nowrap; }

#rating-list {
  text-align: center;
  margin: 20px auto 15px;
  width: 250px; }
  @media (min-width: 768px) {
    #rating-list {
      width: auto; } }
  #rating-list img {
    background-color: #fc3;
    padding: 6px;
    margin-bottom: 6px; }

#rating-micro {
  text-align: center;
  font-size: 12px;
  top: -10px;
  position: relative;
  margin-bottom: 10px; }

#guest-ratings {
  font-size: 10px; }

#change-rating {
  font-size: 10px;
  text-align: center;
  margin-top: 20px; }

/* Modals */
#modalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.6;
  display: none; }

.modalWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1200;
  text-align: center;
  display: none; }

.modal {
  margin: 0 auto;
  top: 40px;
  left: 50%;
  right: auto;
  bottom: auto;
  position: absolute;
  width: 350px;
  margin-left: -175px;
  border-radius: 20px;
  display: block;
  overflow: visible; }
  @media (min-width: 768px) {
    .modal {
      top: 100px;
      width: 500px;
      margin-left: -260px; } }
  .modal .closeModal {
    font-weight: bold; }
  .modal .goldtitle {
    font-size: 20px;
    line-height: 32px; }
  .modal .internal {
    text-align: left;
    font-size: 14px;
    padding: 16px; }
  .modal .internal .subText {
    font-size: 12px;
    margin-top: 6px; }
  .modal .internal a {
    font-weight: bold; }
  .modal .internal p {
    margin-top: 0; }
  .modal .internal a.headerLink {
    font-size: 16px; }

#adultBlockModal .internal {
  font-size: 15px; }
  #adultBlockModal .internal img {
    margin-right: 8px; }
  #adultBlockModal .internal .subText {
    font-size: 14px; }

.g-recaptcha {
  display: inline-block; }

.station-loading {
  width: 726px;
  height: 131px;
  background: url("/images/spinner.gif") center center no-repeat; }

#import-loading {
  text-align: center;
  padding-top: 40px;
  margin: 50px auto;
  background: url("/images/spinner.gif") top center no-repeat;
  display: none;
  /* doesn't work. Only displays after page loads */ }

#loading {
  text-align: center;
  padding-top: 30px;
  margin: 20px auto;
  background: url("/images/spinner.gif") top center no-repeat;
  color: #e4e1e1; }

@media (min-width: 768px) {
  #bot-rating-modal .modal {
    width: 350px;
    margin-left: -175px; } }
#bot-rating-modal .rating-list {
  margin-bottom: 30px; }
#bot-rating-modal .rating {
  font-size: 12px;
  padding: 10px;
  text-align: left;
  border-bottom: solid 1px #eee; }
  #bot-rating-modal .rating img {
    margin-right: 12px;
    float: left; }

.notice {
  font-size: 12px;
  margin: 20px 10px;
  background-color: #F1F1FD;
  padding: 10px 20px;
  border: solid 1px #BED5FF; }
  .notice .title {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px; }

#contact-us {
  max-width: 700px;
  margin: 30px auto 0; }
  #contact-us h3 {
    font-size: 20px;
    font-weight: bold; }

#news-area {
  margin-bottom: 20px; }
  #news-area img {
    margin-top: 10px; }

.newsItem {
  margin-bottom: 23px;
  position: relative; }
  .newsItem .title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 6px; }
  .newsItem .date {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 1px; }
  .newsItem .text {
    margin: 0 10px 0 15px; }

/* Mini-boxes */
#most-improved .improved-bot {
  background-color: #ffcc33;
  padding: 2px;
  line-height: 25px;
  height: 29px; }
  #most-improved .improved-bot img {
    vertical-align: top;
    border: solid 1px #666;
    width: 42px;
    height: 42px; }
#most-improved .improved-info {
  background-color: #ffff99;
  margin-bottom: 6px;
  padding: 4px 2px 5px 48px; }

.winner .winner-image,
.winner-mini .winner-image {
  float: left;
  text-align: center; }
  .winner .winner-image img,
  .winner-mini .winner-image img {
    border: solid 1px #666;
    width: 42px;
    height: 42px;
    margin-bottom: 5px; }
.winner .winner-info,
.winner-mini .winner-info {
  margin-left: 8px;
  float: left;
  width: calc(100% - 56px); }

.winner {
  border-bottom: solid 1px #fad803;
  padding-bottom: 6px;
  margin-bottom: 10px; }
  .winner:last-of-type {
    border-bottom: none; }
  .winner .winner-image img {
    margin-bottom: 13px; }

.winner-mini {
  white-space: nowrap;
  margin-bottom: 6px; }

.winners-link {
  margin-top: 18px;
  text-align: center; }

.animus {
  margin: 0 auto 8px;
  border: 1px solid #e8e6e6;
  display: inline-block; }
  .animus img {
    border-radius: 12px; }

/* blog */
#article-list {
  font-size: 20px;
  margin-top: 40px;
  margin-left: 30px; }
  #article-list .by-line {
    margin: 2px 0 20px 20px;
    font-size: 13px; }

.blog p {
  font-size: 14px; }
  .blog p.feature {
    font-style: italic;
    font-size: 16px;
    line-height: 26px; }
.blog #ember {
  margin: 10px 20px 0 0; }

#robot-jobs {
  width: 300px;
  margin-bottom: 10px; }

#robot-pen {
  background: url(/images/robot-pen.jpg) top center no-repeat;
  height: 400px;
  background-size: 314px 400px; }
  @media (min-width: 992px) {
    #robot-pen {
      height: 500px;
      background-size: auto;
      background-position: top left; } }

p.huge {
  font-size: 46px;
  font-weight: bold;
  margin: 12px 0; }

/* news alert */
#news-alert {
  margin: 10px 0 20px; }
  #news-alert .news-item {
    max-width: 650px;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      #news-alert .news-item {
        margin-left: 140px; } }
  #news-alert h2 {
    margin-top: 0;
    font-size: 19px;
    font-weight: bold; }
  #news-alert img {
    float: right;
    margin: 0 0 16px 0; }
    @media (min-width: 768px) {
      #news-alert img {
        float: left;
        margin: 0 16px 0 0; } }
  #news-alert .date {
    color: #999;
    font-style: italic;
    line-height: 24px; }
    @media (min-width: 768px) {
      #news-alert .date {
        float: right; } }

/* Testing */
.engineTests {
  font-size: 12px; }
  .engineTests .links {
    font-size: 14px; }
  .engineTests .testHeader {
    padding-top: 30px; }

.engineTests .testHeader h3,
.resultsOnly h3 {
  display: inline; }

.resultsOnly {
  margin-top: 20px; }
  .resultsOnly .testHeader,
  .resultsOnly .testPageHeader {
    display: none; }

.testResult {
  margin-bottom: 2px;
  padding: 3px 3px 3px 10px;
  line-height: 16px; }
  .testResult.correct {
    background-color: #9AFF73; }
  .testResult.wrong {
    background-color: #FFB6B0; }
    .testResult.wrong .text {
      width: 77px;
      display: inline-block; }
  .testResult .sentence {
    display: inline-block; }
    @media (min-width: 768px) {
      .testResult .sentence {
        width: 400px; } }
  @media (min-width: 768px) {
    .testResult .shouldBe {
      display: inline-block; } }

.testing {
  padding: 10px;
  margin-top: 10px; }
  .testing.pass {
    background-color: #ddffdf; }
  .testing.missing {
    background-color: #cef0f5; }
  .testing.fail {
    background-color: #ffbcb1;
    font-family: monospace; }
  .testing.warn {
    background-color: #fffc73; }
  .testing pre {
    font-size: 10px; }

.testName {
  margin-top: 10px;
  font-weight: bold; }

#secure-api-caller .form-group {
  margin-bottom: 5px; }
  #secure-api-caller .form-group label {
    font-weight: bold;
    width: 80px; }
  #secure-api-caller .form-group input[type='text'] {
    width: calc(100% - 110px); }
#secure-api-caller #your-chat-message input {
  font-size: 18px;
  padding: 6px 52px 6px 6px;
  margin-bottom: 8px; }

/* Sparql Editor */
#sparql-editor {
  font-size: 14px; }
  #sparql-editor code {
    font-size: 11px; }
  #sparql-editor ul {
    padding: 0 20px; }
  #sparql-editor textarea {
    font-size: 14px; }
  #sparql-editor form {
    line-height: 30px; }
    #sparql-editor form.interactive input[type="text"] {
      display: inline;
      width: 140px; }
    #sparql-editor form.interactive select {
      width: 80px; }
  #sparql-editor .query-box {
    margin: 14px 0 24px; }
  #sparql-editor .prefixes {
    height: 130px;
    overflow-y: auto;
    border: solid 1px #333;
    padding: 10px;
    margin: 10px 0; }
  #sparql-editor .error {
    border: 2px red solid;
    padding: 14px;
    margin: 7px;
    background-color: #E6E6E6; }
  #sparql-editor #questions {
    margin-top: 30px; }

#sparql_query {
  height: 100px;
  width: 100%; }

.mondobot-image {
  margin: 10px auto;
  display: block; }

.mondo-tables table {
  margin: 0 auto; }

.float-right {
  float: right; }

.sysoptions {
  float: right;
  border: solid 1px #333;
  padding: 10px;
  font-size: 14px;
  font-weight: bold; }

#topicNavigator {
  font-size: 12px; }
  #topicNavigator .topic-row .bracket {
    display: table-cell;
    font-size: 19px;
    line-height: 12px;
    position: relative;
    top: -2px; }
  #topicNavigator .topic-row .parentCat {
    display: table-cell;
    max-width: 500px; }
  #topicNavigator .thisCat {
    border: solid 1px #CCC;
    padding: 10px;
    margin: 30px 0;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    font-size: 14px; }
    #topicNavigator .thisCat .description {
      line-height: 17px; }
    #topicNavigator .thisCat .lexname {
      font-size: 11px;
      color: #666; }
  #topicNavigator .description {
    color: #0da90d; }
  #topicNavigator ul.subCats li {
    margin-top: 4px; }
    #topicNavigator ul.subCats li .lexTotals {
      font-size: 11px;
      color: #666;
      margin-top: 2px; }
  #topicNavigator .bottom {
    font-size: 10px; }
  #topicNavigator .relations {
    padding: 10px;
    border: solid 1px #ccc;
    margin: 10px; }

/* Social */
#facebookLike {
  position: absolute;
  right: -84px;
  top: 38px; }

/* Misc */
.narrowheader {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold; }

.section {
  background-color: #FFFFFF; }

.smallLink {
  font-size: 10px;
  padding: 2px 14px 0; }

#password-reset .password-inputs input {
  width: calc(100% - 200px); }
#password-reset .password-inputs label {
  width: 170px;
  display: inline-block; }
#password-reset .topBlock {
  margin: 20px 0 30px 20px; }
#password-reset img {
  float: left;
  margin-right: 9px; }

/* the form accepting the new passwords */
.password-inputs {
  margin: 15px 0;
  max-width: 500px; }
  .password-inputs label {
    font-size: 18px; }
  .password-inputs input {
    width: 100%; }

p.newsHead {
  font-weight: bold;
  margin: 20px 0 10px;
  font-size: 16px; }

#actionMessage {
  font-size: 13px;
  font-weight: bold;
  padding: 6px 6px 6px 16px;
  background-color: gold;
  border: solid 1px #fc3;
  margin: 20px 0;
  border-radius: 6px; }

img.feature {
  margin-bottom: 8px; }

#report-user textarea {
  width: 100%;
  margin: 6px 0 10px;
  max-width: 400px; }

#reported-user {
  padding: 10px;
  border: solid 1px #333;
  border-radius: 6px;
  margin-bottom: 30px;
  display: inline-block; }

#report-instructions {
  text-align: left;
  background-color: #ebebeb;
  border-radius: 6px;
  padding: 20px 14px;
  margin: 20px auto;
  max-width: 400px; }

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