@charset "UTF-8";
/***  MAIN CSS FILE  ***/
/* link to external site */
/* red link when page doesn't exist */
/*CLEARFIX*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* close commented backslash hack */
.nopadding {
  padding: 0px !important; }

.blue-gradient-button, .main-left.showcase .btn-add-project {
  color: white !important;
  background-color: #007ebf;
  background-color: #007ebf;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #0096cb 0%, #0068b4 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0096cb), color-stop(100%, #0068b4));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #0096cb 0%, #0068b4 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #0096cb 0%, #0068b4 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #0096cb 0%, #0068b4 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #0096cb 0%, #0068b4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096cb', endColorstr='#0068b4',GradientType=0 );
  /* IE6-9 */
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0px -1px 0px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0px -1px 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0px -1px 0px 1px rgba(0, 0, 0, 0.2);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); }
  .blue-gradient-button:hover, .main-left.showcase .btn-add-project:hover {
    background-color: #0097cc;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #00abd5 0%, #007ec3 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00abd5), color-stop(100%, #007ec3));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #00abd5 0%, #007ec3 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #00abd5 0%, #007ec3 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #00abd5 0%, #007ec3 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #00abd5 0%, #007ec3 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00abd5', endColorstr='#007ec3',GradientType=0 );
    /* IE6-9 */
    text-shadow: none; }
  .blue-gradient-button:active, .main-left.showcase .btn-add-project:active {
    background: #007ebf;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  font-family: sans-serif; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input {
  border-radius: 0px; }

.flash-content {
  display: none !important; }

html {
  position: relative;
  min-height: 100%;
  overflow-y: scroll; }

body {
  font-size: 16px;
  background: #e7e7e8 url("data:image/gif;base64,R0lGODlhZABkAKIAAOnp6ejo6Ofn5+jo6efn6Onp6ubm5wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNjE3MERGOTBDMzMxMUU3QTkxMjhCNTY4MzEzNTQ5QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNjE3MERGQTBDMzMxMUU3QTkxMjhCNTY4MzEzNTQ5QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI2MTcwREY3MEMzMzExRTdBOTEyOEI1NjgzMTM1NDlDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI2MTcwREY4MEMzMzExRTdBOTEyOEI1NjgzMTM1NDlDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAGQAZAAAA/9YRqbWr7gBC3vYEeYwbNczAB+hFNQXSae5NpIXgQx1qs+2ZC4GWKGZiUHa2AIWWAfCybwMNpCs1JQ5ksLdFMO5MgipE8u6SOEkXdBNUZ1eYT3MIGZRzJewexDqmRQEZDEUYDcGAXdLOi0hMUwZY25YhSRUd06XUIV2OY2FZRoGPzArCkianhADQwtXHZ0iSiygS28zolCManISFHNzrHwmbDM3YTgvrjJGW49LvUzCmbBmoLB2YGTHKpaxwLJ9KGRfzDmjUtgVkE7oZ0l0Ljdt2WJxIu+oaKN1FTt4l/R4LO3DZW4arC50BHUgwa2Hq18q9jzhYkwMKzwtHpFyw2f/Bp83Ca2AurCPBYlNHjMu+XFShZhwqQZEedDSQ5BG5bbIUoSz3AVLG6oMjGAsiMQNnm5O+IXmBDU5H2RaaSIMS5qCWaixgLgjhQAzzTpEQUUhwCgbvPRJG6TBn0uxtfKhzGaP2JpuZnIJajCzjzWP5r5YXADGBCV+ZbTpsMEIYgeJWBPzixHNLxZz6pwInDKETqxoLPY0+cYDMxfEOEebQ6vC7M6OqmCe9QdS1l13sBxBxZnZTx3Hsm0jgfrBM+YU8Ei6wjLodJ8v8E4yquOlhkVfrbB1uqVAlJheKNhsikaSX8VILpU9e+B6DgcTjjm90nQs2YR+G+M7LzdBh5bg/xrVVRxuYGEiTTqTbQUIDRuFk4xmXNl0X0/F9DMYV5B4cluC4hXHn03s6NTTM2xEA9F6JeyGS4G1+GVPK5TNQhwN9HkQXydJ3KTEMTowUs8P/q2TRBHaIYFQMyO8kGRp8BVoiHFYNSKYFqeFQAlu+6wCjg3AUZnjDvVYlksqasFkh5NPOMVXT/94aMdgfE25FSnGLdhmeiyiwglonyV02YekRXDVY2p5yJdPOZSXj6ER3AKPW3/+pwVQighKS1FkdOkIZKd18kVFmTHx1CNplOSIW24Olcih8OAH2Djk8NEcTPAxZxAyi9qIGyfEuAcYTvrJ1RFdB1q0xhh5ObGXg/8cffTrSC/FBIeyHbGpkF08cIXcjbFpdaCLL42xRhVovUITL1fIFMYFt3zLRYb2tcIKfMOmNOCO1jyl6TCc8ueFZOGKM+oKpbY6DKq1hRlhD6xRO+uFy4FE7YZjxBFGWhexAh4ABJg1U3mZ/NaKViwMl5u8h3qjHKkH7ScoYSdIR6qn1qUCJwpycnEBSWEieNkbsRXK1F7b9PHLD99U1kzG3Dyihwxg+WEntoMwxR4iIFYQ5CvTsUnwnFkGYiB+d0mVa4WRXYugoNrmwC29REkSVbQwdueREby5KA3Q8hFDESjewfjkKcUFkWRbKdMirkPRBrJYOuIaTYoxfpOZQRj/5w19ec6J5jSUshnZG7RxQ6MkltHd2cY05Po4qFqLe5on8RxFRFW5Bq9bnS6j1AIm4GD56Bh51j6uBIQ4QxJ2hDsUunrvLhEIQGgWzFVlmj+HNAsmNYgw9JYSUb9r01gzRI05NkzV0+KgUuyon+0FXcnanOAgyLP90//z0+WT01nI1IZKRp4UQx3IFRBlY5EI7rTxLznUBB6Uo5MuWkcbBo3lG+P6jTZ8hri70YV8GJOJJKgSCmPpLRymgER5SBIhAdkrBMoZhqz+sxzW7QhsLtiDhpQxGZt9ZA3GkIqIerUmSN3Oh7xRhTd05rmeGSuGlevhbWJEHPqRJxy065iz/yTFHx2aLjv3AZQcYAW9LVCCfCvAWqeqQTQKVqtDIKPXvrYYGCpNyiZ5CI2fpoAdGx0jNsaBkz0C0AMYStB2owpBFFTBIt8BhhtJC5jTdPIWFFzJDoc5BwouloV+Wehl6JDkOgY2rXvwQx7ggkNA/DRAi+jwUGj0iC/uVSmYcKVnY7xKMKK0OwGq8k2KqsvwvnGlRDWNFtDjW8YQ84lyBM5v7FBcwe6CyjY1BWqmJMiIYGOhPXKFIXkjjWwG5JAXaHGGhwoPjtQgC8phCSGt0kzEKhC10BxJQlkYli+bAszKlW5AMSim8vKGCatZ4WiqUxoxOtMXywwmDtUoaIJSIP/C+w3jma6YzkYydYmZGAsjI8FjvbqACNB4rY8qupNHR9OhnOgvN4nDmOocAMC4aEYkBKxMVXZWiAhRZhU7u+B6YvSzFrrrDYbc0f6aU5ASxax9vxRUzRQCHO1cgTslZGZtOhE+VaaEDWaRVcVOB76+ybEAHPNYiiICVSWlaSDJiqgH/RK0MgKDGarQ5cPqt6aJwCV6+TvYT6w3nylkz166wta0hAelzhXPA0B65SqItLx7Uu9OBnHqm261Vmcxch7ag+RYuzFJjkRsBJwjTBMr+I42ja6n0Yqg+VIXSYyogV4RI408WpQ6EejFYmnpowvYIsOyRVEjD6LILgX3Pjv/kss/LMQEsOJCIEqW0YQBS1bIIOoWLmktHI/D4KvU2ttNMMYIhumddjhTA6hagjE+4ERdISKYmdaLngs63g37gkwRboFhUSJTZZJC36ziqBSBxAcucoQy00iokK95SyhH0IgzalWdq5KSW3H1RWDEEYso24QMf6g658UFOVrwDz0Q2yjEea2tkvrJT4WiPky5bImd+48T9TGma5hwb0Qja9xKWFvHabCCaDGR3PxwQwkKFG/J3QZ9kFNYtwEOeFwtoryoQ79/qeSa/Z2nU0zn0Q/pDE1Liw5U+SlVIGeiqg1D6xu8kx4DEgVcA5HXOVEUlMJdKp8u1VlS+OpfMA9s/yZCLI14FhXPX3TmWGwODQ9FKQVzkW0ir5uQJ1wjae5Fpo8oRrSU4FtpFsqFEPlUpzZfpEQeFU2qNaLkzwTHUVmmKm0hdQ5YSKrHxukqQudJjD/C25j1DXF8fiOq4wIUKsvNzRsNzkpYbtmRr0QCWD2ECqdJPL+13BWXvtXrJ5mtKSkDdj+C9a24JCaDw+rtU8zYauRUcjI7NgxfsmwKcEgmAZNVK01UXrPNahfGGtWyr5oos9h8BiYgXuhRUGhuSqSH7n4Mdt3HvZr24B03CXivhvR7VSL6okZ/eW4u3jRnceVbLL6NuFy6PcOvsuqukE1QidukaDdjuxCb3/VYDKmsn5JB+jTi8cB4QRJC8pZRACPh+1T/mBCMqRD0tpqBGkjhXbEw8yXQ6alHR4esfoVEBOU1wOm9IXsozN505iGzDQjUWrMqNQ/DPVBN7aBDRV920R//qiwlXmGFsm47L48iDq9sn6dbFxklAEmeaQJTrAbFcUqLykByaQE1ceBTQENxqTRELr7W7boRRxEPr5PWohraOVL3la3oQXaClqksjT69fB1NVQIAADs=");
  margin-top: 71px;
  margin-bottom: 336px; }

body > #user-prefs {
  background: transparent;
  display: block;
  min-width: 320px; }

a:focus {
  outline: none !important; }

.font-xl {
  font-size: 2.5em; }

.font-l {
  font-size: 1.5em; }

.font-m {
  font-size: 1em; }

.font-s {
  font-size: 0.84em; }

.font-xs {
  font-size: 0.7em; }

.font-hard-m {
  font-size: 16px; }

strong,
.bold {
  font-weight: 600; }

em,
.italic {
  font-style: italic; }

.underline {
  text-decoration: underline; }

.font-normal {
  font-weight: normal; }

.position-relative {
  position: relative; }

.text-light {
  color: #9299a3; }

.text-green, .hover-text-green:hover {
  color: #99aa54; }

.text-green-dark {
  color: #7a8843; }

.text-red, .hover-text-red:hover {
  color: #7a202a !important; }

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

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

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

.text-black {
  color: black; }

.text-gray {
  color: #aeb3ba !important; }

.text-light-gray {
  color: #e5e7e9; }

.camelcase {
  text-transform: capitalize; }

.line-height-normal {
  line-height: normal !important; }

.line-height-30 {
  line-height: 30px !important; }

.line-height-40 {
  line-height: 40px !important; }

.font-monospace,
.monospace-font {
  font-family: Courier,"Courier New",monospace !important;
  font-weight: 400; }

.full-width {
  padding-right: 0 !important;
  padding-left: 0 !important;
  display: block;
  width: 100%; }

*[data-call-modal],
.hidden {
  display: none; }

.hidden-until-active:not(.active) {
  display: none; }

.opaque-until-hover:not(:hover) {
  opacity: 0.5; }

.processing {
  opacity: 0.5;
  pointer-events: none; }

.gutter-top {
  margin-top: 18px; }

.gutter-bottom {
  margin-bottom: 18px; }

.gutter-left {
  margin-left: 18px; }

.gutter-right {
  margin-right: 18px; }

.gutter-topx2 {
  margin-top: 36px; }

.gutter-bottomx2 {
  margin-bottom: 36px; }

.gutter-leftx2 {
  margin-left: 36px; }

.gutter-rightx2 {
  margin-right: 36px; }

.gutter-topx3 {
  margin-top: 54px; }

.gutter-bottomx3 {
  margin-bottom: 54px; }

.gutter-leftx3 {
  margin-left: 54px; }

.gutter-rightx3 {
  margin-right: 54px; }

.width-100 {
  width: 100%; }

.width-50 {
  width: 50%; }

.inline {
  display: inline; }

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

.block {
  display: block !important; }

.float-right {
  float: right; }

.float-left {
  float: left; }

.flip-x {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1); }

.clear-both {
  clear: both; }

.cursor-pointer {
  cursor: pointer; }

.nowrap, .no-wrap {
  white-space: nowrap; }

.padded {
  padding-left: 18px;
  padding-right: 18px; }

.auto-height:not(.no-min-height) {
  min-height: 200px !important; }

h1 {
  font-size: 2.5em;
  font-weight: 700; }

pre,
code, kbd, samp {
  color: rgba(125, 125, 125, 0.9);
  border: solid 1px rgba(160, 160, 160, 0.3);
  border-radius: 3px;
  background: rgba(190, 190, 190, 0.13);
  padding: 4px 6px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 0.92em;
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  padding-left: 8px;
  border-left-width: 8px; }

a.blue-link {
  color: #006BB1;
  text-decoration: none; }
  a.blue-link:hover {
    text-decoration: underline; }

.hover-underline:hover {
  text-decoration: underline !important; }

input[type="text"],
input.submit-button {
  -webkit-appearance: none;
  border: none; }

input[type="checkbox"],
input[type="checkbox"] + label {
  cursor: pointer; }

.hover-text-green:hover {
  color: #99aa54; }

.hover-text-red:hover {
  color: #7a202a; }

.hover-text-blue:hover {
  color: #006BB1; }

.hover-text-gray:hover {
  color: #aeb3ba; }

.hover-text-light-gray:hover {
  color: #e5e7e9; }

.bubble {
  font-size: 10px;
  line-height: 12px;
  height: 13px;
  letter-spacing: 0.04em;
  background: #aeb3ba;
  padding: 0 4px;
  border-radius: 30px;
  color: white;
  display: inline-block;
  -ms-transform: translate(0, -2px);
  /* IE 9 */
  -webkit-transform: translate(0, -2px);
  /* Safari */
  transform: translate(0, -2px); }
  .bubble > i {
    color: white; }
  .bubble:hover {
    opacity: 1 !important; }
  .bubble:empty {
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -ms-transform: translate(0, 0);
    /* IE 9 */
    -webkit-transform: translate(0, 0);
    /* Safari */
    transform: translate(0, 0);
    display: static; }
  .bubble.toggle {
    border-radius: 30px 0 0 30px;
    margin-left: 1px; }
  .bubble.toggle + .bubble {
    border-radius: 0 30px 30px 0;
    margin-left: 1px; }
  .bubble.right-flat {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .bubble.left-flat {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
  .bubble.right-flat + .bubble.left-flat {
    margin-left: 1px; }
  .bubble.green, .bubble.hover-green:hover {
    background: #99aa54; }
  .bubble.red, .bubble.hover-red:hover {
    background: #7a202a; }
  .bubble.orange, .bubble.hover-orange:hover {
    background: #f9bf29; }
  .bubble.blue, .bubble.hover-blue:hover {
    background: #006BB1; }
  .bubble.gray, .bubble.hover-gray:hover {
    background: #aeb3ba; }
  .bubble.light-gray, .bubble.hover-light-gray:hover {
    background: #e5e7e9; }

a.bubble {
  color: white !important;
  text-decoration: none; }

i#user-prefs.browser-firefox ~ * .bubble {
  line-height: 14px; }

i#user-prefs:not(.browser-safari) ~ * .bubble {
  letter-spacing: 0.07em; }

ul.display-toggles > li {
  list-style-type: none; }

#wysiwyg-cont {
  outline: none !important; }

.tablet-on {
  display: none !important; }

.mobile-on {
  display: none !important; }

.tiny-on {
  display: none !important; }

.ss-delay, button.nav__dropdown-toggle {
  opacity: 1;
  animation-name: ss-delay;
  animation-duration: 0.1s; }

@keyframes ss-delay {
  0% {
    opacity: 0; }
  99% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes scale-in {
  0% {
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes opacity-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes browseBox-in {
  0% {
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0; }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes tween-down {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes max-height-down {
  0% {
    max-height: 0; }
  100% {
    max-height: 100px; } }

@-webkit-keyframes rotate-forever {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes flashing-red {
  0% {
    background-color: #7a202a; }
  50% {
    background-color: #b7303f; }
  100% {
    background-color: #7a202a; } }

@-webkit-keyframes rotate-forever-browseBoxWatchButton {
  0% {
    -webkit-transform: rotate(0deg) translate(-50%, -50%);
    -moz-transform: rotate(0deg) translate(-50%, -50%);
    -o-transform: rotate(0deg) translate(-50%, -50%);
    transform: rotate(0deg) translate(-50%, -50%); }
  100% {
    -webkit-transform: rotate(359deg) translate(-50%, -50%);
    -moz-transform: rotate(359deg) translate(-50%, -50%);
    -o-transform: rotate(359deg) translate(-50%, -50%);
    transform: rotate(359deg) translate(-50%, -50%); } }

@keyframes modal-in {
  0% {
    -webkit-transform: scale(0.85) translate(-50%, 0);
    -moz-transform: scale(0.85) translate(-50%, 0);
    -o-transform: scale(0.85) translate(-50%, 0);
    transform: scale(0.85) translate(-50%, 0);
    opacity: 0; }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, 0);
    -moz-transform: scale(1) translate(-50%, 0);
    -o-transform: scale(1) translate(-50%, 0);
    transform: scale(1) translate(-50%, 0); } }

header#main-header-bar {
  width: 100%;
  min-width: 320px;
  height: 54px;
  background: #3c4b5e;
  color: #cccdcb;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  -webkit-transition: transform ease-in-out 200ms;
  -moz-transition: transform ease-in-out 200ms;
  -o-transition: transform ease-in-out 200ms;
  transition: transform ease-in-out 200ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /*
    a {
        color: $color-text-on-blue;
        text-decoration: none;
    }a:hover {
        color: white;
    }
    */ }
  #user-prefs.sticky-header ~ header#main-header-bar {
    position: fixed;
    z-index: 10; }
  header#main-header-bar div#main-header-bar-inner {
    height: 100%;
    line-height: 55px;
    width: 100%;
    margin: 0 auto; }
    header#main-header-bar div#main-header-bar-inner span.header-spacer {
      position: relative; }
    header#main-header-bar div#main-header-bar-inner span#header-spacer-right,
    header#main-header-bar div#main-header-bar-inner span#header-spacer-left {
      min-width: 36px;
      display: inline-block;
      width: calc(50% - 625px + 18px);
      height: 100%;
      float: left;
      -webkit-transition: width ease-in-out 200ms;
      -moz-transition: width ease-in-out 200ms;
      -o-transition: width ease-in-out 200ms;
      transition: width ease-in-out 200ms; }
    header#main-header-bar div#main-header-bar-inner span#header-spacer-right {
      width: calc(50% - 625px + 18px - 13px);
      float: right;
      min-width: 0; }
    #user-prefs.wide-load ~ header#main-header-bar div#main-header-bar-inner .header-spacer {
      width: 0; }
    header#main-header-bar div#main-header-bar-inner a#main-header-logoButton {
      display: block;
      float: left;
      width: 100px;
      height: 100%;
      background: url("/images/logo-white.png") no-repeat center;
      background-size: 100%; }
    header#main-header-bar div#main-header-bar-inner a#main-mobile-toggle {
      width: 48px;
      height: 100%;
      float: left;
      margin-right: 8px;
      position: absolute;
      top: 0;
      left: 0; }
      header#main-header-bar div#main-header-bar-inner a#main-mobile-toggle span {
        width: 28px;
        height: 2px;
        background: #fbfbfc;
        display: block;
        position: absolute;
        left: calc(50% - 14px);
        top: calc(50% - 9px); }
        header#main-header-bar div#main-header-bar-inner a#main-mobile-toggle span:nth-of-type(2) {
          top: 50%; }
        header#main-header-bar div#main-header-bar-inner a#main-mobile-toggle span:nth-of-type(3) {
          top: calc(50% + 9px); }
      header#main-header-bar div#main-header-bar-inner a#main-mobile-toggle:hover {
        background: #28323f; }
      header#main-header-bar div#main-header-bar-inner a#main-mobile-toggle:hover span {
        background: white; }
    header#main-header-bar div#main-header-bar-inner nav#main-header-nav {
      display: inline-block; }
      header#main-header-bar div#main-header-bar-inner nav#main-header-nav a {
        margin-left: 18px;
        color: #cccdcb;
        text-decoration: none; }
      header#main-header-bar div#main-header-bar-inner nav#main-header-nav a:hover {
        color: white; }
      header#main-header-bar div#main-header-bar-inner nav#main-header-nav i {
        font-size: 12px; }
    header#main-header-bar div#main-header-bar-inner div#main-header-bar-right {
      display: inline-block;
      float: right;
      max-width: 53%;
      min-width: 534px;
      height: 100%;
      position: relative; }
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right i {
        font-size: 12px; }
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#signup-login-box {
        height: 100%;
        display: inline-block;
        float: right;
        min-width: 90px;
        border-left: solid 1px rgba(0, 0, 0, 0.2); }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#signup-login-box a {
          margin: 0;
          padding: 0 9px;
          text-align: center;
          color: #cccdcb;
          text-decoration: none;
          display: inline-block;
          height: 54px; }
          header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#signup-login-box a:hover {
            color: white;
            background: rgba(0, 0, 0, 0.2); }
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right span.message-counter {
        min-width: 12px;
        height: 16px;
        line-height: 16px;
        padding: 0 2px;
        text-align: center;
        font-size: 0.7em;
        color: white;
        right: 4px;
        top: 4px;
        display: block;
        position: absolute;
        z-index: 1;
        background: red;
        border-radius: 10px; }
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#user-image-box {
        height: 33px;
        width: 33px;
        display: inline-block;
        float: right;
        overflow: hidden;
        margin-top: 10px;
        margin-right: 10px; }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#user-image-box img {
          width: 100%;
          opacity: 0.82; }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#user-image-box:hover img {
          opacity: 1; }
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#user-image-box + .hover-menu {
        bottom: -4px;
        right: 10px;
        -ms-transform: translate(0, 100%);
        /* IE 9 */
        -webkit-transform: translate(0, 100%);
        /* Safari */
        transform: translate(0, 100%); }
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#search-mobileToggle,
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#signup-login-mobileToggle {
        margin-right: 5px;
        float: right; }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#search-mobileToggle > a,
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#signup-login-mobileToggle > a {
          display: block;
          width: 33px;
          height: 33px;
          background: #28323f;
          color: #cccdcb;
          text-align: center;
          line-height: 33px;
          margin-top: calc(50% - 12px); }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#search-mobileToggle > a:hover,
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#signup-login-mobileToggle > a:hover {
          color: white; }
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#search-mobileToggle {
        margin-right: 5px; }
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#search-box {
        float: right;
        margin-right: 10px;
        width: 25%;
        min-width: 220px;
        max-height: 400px; }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#search-box .close-x {
          color: white;
          position: absolute;
          right: 10px;
          top: -7px;
          font-size: 22px; }
          header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#search-box .close-x i.fa {
            font-size: 22px; }
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box {
        float: right;
        margin-right: 18px;
        height: 54px;
        text-align: right; }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a {
          cursor: pointer;
          position: relative;
          display: inline-block;
          width: 75px;
          height: 33px;
          margin-right: 16px;
          background: url("/images/header-randomTapeBG.png") left center no-repeat;
          background-size: 187px 29px;
          opacity: 0.9;
          top: 49.4%;
          -ms-transform: translate(0, -51%);
          /* IE 9 */
          -webkit-transform: translate(0, -51%);
          /* Safari */
          transform: translate(0, -51%); }
          header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a:hover {
            opacity: 1; }
          header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a:active:before {
            background-position: 0 100%; }
          header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a:active:after {
            background-position: 100% 100%; }
          header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a.button-random-media {
            background-position: right; }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a:before,
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a:after {
          content: '';
          display: block;
          width: 33px;
          height: 33px;
          position: absolute;
          right: -16px;
          top: 0;
          border-radius: 50%;
          background-image: url("/images/header-randomButtonBG.png");
          background-position: 0 0;
          background-size: 66px 66px;
          background-blend-mode: darken; }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a:after {
          background-position: 100% 0;
          background-blend-mode: none;
          opacity: 0.8; }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a:hover:after {
          opacity: 0.98; }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a.button-random-trope:before {
          background-color: #187ec5; }
        header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a.button-random-media:before {
          background-color: #af0b1f; }
  header#main-header-bar div#mobile-menu {
    min-width: 280px;
    float: left;
    height: calc(100vh - 54px);
    max-height: 0;
    overflow: hidden;
    background: #28323f;
    position: relative; }
    header#main-header-bar div#mobile-menu a {
      margin-left: 18px;
      color: #cccdcb;
      text-decoration: none; }
    header#main-header-bar div#mobile-menu a:hover {
      color: white; }
  header#main-header-bar.mobile-menu-active a#main-mobile-toggle {
    background: #28323f; }
  header#main-header-bar.mobile-menu-active div#mobile-menu {
    -webkit-transition: max-height ease-in-out 200ms;
    -moz-transition: max-height ease-in-out 200ms;
    -o-transition: max-height ease-in-out 200ms;
    transition: max-height ease-in-out 200ms;
    max-height: calc(100vh - 40px); }

header#main-header-bar div#mobile-menu div.mobile-menu-options {
  padding: 0 27px; }
  header#main-header-bar div#mobile-menu div.mobile-menu-options:before, header#main-header-bar div#mobile-menu div.mobile-menu-options:after {
    content: '';
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #28323f; }
  header#main-header-bar div#mobile-menu div.mobile-menu-options:after {
    height: 10px;
    top: 20px;
    background-color: transparent;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #28323f 0%, rgba(40, 50, 63, 0) 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #28323f), color-stop(100%, rgba(40, 50, 63, 0)));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #28323f 0%, rgba(40, 50, 63, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #28323f 0%, rgba(40, 50, 63, 0) 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #28323f 0%, rgba(40, 50, 63, 0) 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #28323f 0%, rgba(40, 50, 63, 0) 100%);
    /* W3C */ }
  header#main-header-bar div#mobile-menu div.mobile-menu-options div.nav-wrapper {
    overflow: scroll;
    max-height: calc(100vh - 40px); }
    header#main-header-bar div#mobile-menu div.mobile-menu-options div.nav-wrapper:after {
      content: '';
      width: 100%;
      height: 130px;
      display: block; }
    header#main-header-bar div#mobile-menu div.mobile-menu-options div.nav-wrapper a {
      display: block;
      height: 35px;
      line-height: 35px; }
    header#main-header-bar div#mobile-menu div.mobile-menu-options div.nav-wrapper a.xl {
      height: 50px;
      line-height: 50px;
      border-bottom: solid 1px rgba(0, 0, 0, 0.3);
      font-size: 1.5em;
      font-weight: lighter; }
    header#main-header-bar div#mobile-menu div.mobile-menu-options div.nav-wrapper a.xl:first-of-type {
      padding-top: 13.5px; }
    header#main-header-bar div#mobile-menu div.mobile-menu-options div.nav-wrapper a.xl + a:not(.xl) {
      padding-top: 11px; }
    header#main-header-bar div#mobile-menu div.mobile-menu-options div.nav-wrapper a > i.fa {
      font-size: 0.7em;
      -ms-transform: translate(0, -2px);
      /* IE 9 */
      -webkit-transform: translate(0, -2px);
      /* Safari */
      transform: translate(0, -2px); }
    header#main-header-bar div#mobile-menu div.mobile-menu-options div.nav-wrapper div.mobile-dropdown-linkList > a {
      padding-left: 9px;
      max-height: 0;
      overflow: hidden;
      border-left: solid 3px #1e262f;
      -webkit-transition: max-height ease-in-out 100ms;
      -moz-transition: max-height ease-in-out 100ms;
      -o-transition: max-height ease-in-out 100ms;
      transition: max-height ease-in-out 100ms; }
    header#main-header-bar div#mobile-menu div.mobile-menu-options div.nav-wrapper *.active + div.mobile-dropdown-linkList > a {
      max-height: 50px; }

header#main-header-bar div#mobile-menu div.toggle-switches {
  display: block;
  height: 84px;
  border-top: solid 1px rgba(0, 0, 0, 0.3);
  margin-top: 18px; }
  header#main-header-bar div#mobile-menu div.toggle-switches ul.display-toggles {
    font-size: 0.7em;
    line-height: calc(0.7em + 5px);
    font-weight: bold;
    margin-bottom: 27px;
    display: flex;
    justify-content: space-around; }
    header#main-header-bar div#mobile-menu div.toggle-switches ul.display-toggles > li {
      width: 18%;
      display: inline-block;
      text-align: center;
      padding-top: 18px;
      cursor: pointer;
      opacity: 0.85; }
      header#main-header-bar div#mobile-menu div.toggle-switches ul.display-toggles > li:hover {
        opacity: 1; }
      header#main-header-bar div#mobile-menu div.toggle-switches ul.display-toggles > li:last-of-type {
        margin: 0; }

div#search-box-mobile {
  background: #3c4b5e;
  padding: 5px 6px 6px 6px;
  border-top: solid 1px #4f586a;
  position: relative;
  z-index: 1; }
  div#search-box-mobile.HomePage {
    display: block; }
  div#search-box-mobile:not(.HomePage):not(.active) {
    display: none !important; }

div#main-container {
  width: calc(1250px - 36px);
  max-width: calc(100% - 72px);
  min-width: 728px;
  margin: 18px auto;
  -webkit-transition: width ease-in-out 200ms;
  -moz-transition: width ease-in-out 200ms;
  -o-transition: width ease-in-out 200ms;
  transition: width ease-in-out 200ms;
  position: relative;
  z-index: 2; }
  #user-prefs.wide-load ~ div#main-container {
    width: calc(100% - 72px); }

div.action-bar {
  position: relative;
  z-index: 3;
  height: 40px;
  line-height: 40px;
  background: #3c4b5e;
  border-radius: 6px 6px 0 0;
  padding: 0 9px 0 18px;
  min-width: 286px;
  color: #cccdcb; }
  div.action-bar#action-bar-bottom {
    border-radius: 0 0 6px 6px; }
  div.action-bar a {
    font-size: 0.84em;
    color: #cccdcb;
    text-decoration: none; }
  div.action-bar a:hover {
    color: white; }
  div.action-bar i.crowner-icon {
    -ms-transform: translate(0, -2px);
    /* IE 9 */
    -webkit-transform: translate(0, -2px);
    /* Safari */
    transform: translate(0, -2px); }
  div.action-bar a.scroll-to-top {
    float: right; }
    div.action-bar a.scroll-to-top:hover {
      color: white; }
    div.action-bar a.scroll-to-top:hover:after {
      background: white; }
    div.action-bar a.scroll-to-top:after {
      content: '\f077';
      font-family: FontAwesome;
      color: #3c4b5e;
      text-align: center;
      line-height: 22px;
      border-radius: 3px;
      width: 22px;
      height: 22px;
      background: #cccdcb;
      margin-left: 4px;
      display: inline-block; }
  div.action-bar nav.actions-wrapper {
    width: calc(100% - 180px);
    max-width: 550px; }
  div.action-bar ul.page-actions {
    display: inline-block;
    height: 40px; }
    div.action-bar ul.page-actions:after {
      content: "";
      display: table;
      clear: both; }
    div.action-bar ul.page-actions li {
      margin-right: 18px; }
      div.action-bar ul.page-actions li a {
        font-weight: lighter; }
      div.action-bar ul.page-actions li button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: none;
        font-size: 0.84em;
        font-weight: lighter;
        line-height: normal;
        color: #cccdcb;
        cursor: pointer; }
      div.action-bar ul.page-actions li button:hover {
        color: white; }
  div.action-bar div.action-bar-right {
    position: absolute;
    top: 0px;
    right: 6px; }
    div.action-bar div.action-bar-right p {
      float: left;
      margin-right: 4px;
      font-size: 0.84em; }
    div.action-bar div.action-bar-right a {
      display: inline-block;
      border-radius: 3px;
      width: 28px;
      height: 28px;
      line-height: 29px;
      margin-top: 6px;
      margin-left: 3px;
      text-align: center;
      background: rgba(255, 255, 255, 0.2); }
      div.action-bar div.action-bar-right a i {
        font-size: 18px;
        line-height: 30px; }
    div.action-bar div.action-bar-right a:hover {
      color: #3c4b5e;
      background: white; }
    div.action-bar div.action-bar-right a.button-fb:hover {
      background: white;
      color: #455d8d; }
    div.action-bar div.action-bar-right a.button-tw:hover {
      background: white;
      color: #43b6ef; }
    div.action-bar div.action-bar-right a.button-re:hover {
      background: white;
      color: orangered; }

/*
 * Core styles for PriorityNav.js
 * These styles are not optional and should always be included
 *
 * Free to use under the MIT License.
 * http://twitter.com/GijsRoge
 */
.priority-nav {
  white-space: nowrap;
  /*
    * Makes sure the menu's are inline-block so they don't take up
    * the entire width of its parent. This will break the plugin.
    */ }

.priority-nav ul {
  display: inline-block; }

.priority-nav li {
  display: inline-block; }

.priority-nav__wrapper {
  position: relative; }

.priority-nav__dropdown {
  position: absolute; }

.priority-nav-is-visible {
  visibility: visible; }

.priority-nav-is-hidden {
  visibility: hidden; }

button.nav__dropdown-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: none;
  background: none;
  font-size: 0.84em;
  font-weight: lighter;
  color: #cccdcb;
  cursor: pointer;
  padding: 0 26px 0 9px;
  height: 40px; }
  button.nav__dropdown-toggle:after {
    content: '\f078';
    font-family: FontAwesome;
    font-size: 10px;
    display: block;
    position: absolute;
    top: 2px;
    right: 13px;
    height: 12px;
    line-height: 15px; }
  button.nav__dropdown-toggle.is-open:after {
    content: '\f00d'; }
  button.nav__dropdown-toggle:hover {
    color: white; }
  button.nav__dropdown-toggle.is-open {
    background: #28323f; }

i#user-prefs.browser-firefox ~ * button.nav__dropdown-toggle:after {
  display: inline;
  float: none;
  margin-top: 0; }

ul.priority-nav__dropdown {
  overflow: hidden;
  position: absolute;
  top: 29px;
  left: 2px;
  z-index: 1; }
  ul.priority-nav__dropdown.show {
    -webkit-transition: max-height ease-in-out 300ms;
    -moz-transition: max-height ease-in-out 300ms;
    -o-transition: max-height ease-in-out 300ms;
    transition: max-height ease-in-out 300ms;
    max-height: 1000px; }
  ul.priority-nav__dropdown:not(.show) {
    max-height: 0px; }
  ul.priority-nav__dropdown li {
    display: block;
    padding: 0 18px;
    background: #28323f; }

i#user-prefs.browser-chrome ~ * ul.priority-nav__dropdown {
  left: 0; }

i#user-prefs.browser-firefox ~ * ul.priority-nav__dropdown {
  left: 0;
  top: 28px; }

div#main-container div#action-bar-bottom ul.priority-nav__dropdown {
  -ms-transform: translate(0, calc(-100% - 40px));
  /* IE 9 */
  -webkit-transform: translate(0, calc(-100% - 40px));
  /* Safari */
  transform: translate(0, calc(-100% - 40px)); }

div#main-container div#action-bar-bottom button.nav__dropdown-toggle:after {
  content: '\f077'; }

div#main-container div#action-bar-bottom button.nav__dropdown-toggle.is-open:after {
  content: '\f00d'; }

div#main-container div#main-content {
  position: relative;
  background: white;
  display: -webkit-flex;
  display: flex;
  z-index: 2;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); }
  div#main-container div#main-content:after {
    content: "";
    display: table;
    clear: both; }
  div#main-container div#main-content div#main-content-sidebar {
    order: 2;
    width: 334px;
    min-width: 334px;
    background: #fbfbfc;
    padding-top: 18px;
    -webkit-box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.1); }
    div#main-container div#main-content div#main-content-sidebar:after {
      content: "";
      display: table;
      clear: both; }
  div#main-container div#main-content #main-entry {
    position: relative;
    flex-grow: 2;
    margin: 23px;
    margin-left: 28px; }
    div#main-container div#main-content #main-entry.with-sidebar {
      max-width: calc(100% - 350px - 36px); }
    div#main-container div#main-content #main-entry a.watch-button {
      font-size: 0.84em; }
    div#main-container div#main-content #main-entry h1.entry-title {
      padding-bottom: 18px;
      margin-bottom: 9px;
      -webkit-box-shadow: inset 0 -1px 0 0 #aeb3ba;
      -moz-box-shadow: inset 0 -1px 0 0 #aeb3ba;
      box-shadow: inset 0 -1px 0 0 #aeb3ba; }
      div#main-container div#main-content #main-entry h1.entry-title strong,
      div#main-container div#main-content #main-entry h1.entry-title span.media {
        font-weight: 300; }
      div#main-container div#main-content #main-entry h1.entry-title a {
        color: #006BB1;
        text-decoration: none;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto; }
      div#main-container div#main-content #main-entry h1.entry-title a:hover {
        color: #004c7e;
        text-decoration: underline; }
      div#main-container div#main-content #main-entry h1.entry-title i.fa {
        -ms-transform: translate(0, -6px);
        /* IE 9 */
        -webkit-transform: translate(0, -6px);
        /* Safari */
        transform: translate(0, -6px);
        font-size: 14px; }
      div#main-container div#main-content #main-entry h1.entry-title form i.fa {
        -ms-transform: translate(0, 0);
        /* IE 9 */
        -webkit-transform: translate(0, 0);
        /* Safari */
        transform: translate(0, 0); }
      div#main-container div#main-content #main-entry h1.entry-title:empty {
        display: none; }
  div#main-container div#main-content .social-shares-wrapper {
    position: absolute;
    left: -73px;
    width: 45px;
    z-index: 2;
    height: calc(100% - 250px); }
    div#main-container div#main-content .social-shares-wrapper > ul {
      margin-top: 94px; }
    div#main-container div#main-content .social-shares-wrapper > ul.stuck {
      position: fixed;
      width: 45px;
      top: 68px; }

#user-prefs.lefthand-sidebar ~ div#main-container div#main-content div#main-content-sidebar {
  order: -1;
  -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.1); }

#user-prefs.lefthand-sidebar ~ div#main-container div#main-content .social-shares-wrapper {
  left: auto;
  right: -69px; }
  #user-prefs.lefthand-sidebar ~ div#main-container div#main-content .social-shares-wrapper #left-floating-socialShares {
    border-radius: 0 4px 4px 0; }
  #user-prefs.lefthand-sidebar ~ div#main-container div#main-content .social-shares-wrapper #left-floating-socialShares.tucked:after {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  #user-prefs.lefthand-sidebar ~ div#main-container div#main-content .social-shares-wrapper ul.social-shares.right-shadow > li > a:after {
    right: auto;
    left: 0; }

#user-prefs.wide-load:not(.lefthand-sidebar) ~ div#main-container div#main-content .social-shares-wrapper {
  left: -65px; }
  #user-prefs.wide-load:not(.lefthand-sidebar) ~ div#main-container div#main-content .social-shares-wrapper ul {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    #user-prefs.wide-load:not(.lefthand-sidebar) ~ div#main-container div#main-content .social-shares-wrapper ul li > a.fb:after,
    #user-prefs.wide-load:not(.lefthand-sidebar) ~ div#main-container div#main-content .social-shares-wrapper ul li > a.tw:after {
      display: none; }
    #user-prefs.wide-load:not(.lefthand-sidebar) ~ div#main-container div#main-content .social-shares-wrapper ul:after {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    #user-prefs.wide-load:not(.lefthand-sidebar) ~ div#main-container div#main-content .social-shares-wrapper ul:hover > li:last-of-type a {
      border-bottom: solid 1px rgba(190, 190, 190, 0.13); }

#user-prefs.wide-load.lefthand-sidebar ~ div#main-container div#main-content .social-shares-wrapper {
  right: -60px; }
  #user-prefs.wide-load.lefthand-sidebar ~ div#main-container div#main-content .social-shares-wrapper ul#left-floating-socialShares {
    border-radius: 0; }

a#mobile-actionbar-toggle {
  float: right;
  height: 33px;
  line-height: 32px;
  border-radius: 4px;
  background: #3c4b5e;
  color: white;
  font-size: 0.84em;
  text-decoration: none;
  margin: -10px 0 0 9px;
  min-width: 34px;
  min-height: 33px;
  position: relative;
  background-color: #3c4b5e;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #3c4b5e 0%, #28323f 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c4b5e), color-stop(100%, #28323f));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #3c4b5e 0%, #28323f 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #3c4b5e 0%, #28323f 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #3c4b5e 0%, #28323f 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #3c4b5e 0%, #28323f 100%);
  /* W3C */
  -webkit-box-shadow: inset 0 -1px 0 0 black;
  -moz-box-shadow: inset 0 -1px 0 0 black;
  box-shadow: inset 0 -1px 0 0 black; }
  a#mobile-actionbar-toggle:hover {
    background: #3c4b5e; }
  a#mobile-actionbar-toggle:active {
    background: #28323f;
    -webkit-box-shadow: inset 0 2px 0 0 black;
    -moz-box-shadow: inset 0 2px 0 0 black;
    box-shadow: inset 0 2px 0 0 black; }
  a#mobile-actionbar-toggle.active {
    border-radius: 0 4px 4px 0 !important;
    -webkit-box-shadow: inset 0 -1px 0 0 black, 0 -2px 0 0 white;
    -moz-box-shadow: inset 0 -1px 0 0 black, 0 -2px 0 0 white;
    box-shadow: inset 0 -1px 0 0 black, 0 -2px 0 0 white; }
    a#mobile-actionbar-toggle.active i.fa {
      display: none; }
    a#mobile-actionbar-toggle.active:after {
      display: none; }
    a#mobile-actionbar-toggle.active span:nth-of-type(2) {
      display: none; }
    a#mobile-actionbar-toggle.active span:nth-of-type(1),
    a#mobile-actionbar-toggle.active span:nth-of-type(3) {
      top: 17px;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
      a#mobile-actionbar-toggle.active span:nth-of-type(1):before,
      a#mobile-actionbar-toggle.active span:nth-of-type(3):before {
        width: 5px; }
    a#mobile-actionbar-toggle.active span:nth-of-type(1) {
      top: 14px;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  a#mobile-actionbar-toggle p {
    margin: 0 8px 0 7px;
    padding-right: 28px; }
  a#mobile-actionbar-toggle i.fa {
    position: absolute;
    right: 3px;
    top: 15px;
    z-index: 2;
    color: white; }
  a#mobile-actionbar-toggle:after {
    content: '';
    display: block;
    width: 12px;
    height: 3px;
    position: absolute;
    top: 18px;
    right: 5px;
    background: #3c4b5e;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  a#mobile-actionbar-toggle span {
    width: 16px;
    height: 2px;
    background: white;
    display: block;
    position: absolute;
    right: 8px;
    top: 9px; }
  a#mobile-actionbar-toggle span:nth-of-type(2) {
    top: 15px; }
  a#mobile-actionbar-toggle span:nth-of-type(3) {
    top: 21px; }
  a#mobile-actionbar-toggle span:nth-of-type(1),
  a#mobile-actionbar-toggle span:nth-of-type(3) {
    -webkit-transition: rotate ease-in-out 100ms;
    -moz-transition: rotate ease-in-out 100ms;
    -o-transition: rotate ease-in-out 100ms;
    transition: rotate ease-in-out 100ms; }
  a#mobile-actionbar-toggle span:before {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    position: absolute;
    top: 0;
    left: -4px;
    background: white;
    -webkit-transition: width ease-in-out 100ms;
    -moz-transition: width ease-in-out 100ms;
    -o-transition: width ease-in-out 100ms;
    transition: width ease-in-out 100ms; }

.entry-title:not(:empty) + a#mobile-actionbar-toggle {
  border-radius: 0 0 4px 4px; }

a#mobile-actionbar-toggle.active + nav.mobile-actions-wrapper ul.page-actions {
  -webkit-transition: max-height ease-in-out 300ms;
  -moz-transition: max-height ease-in-out 300ms;
  -o-transition: max-height ease-in-out 300ms;
  transition: max-height ease-in-out 300ms;
  max-height: 600px; }

nav.mobile-actions-wrapper {
  pointer-events: none;
  position: relative;
  height: 0;
  z-index: 3; }
  nav.mobile-actions-wrapper a {
    font-size: 1em; }
  nav.mobile-actions-wrapper ul.page-actions {
    pointer-events: all;
    position: absolute;
    top: -10px;
    right: 34px;
    background: #28323f;
    color: #cccdcb;
    padding: 0 27px 0 21.6px;
    width: calc(100% - 83px);
    max-width: 250px;
    overflow: hidden;
    max-height: 0;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); }
    nav.mobile-actions-wrapper ul.page-actions > li {
      display: block; }
    nav.mobile-actions-wrapper ul.page-actions > li > a {
      color: #cccdcb;
      text-decoration: none;
      padding: 12.6px;
      padding-left: 25.2px;
      position: relative;
      width: calc(100% - 32.4px);
      display: block; }
    nav.mobile-actions-wrapper ul.page-actions > li > a:hover {
      color: white; }
    nav.mobile-actions-wrapper ul.page-actions > li > a > i.fa {
      position: absolute;
      left: 0; }
    nav.mobile-actions-wrapper ul.page-actions > li:first-of-type > a {
      padding-top: 21.6px; }
      nav.mobile-actions-wrapper ul.page-actions > li:first-of-type > a i {
        padding-right: 8px; }
    nav.mobile-actions-wrapper ul.page-actions > li:last-of-type > a {
      padding-bottom: 27px; }

.banner {
  display: block;
  border-radius: 4px;
  border: 1px solid #aeb3ba;
  text-align: center;
  border-top: 4px solid #3c4b5e;
  padding: 9px 46px;
  -webkit-box-shadow: 0 2px 0 0 rgba(190, 190, 190, 0.13);
  -moz-box-shadow: 0 2px 0 0 rgba(190, 190, 190, 0.13);
  box-shadow: 0 2px 0 0 rgba(190, 190, 190, 0.13); }
  .banner.red {
    border-color: #b7303f; }

footer#main-footer {
  background-color: #3c4b5e;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 300px;
  width: 100%;
  overflow: hidden;
  z-index: 2; }
  footer#main-footer #main-footer-inner {
    max-width: calc(1214px);
    margin: 0 auto;
    padding: 27px 36px 0 36px;
    display: flex;
    justify-content: space-between; }
    footer#main-footer #main-footer-inner > hr {
      border: none;
      display: block;
      width: 1px;
      height: 120px;
      background: #cccdcb;
      margin: 0 1% 0 1%;
      opacity: 0.1; }
    footer#main-footer #main-footer-inner a {
      color: #bfc1be;
      text-decoration: none; }
    footer#main-footer #main-footer-inner a:hover {
      color: white;
      text-decoration: underline; }
    footer#main-footer #main-footer-inner > ul {
      color: #cccdcb; }
      footer#main-footer #main-footer-inner > ul li:first-of-type {
        color: white;
        font-weight: bold;
        padding-bottom: 3px; }
      footer#main-footer #main-footer-inner > ul li:not(:first-of-type) {
        font-size: 0.84em;
        margin-top: 5px; }
    footer#main-footer #main-footer-inner div.footer-left {
      text-align: center; }
      footer#main-footer #main-footer-inner div.footer-left > ul.social-buttons {
        margin-top: 10px;
        display: flex;
        justify-content: center; }
        footer#main-footer #main-footer-inner div.footer-left > ul.social-buttons > li {
          margin: 0 3px; }
        footer#main-footer #main-footer-inner div.footer-left > ul.social-buttons > li > a {
          display: block;
          width: 27px;
          height: 27px;
          line-height: 31px;
          background: #cccdcb;
          border-radius: 50%;
          color: #3c4b5e; }
          footer#main-footer #main-footer-inner div.footer-left > ul.social-buttons > li > a.fb:hover {
            background: white;
            color: #455d8d; }
          footer#main-footer #main-footer-inner div.footer-left > ul.social-buttons > li > a.tw:hover {
            background: white;
            color: #43b6ef; }
          footer#main-footer #main-footer-inner div.footer-left > ul.social-buttons > li > a.rd:hover {
            background: white;
            color: orangered; }
      footer#main-footer #main-footer-inner div.footer-left a.img-link {
        position: relative;
        top: -3px; }
      footer#main-footer #main-footer-inner div.footer-left form.newsletter-signup {
        margin: -2px auto 0 auto;
        font-size: 16px;
        width: 80%; }
        footer#main-footer #main-footer-inner div.footer-left form.newsletter-signup input {
          display: inline-block;
          width: calc(100% - 34px - 12px);
          padding: 6px 6px;
          font-size: inherit; }
        footer#main-footer #main-footer-inner div.footer-left form.newsletter-signup input:focus {
          outline: none; }
        footer#main-footer #main-footer-inner div.footer-left form.newsletter-signup button {
          font-size: inherit;
          background: #cccdcb;
          display: inline-block;
          float: right;
          color: #28323f;
          width: 33px;
          height: 30px;
          border: none;
          margin-top: 2px;
          margin-left: 1px;
          cursor: pointer;
          text-align: center; }
        footer#main-footer #main-footer-inner div.footer-left form.newsletter-signup button:hover {
          background: white;
          color: #006BB1; }
  footer#main-footer div.legal {
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-top: solid 1px rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
    font-size: 0.7em;
    color: #a6a8a4;
    text-align: center;
    padding: 9px 0; }
    footer#main-footer div.legal a {
      color: #cccdcb; }

#desktop-on-mobile-toggle a {
  color: #bfc1be;
  text-decoration: underline; }
  #desktop-on-mobile-toggle a:hover {
    color: white;
    text-decoration: underline; }

#user-prefs.desktop-on-mobile ~ footer#main-footer #desktop-on-mobile-toggle {
  display: block !important; }

#user-prefs.desktop-on-mobile ~ footer#main-footer #desktop-on-mobile-toggle span.txt-desktop {
  display: none; }

#user-prefs:not(.desktop-on-mobile) ~ footer#main-footer #desktop-on-mobile-toggle span.txt-mobile {
  display: none; }

a.watch-button {
  float: right;
  text-decoration: none;
  color: #3c4b5e;
  border-radius: 3px;
  padding: 0 30px 0 7px;
  height: 33px;
  line-height: 31px;
  float: right;
  position: relative;
  text-shadow: 0 1px white;
  background-color: rgba(255, 255, 255, 0);
  /* Old browsers */
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.08)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
  /* W3C */
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-bottom: none;
  box-sizing: border-box; }
  a.watch-button span {
    display: none;
    overflow: hidden;
    max-width: 0px;
    -webkit-transition: max-width ease-in-out 100ms;
    -moz-transition: max-width ease-in-out 100ms;
    -o-transition: max-width ease-in-out 100ms;
    transition: max-width ease-in-out 100ms; }
  a.watch-button:after {
    content: '\f08d';
    font-family: FontAwesome;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 1px;
    -webkit-transition: transform ease-in-out 60ms;
    -moz-transition: transform ease-in-out 60ms;
    -o-transition: transform ease-in-out 60ms;
    transition: transform ease-in-out 60ms;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  a.watch-button:hover {
    border-color: transparent;
    -webkit-box-shadow: 0 1px 3px 0 rgba(60, 75, 94, 0.75), inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px 0 rgba(60, 75, 94, 0.75), inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px 0 rgba(60, 75, 94, 0.75), inset 0 -2px 0 0 rgba(0, 0, 0, 0.1); }
    a.watch-button:hover:after {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0); }
  a.watch-button:active {
    background: #fbfbfc;
    line-height: 33px;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5); }
    a.watch-button:active:after {
      top: 2px; }
  a.watch-button.processing:after, a.watch-button.watching.processing:after {
    content: '•';
    text-align: right;
    font-size: 1.5em;
    width: 21px;
    height: 21px;
    border-radius: 21px;
    line-height: 21px;
    background: #aeb3ba !important;
    color: white;
    z-index: 3;
    right: -6px;
    top: 15px;
    animation: rotate-forever-browseBoxWatchButton 0.34s linear infinite;
    transform-origin: 0% 0%; }
  a.watch-button.watching span {
    display: inline;
    max-width: 30px; }
  a.watch-button.watching:after {
    content: '\f058';
    font-size: 23px;
    margin-left: 6px;
    position: absolute;
    top: 1px;
    right: 5px;
    -webkit-transition: transform ease-in-out 300ms;
    -moz-transition: transform ease-in-out 300ms;
    -o-transition: transform ease-in-out 300ms;
    transition: transform ease-in-out 300ms;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }

.display-toggle {
  width: 38px;
  height: 20px;
  border-radius: 2px;
  background: #91949b;
  margin: 4px auto;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: background ease-in-out 100ms;
  -moz-transition: background ease-in-out 100ms;
  -o-transition: background ease-in-out 100ms;
  transition: background ease-in-out 100ms; }
  .display-toggle:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 1px;
    background: white;
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    -webkit-transition: left ease-in-out 100ms;
    -moz-transition: left ease-in-out 100ms;
    -o-transition: left ease-in-out 100ms;
    transition: left ease-in-out 100ms; }
  .display-toggle:after {
    content: "\f00c";
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    font-family: FontAwesome;
    color: #ced490;
    display: block;
    top: 0;
    left: -20px;
    position: absolute;
    line-height: 20px;
    -webkit-transition: left ease-in-out 100ms;
    -moz-transition: left ease-in-out 100ms;
    -o-transition: left ease-in-out 100ms;
    transition: left ease-in-out 100ms; }
  .display-toggle.active {
    background: #99aa54; }
  .display-toggle.active:before {
    left: 20px; }
  .display-toggle.active:after {
    left: 0; }

ul.social-shares {
  overflow: hidden;
  border-radius: 4px 0 0 4px;
  /*
    & > li:first-of-type > a {
        border-radius: 5px 0 0 0;
    }
    & > li:last-of-type > a {
        border-radius: 0 0 0 5px;
    }
    */ }
  ul.social-shares > li {
    width: 45px;
    float: left; }
  ul.social-shares > li > a {
    cursor: pointer;
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    position: relative;
    font-size: 20px;
    background: white;
    color: #aeb3ba;
    box-sizing: border-box; }
    ul.social-shares > li > a:hover {
      color: black; }
    ul.social-shares > li > a.fb {
      color: white;
      background: #455d8d; }
    ul.social-shares > li > a.fb:hover {
      background: #384b72; }
    ul.social-shares > li > a.tw {
      color: white;
      background: #43b6ef; }
    ul.social-shares > li > a.tw:hover {
      background: #1da7ec; }
    ul.social-shares > li > a.rddt {
      color: white;
      background: orangered; }
    ul.social-shares > li > a.rddt:hover {
      background: #d63a00; }
  ul.social-shares.right-shadow > li > a:after {
    content: '';
    width: 1px;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    opacity: 0.1; }
  .social-shares-wrapper ul.social-shares > li:nth-of-type(1n + 3):not(:last-of-type) > a:not(.fb):not(.tw):not(.rddt):before {
    content: '';
    width: 70%;
    height: 1px;
    left: 15%;
    display: block;
    position: absolute;
    bottom: 0;
    background: #dddfe2; }

ul.social-shares.tucked {
  max-height: 45px;
  position: relative;
  cursor: pointer; }
  ul.social-shares.tucked > li:not(:first-of-type) {
    max-height: 0;
    -webkit-transition: max-height ease-in-out 90ms;
    -moz-transition: max-height ease-in-out 90ms;
    -o-transition: max-height ease-in-out 90ms;
    transition: max-height ease-in-out 90ms; }
  ul.social-shares.tucked > li:first-of-type {
    opacity: 0;
    -webkit-transition: opacity ease-in-out 100ms;
    -moz-transition: opacity ease-in-out 100ms;
    -o-transition: opacity ease-in-out 100ms;
    transition: opacity ease-in-out 100ms; }
  ul.social-shares.tucked:after {
    content: '\f064';
    font-family: FontAwesome;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: white;
    width: 46px;
    height: 45px;
    display: block;
    background: #3c4b5e;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: inset -1px 0 0 0 #e7e7e7;
    -moz-box-shadow: inset -1px 0 0 0 #e7e7e7;
    box-shadow: inset -1px 0 0 0 #e7e7e7;
    -webkit-transition: opacity ease-in-out 100ms;
    -moz-transition: opacity ease-in-out 100ms;
    -o-transition: opacity ease-in-out 100ms;
    transition: opacity ease-in-out 100ms; }
  ul.social-shares.tucked:hover {
    max-height: 200px;
    overflow: visible; }
    ul.social-shares.tucked:hover > li:not(:first-of-type) {
      max-height: 45px; }
    ul.social-shares.tucked:hover > li:first-of-type {
      opacity: 1; }
  ul.social-shares.tucked:hover:after {
    opacity: 0;
    pointer-events: none; }
  ul.social-shares.tucked:hover:before {
    content: '';
    width: calc(100% + 80px);
    height: calc(45px * 6);
    display: block;
    position: absolute;
    top: -40px;
    left: -40px; }

p.separator {
  background: white;
  display: inline-block;
  padding-right: 12px; }
  p.separator:before {
    content: "";
    position: absolute;
    margin-top: 11px;
    width: 100%;
    left: 0;
    height: 1px;
    background: #aeb3ba;
    z-index: -1; }
  p.separator.solid {
    background: #cacdd1;
    color: black;
    padding: 0 9px;
    width: calc(100% - 18px); }
    p.separator.solid:before {
      display: none; }

div.section-block {
  padding: 18px;
  margin-top: 36px;
  position: relative; }
  div.section-block:first-child:not([class*="gutter-top"]) {
    margin-top: 5px; }
  div.section-block:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-box-shadow: inset 0 0 0 1px #cacdd1, 0 2px 4px 0px #f3f4f5;
    -moz-box-shadow: inset 0 0 0 1px #cacdd1, 0 2px 4px 0px #f3f4f5;
    box-shadow: inset 0 0 0 1px #cacdd1, 0 2px 4px 0px #f3f4f5;
    border-radius: 6px; }
  div.section-block > p.separator:first-child {
    position: absolute;
    top: -11px;
    left: 8px;
    padding-left: 10px; }
  div.section-block > p.separator:first-child:before {
    display: none; }
  div.section-block > p.separator:not(:first-child) {
    padding-left: 10px;
    margin-left: -10px; }
    div.section-block > p.separator:not(:first-child):before {
      background-color: #cacdd1; }
  div.section-block p.separator.not-full-width:before {
    width: calc(100% - 36px);
    left: 18px; }
  div.section-block > p.separator:first-child + .column-box:not(.left):not(.right),
  div.section-block > p.separator:first-child + form > .column-box:not(.left):not(.right):first-child {
    margin-top: 0 !important; }
  div.section-block hr {
    border-bottom: solid 1px #cacdd1 !important; }

.tool-tip {
  font-size: 0.84em;
  position: relative;
  opacity: 0.3;
  -ms-transform: translate(0, -4px);
  /* IE 9 */
  -webkit-transform: translate(0, -4px);
  /* Safari */
  transform: translate(0, -4px); }
  .tool-tip:hover {
    opacity: 1; }
  .tool-tip:after {
    content: attr(data-tool-tip);
    min-width: 200px;
    max-width: 400px;
    opacity: 0;
    text-align: center;
    color: black;
    font-size: 0.84em;
    font-family: sans-serif;
    line-height: 1.24em;
    padding: 8px;
    -webkit-word-break: keep-all;
    word-break: keep-all;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    background: #cacdd1;
    position: absolute;
    left: 50%;
    pointer-events: none;
    -ms-transform: translate(-50%, -20%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -20%);
    /* Safari */
    transform: translate(-50%, -20%);
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms; }
  .tool-tip:hover:after {
    opacity: 1;
    -ms-transform: translate(-50%, -100%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -100%);
    /* Safari */
    transform: translate(-50%, -100%); }

div.tile-view {
  display: block;
  padding: 0 18px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px; }
  div.tile-view > *:not(article) {
    display: none; }
  div.tile-view.max-width {
    padding-left: 0;
    padding-right: 0; }
  div.tile-view article {
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari */
    page-break-inside: avoid;
    /* Theoretically FF 20+ */
    break-inside: avoid-column;
    /* IE 11 */
    display: table;
    padding-top: 2px;
    padding-bottom: 18px;
    width: 100%;
    position: relative;
    max-width: 342px;
    margin-left: auto;
    margin-right: auto; }
    div.tile-view article:after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.65);
      z-index: 2;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: opacity ease-in-out 100ms;
      -moz-transition: opacity ease-in-out 100ms;
      -o-transition: opacity ease-in-out 100ms;
      transition: opacity ease-in-out 100ms; }
    div.tile-view article a {
      display: block;
      padding: 13px;
      border: solid 1px #cacdd1;
      border-radius: 4px;
      line-height: 1.2em; }
    div.tile-view article a > .image-wrapper > img {
      opacity: 0.85;
      width: 100%; }
    div.tile-view article a > .image-wrapper {
      width: 100%;
      margin-bottom: 6px;
      overflow: hidden; }
    div.tile-view article a > span.category {
      margin-right: 1px; }
    div.tile-view article a > span.title:before {
      content: '';
      display: block;
      width: 28px;
      height: 20px;
      float: right; }
  div.tile-view article:not(.watching):hover:after {
    opacity: 0 !important; }
  div.tile-view article > div.tile-watch-button:hover + a,
  div.tile-view article > a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 1px 3px 0 #ccc, inset 0 -2px 0 0 #ebecee;
    -moz-box-shadow: 0 1px 3px 0 #ccc, inset 0 -2px 0 0 #ebecee;
    box-shadow: 0 1px 3px 0 #ccc, inset 0 -2px 0 0 #ebecee; }
    div.tile-view article > div.tile-watch-button:hover + a img,
    div.tile-view article > a:hover img {
      opacity: 1; }
    div.tile-view article > div.tile-watch-button:hover + a span.title,
    div.tile-view article > a:hover span.title {
      text-decoration: underline; }
  div.tile-view a:active {
    -ms-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    transform: scale(0.98); }
  div.tile-view div.tile-watch-button {
    color: #cacdd1;
    cursor: pointer;
    display: block;
    width: 40px;
    height: 44px;
    position: absolute;
    bottom: 18px;
    right: 0;
    z-index: 2; }
    div.tile-view div.tile-watch-button i {
      position: absolute;
      top: calc(50% - 9px);
      left: calc(50% - 5px);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all ease-in-out 100ms;
      -moz-transition: all ease-in-out 100ms;
      -o-transition: all ease-in-out 100ms;
      transition: all ease-in-out 100ms; }
    div.tile-view div.tile-watch-button:before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-radius: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      -ms-transform: translate(-50%, -50%);
      /* IE 9 */
      -webkit-transform: translate(-50%, -50%);
      /* Safari */
      transform: translate(-50%, -50%);
      -webkit-transition: all ease-in-out 100ms;
      -moz-transition: all ease-in-out 100ms;
      -o-transition: all ease-in-out 100ms;
      transition: all ease-in-out 100ms; }
    div.tile-view div.tile-watch-button:hover i {
      color: white;
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0); }
    div.tile-view div.tile-watch-button:hover:before {
      width: 30px;
      height: 30px;
      background: #006BB1; }
    div.tile-view div.tile-watch-button:active {
      -ms-transform: translate(0, 1px);
      /* IE 9 */
      -webkit-transform: translate(0, 1px);
      /* Safari */
      transform: translate(0, 1px); }
    div.tile-view div.tile-watch-button.processing:before {
      content: '•';
      text-align: right;
      font-size: 1.5em;
      display: block;
      width: 26px;
      height: 26px;
      border-radius: 26px;
      line-height: 26px;
      background: #aeb3ba !important;
      color: white;
      z-index: 3;
      animation: rotate-forever-browseBoxWatchButton 0.34s linear infinite;
      transform-origin: 0 0; }
    div.tile-view div.tile-watch-button.processing:after {
      display: none !important; }
  div.tile-view article.watching div.tile-watch-button {
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
    div.tile-view article.watching div.tile-watch-button i {
      display: none;
      z-index: 2;
      color: white; }
    div.tile-view article.watching div.tile-watch-button:before {
      width: 26px;
      height: 26px;
      background: #f9bf29; }
    div.tile-view article.watching div.tile-watch-button:after {
      content: '';
      display: block;
      width: 8px;
      height: 4px;
      position: absolute;
      top: calc(50% - 5px);
      left: calc(50% - 5px);
      border: solid 3px white;
      border-top: none;
      border-right: none;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  div.tile-view.all-watching article:not(.watching):after {
    opacity: 0.75; }

.hover-menu-toggle {
  position: relative;
  z-index: 4; }

div.hover-menu {
  position: absolute;
  pointer-events: none;
  z-index: 3;
  display: none; }
  div.hover-menu.right {
    right: 0;
    left: auto; }
  div.hover-menu.active {
    display: block; }
  div.hover-menu.active > a {
    max-height: 100px; }
    div.hover-menu.active > a:not(:first-of-type) {
      animation-name: max-height-down;
      animation-duration: 300ms; }
  div.hover-menu:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 7px);
    top: -7px;
    width: 0;
    height: 0;
    border-top: 15px solid #3c4b5e;
    border-right: 15px solid transparent;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  div.hover-menu[data-arrow="right"]:before {
    left: calc(100% - 24px); }
  div.hover-menu[data-arrow="left"]:before {
    left: 24px; }
  div.hover-menu a, div.hover-menu button {
    font-size: 0.84em;
    pointer-events: all;
    display: block;
    line-height: 30px;
    padding-left: 9px;
    padding-right: 9px;
    background: #3c4b5e;
    color: white !important;
    min-width: 110px;
    text-decoration: none; }
    div.hover-menu a:not(:last-child), div.hover-menu button:not(:last-child) {
      border-bottom: solid 1px rgba(255, 255, 255, 0.2); }
    div.hover-menu a:hover, div.hover-menu button:hover {
      color: white !important;
      text-decoration: underline; }
  div.hover-menu button {
    -webkit-appearance: none;
    text-align: left;
    border: none;
    width: 100%;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer; }
  div.hover-menu a.mod-function {
    background: #7a202a !important; }
  div.hover-menu.dark-blue a:not(.mod-function) {
    background: #28323f; }
  div.hover-menu.dark-blue:before {
    border-top-color: #28323f; }
  div.hover-menu:after {
    content: '';
    display: block;
    width: calc(100% + 60px);
    height: calc(100% + 60px);
    position: absolute;
    top: -30px;
    left: -30px;
    background: transparent;
    z-index: -1; }

div.article-banner {
  padding: 13px 18px 18px 18px;
  font-weight: bold;
  font-size: 0.84em;
  text-align: center;
  line-height: normal;
  letter-spacing: 0em;
  border-top: solid 4px #3c4b5e;
  border-radius: 3px;
  margin-bottom: 18px;
  -webkit-box-shadow: 0 1px 2px 0 #cacdd1;
  -moz-box-shadow: 0 1px 2px 0 #cacdd1;
  box-shadow: 0 1px 2px 0 #cacdd1;
  position: relative; }
  div.article-banner.red {
    border-top-color: #b7303f; }
  div.article-banner.type-shrug, div.article-banner.type-flame {
    padding-left: 46px;
    padding-right: 46px; }
    div.article-banner.type-shrug:before, div.article-banner.type-shrug:after, div.article-banner.type-flame:before, div.article-banner.type-flame:after {
      content: '';
      width: 31px;
      height: 31px;
      line-height: 31px;
      border-radius: 50%;
      position: absolute;
      top: 9px;
      left: 9px;
      background: #cacdd1 url("/images/article-banner-icons.png") center no-repeat;
      background-size: 31px 155px; }
    div.article-banner.type-shrug:after, div.article-banner.type-flame:after {
      left: auto;
      right: 9px; }
  div.article-banner.type-flame {
    border-top-color: #f9bf29; }
  div.article-banner.type-flame:before, div.article-banner.type-flame:after {
    background-position: 0 0;
    background-color: #f9bf29; }
  div.article-banner.type-shrug:before, div.article-banner.type-shrug:after {
    background-position: 0 -31px;
    background-color: #50647d; }

@media (max-width: 1195px) {
  div.tile-view {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; } }

@media (max-width: 980px) {
  div.tile-view {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; } }

@media (max-width: 765px) {
  div.tile-view {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; } }

@media (max-width: 585px) {
  div.tile-view {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; }
  a.watch-button {
    width: 34px;
    height: 33px;
    overflow: hidden;
    color: transparent !important;
    padding: 0;
    /*
        &:after {
            position: relative;
            left:9px;
            top:-31px;
            font-size: 21px;
            color:$color-blue;
            @include rotate(90deg);
            //@include translate(-50%,-50%);
        }
        &.watching:after {
            position: relative;
            left:1px;
            top:-61px;
        }
        &.processing:after {
            left:9px;
            top:-47px;
            display: block;
        }
        */ }
    a.watch-button:after {
      color: #3c4b5e; } }

form.search {
  position: relative;
  font-size: 1em; }
  form.search input.search-box {
    width: calc(100% - 38px);
    font-size: 1em;
    -webkit-appearance: none;
    border: none;
    padding: 7px 7px 8px 31px;
    background: white;
    outline: none;
    opacity: 0.25;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms; }
    form.search input.search-box:active, form.search input.search-box:hover, form.search input.search-box:focus, form.search input.search-box:valid {
      opacity: 1; }
  form.search input.search-box::-webkit-input-placeholder {
    color: #3c4b5e; }
  form.search input.search-box::-moz-placeholder {
    color: #3c4b5e; }
  form.search input.search-box:-ms-input-placeholder {
    color: #3c4b5e; }
  form.search input.search-box:-moz-placeholder {
    color: #3c4b5e; }
  form.search input.search-box:valid + input.submit-button {
    color: black; }
  form.search input.submit-button {
    cursor: pointer;
    font-family: FontAwesome;
    background: none;
    position: absolute;
    left: 2px;
    top: 44%;
    font-size: 17px;
    z-index: 1;
    color: #3c4b5e;
    -webkit-transition: all ease-in-out 100ms;
    -moz-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
    -ms-transform: translate(0, -50%);
    /* IE 9 */
    -webkit-transform: translate(0, -50%);
    /* Safari */
    transform: translate(0, -50%); }

#modal-box input[type=text],
#modal-box input[type=password],
div#main-container input[type=text],
div#main-container input[type=password] {
  font-size: 1em;
  outline: none;
  border: solid 1px #aeb3ba;
  padding: 6px 8px 7px 8px; }

div#main-container form:not(.no-style) > .column-box:first-of-type {
  margin-top: 0; }

#modal-box:after,
#modal-box form:not(.no-style):after,
div#main-container .two-column:after,
div#main-container form:not(.no-style):after,
#main-content-sidebar:after {
  content: "";
  display: table;
  clear: both; }

#modal-box .column-box,
#modal-box form:not(.no-style) .column-box,
div#main-container .two-column .column-box,
div#main-container form:not(.no-style) .column-box,
#main-content-sidebar .column-box {
  line-height: normal;
  position: relative;
  width: 100%;
  margin: 18px 0 0 0; }

#modal-box .column-box.with-hidden-button,
#modal-box form:not(.no-style) .column-box.with-hidden-button,
div#main-container .two-column .column-box.with-hidden-button,
div#main-container form:not(.no-style) .column-box.with-hidden-button,
#main-content-sidebar .column-box.with-hidden-button {
  overflow: hidden;
  margin: 0;
  max-height: 0;
  -webkit-transition: max-height ease-in-out 0.4s;
  -moz-transition: max-height ease-in-out 0.4s;
  -o-transition: max-height ease-in-out 0.4s;
  transition: max-height ease-in-out 0.4s; }

#modal-box .column-box > label:first-child,
#modal-box form:not(.no-style) .column-box > label:first-child,
div#main-container .two-column .column-box > label:first-child,
div#main-container form:not(.no-style) .column-box > label:first-child,
#main-content-sidebar .column-box > label:first-child {
  display: block;
  margin-bottom: 4px; }

#modal-box.bottom-border,
#modal-box form:not(.no-style).bottom-border,
div#main-container .two-column.bottom-border,
div#main-container form:not(.no-style).bottom-border,
#main-content-sidebar.bottom-border {
  border-bottom: solid 1px #aeb3ba; }

#modal-box .column-box.left,
#modal-box .column-box.right,
#modal-box form:not(.no-style) .column-box.left,
#modal-box form:not(.no-style) .column-box.right,
div#main-container .two-column .column-box.left,
div#main-container .two-column .column-box.right,
div#main-container form:not(.no-style) .column-box.left,
div#main-container form:not(.no-style) .column-box.right,
#main-content-sidebar .column-box.left,
#main-content-sidebar .column-box.right {
  max-width: calc(50% - 18px); }

#modal-box .column-box.left:first-of-type,
#modal-box .column-box.left:first-of-type + .right,
#modal-box form:not(.no-style) .column-box.left:first-of-type,
#modal-box form:not(.no-style) .column-box.left:first-of-type + .right,
div#main-container .two-column .column-box.left:first-of-type,
div#main-container .two-column .column-box.left:first-of-type + .right,
div#main-container form:not(.no-style) .column-box.left:first-of-type,
div#main-container form:not(.no-style) .column-box.left:first-of-type + .right,
#main-content-sidebar .column-box.left:first-of-type,
#main-content-sidebar .column-box.left:first-of-type + .right {
  margin-top: 0; }

#modal-box .column-box.right,
#modal-box form:not(.no-style) .column-box.right,
div#main-container .two-column .column-box.right,
div#main-container form:not(.no-style) .column-box.right,
#main-content-sidebar .column-box.right {
  float: right; }

#modal-box .column-box.left,
#modal-box form:not(.no-style) .column-box.left,
div#main-container .two-column .column-box.left,
div#main-container form:not(.no-style) .column-box.left,
#main-content-sidebar .column-box.left {
  float: left;
  clear: both; }

#modal-box .column-box.left + .column-box:not(.left):not(.right),
#modal-box .column-box.right + .column-box:not(.left):not(.right),
#modal-box form:not(.no-style) .column-box.left + .column-box:not(.left):not(.right),
#modal-box form:not(.no-style) .column-box.right + .column-box:not(.left):not(.right),
div#main-container .two-column .column-box.left + .column-box:not(.left):not(.right),
div#main-container .two-column .column-box.right + .column-box:not(.left):not(.right),
div#main-container form:not(.no-style) .column-box.left + .column-box:not(.left):not(.right),
div#main-container form:not(.no-style) .column-box.right + .column-box:not(.left):not(.right),
#main-content-sidebar .column-box.left + .column-box:not(.left):not(.right),
#main-content-sidebar .column-box.right + .column-box:not(.left):not(.right) {
  clear: both;
  position: relative; }

#modal-box .column-box.left + .column-box:not(.left):not(.right):before,
#modal-box .column-box.right + .column-box:not(.left):not(.right):before,
#modal-box form:not(.no-style) .column-box.left + .column-box:not(.left):not(.right):before,
#modal-box form:not(.no-style) .column-box.right + .column-box:not(.left):not(.right):before,
div#main-container .two-column .column-box.left + .column-box:not(.left):not(.right):before,
div#main-container .two-column .column-box.right + .column-box:not(.left):not(.right):before,
div#main-container form:not(.no-style) .column-box.left + .column-box:not(.left):not(.right):before,
div#main-container form:not(.no-style) .column-box.right + .column-box:not(.left):not(.right):before,
#main-content-sidebar .column-box.left + .column-box:not(.left):not(.right):before,
#main-content-sidebar .column-box.right + .column-box:not(.left):not(.right):before {
  content: '';
  display: block;
  width: 100%;
  height: 18px; }

#modal-box .column-box.center,
#modal-box form:not(.no-style) .column-box.center,
div#main-container .two-column .column-box.center,
div#main-container form:not(.no-style) .column-box.center,
#main-content-sidebar .column-box.center {
  clear: both;
  display: block;
  width: 100%;
  max-width: 500px;
  margin-left: 50%;
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Safari */
  transform: translate(-50%, 0); }

#modal-box.with-line .column-box.left:after,
#modal-box form:not(.no-style).with-line .column-box.left:after,
div#main-container .two-column.with-line .column-box.left:after,
div#main-container form:not(.no-style).with-line .column-box.left:after,
#main-content-sidebar.with-line .column-box.left:after {
  content: '';
  width: 1px;
  height: 98%;
  position: absolute;
  right: -18px;
  top: 4px;
  background-color: rgba(190, 190, 190, 0.13); }

#modal-box.show-save-button .column-box.with-hidden-button,
#modal-box form:not(.no-style).show-save-button .column-box.with-hidden-button,
div#main-container .two-column.show-save-button .column-box.with-hidden-button,
div#main-container form:not(.no-style).show-save-button .column-box.with-hidden-button,
#main-content-sidebar.show-save-button .column-box.with-hidden-button {
  margin-top: 18px;
  max-height: 110px; }

#modal-box .message,
#modal-box form:not(.no-style) .message,
div#main-container .two-column .message,
div#main-container form:not(.no-style) .message,
#main-content-sidebar .message {
  font-size: 0.84em; }
  #modal-box .message.error,
  #modal-box form:not(.no-style) .message.error,
  div#main-container .two-column .message.error,
  div#main-container form:not(.no-style) .message.error,
  #main-content-sidebar .message.error {
    color: #b7303f; }

#modal-box input[type="text"],
#modal-box input[type="password"],
#modal-box select,
#modal-box textarea,
#modal-box form:not(.no-style) input[type="text"],
#modal-box form:not(.no-style) input[type="password"],
#modal-box form:not(.no-style) select,
#modal-box form:not(.no-style) textarea,
div#main-container .two-column input[type="text"],
div#main-container .two-column input[type="password"],
div#main-container .two-column select,
div#main-container .two-column textarea,
div#main-container form:not(.no-style) input[type="text"],
div#main-container form:not(.no-style) input[type="password"],
div#main-container form:not(.no-style) select,
div#main-container form:not(.no-style) textarea,
#main-content-sidebar input[type="text"],
#main-content-sidebar input[type="password"],
#main-content-sidebar select,
#main-content-sidebar textarea {
  font-size: 1em;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: none;
  resize: vertical; }
  #modal-box input[type="text"]:focus,
  #modal-box input[type="password"]:focus,
  #modal-box select:focus,
  #modal-box textarea:focus,
  #modal-box form:not(.no-style) input[type="text"]:focus,
  #modal-box form:not(.no-style) input[type="password"]:focus,
  #modal-box form:not(.no-style) select:focus,
  #modal-box form:not(.no-style) textarea:focus,
  div#main-container .two-column input[type="text"]:focus,
  div#main-container .two-column input[type="password"]:focus,
  div#main-container .two-column select:focus,
  div#main-container .two-column textarea:focus,
  div#main-container form:not(.no-style) input[type="text"]:focus,
  div#main-container form:not(.no-style) input[type="password"]:focus,
  div#main-container form:not(.no-style) select:focus,
  div#main-container form:not(.no-style) textarea:focus,
  #main-content-sidebar input[type="text"]:focus,
  #main-content-sidebar input[type="password"]:focus,
  #main-content-sidebar select:focus,
  #main-content-sidebar textarea:focus {
    outline: none; }
  #modal-box input[type="text"]:-moz-focusring,
  #modal-box input[type="password"]:-moz-focusring,
  #modal-box select:-moz-focusring,
  #modal-box textarea:-moz-focusring,
  #modal-box form:not(.no-style) input[type="text"]:-moz-focusring,
  #modal-box form:not(.no-style) input[type="password"]:-moz-focusring,
  #modal-box form:not(.no-style) select:-moz-focusring,
  #modal-box form:not(.no-style) textarea:-moz-focusring,
  div#main-container .two-column input[type="text"]:-moz-focusring,
  div#main-container .two-column input[type="password"]:-moz-focusring,
  div#main-container .two-column select:-moz-focusring,
  div#main-container .two-column textarea:-moz-focusring,
  div#main-container form:not(.no-style) input[type="text"]:-moz-focusring,
  div#main-container form:not(.no-style) input[type="password"]:-moz-focusring,
  div#main-container form:not(.no-style) select:-moz-focusring,
  div#main-container form:not(.no-style) textarea:-moz-focusring,
  #main-content-sidebar input[type="text"]:-moz-focusring,
  #main-content-sidebar input[type="password"]:-moz-focusring,
  #main-content-sidebar select:-moz-focusring,
  #main-content-sidebar textarea:-moz-focusring {
    text-shadow: 0 0 0 #000; }
  #modal-box input[type="text"].error,
  #modal-box input[type="password"].error,
  #modal-box select.error,
  #modal-box textarea.error,
  #modal-box form:not(.no-style) input[type="text"].error,
  #modal-box form:not(.no-style) input[type="password"].error,
  #modal-box form:not(.no-style) select.error,
  #modal-box form:not(.no-style) textarea.error,
  div#main-container .two-column input[type="text"].error,
  div#main-container .two-column input[type="password"].error,
  div#main-container .two-column select.error,
  div#main-container .two-column textarea.error,
  div#main-container form:not(.no-style) input[type="text"].error,
  div#main-container form:not(.no-style) input[type="password"].error,
  div#main-container form:not(.no-style) select.error,
  div#main-container form:not(.no-style) textarea.error,
  #main-content-sidebar input[type="text"].error,
  #main-content-sidebar input[type="password"].error,
  #main-content-sidebar select.error,
  #main-content-sidebar textarea.error {
    color: #b7303f;
    border-color: #b7303f; }

#modal-box button, #modal-box button:focus,
#modal-box form:not(.no-style) button,
#modal-box form:not(.no-style) button:focus,
div#main-container .two-column button,
div#main-container .two-column button:focus,
div#main-container form:not(.no-style) button,
div#main-container form:not(.no-style) button:focus,
#main-content-sidebar button,
#main-content-sidebar button:focus {
  outline: none; }

#modal-box input[type="text"],
#modal-box input[type="password"],
#modal-box form:not(.no-style) input[type="text"],
#modal-box form:not(.no-style) input[type="password"],
div#main-container .two-column input[type="text"],
div#main-container .two-column input[type="password"],
div#main-container form:not(.no-style) input[type="text"],
div#main-container form:not(.no-style) input[type="password"],
#main-content-sidebar input[type="text"],
#main-content-sidebar input[type="password"] {
  padding: 0 9px;
  margin: 0;
  height: 40px !important;
  border-color: #aeb3ba; }

#modal-box select,
#modal-box form:not(.no-style) select,
div#main-container .two-column select,
div#main-container form:not(.no-style) select,
#main-content-sidebar select {
  height: 40px;
  border-width: 1px;
  border-color: #aeb3ba;
  border-radius: 3px;
  line-height: 31px;
  padding: 0 40px 0 8px;
  cursor: pointer;
  background: rgba(190, 190, 190, 0.13);
  position: relative;
  background-image: url("/images/forms-select-bg.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 37px 74px;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.65);
  -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.65);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.65); }
  #modal-box select.skinny,
  #modal-box form:not(.no-style) select.skinny,
  div#main-container .two-column select.skinny,
  div#main-container form:not(.no-style) select.skinny,
  #main-content-sidebar select.skinny {
    height: auto;
    line-height: normal;
    padding: 0 4px 2px 4px;
    background-size: 18px 36px; }

#modal-box textarea,
#modal-box form:not(.no-style) textarea,
div#main-container .two-column textarea,
div#main-container form:not(.no-style) textarea,
#main-content-sidebar textarea {
  border-width: 1px;
  margin: 0 0 -7px 0;
  padding: 6px 8px;
  min-height: 66px;
  border-color: #aeb3ba; }

#modal-box .column-box > p.text-light + input[type="text"],
#modal-box .column-box > p.text-light + input[type="password"],
#modal-box .column-box > p.text-light + select,
#modal-box .column-box > p.text-light + textarea,
#modal-box form:not(.no-style) .column-box > p.text-light + input[type="text"],
#modal-box form:not(.no-style) .column-box > p.text-light + input[type="password"],
#modal-box form:not(.no-style) .column-box > p.text-light + select,
#modal-box form:not(.no-style) .column-box > p.text-light + textarea,
div#main-container .two-column .column-box > p.text-light + input[type="text"],
div#main-container .two-column .column-box > p.text-light + input[type="password"],
div#main-container .two-column .column-box > p.text-light + select,
div#main-container .two-column .column-box > p.text-light + textarea,
div#main-container form:not(.no-style) .column-box > p.text-light + input[type="text"],
div#main-container form:not(.no-style) .column-box > p.text-light + input[type="password"],
div#main-container form:not(.no-style) .column-box > p.text-light + select,
div#main-container form:not(.no-style) .column-box > p.text-light + textarea,
#main-content-sidebar .column-box > p.text-light + input[type="text"],
#main-content-sidebar .column-box > p.text-light + input[type="password"],
#main-content-sidebar .column-box > p.text-light + select,
#main-content-sidebar .column-box > p.text-light + textarea {
  margin-top: 3px; }

#modal-box *:not(.hover-menu) > a.button:not(.search-submit),
#modal-box:not(.hover-menu) > a.button:not(.search-submit),
#modal-box *:not(.hover-menu) > button:not(.search-submit),
#modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit),
#modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit),
#modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit),
div#main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit),
div#main-container .two-column:not(.hover-menu) > a.button:not(.search-submit),
div#main-container .two-column *:not(.hover-menu) > button:not(.search-submit),
div#main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit),
div#main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit),
div#main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit),
#main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit),
#main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit),
#main-content-sidebar *:not(.hover-menu) > button:not(.search-submit) {
  -webkit-appearance: none;
  display: inline-block;
  background: rgba(190, 190, 190, 0.13);
  border-radius: 3px;
  font-size: 1em;
  padding: 0 18px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  color: #006BB1;
  cursor: pointer;
  border: solid 1px #aeb3ba;
  outline: none;
  -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.08); }
  #modal-box *:not(.hover-menu) > a.button:not(.search-submit):hover,
  #modal-box:not(.hover-menu) > a.button:not(.search-submit):hover,
  #modal-box *:not(.hover-menu) > button:not(.search-submit):hover,
  #modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):hover,
  #modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):hover,
  #modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):hover,
  div#main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit):hover,
  div#main-container .two-column:not(.hover-menu) > a.button:not(.search-submit):hover,
  div#main-container .two-column *:not(.hover-menu) > button:not(.search-submit):hover,
  div#main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):hover,
  div#main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):hover,
  div#main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):hover,
  #main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit):hover,
  #main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit):hover,
  #main-content-sidebar *:not(.hover-menu) > button:not(.search-submit):hover {
    color: #50647d;
    text-decoration: underline;
    -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.25); }
  #modal-box *:not(.hover-menu) > a.button:not(.search-submit):active,
  #modal-box:not(.hover-menu) > a.button:not(.search-submit):active,
  #modal-box *:not(.hover-menu) > button:not(.search-submit):active,
  #modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):active,
  #modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):active,
  #modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):active,
  div#main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit):active,
  div#main-container .two-column:not(.hover-menu) > a.button:not(.search-submit):active,
  div#main-container .two-column *:not(.hover-menu) > button:not(.search-submit):active,
  div#main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):active,
  div#main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):active,
  div#main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):active,
  #main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit):active,
  #main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit):active,
  #main-content-sidebar *:not(.hover-menu) > button:not(.search-submit):active {
    line-height: 42px;
    background: rgba(152, 152, 152, 0.13);
    -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.12); }
  #modal-box *:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #modal-box:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #modal-box *:not(.hover-menu) > button:not(.search-submit).blue:active,
  #modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit).blue:active,
  div#main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  div#main-container .two-column:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  div#main-container .two-column *:not(.hover-menu) > button:not(.search-submit).blue:active,
  div#main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  div#main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit).blue:active,
  div#main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit).blue:active,
  #main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit).blue:active,
  #main-content-sidebar *:not(.hover-menu) > button:not(.search-submit).blue:active {
    background: #005c98; }
  #modal-box *:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #modal-box:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #modal-box *:not(.hover-menu) > button:not(.search-submit).skinny,
  #modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit).skinny,
  #modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit).skinny,
  div#main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit).skinny,
  div#main-container .two-column:not(.hover-menu) > a.button:not(.search-submit).skinny,
  div#main-container .two-column *:not(.hover-menu) > button:not(.search-submit).skinny,
  div#main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit).skinny,
  div#main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit).skinny,
  div#main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit).skinny,
  #main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit).skinny,
  #main-content-sidebar *:not(.hover-menu) > button:not(.search-submit).skinny {
    height: 30px;
    line-height: 1px;
    font-size: 0.84em;
    padding: 0 9px 1px 9px; }
  #modal-box *:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #modal-box:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #modal-box *:not(.hover-menu) > button:not(.search-submit):not(button).button.skinny,
  #modal-box form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #modal-box form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):not(button).button.skinny,
  div#main-container .two-column *:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  div#main-container .two-column:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  div#main-container .two-column *:not(.hover-menu) > button:not(.search-submit):not(button).button.skinny,
  div#main-container form:not(.no-style) *:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  div#main-container form:not(.no-style):not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  div#main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit):not(button).button.skinny,
  #main-content-sidebar *:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #main-content-sidebar:not(.hover-menu) > a.button:not(.search-submit):not(button).button.skinny,
  #main-content-sidebar *:not(.hover-menu) > button:not(.search-submit):not(button).button.skinny {
    height: 27px;
    line-height: 27px; }

#modal-box *:not(.hover-menu) > button:not(.search-submit),
#modal-box form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit),
div#main-container .two-column *:not(.hover-menu) > button:not(.search-submit),
div#main-container form:not(.no-style) *:not(.hover-menu) > button:not(.search-submit),
#main-content-sidebar *:not(.hover-menu) > button:not(.search-submit) {
  line-height: normal; }

#modal-box button.hidden-save-button,
#modal-box form:not(.no-style) button.hidden-save-button,
div#main-container .two-column button.hidden-save-button,
div#main-container form:not(.no-style) button.hidden-save-button,
#main-content-sidebar button.hidden-save-button {
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s;
  -moz-transition: opacity ease-in-out 0.3s;
  -o-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s; }

#modal-box.show-save-button button.hidden-save-button,
#modal-box form:not(.no-style).show-save-button button.hidden-save-button,
div#main-container .two-column.show-save-button button.hidden-save-button,
div#main-container form:not(.no-style).show-save-button button.hidden-save-button,
#main-content-sidebar.show-save-button button.hidden-save-button {
  opacity: 1; }

#modal-box a.button:not(.search-submit).blue,
#modal-box button:not(.search-submit).blue,
#modal-box form:not(.no-style) a.button:not(.search-submit).blue,
#modal-box form:not(.no-style) button:not(.search-submit).blue,
div#main-container .two-column a.button:not(.search-submit).blue,
div#main-container .two-column button:not(.search-submit).blue,
div#main-container form:not(.no-style) a.button:not(.search-submit).blue,
div#main-container form:not(.no-style) button:not(.search-submit).blue,
#main-content-sidebar a.button:not(.search-submit).blue,
#main-content-sidebar button:not(.search-submit).blue {
  background: #006BB1;
  color: white !important;
  border-color: #003d65; }

#modal-box a.button.search-submit,
#modal-box button.search-submit,
#modal-box form:not(.no-style) a.button.search-submit,
#modal-box form:not(.no-style) button.search-submit,
div#main-container .two-column a.button.search-submit,
div#main-container .two-column button.search-submit,
div#main-container form:not(.no-style) a.button.search-submit,
div#main-container form:not(.no-style) button.search-submit,
#main-content-sidebar a.button.search-submit,
#main-content-sidebar button.search-submit {
  height: 40px;
  width: 40px;
  cursor: pointer;
  border: none;
  background: #aeb3ba;
  background-color: #aeb3ba;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #c1c5ca 0%, #9ba1aa 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1c5ca), color-stop(100%, #9ba1aa));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #c1c5ca 0%, #9ba1aa 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #c1c5ca 0%, #9ba1aa 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #c1c5ca 0%, #9ba1aa 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #c1c5ca 0%, #9ba1aa 100%);
  /* W3C */ }
  #modal-box a.button.search-submit i,
  #modal-box button.search-submit i,
  #modal-box form:not(.no-style) a.button.search-submit i,
  #modal-box form:not(.no-style) button.search-submit i,
  div#main-container .two-column a.button.search-submit i,
  div#main-container .two-column button.search-submit i,
  div#main-container form:not(.no-style) a.button.search-submit i,
  div#main-container form:not(.no-style) button.search-submit i,
  #main-content-sidebar a.button.search-submit i,
  #main-content-sidebar button.search-submit i {
    font-size: 16px; }

#modal-box a.button.search-submit:hover,
#modal-box button.search-submit:hover,
#modal-box form:not(.no-style) a.button.search-submit:hover,
#modal-box form:not(.no-style) button.search-submit:hover,
div#main-container .two-column a.button.search-submit:hover,
div#main-container .two-column button.search-submit:hover,
div#main-container form:not(.no-style) a.button.search-submit:hover,
div#main-container form:not(.no-style) button.search-submit:hover,
#main-content-sidebar a.button.search-submit:hover,
#main-content-sidebar button.search-submit:hover {
  background: #3c4b5e;
  color: white; }

#modal-box a.button.search-submit:active,
#modal-box button.search-submit:active,
#modal-box form:not(.no-style) a.button.search-submit:active,
#modal-box form:not(.no-style) button.search-submit:active,
div#main-container .two-column a.button.search-submit:active,
div#main-container .two-column button.search-submit:active,
div#main-container form:not(.no-style) a.button.search-submit:active,
div#main-container form:not(.no-style) button.search-submit:active,
#main-content-sidebar a.button.search-submit:active,
#main-content-sidebar button.search-submit:active {
  line-height: 34px; }

#modal-box input[type="text"] + a.button.search-submit,
#modal-box input[type="text"] + button.search-submit,
#modal-box form:not(.no-style) input[type="text"] + a.button.search-submit,
#modal-box form:not(.no-style) input[type="text"] + button.search-submit,
div#main-container .two-column input[type="text"] + a.button.search-submit,
div#main-container .two-column input[type="text"] + button.search-submit,
div#main-container form:not(.no-style) input[type="text"] + a.button.search-submit,
div#main-container form:not(.no-style) input[type="text"] + button.search-submit,
#main-content-sidebar input[type="text"] + a.button.search-submit,
#main-content-sidebar input[type="text"] + button.search-submit {
  position: absolute;
  right: 0;
  margin-top: -33px; }
  #modal-box input[type="text"] + a.button.search-submit:last-child,
  #modal-box input[type="text"] + button.search-submit:last-child,
  #modal-box form:not(.no-style) input[type="text"] + a.button.search-submit:last-child,
  #modal-box form:not(.no-style) input[type="text"] + button.search-submit:last-child,
  div#main-container .two-column input[type="text"] + a.button.search-submit:last-child,
  div#main-container .two-column input[type="text"] + button.search-submit:last-child,
  div#main-container form:not(.no-style) input[type="text"] + a.button.search-submit:last-child,
  div#main-container form:not(.no-style) input[type="text"] + button.search-submit:last-child,
  #main-content-sidebar input[type="text"] + a.button.search-submit:last-child,
  #main-content-sidebar input[type="text"] + button.search-submit:last-child {
    margin-top: 0; }

i#user-prefs.browser-chrome ~ div#main-container form input[type="text"] + button.search-submit:last-child,
i#user-prefs.browser-chrome ~ div#main-container .two-column input[type="text"] + button.search-submit:last-child {
  margin-top: -40px; }

.table-wrapper {
  max-width: 100%; }

div#main-container div#main-content #main-entry .article-content table hr {
  border: none;
  border-bottom: solid 1px rgba(190, 190, 190, 0.13);
  margin: 0; }

div#main-container div#main-content #main-entry .article-content table hr:last-of-type {
  display: none; }

table:not(.wikitable):not([class*="gsc"]) {
  table-layout: auto;
  border-collapse: collapse;
  width: 100%;
  margin-top: 2px; }
  table:not(.wikitable):not([class*="gsc"]) thead {
    background: #cacdd1; }
    table:not(.wikitable):not([class*="gsc"]) thead th {
      line-height: 34px; }
    table:not(.wikitable):not([class*="gsc"]) thead th[data-align="right"] {
      text-align: center !important; }
    table:not(.wikitable):not([class*="gsc"]) thead.multi-line th {
      line-height: normal; }
  table:not(.wikitable):not([class*="gsc"]).tall-rows tr td {
    padding-top: 9px;
    padding-bottom: 9px; }
  table:not(.wikitable):not([class*="gsc"]):not(.solid-color) tr:nth-of-type(even) {
    background: rgba(190, 190, 190, 0.13); }
  table:not(.wikitable):not([class*="gsc"]):not(.solid-color) > thead.hidden ~ tbody > tr:nth-of-type(even) {
    background: none; }
  table:not(.wikitable):not([class*="gsc"]):not(.solid-color) > thead.hidden ~ tbody > tr:nth-of-type(odd) {
    background: rgba(190, 190, 190, 0.13); }
  table:not(.wikitable):not([class*="gsc"]).width-fix tr th, table:not(.wikitable):not([class*="gsc"]).width-fix tr td {
    white-space: nowrap !important; }
  table:not(.wikitable):not([class*="gsc"]).line-height-fix tbody tr td {
    line-height: normal; }
  table:not(.wikitable):not([class*="gsc"]) tr th,
  table:not(.wikitable):not([class*="gsc"]) tr td {
    text-align: left;
    padding: 2px 5px;
    position: relative;
    overflow: hidden;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    hyphens: none !important;
    vertical-align: top;
    word-wrap: normal;
    word-break: keep-all !important;
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    hyphens: none !important;
    vertical-align: top; }
    table:not(.wikitable):not([class*="gsc"]) tr th span.wrapper,
    table:not(.wikitable):not([class*="gsc"]) tr th span.wrapper > *,
    table:not(.wikitable):not([class*="gsc"]) tr td span.wrapper,
    table:not(.wikitable):not([class*="gsc"]) tr td span.wrapper > * {
      display: inline-block;
      max-width: 90%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: bottom;
      position: absolute; }
    table:not(.wikitable):not([class*="gsc"]) tr th span.no-wrap,
    table:not(.wikitable):not([class*="gsc"]) tr td span.no-wrap {
      white-space: nowrap !important; }
    table:not(.wikitable):not([class*="gsc"]) tr th.condensed,
    table:not(.wikitable):not([class*="gsc"]) tr td.condensed {
      width: 50%; }
    table:not(.wikitable):not([class*="gsc"]) tr th[data-width="wrap"],
    table:not(.wikitable):not([class*="gsc"]) tr td[data-width="wrap"] {
      width: 1px; }
    table:not(.wikitable):not([class*="gsc"]) tr th[data-width="wrap-padded"],
    table:not(.wikitable):not([class*="gsc"]) tr td[data-width="wrap-padded"] {
      width: 1px;
      padding-left: 8px;
      padding-right: 8px; }
    table:not(.wikitable):not([class*="gsc"]) tr th[data-width="wrap-padded-left"],
    table:not(.wikitable):not([class*="gsc"]) tr td[data-width="wrap-padded-left"] {
      width: 1px;
      padding-left: 8px; }
    table:not(.wikitable):not([class*="gsc"]) tr th[data-width="wrap-padded-right"],
    table:not(.wikitable):not([class*="gsc"]) tr td[data-width="wrap-padded-right"] {
      width: 1px;
      padding-right: 8px; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr {
    border-bottom: solid 1px #e5e7e9; }
  table:not(.wikitable):not([class*="gsc"]).no-border-lines tbody > tr {
    border-bottom: none; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.yellow {
    background: #fef7e6;
    border-color: #fce4a5; }
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.yellow:nth-of-type(even) {
      background-color: #fef1d2; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.green {
    background: #e6ead5;
    border-color: #ccd5a9; }
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.green:nth-of-type(even) {
      background-color: #dee4c8; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.blue {
    background: #e0e5ec;
    border-color: #bec9d6; }
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.blue:nth-of-type(even) {
      background-color: #d1d8e2; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.red,
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.red.blue {
    background: #f5d7db;
    border-color: #e9abb2; }
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.red:nth-of-type(even),
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.red.blue:nth-of-type(even) {
      background-color: #efc3c8; }
  table:not(.wikitable):not([class*="gsc"]) tbody > tr.dark {
    background: #f0f1f2;
    border-color: #d7dadd; }
    table:not(.wikitable):not([class*="gsc"]) tbody > tr.dark:nth-of-type(even) {
      background-color: #e8e9eb; }
  table:not(.wikitable):not([class*="gsc"]) tr.opacity-in {
    opacity: 1;
    animation-name: opacity-in;
    animation-duration: 1000ms; }
  table:not(.wikitable):not([class*="gsc"]) img.thumb {
    max-width: 80px !important; }

table.wikitable {
  border: solid 2px #e5e7e9; }
  table.wikitable td {
    padding: 4px; }
  table.wikitable td:not(:last-of-type) {
    border-right: solid 2px #e5e7e9; }
  table.wikitable tr:not(:last-of-type) {
    border-bottom: solid 2px #e5e7e9; }

p.separator + table,
p.separator + .table-wrapper {
  margin-top: 9px; }

p.separator.solid + table,
p.separator.solid + .table-wrapper {
  position: relative;
  margin-top: -2px; }
  p.separator.solid + table:before,
  p.separator.solid + .table-wrapper:before {
    content: '';
    display: block;
    width: calc(100% - 10px);
    height: 1px;
    position: absolute;
    top: 0;
    left: 5px;
    background: #9ba1aa; }

div.button-group,
nav.button-group {
  display: flex; }
  div.button-group:after,
  nav.button-group:after {
    content: "";
    display: table;
    clear: both; }
  div.button-group > a,
  nav.button-group > a {
    background: rgba(190, 190, 190, 0.13);
    border-radius: 3px;
    font-size: 1em;
    padding: 0 9px;
    height: 38px;
    line-height: 38px;
    color: #006BB1;
    cursor: pointer;
    border: solid 1px #aeb3ba;
    outline: none;
    white-space: nowrap;
    -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.08); }
    div.button-group > a:hover,
    nav.button-group > a:hover {
      color: #50647d;
      text-decoration: underline;
      -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.25); }
    div.button-group > a.active, div.button-group > a:active,
    nav.button-group > a.active,
    nav.button-group > a:active {
      line-height: 41px;
      background: rgba(152, 152, 152, 0.13);
      -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.12);
      -moz-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.12);
      box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.12); }
  div.button-group > a.blue,
  nav.button-group > a.blue {
    background: #006BB1;
    color: white !important;
    border-color: #003d65; }
  div.button-group > a.blue + a:not(.blue),
  nav.button-group > a.blue + a:not(.blue) {
    border-left: none; }
  div.button-group > a:first-of-type:not(:only-child),
  div.button-group button:first-of-type:not(:only-child),
  nav.button-group > a:first-of-type:not(:only-child),
  nav.button-group button:first-of-type:not(:only-child) {
    border-radius: 3px 0 0 3px; }
  div.button-group > a.cap-off,
  div.button-group > a:last-of-type:not(:only-child),
  div.button-group button:last-of-type:not(:only-child),
  nav.button-group > a.cap-off,
  nav.button-group > a:last-of-type:not(:only-child),
  nav.button-group button:last-of-type:not(:only-child) {
    border-radius: 0 3px 3px 0; }
  div.button-group > a:not(:only-child):not(:first-of-type):not(:last-of-type):not(.cap-off),
  div.button-group button:not(:only-child):not(:first-of-type):not(:last-of-type):not(.cap-off),
  nav.button-group > a:not(:only-child):not(:first-of-type):not(:last-of-type):not(.cap-off),
  nav.button-group button:not(:only-child):not(:first-of-type):not(:last-of-type):not(.cap-off) {
    border-radius: 0; }
  div.button-group > a:only-of-type,
  div.button-group button:only-of-type,
  nav.button-group > a:only-of-type,
  nav.button-group button:only-of-type {
    border-radius: 3px !important; }
  div.button-group > a:not(:only-child):not(:last-of-type):not(.cap-off),
  div.button-group button:not(:only-child):not(:last-of-type):not(.cap-off),
  nav.button-group > a:not(:only-child):not(:last-of-type):not(.cap-off),
  nav.button-group button:not(:only-child):not(:last-of-type):not(.cap-off) {
    border-right: none; }
  div.button-group.text-right,
  nav.button-group.text-right {
    justify-content: flex-end; }
  div.button-group.text-center,
  nav.button-group.text-center {
    justify-content: center; }
  div.button-group.skinny a,
  nav.button-group.skinny a {
    line-height: 28px;
    height: 28px; }
  div.button-group.skinny a:active,
  nav.button-group.skinny a:active {
    line-height: 31px; }

@media (max-width: 765px) {
  div#main-container .two-column:not(.no-media-query) .column-box.left,
  div#main-container .two-column:not(.no-media-query) .column-box.right {
    max-width: 100%; }
  div#main-container .two-column:not(.no-media-query).with-line .column-box.left:after {
    display: none; }
  div#main-container .two-column:not(.no-media-query) .column-box.left:first-of-type + .right,
  div#main-container .two-column:not(.no-media-query) .column-box.left:first-of-type + .column-box.right {
    margin-top: 18px; }
  div.button-group.skinny a {
    padding-left: 4.5px;
    padding-right: 4.5px; }
  table:not(.wikitable):not([class*="gsc"]) thead th {
    line-height: inherit; }
  table tr th[data-mobile-align="left"] {
    text-align: left !important; }
  table tr th span.no-wrap, table tr td span.no-wrap {
    white-space: normal !important; }
  table.mobile-flexbox > tbody > tr > td {
    padding: 4px 5px 0 5px; }
  table.mobile-flexbox.tall-rows > tbody > tr {
    padding-top: 7.2px !important;
    padding-bottom: 11.16px !important; }
  table.mobile-flexbox > thead > tr,
  table.mobile-flexbox > tbody > tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-bottom: 4px;
    position: relative; }
    table.mobile-flexbox > thead > tr th, table.mobile-flexbox > thead > tr td,
    table.mobile-flexbox > tbody > tr th,
    table.mobile-flexbox > tbody > tr td {
      order: 10;
      line-height: normal;
      max-width: 100%;
      box-sizing: border-box; }
      table.mobile-flexbox > thead > tr th.full-height-wrapper, table.mobile-flexbox > thead > tr td.full-height-wrapper,
      table.mobile-flexbox > tbody > tr th.full-height-wrapper,
      table.mobile-flexbox > tbody > tr td.full-height-wrapper {
        position: initial; }
      table.mobile-flexbox > thead > tr th span.mobile-full-height, table.mobile-flexbox > thead > tr td span.mobile-full-height,
      table.mobile-flexbox > tbody > tr th span.mobile-full-height,
      table.mobile-flexbox > tbody > tr td span.mobile-full-height {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%; }
        table.mobile-flexbox > thead > tr th span.mobile-full-height .vertical-middle, table.mobile-flexbox > thead > tr td span.mobile-full-height .vertical-middle,
        table.mobile-flexbox > tbody > tr th span.mobile-full-height .vertical-middle,
        table.mobile-flexbox > tbody > tr td span.mobile-full-height .vertical-middle {
          position: absolute;
          top: 50%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
          /* IE 9 */
          -webkit-transform: translate(-50%, -50%);
          /* Safari */
          transform: translate(-50%, -50%); }
          table.mobile-flexbox > thead > tr th span.mobile-full-height .vertical-middle i, table.mobile-flexbox > thead > tr td span.mobile-full-height .vertical-middle i,
          table.mobile-flexbox > tbody > tr th span.mobile-full-height .vertical-middle i,
          table.mobile-flexbox > tbody > tr td span.mobile-full-height .vertical-middle i {
            font-size: 20px; }
      table.mobile-flexbox > thead > tr th.mobile-order-1, table.mobile-flexbox > thead > tr td.mobile-order-1,
      table.mobile-flexbox > tbody > tr th.mobile-order-1,
      table.mobile-flexbox > tbody > tr td.mobile-order-1 {
        order: 1; }
      table.mobile-flexbox > thead > tr th.mobile-width-10,
      table.mobile-flexbox > thead > tr th .mobile-width-10, table.mobile-flexbox > thead > tr td.mobile-width-10,
      table.mobile-flexbox > thead > tr td .mobile-width-10,
      table.mobile-flexbox > tbody > tr th.mobile-width-10,
      table.mobile-flexbox > tbody > tr th .mobile-width-10,
      table.mobile-flexbox > tbody > tr td.mobile-width-10,
      table.mobile-flexbox > tbody > tr td .mobile-width-10 {
        width: 10%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-10,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-10, table.mobile-flexbox > thead > tr td.mobile-margin-left-10,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-10,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-10,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-10,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-10,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-10 {
        margin-left: 10%;
        left: 10%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-10,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-10, table.mobile-flexbox > thead > tr td.mobile-margin-right-10,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-10,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-10,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-10,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-10,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-10 {
        margin-right: 10%; }
      table.mobile-flexbox > thead > tr th.mobile-order-2, table.mobile-flexbox > thead > tr td.mobile-order-2,
      table.mobile-flexbox > tbody > tr th.mobile-order-2,
      table.mobile-flexbox > tbody > tr td.mobile-order-2 {
        order: 2; }
      table.mobile-flexbox > thead > tr th.mobile-width-20,
      table.mobile-flexbox > thead > tr th .mobile-width-20, table.mobile-flexbox > thead > tr td.mobile-width-20,
      table.mobile-flexbox > thead > tr td .mobile-width-20,
      table.mobile-flexbox > tbody > tr th.mobile-width-20,
      table.mobile-flexbox > tbody > tr th .mobile-width-20,
      table.mobile-flexbox > tbody > tr td.mobile-width-20,
      table.mobile-flexbox > tbody > tr td .mobile-width-20 {
        width: 20%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-20,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-20, table.mobile-flexbox > thead > tr td.mobile-margin-left-20,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-20,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-20,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-20,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-20,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-20 {
        margin-left: 20%;
        left: 20%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-20,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-20, table.mobile-flexbox > thead > tr td.mobile-margin-right-20,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-20,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-20,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-20,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-20,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-20 {
        margin-right: 20%; }
      table.mobile-flexbox > thead > tr th.mobile-order-3, table.mobile-flexbox > thead > tr td.mobile-order-3,
      table.mobile-flexbox > tbody > tr th.mobile-order-3,
      table.mobile-flexbox > tbody > tr td.mobile-order-3 {
        order: 3; }
      table.mobile-flexbox > thead > tr th.mobile-width-30,
      table.mobile-flexbox > thead > tr th .mobile-width-30, table.mobile-flexbox > thead > tr td.mobile-width-30,
      table.mobile-flexbox > thead > tr td .mobile-width-30,
      table.mobile-flexbox > tbody > tr th.mobile-width-30,
      table.mobile-flexbox > tbody > tr th .mobile-width-30,
      table.mobile-flexbox > tbody > tr td.mobile-width-30,
      table.mobile-flexbox > tbody > tr td .mobile-width-30 {
        width: 30%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-30,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-30, table.mobile-flexbox > thead > tr td.mobile-margin-left-30,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-30,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-30,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-30,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-30,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-30 {
        margin-left: 30%;
        left: 30%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-30,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-30, table.mobile-flexbox > thead > tr td.mobile-margin-right-30,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-30,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-30,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-30,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-30,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-30 {
        margin-right: 30%; }
      table.mobile-flexbox > thead > tr th.mobile-order-4, table.mobile-flexbox > thead > tr td.mobile-order-4,
      table.mobile-flexbox > tbody > tr th.mobile-order-4,
      table.mobile-flexbox > tbody > tr td.mobile-order-4 {
        order: 4; }
      table.mobile-flexbox > thead > tr th.mobile-width-40,
      table.mobile-flexbox > thead > tr th .mobile-width-40, table.mobile-flexbox > thead > tr td.mobile-width-40,
      table.mobile-flexbox > thead > tr td .mobile-width-40,
      table.mobile-flexbox > tbody > tr th.mobile-width-40,
      table.mobile-flexbox > tbody > tr th .mobile-width-40,
      table.mobile-flexbox > tbody > tr td.mobile-width-40,
      table.mobile-flexbox > tbody > tr td .mobile-width-40 {
        width: 40%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-40,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-40, table.mobile-flexbox > thead > tr td.mobile-margin-left-40,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-40,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-40,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-40,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-40,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-40 {
        margin-left: 40%;
        left: 40%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-40,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-40, table.mobile-flexbox > thead > tr td.mobile-margin-right-40,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-40,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-40,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-40,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-40,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-40 {
        margin-right: 40%; }
      table.mobile-flexbox > thead > tr th.mobile-order-5, table.mobile-flexbox > thead > tr td.mobile-order-5,
      table.mobile-flexbox > tbody > tr th.mobile-order-5,
      table.mobile-flexbox > tbody > tr td.mobile-order-5 {
        order: 5; }
      table.mobile-flexbox > thead > tr th.mobile-width-50,
      table.mobile-flexbox > thead > tr th .mobile-width-50, table.mobile-flexbox > thead > tr td.mobile-width-50,
      table.mobile-flexbox > thead > tr td .mobile-width-50,
      table.mobile-flexbox > tbody > tr th.mobile-width-50,
      table.mobile-flexbox > tbody > tr th .mobile-width-50,
      table.mobile-flexbox > tbody > tr td.mobile-width-50,
      table.mobile-flexbox > tbody > tr td .mobile-width-50 {
        width: 50%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-50,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-50, table.mobile-flexbox > thead > tr td.mobile-margin-left-50,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-50,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-50,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-50,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-50,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-50 {
        margin-left: 50%;
        left: 50%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-50,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-50, table.mobile-flexbox > thead > tr td.mobile-margin-right-50,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-50,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-50,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-50,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-50,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-50 {
        margin-right: 50%; }
      table.mobile-flexbox > thead > tr th.mobile-order-6, table.mobile-flexbox > thead > tr td.mobile-order-6,
      table.mobile-flexbox > tbody > tr th.mobile-order-6,
      table.mobile-flexbox > tbody > tr td.mobile-order-6 {
        order: 6; }
      table.mobile-flexbox > thead > tr th.mobile-width-60,
      table.mobile-flexbox > thead > tr th .mobile-width-60, table.mobile-flexbox > thead > tr td.mobile-width-60,
      table.mobile-flexbox > thead > tr td .mobile-width-60,
      table.mobile-flexbox > tbody > tr th.mobile-width-60,
      table.mobile-flexbox > tbody > tr th .mobile-width-60,
      table.mobile-flexbox > tbody > tr td.mobile-width-60,
      table.mobile-flexbox > tbody > tr td .mobile-width-60 {
        width: 60%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-60,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-60, table.mobile-flexbox > thead > tr td.mobile-margin-left-60,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-60,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-60,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-60,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-60,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-60 {
        margin-left: 60%;
        left: 60%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-60,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-60, table.mobile-flexbox > thead > tr td.mobile-margin-right-60,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-60,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-60,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-60,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-60,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-60 {
        margin-right: 60%; }
      table.mobile-flexbox > thead > tr th.mobile-order-7, table.mobile-flexbox > thead > tr td.mobile-order-7,
      table.mobile-flexbox > tbody > tr th.mobile-order-7,
      table.mobile-flexbox > tbody > tr td.mobile-order-7 {
        order: 7; }
      table.mobile-flexbox > thead > tr th.mobile-width-70,
      table.mobile-flexbox > thead > tr th .mobile-width-70, table.mobile-flexbox > thead > tr td.mobile-width-70,
      table.mobile-flexbox > thead > tr td .mobile-width-70,
      table.mobile-flexbox > tbody > tr th.mobile-width-70,
      table.mobile-flexbox > tbody > tr th .mobile-width-70,
      table.mobile-flexbox > tbody > tr td.mobile-width-70,
      table.mobile-flexbox > tbody > tr td .mobile-width-70 {
        width: 70%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-70,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-70, table.mobile-flexbox > thead > tr td.mobile-margin-left-70,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-70,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-70,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-70,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-70,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-70 {
        margin-left: 70%;
        left: 70%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-70,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-70, table.mobile-flexbox > thead > tr td.mobile-margin-right-70,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-70,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-70,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-70,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-70,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-70 {
        margin-right: 70%; }
      table.mobile-flexbox > thead > tr th.mobile-order-8, table.mobile-flexbox > thead > tr td.mobile-order-8,
      table.mobile-flexbox > tbody > tr th.mobile-order-8,
      table.mobile-flexbox > tbody > tr td.mobile-order-8 {
        order: 8; }
      table.mobile-flexbox > thead > tr th.mobile-width-80,
      table.mobile-flexbox > thead > tr th .mobile-width-80, table.mobile-flexbox > thead > tr td.mobile-width-80,
      table.mobile-flexbox > thead > tr td .mobile-width-80,
      table.mobile-flexbox > tbody > tr th.mobile-width-80,
      table.mobile-flexbox > tbody > tr th .mobile-width-80,
      table.mobile-flexbox > tbody > tr td.mobile-width-80,
      table.mobile-flexbox > tbody > tr td .mobile-width-80 {
        width: 80%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-80,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-80, table.mobile-flexbox > thead > tr td.mobile-margin-left-80,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-80,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-80,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-80,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-80,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-80 {
        margin-left: 80%;
        left: 80%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-80,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-80, table.mobile-flexbox > thead > tr td.mobile-margin-right-80,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-80,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-80,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-80,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-80,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-80 {
        margin-right: 80%; }
      table.mobile-flexbox > thead > tr th.mobile-order-9, table.mobile-flexbox > thead > tr td.mobile-order-9,
      table.mobile-flexbox > tbody > tr th.mobile-order-9,
      table.mobile-flexbox > tbody > tr td.mobile-order-9 {
        order: 9; }
      table.mobile-flexbox > thead > tr th.mobile-width-90,
      table.mobile-flexbox > thead > tr th .mobile-width-90, table.mobile-flexbox > thead > tr td.mobile-width-90,
      table.mobile-flexbox > thead > tr td .mobile-width-90,
      table.mobile-flexbox > tbody > tr th.mobile-width-90,
      table.mobile-flexbox > tbody > tr th .mobile-width-90,
      table.mobile-flexbox > tbody > tr td.mobile-width-90,
      table.mobile-flexbox > tbody > tr td .mobile-width-90 {
        width: 90%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-90,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-90, table.mobile-flexbox > thead > tr td.mobile-margin-left-90,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-90,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-90,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-90,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-90,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-90 {
        margin-left: 90%;
        left: 90%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-90,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-90, table.mobile-flexbox > thead > tr td.mobile-margin-right-90,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-90,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-90,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-90,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-90,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-90 {
        margin-right: 90%; }
      table.mobile-flexbox > thead > tr th.mobile-order-10, table.mobile-flexbox > thead > tr td.mobile-order-10,
      table.mobile-flexbox > tbody > tr th.mobile-order-10,
      table.mobile-flexbox > tbody > tr td.mobile-order-10 {
        order: 10; }
      table.mobile-flexbox > thead > tr th.mobile-width-100,
      table.mobile-flexbox > thead > tr th .mobile-width-100, table.mobile-flexbox > thead > tr td.mobile-width-100,
      table.mobile-flexbox > thead > tr td .mobile-width-100,
      table.mobile-flexbox > tbody > tr th.mobile-width-100,
      table.mobile-flexbox > tbody > tr th .mobile-width-100,
      table.mobile-flexbox > tbody > tr td.mobile-width-100,
      table.mobile-flexbox > tbody > tr td .mobile-width-100 {
        width: 100%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-left-100,
      table.mobile-flexbox > thead > tr th .mobile-margin-left-100, table.mobile-flexbox > thead > tr td.mobile-margin-left-100,
      table.mobile-flexbox > thead > tr td .mobile-margin-left-100,
      table.mobile-flexbox > tbody > tr th.mobile-margin-left-100,
      table.mobile-flexbox > tbody > tr th .mobile-margin-left-100,
      table.mobile-flexbox > tbody > tr td.mobile-margin-left-100,
      table.mobile-flexbox > tbody > tr td .mobile-margin-left-100 {
        margin-left: 100%;
        left: 100%; }
      table.mobile-flexbox > thead > tr th.mobile-margin-right-100,
      table.mobile-flexbox > thead > tr th .mobile-margin-right-100, table.mobile-flexbox > thead > tr td.mobile-margin-right-100,
      table.mobile-flexbox > thead > tr td .mobile-margin-right-100,
      table.mobile-flexbox > tbody > tr th.mobile-margin-right-100,
      table.mobile-flexbox > tbody > tr th .mobile-margin-right-100,
      table.mobile-flexbox > tbody > tr td.mobile-margin-right-100,
      table.mobile-flexbox > tbody > tr td .mobile-margin-right-100 {
        margin-right: 100%; } }

ul.subpage-links {
  margin-bottom: 18px; }
  ul.subpage-links:after {
    content: "";
    display: table;
    clear: both; }
  ul.subpage-links:empty {
    display: none; }
  ul.subpage-links > li {
    display: inline-block;
    position: relative; }
  ul.subpage-links > li:not(:last-of-type) a {
    margin-right: 1px; }
  ul.subpage-links li:not(.untucked):not(.curr-subpage).tucked {
    display: none; }
  ul.subpage-links > li > a {
    display: block;
    padding: 6px 8px;
    margin-bottom: 7px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 0.84em;
    border: solid 2px #3c4b5e;
    color: #3c4b5e;
    opacity: 0.8; }
    ul.subpage-links > li > a:hover {
      opacity: 1;
      color: #28323f;
      border-color: #28323f; }
    ul.subpage-links > li > a.curr-subpage, ul.subpage-links > li > a.selected {
      opacity: 1;
      background: #3c4b5e;
      color: white;
      border-color: #3c4b5e; }
      ul.subpage-links > li > a.curr-subpage:hover, ul.subpage-links > li > a.selected:hover {
        border-color: #28323f;
        background: #28323f; }
  ul.subpage-links li.more-subpages i.fa {
    font-size: 0.84em; }
  ul.subpage-links li.more-subpages > a:not(.active) span.less {
    display: none; }
  ul.subpage-links li.more-subpages > a.active span.more {
    display: none; }
  ul.subpage-links li.more-subpages > a.active span.less {
    display: block; }
  ul.subpage-links > li > select {
    -webkit-appearance: none;
    font-size: 1em;
    line-height: 1em;
    position: absolute;
    cursor: pointer;
    border: none;
    outline: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    opacity: 0.01; }
    ul.subpage-links > li > select:active, ul.subpage-links > li > select:hover, ul.subpage-links > li > select:focus {
      outline: none; }

.subpage-icon {
  background-image: url("../images/namespace_sprite.png");
  background-repeat: no-repeat;
  background-size: 18px 3496px;
  float: left;
  margin-right: 5px;
  height: 21px;
  margin-top: -4px; }

.subpage-icon.aatafovs {
  background-position: 0 0;
  width: 18px; }

.subpage-icon.administrivia {
  background-position: 0 -39px;
  width: 19px; }

.subpage-icon.advertising {
  background-position: -3px -80px;
  width: 11px; }

.subpage-icon.analysis {
  background-position: -2px -120px;
  width: 16px; }

.subpage-icon.anime {
  background-position: -2px -161px;
  width: 16px; }

.subpage-icon.archive {
  background-position: -1px -202px;
  width: 18px; }

.subpage-icon.arg {
  background-position: -2px -241px;
  width: 17px; }

.subpage-icon.audioplay {
  background-position: -1px -283px;
  width: 17px; }

.subpage-icon.awesome {
  background-position: -2px -323px;
  width: 13px; }

.subpage-icon.awesomemusic {
  background-position: -2px -363px;
  width: 15px; }

.subpage-icon.blog {
  background-position: -2px -406px;
  width: 15px; }

.subpage-icon.bollywood {
  background-position: -1px -445px;
  width: 14px; }

.subpage-icon.characters {
  background-position: 0 -486px;
  width: 17px; }

.subpage-icon.comicbook {
  background-position: -3px -526px;
  width: 11px; }

.subpage-icon.comicstrip {
  background-position: -1px -566px;
  width: 18px; }

.subpage-icon.comments {
  background-position: -1px -606px;
  width: 17px; }

.subpage-icon.creator {
  background-position: -2px -647px;
  width: 14px; }

.subpage-icon.darthwiki {
  background-position: -1px -688px;
  width: 17px; }

.subpage-icon.discontinuity {
  background-position: -1px -730px;
  width: 15px; }

.subpage-icon.disney {
  background-position: 0 -771px;
  width: 18px; }

.subpage-icon.drinkinggame {
  background-position: -3px -811px;
  width: 12px; }

.subpage-icon.fanfic {
  background-position: -2px -854px;
  width: 16px; }

.subpage-icon.fanficrecs {
  background-position: -1px -892px;
  width: 16px; }

.subpage-icon.fanworks {
  background-position: -2px -933px;
  width: 16px; }

.subpage-icon.film {
  background-position: -1px -972px;
  width: 14px; }

.subpage-icon.franchise {
  background-position: -1px -1013px;
  width: 17px; }

.subpage-icon.funny {
  background-position: -1px -1053px;
  width: 15px; }

.subpage-icon.heartwarming {
  background-position: 0 -1094px;
  width: 16px; }

.subpage-icon.highoctanenightmarefuel {
  background-position: 0 -1135px;
  width: 11px; }

.subpage-icon.horrible {
  background-position: -1px -1176px;
  width: 18px; }

.subpage-icon.house {
  background-position: 0 -1217px;
  width: 17px; }

.subpage-icon.hoyay {
  background-position: 0 -1257px;
  width: 19px; }

.subpage-icon.justbugsme {
  background-position: 0 -1296px;
  width: 16px; }

.subpage-icon.justforfun {
  background-position: 0 -1338px;
  width: 17px; }

.subpage-icon.laconic-icon {
  background-position: -3px -1378px;
  width: 11px; }

.subpage-icon.larp {
  background-position: 0 -1419px;
  width: 17px; }

.subpage-icon.letsplay {
  background-position: -1px -1459px;
  width: 16px; }

.subpage-icon.fridge {
  background-position: -2px -1499px;
  width: 14px; }

.subpage-icon.lightnovel {
  background-position: -1px -1540px;
  width: 17px; }

.subpage-icon.literature {
  background-position: -1px -1581px;
  width: 17px; }

.subpage-icon.machinima {
  background-position: 0 -1621px;
  width: 16px; }

.subpage-icon.magazine {
  background-position: 0 -1662px;
  width: 17px; }

.subpage-icon.main-page {
  background-position: -1px -1701px;
  width: 15px; }

.subpage-icon.manga {
  background-position: -2px -1741px;
  width: 15px; }

.subpage-icon.manhwa {
  background-position: 0 -1783px;
  width: 17px; }

.subpage-icon.music {
  background-position: 0 -1823px;
  width: 16px; }

.subpage-icon.news {
  background-position: -1px -1864px;
  width: 16px; }

.subpage-icon.nightmarefuel {
  background-position: 0 -1905px;
  width: 18px; }

.subpage-icon.pantheon {
  background-position: -1px -1947px;
  width: 15px; }

.subpage-icon.pinball {
  background-position: 0 -1988px;
  width: 18px; }

.subpage-icon.podcast {
  background-position: 0 -2029px;
  width: 19px; }

.subpage-icon.quotes {
  background-position: -1px -2068px;
  width: 14px; }

.subpage-icon.radar {
  background-position: 0 -2108px;
  width: 14px; }

.subpage-icon.radio {
  margin: 0;
  background-position: -1px -2151px;
  width: 20px; }

.subpage-icon.recap {
  background-position: -1px -2189px;
  width: 17px; }

.subpage-icon.ride {
  background-position: -1px -2232px;
  width: 18px; }

.subpage-icon.roleplay {
  background-position: -2px -2271px;
  width: 11px; }

.subpage-icon.selfdemonstrating {
  background-position: -2px -2313px;
  width: 11px; }

.subpage-icon.series {
  background-position: 0 -2352px;
  width: 16px; }

.subpage-icon.shoutout {
  background-position: -1px -2392px;
  width: 18px; }

.subpage-icon.soyouwantto {
  background-position: -1px -2431px;
  width: 17px; }

.subpage-icon.sugarwiki {
  background-position: -1px -2474px;
  width: 17px; }

.subpage-icon.synopsis {
  background-position: -2px -2513px;
  width: 11px; }

.subpage-icon.tabletopgame {
  background-position: -1px -2556px;
  width: 18px; }

.subpage-icon.tearjerker {
  background-position: -3px -2597px;
  width: 10px; }

.subpage-icon.theater {
  background-position: 0 -2637px;
  width: 17px; }

.subpage-icon.titlebin {
  background-position: 0 -2677px;
  width: 15px; }

.subpage-icon.toys {
  background-position: -1px -2717px;
  width: 16px; }

.subpage-icon.trivia {
  background-position: 0 -2759px;
  width: 18px; }

.subpage-icon.tropers {
  background-position: -1px -2799px;
  width: 17px; }

.subpage-icon.videogame {
  background-position: 0 -2841px;
  width: 18px; }

.subpage-icon.visualnovel {
  background-position: 0 -2880px;
  width: 18px; }

.subpage-icon.wallbangers {
  background-position: -1px -2921px;
  width: 16px; }

.subpage-icon.webanimation {
  background-position: -1px -2962px;
  width: 16px; }

.subpage-icon.webcomic {
  background-position: -1px -3001px;
  width: 15px; }

.subpage-icon.weboriginal {
  background-position: -1px -3042px;
  width: 16px; }

.subpage-icon.website {
  background-position: -1px -3084px;
  width: 15px; }

.subpage-icon.webvideo {
  background-position: -1px -3123px;
  width: 17px; }

.subpage-icon.westernanimation {
  background-position: 0 -3164px;
  width: 17px; }

.subpage-icon.wmg {
  background-position: -2px -3205px;
  width: 13px; }

.subpage-icon.wrestling {
  background-position: -1px -3246px;
  width: 16px; }

.subpage-icon.ymmv {
  background-position: 0 -3287px;
  width: 18px; }

.subpage-icon.image-links {
  background-position: 0 -3511px;
  width: 19px; }

.subpage-icon.memes {
  background-position: 0 -3324px;
  width: 17px; }

.subpage-icon.haiku {
  background-position: 0 -3594px;
  width: 18px; }

.subpage-icon.playingWith {
  background-position: 0 -3364px;
  width: 17px; }

.subpage-icon.headscratchers {
  background-position: 0 -3396px;
  width: 15px; }

.subpage-icon.folder {
  background-position: -1px -3464px;
  width: 15px; }

.subpage-icon.folder-active {
  background-position: -1px -3432px;
  width: 15px; }

nav.pagination-box {
  position: relative;
  margin-bottom: 18px; }
  nav.pagination-box:after {
    content: "";
    display: table;
    clear: both; }
  nav.pagination-box > a {
    min-width: 20px; }
    nav.pagination-box > a.ellipsis {
      pointer-events: none;
      min-width: 0px; }
    nav.pagination-box > a span.current-page {
      opacity: 0.65;
      text-decoration: underline; }
    nav.pagination-box > a:hover span.current-page {
      opacity: 1; }
    nav.pagination-box > a > i.fa {
      line-height: inherit; }
  nav.pagination-box .pagination-jump-box {
    padding: 5px;
    position: absolute;
    left: 50%;
    top: 0;
    background: #28323f;
    min-width: 184px;
    -ms-transform: translate(-50%, calc(-100% - 4px));
    /* IE 9 */
    -webkit-transform: translate(-50%, calc(-100% - 4px));
    /* Safari */
    transform: translate(-50%, calc(-100% - 4px)); }
    nav.pagination-box .pagination-jump-box:before {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      bottom: -6px;
      width: 12px;
      height: 12px;
      background: #28323f;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    nav.pagination-box .pagination-jump-box > input {
      max-width: 130px;
      padding: 0 5px;
      position: relative;
      z-index: 2;
      line-height: 40px;
      font-size: 1em;
      border: none;
      outline: none; }
      nav.pagination-box .pagination-jump-box > input:focus {
        outline: none; }
    nav.pagination-box .pagination-jump-box > a {
      color: white !important; }

div.comment-box + div.comment-box {
  margin-top: 27px; }

div.comment-box.reply + div.comment-box {
  margin-top: 36px; }

a:target + div.comment-box div.comment-body div.troper-comment,
a:target + div.comment-box div.comment-body div.comment:before,
div.comment-box:target div.comment-body div.troper-comment,
div.comment-box:target div.comment-body div.comment:before {
  background: #e4f4ff !important; }

div.comment-box.reply:target,
div.replies > div.comment-box:target {
  background: #e4f4ff; }

div.comment-box div.comment-body div.troper-comment p:empty {
  display: none; }

div.comment-box.hide-replies + div.replies > div.reply {
  display: none; }

div.comment-box.hide-replies a.reply-toggle > i.fa {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

div.comment-box {
  position: relative;
  width: 100%;
  margin-top: 18px; }
  div.comment-box:after {
    content: "";
    display: table;
    clear: both; }
  div.comment-box div.comment-head {
    margin-right: 190px;
    margin-bottom: 4px;
    line-height: normal; }
    div.comment-box div.comment-head span.troper-avatar-tagline {
      font-size: 0.84em; }
    div.comment-box div.comment-head span.troper-location {
      font-size: 0.84em;
      color: #9299a3;
      margin-right: 8px; }
    div.comment-box div.comment-head span.troper-relationship-status {
      font-size: 0.84em;
      color: #9299a3;
      white-space: nowrap; }
  div.comment-box div.comment-body div.troper-avatar-wrapper {
    float: left;
    width: 80px;
    min-height: 80px; }
    div.comment-box div.comment-body div.troper-avatar-wrapper span.troper-avatar {
      display: block;
      max-height: 80px;
      overflow: hidden; }
      div.comment-box div.comment-body div.troper-avatar-wrapper span.troper-avatar img {
        vertical-align: top;
        max-width: 100%;
        max-height: 100%;
        margin-left: 50%;
        -ms-transform: translate(-50%, 0);
        /* IE 9 */
        -webkit-transform: translate(-50%, 0);
        /* Safari */
        transform: translate(-50%, 0); }
    div.comment-box div.comment-body div.troper-avatar-wrapper span.troper-avatar-tagline {
      font-size: 0.7em;
      line-height: normal;
      display: block; }
    div.comment-box div.comment-body div.troper-avatar-wrapper .troper-badges {
      text-align: center;
      display: block; }
  div.comment-box div.comment-body div.troper-comment {
    border-radius: 5px;
    border: solid 1px #aeb3ba;
    margin-left: 98px;
    padding: 9px 18px;
    min-height: 26px; }
    div.comment-box div.comment-body div.troper-comment div.comment {
      position: relative; }
    div.comment-box div.comment-body div.troper-comment div.comment strike {
      display: inline !important; }
    div.comment-box div.comment-body div.troper-comment div.comment:before {
      content: '';
      display: block;
      width: 11px;
      height: 11px;
      position: absolute;
      left: -25px;
      top: 6px;
      background: white;
      border-bottom: solid 1px #aeb3ba;
      border-left: solid 1px #aeb3ba;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child,
    div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child,
    div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child,
    div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child {
      display: inline-block;
      width: calc(100% - 47px);
      clear: left; }
      div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h1,
      div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h2,
      div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h3,
      div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h1,
      div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h2,
      div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h3,
      div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h1,
      div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h2,
      div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h3,
      div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h1,
      div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h2,
      div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h3 {
        display: inline-block;
        width: calc(100% - 47px);
        clear: left; }
        div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h1 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h1 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h1 + h3,
        div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h2 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h2 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h2 + h3,
        div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h3 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h3 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > h1:first-child + h3 + h3,
        div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h1 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h1 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h1 + h3,
        div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h2 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h2 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h2 + h3,
        div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h3 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h3 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > h2:first-child + h3 + h3,
        div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h1 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h1 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h1 + h3,
        div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h2 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h2 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h2 + h3,
        div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h3 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h3 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > h3:first-child + h3 + h3,
        div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h1 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h1 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h1 + h3,
        div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h2 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h2 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h2 + h3,
        div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h3 + h1,
        div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h3 + h2,
        div.comment-box div.comment-body div.troper-comment div.comment > p:empty:first-child + h3 + h3 {
          display: inline-block;
          width: calc(100% - 47px);
          clear: left; }
    div.comment-box div.comment-body div.troper-comment.has-title div.comment:before {
      top: 15px;
      background: #f3f4f5; }
    div.comment-box div.comment-body div.troper-comment div.comment > h2.comment-title {
      background: #f3f4f5;
      border-radius: 3px 3px 0 0;
      width: calc(100% + 9px);
      margin: -9px 0 9px -18px !important;
      padding: 9px 9px 9px 18px; }
    div.comment-box div.comment-body div.troper-comment div.comment > .footer {
      margin-top: 5px;
      padding-top: 4px;
      padding-bottom: 4px;
      border-top: solid 1px #cacdd1; }
      div.comment-box div.comment-body div.troper-comment div.comment > .footer:after {
        content: "";
        display: table;
        clear: both; }
    div.comment-box div.comment-body div.troper-comment div.comment > .reply-toggle {
      position: absolute;
      left: 50%;
      bottom: -24px;
      border: solid 8px white;
      -ms-transform: translate(-50%, 0);
      /* IE 9 */
      -webkit-transform: translate(-50%, 0);
      /* Safari */
      transform: translate(-50%, 0); }
    div.comment-box div.comment-body div.troper-comment div.comment > span.edited-by {
      display: block;
      font-size: 0.7em;
      color: #aeb3ba; }
    div.comment-box div.comment-body div.troper-comment div.comment > div.thumped {
      text-align: center;
      color: #7a202a; }
    div.comment-box div.comment-body div.troper-comment a.troper-post-time {
      line-height: normal;
      font-size: 0.84em;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
    div.comment-box div.comment-body div.troper-comment span.hover-menu-wrapper {
      position: relative;
      width: 24px;
      height: 2px;
      margin-right: -32px;
      display: block;
      float: right; }
    div.comment-box div.comment-body div.troper-comment .hover-menu {
      right: -5px;
      top: 30px; }
    div.comment-box div.comment-body div.troper-comment span.troper-signature {
      width: calc(100% + 18px);
      margin-left: -9px;
      display: block;
      margin-top: 4px;
      margin-bottom: -9px;
      padding: 4px 0;
      font-size: 0.84em;
      line-height: normal;
      color: #9299a3;
      border-top: solid 1px #aeb3ba; }
      div.comment-box div.comment-body div.troper-comment span.troper-signature.empty, div.comment-box div.comment-body div.troper-comment span.troper-signature p.empty, div.comment-box div.comment-body div.troper-comment span.troper-signature br {
        display: none; }
  div.comment-box.mod-mode div.comment-body div.troper-comment,
  div.comment-box.mod-mode div.comment-body span.troper-signature,
  div.comment-box.mod-mode div.comment-body div.troper-comment div.comment:before {
    border-color: #b7303f !important;
    background: #fff4ee; }

a.options-button {
  display: block;
  float: right;
  position: relative;
  z-index: 1;
  width: 24px;
  height: 24px;
  line-height: 26px;
  background: #aeb3ba;
  border-radius: 100%;
  color: white !important;
  text-align: center;
  text-decoration: none;
  -ms-transform: translate(9px, 0);
  /* IE 9 */
  -webkit-transform: translate(9px, 0);
  /* Safari */
  transform: translate(9px, 0); }
  a.options-button:hover {
    text-decoration: none !important; }
  a.options-button:active {
    line-height: 28px;
    background: #9299a3;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.2); }
  a.options-button.with-title {
    position: absolute;
    right: 18px; }
  a.options-button.flashing-red {
    animation: flashing-red 1s linear infinite; }

div.comment-box.reply,
div.replies > div.comment-box {
  border-radius: 5px;
  background: rgba(190, 190, 190, 0.13);
  border: solid 1px #aeb3ba;
  width: calc(100% - 134px);
  margin-top: 27px !important;
  margin-left: 98px;
  padding: 18px; }
  div.comment-box.reply div.comment-head span.troper-handle-wrapper,
  div.replies > div.comment-box div.comment-head span.troper-handle-wrapper {
    position: absolute;
    top: 23px;
    left: 58px; }
  div.comment-box.reply div.comment-body div.troper-avatar-wrapper,
  div.replies > div.comment-box div.comment-body div.troper-avatar-wrapper {
    float: left;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    overflow: hidden;
    margin-top: -39px; }
  div.comment-box.reply div.comment-body div.troper-comment,
  div.replies > div.comment-box div.comment-body div.troper-comment {
    background: none;
    border: none;
    padding: 0;
    margin-left: 0;
    margin-top: 39px; }
    div.comment-box.reply div.comment-body div.troper-comment div.comment:before,
    div.replies > div.comment-box div.comment-body div.troper-comment div.comment:before {
      display: none; }
    div.comment-box.reply div.comment-body div.troper-comment a.troper-post-time,
    div.replies > div.comment-box div.comment-body div.troper-comment a.troper-post-time {
      top: -23px; }
    div.comment-box.reply div.comment-body div.troper-comment a.options-button,
    div.replies > div.comment-box div.comment-body div.troper-comment a.options-button {
      position: absolute;
      top: 9px;
      right: 18px; }
    div.comment-box.reply div.comment-body div.troper-comment span.hover-menu-wrapper,
    div.replies > div.comment-box div.comment-body div.troper-comment span.hover-menu-wrapper {
      margin-right: -9px;
      margin-top: -48px; }

div.comment-box > div.comment-body > div.troper-comment > a.options-button ~ div.comment > h2.comment-title {
  padding-right: 36px;
  width: calc(100% - 18px); }

div.comment-box.no-avatar .comment-body .troper-comment {
  margin-left: 0;
  padding-bottom: 0; }

div.comment-box.no-avatar .comment-body .troper-comment div.comment:before,
div.comment-box.no-avatar .comment-body .troper-avatar-wrapper {
  display: none; }

div.comment-box.has-footer .comment-body .troper-comment {
  padding-bottom: 0; }

form.requires-toggle {
  /*
    width:calc(100% - 98px);
    margin-left: $avatar-width + $gutter;
    */ }
  form.requires-toggle:not(.active) > div.column-box:not(:first-of-type) {
    display: none; }
  form.requires-toggle.active > div.column-box:first-of-type {
    display: none; }
  form.requires-toggle textarea {
    border-radius: 5px; }

div.sticky-post-header p:empty,
div.comment-box div.comment-body div.troper-comment p:empty,
div#main-container div#main-content #main-entry .article-content div#preview-container p:empty,
div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment p:empty {
  display: none; }

div.sticky-post-header strike,
div.comment-box div.comment-body div.troper-comment strike,
div#main-container div#main-content #main-entry .article-content div#preview-container strike,
div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment strike {
  display: inline; }

div.sticky-post-header p:not(:last-of-type),
div.comment-box div.comment-body div.troper-comment p:not(:last-of-type),
div#main-container div#main-content #main-entry .article-content div#preview-container p:not(:last-of-type),
div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment p:not(:last-of-type) {
  margin-bottom: 8px; }

div.sticky-post-header div[class*='quote']:not(.quoteblock),
div.comment-box div.comment-body div.troper-comment div[class*='quote']:not(.quoteblock),
div#main-container div#main-content #main-entry .article-content div#preview-container div[class*='quote']:not(.quoteblock),
div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment div[class*='quote']:not(.quoteblock) {
  float: none !important;
  text-align: center !important;
  border: none !important;
  width: calc(100% - 18px) !important;
  max-width: 350px !important;
  background: none;
  padding: 0;
  margin: 0 0 18px 50%;
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Safari */
  transform: translate(-50%, 0);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  div.sticky-post-header div[class*='quote']:not(.quoteblock) + div[class*='caption'],
  div.comment-box div.comment-body div.troper-comment div[class*='quote']:not(.quoteblock) + div[class*='caption'],
  div#main-container div#main-content #main-entry .article-content div#preview-container div[class*='quote']:not(.quoteblock) + div[class*='caption'],
  div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment div[class*='quote']:not(.quoteblock) + div[class*='caption'] {
    margin-top: -18px; }

div.sticky-post-header div[class*='caption'],
div.comment-box div.comment-body div.troper-comment div[class*='caption'],
div#main-container div#main-content #main-entry .article-content div#preview-container div[class*='caption'],
div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment div[class*='caption'] {
  float: none;
  width: calc(100% - 30px) !important;
  max-width: 336px !important;
  margin-left: 0;
  position: relative;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Safari */
  transform: translate(-50%, 0); }

div.sticky-post-header div.folderlabel,
div.comment-box div.comment-body div.troper-comment div.folderlabel,
div#main-container div#main-content #main-entry .article-content div#preview-container div.folderlabel,
div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment div.folderlabel {
  clear: none;
  width: calc(100% - 36px); }

div.sticky-post-header .comment > *:not(:first-child),
div.comment-box div.comment-body div.troper-comment .comment > *:not(:first-child),
div#main-container div#main-content #main-entry .article-content div#preview-container .comment > *:not(:first-child),
div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment .comment > *:not(:first-child) {
  margin-bottom: 8px; }

div.sticky-post-header div.quoteblock,
div.comment-box div.comment-body div.troper-comment div.quoteblock,
div#main-container div#main-content #main-entry .article-content div#preview-container div.quoteblock,
div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment div.quoteblock {
  padding: 0 0 0 10px;
  margin-left: 35px;
  margin-bottom: 8px;
  font-size: smaller;
  border-left: solid 3px rgba(127, 127, 127, 0.5); }

div.sticky-post-header table td.embedcell,
div.comment-box div.comment-body div.troper-comment table td.embedcell,
div#main-container div#main-content #main-entry .article-content div#preview-container table td.embedcell,
div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment table td.embedcell {
  text-align: center; }
  div.sticky-post-header table td.embedcell > img,
  div.comment-box div.comment-body div.troper-comment table td.embedcell > img,
  div#main-container div#main-content #main-entry .article-content div#preview-container table td.embedcell > img,
  div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment table td.embedcell > img {
    width: calc(100% - 18px) !important;
    max-width: 350px !important; }

div.sticky-post-header table tbody > tr,
div.comment-box div.comment-body div.troper-comment table tbody > tr,
div#main-container div#main-content #main-entry .article-content div#preview-container table tbody > tr,
div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment table tbody > tr {
  border: none; }

div.sticky-post-header center.video-holder > iframe,
div.comment-box div.comment-body div.troper-comment center.video-holder > iframe,
div#main-container div#main-content #main-entry .article-content div#preview-container center.video-holder > iframe,
div#main-container div#main-content #main-entry .article-content div.comment-box div.comment-body div.troper-comment center.video-holder > iframe {
  max-width: calc(100% - 18px);
  max-height: 290px; }

@media (max-width: 765px) {
  div.comment-box:after {
    display: none; }
  div.section-block > a.options-button, div.section-block > * > a.options-button {
    margin-right: 9px; }
  #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-head {
    min-height: 34px;
    margin-right: 0; }
    #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-head span.troper-handle-wrapper {
      display: block;
      padding-top: 10px;
      padding-left: 50px;
      padding-bottom: 7px; }
      #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-head span.troper-handle-wrapper.has-tag {
        padding-top: 2px;
        padding-bottom: 0; }
    #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-head span.troper-location,
    #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-head span.troper-relationship-status {
      margin-top: 9px;
      font-size: 0.7em;
      display: block;
      white-space: normal; }
    #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-head span.troper-location + span.troper-relationship-status {
      margin-top: 0px; }
  #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body {
    margin-top: 10px; }
    #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-avatar-wrapper {
      width: 1px;
      height: 1px; }
      #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-avatar-wrapper span.troper-avatar {
        width: 40px;
        height: 40px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0; }
      #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-avatar-wrapper div.troper-badges {
        display: none; }
      #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-avatar-wrapper a.troper-badges {
        position: relative;
        left: 10px;
        top: 6px;
        z-index: 1; }
    #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-comment {
      margin-left: 0;
      padding: 9px; }
      #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-comment a.troper-post-time {
        background: white;
        padding: 0 4px;
        position: relative;
        float: right;
        top: -17px;
        left: auto;
        right: -4px;
        margin-bottom: -14px; }
      #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-comment a.options-button {
        position: absolute;
        top: 4px;
        right: 9px; }
      #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-comment span.hover-menu-wrapper {
        position: absolute;
        top: 4px;
        right: 32px; }
      #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-comment div.comment {
        clear: right; }
      #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-comment div.comment:before {
        display: none; }
      #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-comment div.comment > h2.comment-title {
        width: 100%;
        margin-left: -9px;
        margin-top: -1px;
        padding: 2px 9px; }
    #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-comment.has-title {
      padding: 1px 9px 0 9px; }
      #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply):not(.no-avatar) div.comment-body div.troper-comment.has-title a.troper-post-time {
        top: -9px;
        margin-bottom: -16px; }
  div.comment-box.reply,
  div.replies > div.comment-box {
    width: calc(100% - 36px);
    margin-left: 18px;
    margin-top: 36px !important;
    padding: 9px; }
    div.comment-box.reply div.comment-head span.troper-handle-wrapper,
    div.replies > div.comment-box div.comment-head span.troper-handle-wrapper {
      top: 14px;
      left: 48px; }
    div.comment-box.reply div.comment-body div.troper-comment span.hover-menu-wrapper,
    div.replies > div.comment-box div.comment-body div.troper-comment span.hover-menu-wrapper {
      margin-right: 0;
      margin-top: -39px; }
  #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply).has-footer div.comment-body div.troper-comment #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply).no-avatar div.comment-body div.troper-comment {
    padding: 9px;
    padding-bottom: 0; }
    #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply).has-footer div.comment-body div.troper-comment #user-prefs:not(.forum-gingerbread) ~ div#main-container div.comment-box:not(.reply).no-avatar div.comment-body div.troper-comment h2.comment-title {
      width: 100%;
      padding: 9px;
      margin-left: -9px; }
  form.requires-toggle {
    width: calc(100% - 18px);
    margin-left: 18px; }
    form.requires-toggle:not(.active) > div.column-box:not(:first-of-type) {
      display: none; }
    form.requires-toggle.active > div.column-box:first-of-type {
      display: none; } }

#modal-box {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
  animation-name: opacity-in;
  animation-duration: 0.31s;
  overflow: auto; }
  #modal-box:not(.active) {
    display: none; }
  #modal-box .modal-spacer {
    pointer-events: none;
    max-height: 15vh;
    position: relative; }
    #modal-box .modal-spacer:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 10%; }
    #modal-box .modal-spacer > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
  #modal-box > .modal-loading-graphic {
    background: no-repeat center url("/images/loading-graphic.png");
    background-size: 80px 80px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: calc(30% - 40px);
    left: calc(50% - 40px);
    z-index: 2;
    animation: rotate-forever 0.34s linear infinite; }
  #modal-box > .modal {
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0 0 18px 0;
    padding: 0.5px 18px 18px 18px;
    min-width: 272px;
    max-width: 300px;
    width: calc(100% - 45px);
    border-radius: 8px;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: scale(1) translate(-50%, 0);
    -moz-transform: scale(1) translate(-50%, 0);
    -o-transform: scale(1) translate(-50%, 0);
    transform: scale(1) translate(-50%, 0);
    transform-origin: 0% 0%;
    background: white;
    animation-name: modal-in;
    animation-duration: 0.25s;
    animation-delay: 0.05s;
    animation-fill-mode: forwards; }
  #modal-box > .modal > #kill-modal-button {
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -12px;
    top: -12px;
    background: white;
    border-radius: 50px; }
    #modal-box > .modal > #kill-modal-button:before, #modal-box > .modal > #kill-modal-button:after {
      content: '';
      display: block;
      width: 4px;
      height: 60%;
      border-radius: 3px;
      background: #3c4b5e;
      position: absolute;
      left: calc(50% - 2px);
      top: 20%; }
    #modal-box > .modal > #kill-modal-button:before {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    #modal-box > .modal > #kill-modal-button:after {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    #modal-box > .modal > #kill-modal-button:active {
      -ms-transform: scale(0.96);
      -webkit-transform: scale(0.96);
      transform: scale(0.96); }
    #modal-box > .modal > #kill-modal-button:hover {
      background: white; }
    #modal-box > .modal > #kill-modal-button:hover:before, #modal-box > .modal > #kill-modal-button:hover:after {
      background: #3c4b5e; }

#modal-box > .modal a {
  color: #006BB1;
  text-decoration: none; }

#modal-box > .modal a:hover {
  text-decoration: underline; }

#modal-box > .modal input[type="text"],
#modal-box > .modal input[type="password"] {
  height: 42px !important; }

#modal-box > .modal hr {
  border: none;
  border-bottom: solid 1px #aeb3ba; }
  #modal-box > .modal hr.light {
    border-color: #cacdd1; }

#modal-box > .modal p {
  line-height: normal; }

#modal-box > .modal p.or-separator {
  padding-right: 0;
  padding-left: 0;
  width: calc(100% + 36px);
  margin-left: -18px;
  color: transparent;
  border-bottom: solid 1px #cacdd1; }
  #modal-box > .modal p.or-separator:before {
    display: none; }
  #modal-box > .modal p.or-separator:after {
    content: 'or';
    color: #aeb3ba;
    padding: 0 12px;
    background: white;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, 6px);
    /* IE 9 */
    -webkit-transform: translate(-50%, 6px);
    /* Safari */
    transform: translate(-50%, 6px); }

#modal-box > .modal #header {
  width: 100%;
  margin-top: -2px;
  margin-left: -18px;
  min-height: 44px;
  border-radius: 6px 6px 0 0;
  background: #3c4b5e;
  color: white;
  padding: 8px 18px 0 18px; }
  #modal-box > .modal #header.alert-red {
    background: #b7303f; }
  #modal-box > .modal #header.alert-green {
    background: #99aa54; }

#modal-box > .modal a.button.facebook-login-button {
  border: none !important;
  background-color: #455d8d !important;
  color: white !important;
  text-align: center; }
  #modal-box > .modal a.button.facebook-login-button:before {
    content: '';
    display: block;
    position: absolute;
    height: 26px;
    width: 1px;
    left: 40px;
    top: 7px;
    background: #34466b; }
  #modal-box > .modal a.button.facebook-login-button i.fa {
    float: left;
    margin-top: 12px;
    margin-left: -2px; }

#modal-box > .modal form#form-login:not(.active),
#modal-box > .modal form#form-signup:not(.active),
#modal-box > .modal form#form-resetPassword:not(.active),
#modal-box > .modal form#form-forgotName:not(.active),
#modal-box > .modal form#new-account-from-social-form:not(.active),
#modal-box > .modal form#link-social-form:not(.active) {
  display: none; }

#modal-box div.modal.modal-type-upload_image {
  max-width: 600px !important; }
  #modal-box div.modal.modal-type-upload_image #myAwesomeDropzone {
    position: relative; }
    #modal-box div.modal.modal-type-upload_image #myAwesomeDropzone:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 56.25%; }
    #modal-box div.modal.modal-type-upload_image #myAwesomeDropzone > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    #modal-box div.modal.modal-type-upload_image #myAwesomeDropzone div.dz-default.dz-message {
      position: absolute;
      top: 42%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      /* IE 9 */
      -webkit-transform: translate(-50%, -50%);
      /* Safari */
      transform: translate(-50%, -50%); }

@media (max-width: 372px) {
  #modal-box > .modal > #kill-modal-button {
    top: 5px;
    right: 5px;
    background: none; }
    #modal-box > .modal > #kill-modal-button:before, #modal-box > .modal > #kill-modal-button:after {
      background: white; } }

div#main-container div#main-content div#main-content-sidebar .sidebar-item {
  max-width: 300px;
  margin: 0 auto 18px auto;
  color: #5c5f63;
  line-height: 24px; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item a:not(.bubble) {
    color: #5c5f63;
    text-decoration: none;
    display: block;
    margin-bottom: 4.5px; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item a:hover {
    text-decoration: underline;
    color: #28323f; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item .padded {
    padding: 0 9px; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item.wrapper {
    border: solid 1px #cacdd1;
    border-radius: 4px;
    padding-bottom: 9px;
    -webkit-box-shadow: 0 2px 2px 0 #f3f4f5;
    -moz-box-shadow: 0 2px 2px 0 #f3f4f5;
    box-shadow: 0 2px 2px 0 #f3f4f5; }
    div#main-container div#main-content div#main-content-sidebar .sidebar-item.wrapper .sidebar-item-title:first-child {
      margin-bottom: 9px; }
    div#main-container div#main-content div#main-content-sidebar .sidebar-item.wrapper .sidebar-item-title:first-child:before {
      top: auto;
      bottom: 0;
      z-index: 1; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item hr {
    border: none;
    border-bottom: solid 1px #cacdd1; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item p:empty {
    display: none; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item p.sidebar-item-title {
    text-transform: uppercase;
    font-size: 0.7em;
    color: #50647d;
    font-weight: bold;
    text-align: center;
    position: relative; }
    div#main-container div#main-content div#main-content-sidebar .sidebar-item p.sidebar-item-title:after {
      content: attr(data-title);
      color: #50647d;
      font-size: 1em;
      padding: 0 8px;
      position: absolute;
      left: 50%;
      top: 0;
      background: #fbfbfc;
      -ms-transform: translate(-50%, 0);
      /* IE 9 */
      -webkit-transform: translate(-50%, 0);
      /* Safari */
      transform: translate(-50%, 0); }
    div#main-container div#main-content div#main-content-sidebar .sidebar-item p.sidebar-item-title:before {
      content: '';
      width: 100%;
      height: 1px;
      background: #aeb3ba;
      display: block;
      position: absolute;
      left: 0;
      top: 45%;
      opacity: 0.7; }
    div#main-container div#main-content div#main-content-sidebar .sidebar-item p.sidebar-item-title .float-right {
      float: none;
      position: absolute;
      top: 6px;
      right: 0; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item ul.display-toggles {
    font-size: 0.7em;
    line-height: calc(0.7em + 5px);
    font-weight: bold;
    margin-bottom: 27px;
    display: flex;
    justify-content: space-around; }
    div#main-container div#main-content div#main-content-sidebar .sidebar-item ul.display-toggles > li {
      width: 18%;
      display: inline-block;
      text-align: center;
      cursor: pointer;
      opacity: 0.85; }
      div#main-container div#main-content div#main-content-sidebar .sidebar-item ul.display-toggles > li:hover {
        opacity: 1; }
      div#main-container div#main-content div#main-content-sidebar .sidebar-item ul.display-toggles > li:last-of-type {
        margin: 0; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item ul.bulletins li a {
    position: relative;
    display: block;
    padding-left: 60px;
    line-height: normal;
    margin-bottom: 10px; }
    div#main-container div#main-content div#main-content-sidebar .sidebar-item ul.bulletins li a span {
      position: absolute;
      left: 0;
      top: 0;
      height: 14px;
      line-height: 15px;
      letter-spacing: 0.04em;
      padding: 0 3px;
      font-weight: bold;
      border-radius: 2px;
      text-transform: uppercase;
      font-size: 0.7em;
      background: #50647d;
      color: white; }
    div#main-container div#main-content div#main-content-sidebar .sidebar-item ul.bulletins li a:hover span {
      background: #3c4b5e; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item ul > li > ul,
  div#main-container div#main-content div#main-content-sidebar .sidebar-item ul > li > ul > li {
    position: relative; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item ul > li > ul > li {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height ease-in-out 200ms;
    -moz-transition: max-height ease-in-out 200ms;
    -o-transition: max-height ease-in-out 200ms;
    transition: max-height ease-in-out 200ms; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item ul > li > a.active + ul > li {
    max-height: 40px; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item ul > li > ul {
    padding-left: 15px; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item ul > li > ul:before {
    content: '';
    display: block;
    width: 3px;
    height: calc(100% - 11px);
    position: absolute;
    top: 5px;
    left: 2px;
    background: #e5e7e9; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item ul > li > ul:after {
    content: "\f078";
    font-family: fontAwesome;
    font-size: 8px;
    pointer-events: none;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -27px;
    right: 0;
    background: #cacdd1;
    color: white;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    -webkit-transition: transform ease-in-out 100ms;
    -moz-transition: transform ease-in-out 100ms;
    -o-transition: transform ease-in-out 100ms;
    transition: transform ease-in-out 100ms; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item ul > li > a:hover + ul:after {
    background: #3c4b5e; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item ul > li > a.active + ul:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item .alerts a {
    width: 100%;
    border-radius: 4px;
    background: red;
    color: white;
    border-bottom: solid 2px darkred; }
    div#main-container div#main-content div#main-content-sidebar .sidebar-item .alerts a:hover {
      background: #3c4b5e;
      border-bottom: solid 2px #28323f; }
    div#main-container div#main-content div#main-content-sidebar .sidebar-item .alerts a:active {
      background: #28323f;
      border-bottom: none;
      border-top: solid 2px black; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item .community-showcase a {
    opacity: 0.92; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item .community-showcase a:hover {
    opacity: 1; }
  div#main-container div#main-content div#main-content-sidebar .sidebar-item .community-showcase img {
    max-width: 100%; }

div#header-ad-wrapper.ad,
div#footer-ad-wrapper.ad {
  position: relative;
  z-index: 1; }

.ad-content-top, .btf_banner {
  padding: 20px 0 8px 0;
  min-height: 133px; }

div#main-container div#main-content div#main-content-sidebar .sidebar-item.sb-ad-unit.is_stuck {
  margin-top: -46px;
  margin-left: 17px; }

.atf_banner {
  min-height: 115px; }

.ad-content-bottom {
  padding: 20px 0; }

.mobile-ad {
  display: none !important; }

@media screen and (max-width: 767px) {
  .mobile-ad {
    display: block !important; }
  .atf_banner {
    min-height: 60px !important; }
  .atf_banner .proper-ad-unit {
    padding-bottom: 10px !important; }
  .ad-content-top, .btf_banner {
    padding: 0px !important;
    padding-top: 15px !important;
    padding-bottom: 10px !important;
    min-height: 0px; } }

.square_ad {
  min-height: 275px; }

@media print {
  body .header-tray,
  body .header-container .btn-group.user-account,
  body .header-container .header-search,
  body .header-container .random-btns,
  body .header-container .sm-device-left-menu-btn,
  body .header-container #main-nav,
  body .main-full-width .ad-content-top,
  body .main-full-width .ad-content-bottom,
  body .main-full-width .main-container .main-body .main-body-content .sidebar-right,
  body .main-full-width .main-container .main-body .main-body-content .main-left .page-actions,
  body .main-full-width .main-container .main-body .main-body-content .main-left .notifier,
  body .main-full-width .main-container .main-body .main-body-content .main-left .modal,
  body .main-full-width .main-container .main-body .main-body-content .main-left .body-options,
  body .main-full-width .main-container .main-body .main-body-content .main-left .article-header .share-box,
  body .main-full-width .main-container .main-body .main-body-content .main-left .section-links.section,
  body .main-full-width .main-container .main-body .main-body-content .main-left .folderlabelopen,
  body .main-full-width .main-container .main-body .main-body-content .main-left .folderlabel,
  body .main-full-width .main-container .main-body .main-body-content .main-left .alt-titles,
  body footer {
    display: none !important; }
  body .header-container {
    margin-bottom: 35px !important; }
    body .header-container #header-new {
      background: none !important;
      border: none !important; }
      body .header-container #header-new .header-inner {
        margin: 0 auto !important;
        text-align: center !important; }
        body .header-container #header-new .header-inner .brand {
          margin-top: 15px !important;
          float: none !important;
          display: inline-block !important;
          height: 55px !important; }
          body .header-container #header-new .header-inner .brand:after {
            content: '' !important; }
  body .main-full-width .main-container .main-body .main-body-content .main-left .quoteright {
    margin-left: 0 !important;
    float: none !important; }
  body .main-full-width .main-container .main-body .main-body-content .main-left .acaptionright {
    margin-left: 0 !important;
    float: none !important; }
  body .printer-page-url {
    margin-top: 15px !important;
    display: block !important;
    text-align: center !important; } }

.stick-top {
  position: fixed;
  top: 16px;
  width: 310.5px; }

.stick-top50 {
  position: fixed;
  top: 66px;
  width: 310.5px; }

.stick-bottom {
  position: relative; }

#stick-cont {
  padding-top: 16px;
  margin-top: -15px; }

div#main-container div#main-content #main-entry .article-content > .launch-pad-draft {
  padding: 18px;
  border: solid 1px #aeb3ba;
  border-top: none;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 0 1px rgba(190, 190, 190, 0.13);
  -moz-box-shadow: 0 2px 0 1px rgba(190, 190, 190, 0.13);
  box-shadow: 0 2px 0 1px rgba(190, 190, 190, 0.13); }
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft:not(.active) {
    max-height: 1200px; }
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft .quoteright,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft .acaptionright {
    width: 100% !important;
    max-width: 326px !important; }
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft .quoteright img,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft .acaptionright img {
      max-width: 326px !important; }

div#main-container div#main-content #main-entry .article-content,
div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box {
  display: block;
  color: #333;
  line-height: 24px;
  /*
  ol {
     list-style-type: decimal;
     list-style-position: inside;
  }

  > ul,
  > ol,
  p > ul,
  p > ol,
  div > ul,
  div > ol {
    margin-top: 10px;
    margin-left: 16px;
  }
  ul ul,
  ol ul,
  ul ol {
     list-style-type: circle;
     padding-left: 16px;
     > li {margin-top:10px}
  }
  ul ul ul,
  ol ul ul,
  ol ol ul,
  ul ol ul {
    list-style-type: square;
    padding-left: 16px;
    > li {margin-top:10px}
  }
  ol ol,
  ul ol {
    margin-left: 17px;
  }
  */
  /*
  & > ul:not(.thread-breadcrumbs):not(.table) {

    list-style-type: disc;
    padding-top: $list-spacing;
    padding-left: $gutter;

    //background:red;

    & > li:not(:last-of-type) {
      padding-bottom: $list-spacing;
      margin-bottom: $list-spacing;
      border-bottom: dotted 1px $color-hairlines;
    }

    & > li > ul {
      list-style-type: circle;
      margin-left: $gutter;
    }
  }
  */
  /*=================================*/
  /*=================================*/
  /* Colors */
  /* asscaps */ }
  div#main-container div#main-content #main-entry .article-content:after,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box:after {
    content: "";
    display: table;
    clear: both; }
  div#main-container div#main-content #main-entry .article-content:not(.comment-box) > p:not(:first-child),
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box:not(.comment-box) > p:not(:first-child) {
    margin-top: 10px; }
  div#main-container div#main-content #main-entry .article-content:not(.comment-box) > ol:not(:first-child),
  div#main-container div#main-content #main-entry .article-content:not(.comment-box) > ul:not(:first-child),
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box:not(.comment-box) > ol:not(:first-child),
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box:not(.comment-box) > ul:not(:first-child) {
    margin-top: 16px; }
  div#main-container div#main-content #main-entry .article-content h1.entry-title.no-underline,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h1.entry-title.no-underline {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  div#main-container div#main-content #main-entry .article-content h1.entry-title > a,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h1.entry-title > a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto; }
  div#main-container div#main-content #main-entry .article-content a,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box a {
    color: #006BB1;
    text-decoration: none; }
    div#main-container div#main-content #main-entry .article-content a:hover,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box a:hover {
      text-decoration: underline; }
  div#main-container div#main-content #main-entry .article-content img:not(.thumb),
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box img:not(.thumb) {
    max-width: 100% !important; }
  div#main-container div#main-content #main-entry .article-content a.urllink,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box a.urllink {
    display: inline-block;
    word-break: break-word; }
  div#main-container div#main-content #main-entry .article-content a.createlink,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box a.createlink {
    color: #c60000; }
  div#main-container div#main-content #main-entry .article-content .spoiler,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .spoiler {
    border: 1px dotted #7f7f7f;
    border-top: none;
    background: rgba(190, 190, 190, 0.13);
    color: transparent;
    cursor: pointer; }
    div#main-container div#main-content #main-entry .article-content .spoiler a,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .spoiler a {
      pointer-events: none;
      color: transparent !important; }
    div#main-container div#main-content #main-entry .article-content .spoiler img,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .spoiler img {
      opacity: 0; }
  div#main-container div#main-content #main-entry .article-content .quoteright,
  div#main-container div#main-content #main-entry .article-content .acaptionright,
  div#main-container div#main-content #main-entry .article-content .floatboxright,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .quoteright,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .acaptionright,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .floatboxright {
    float: right;
    clear: right;
    margin-bottom: 5px;
    margin-left: 13.5px;
    margin-right: 1px;
    margin-top: 1px;
    padding: 6px 0;
    border-radius: 3px;
    background: #fafafa;
    border-left: solid 6px #fafafa;
    border-right: solid 6px #fafafa;
    font-size: 0.84em;
    line-height: 1.512em;
    text-align: center;
    width: inherit;
    max-width: 326px !important;
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 0 0 1px #cacdd1;
    -moz-box-shadow: 0 0 0 1px #cacdd1;
    box-shadow: 0 0 0 1px #cacdd1; }
    div#main-container div#main-content #main-entry .article-content .quoteright:after,
    div#main-container div#main-content #main-entry .article-content .acaptionright:after,
    div#main-container div#main-content #main-entry .article-content .floatboxright:after,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .quoteright:after,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .acaptionright:after,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .floatboxright:after {
      content: "";
      display: table;
      clear: both; }
    div#main-container div#main-content #main-entry .article-content .quoteright img,
    div#main-container div#main-content #main-entry .article-content .acaptionright img,
    div#main-container div#main-content #main-entry .article-content .floatboxright img,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .quoteright img,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .acaptionright img,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .floatboxright img {
      max-width: 362px;
      vertical-align: middle; }
    div#main-container div#main-content #main-entry .article-content .quoteright hr,
    div#main-container div#main-content #main-entry .article-content .acaptionright hr,
    div#main-container div#main-content #main-entry .article-content .floatboxright hr,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .quoteright hr,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .acaptionright hr,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .floatboxright hr {
      margin: 5px 0; }
    div#main-container div#main-content #main-entry .article-content .quoteright ul,
    div#main-container div#main-content #main-entry .article-content .acaptionright ul,
    div#main-container div#main-content #main-entry .article-content .floatboxright ul,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .quoteright ul,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .acaptionright ul,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .floatboxright ul {
      text-align: left; }
    div#main-container div#main-content #main-entry .article-content .quoteright:empty,
    div#main-container div#main-content #main-entry .article-content .acaptionright:empty,
    div#main-container div#main-content #main-entry .article-content .floatboxright:empty,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .quoteright:empty,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .acaptionright:empty,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .floatboxright:empty {
      display: none; }
  div#main-container div#main-content #main-entry .article-content .quoteright + * > .acaptionright,
  div#main-container div#main-content #main-entry .article-content .quoteright + .acaptionright,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .quoteright + * > .acaptionright,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .quoteright + .acaptionright {
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: -1px 0 0 0 #cacdd1, 0 1px 0 0 #cacdd1, 1px 0 0 0 #cacdd1;
    -moz-box-shadow: -1px 0 0 0 #cacdd1, 0 1px 0 0 #cacdd1, 1px 0 0 0 #cacdd1;
    box-shadow: -1px 0 0 0 #cacdd1, 0 1px 0 0 #cacdd1, 1px 0 0 0 #cacdd1;
    margin-top: -12px; }
  div#main-container div#main-content #main-entry .article-content .quoteright + p:empty,
  div#main-container div#main-content #main-entry .article-content .acaptionright + p:empty,
  div#main-container div#main-content #main-entry .article-content .floatboxright + p:empty,
  div#main-container div#main-content #main-entry .article-content h2 + p:empty,
  div#main-container div#main-content #main-entry .article-content p:first-child:empty,
  div#main-container div#main-content #main-entry .article-content .toggle-folders-button + p:empty,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .quoteright + p:empty,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .acaptionright + p:empty,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .floatboxright + p:empty,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h2 + p:empty,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box p:first-child:empty,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .toggle-folders-button + p:empty {
    display: none; }
  div#main-container div#main-content #main-entry .article-content p:empty,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box p:empty {
    display: none; }
  div#main-container div#main-content #main-entry .article-content p.flipped-p-tag,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box p.flipped-p-tag {
    margin-top: 18px; }
  div#main-container div#main-content #main-entry .article-content p.flipped-p-tag + p:empty,
  div#main-container div#main-content #main-entry .article-content p.flipped-p-tag + hr + p:empty,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box p.flipped-p-tag + p:empty,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box p.flipped-p-tag + hr + p:empty {
    display: none; }
  div#main-container div#main-content #main-entry .article-content .indent,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .indent {
    margin-left: 18px;
    font-size: 0.84em; }
    div#main-container div#main-content #main-entry .article-content .indent p:empty,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .indent p:empty {
      display: block;
      padding: 7px 0 0 0; }
  div#main-container div#main-content #main-entry .article-content > .indent,
  div#main-container div#main-content #main-entry .article-content ul > li > .indent,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box > .indent,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul > li > .indent {
    font-size: 0.84em; }
  div#main-container div#main-content #main-entry .article-content strike,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box strike {
    display: none; }
  div#main-container div#main-content #main-entry .article-content ul.no-bullets,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul.no-bullets {
    list-style-type: none;
    margin-left: 0; }
  div#main-container div#main-content #main-entry .article-content ol, div#main-container div#main-content #main-entry .article-content ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ol,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul {
    list-style-position: outside;
    margin-left: 18px;
    padding: 0; }
  div#main-container div#main-content #main-entry .article-content ol,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ol {
    list-style-type: decimal;
    padding-left: 4px; }
  div#main-container div#main-content #main-entry .article-content ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul {
    list-style-type: disc; }
  div#main-container div#main-content #main-entry .article-content li,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box li {
    margin: 4px 0; }
  div#main-container div#main-content #main-entry .article-content ul ul, div#main-container div#main-content #main-entry .article-content ol ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ol ul {
    list-style-type: circle; }
  div#main-container div#main-content #main-entry .article-content ul ul ul,
  div#main-container div#main-content #main-entry .article-content ol ul ul,
  div#main-container div#main-content #main-entry .article-content ol ol ul,
  div#main-container div#main-content #main-entry .article-content ul ol ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul ul ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ol ul ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ol ol ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul ol ul {
    list-style-type: square; }
  div#main-container div#main-content #main-entry .article-content ul + ul, div#main-container div#main-content #main-entry .article-content ul + ol, div#main-container div#main-content #main-entry .article-content ol + ul, div#main-container div#main-content #main-entry .article-content ol + ol,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + ol,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ol + ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ol + ol {
    margin-top: 8px; }
  div#main-container div#main-content #main-entry .article-content ol ol, div#main-container div#main-content #main-entry .article-content ol ul, div#main-container div#main-content #main-entry .article-content ul ol, div#main-container div#main-content #main-entry .article-content ul ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ol ol,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ol ul,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul ol,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul ul {
    border-left: dotted 1px rgba(127, 127, 127, 0.5);
    padding-left: 36px;
    margin-left: -14.4px; }
  div#main-container div#main-content #main-entry .article-content dl,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box dl {
    margin-left: 32px; }
  div#main-container div#main-content #main-entry .article-content hr,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box hr {
    border: none;
    border-bottom: dashed 1px #aeb3ba;
    margin: 18px 0; }
    div#main-container div#main-content #main-entry .article-content hr.skinny,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box hr.skinny {
      margin: 6px 0; }
    div#main-container div#main-content #main-entry .article-content hr.solid,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box hr.solid {
      border-bottom-style: solid; }
    div#main-container div#main-content #main-entry .article-content hr.full-width,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box hr.full-width {
      width: calc(100% + 36px);
      margin-left: -18px; }
  div#main-container div#main-content #main-entry .article-content h1:not(.entry-title),
  div#main-container div#main-content #main-entry .article-content h2:not(.comment-title),
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h1:not(.entry-title),
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h2:not(.comment-title) {
    font-size: 1em;
    font-weight: bold;
    background: #cacdd1;
    padding: 3px 8px 2px 8px;
    border-radius: 4px 4px 0 0;
    clear: both; }
  div#main-container div#main-content #main-entry .article-content h1:not(.entry-title),
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h1:not(.entry-title) {
    font-size: 1.3em;
    line-height: 1.3em;
    padding-top: 2px;
    padding-bottom: 2px; }
  div#main-container div#main-content #main-entry .article-content h3:not(.forum-header), div#main-container div#main-content #main-entry .article-content div.wmglead,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h3:not(.forum-header),
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box div.wmglead {
    background: #cacdd1;
    padding: 3px 8px 2px 8px;
    border-radius: 4px 4px 0 0; }
  div#main-container div#main-content #main-entry .article-content h3:not(.forum-header),
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h3:not(.forum-header) {
    font-size: 0.84em; }
  div#main-container div#main-content #main-entry .article-content h1, div#main-container div#main-content #main-entry .article-content h2, div#main-container div#main-content #main-entry .article-content h3, div#main-container div#main-content #main-entry .article-content h4, div#main-container div#main-content #main-entry .article-content h5, div#main-container div#main-content #main-entry .article-content h6,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h1,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h2,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h3,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h4,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h5,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h6 {
    margin: 18px 0 4px 0; }
  div#main-container div#main-content #main-entry .article-content sup,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box sup {
    vertical-align: super;
    font-size: smaller; }
  div#main-container div#main-content #main-entry .article-content sub,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box sub {
    vertical-align: sub;
    font-size: smaller; }
  div#main-container div#main-content #main-entry .article-content img.ymmv1.rounded,
  div#main-container div#main-content #main-entry .article-content img.trivia1.rounded,
  div#main-container div#main-content #main-entry .article-content img.flamebait1.rounded,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box img.ymmv1.rounded,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box img.trivia1.rounded,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box img.flamebait1.rounded {
    border-radius: 3px;
    width: 18px;
    height: 18px;
    display: inline;
    margin-right: 4px;
    border: none;
    outline: none;
    vertical-align: middle;
    margin-top: -5px; }
  div#main-container div#main-content #main-entry .article-content ul > li > img.ymmv1.rounded:first-child,
  div#main-container div#main-content #main-entry .article-content ul > li > img.trivia1.rounded:first-child,
  div#main-container div#main-content #main-entry .article-content ul > li > img.flamebait1.rounded:first-child,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul > li > img.ymmv1.rounded:first-child,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul > li > img.trivia1.rounded:first-child,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul > li > img.flamebait1.rounded:first-child {
    margin-left: -22px; }
  div#main-container div#main-content #main-entry .article-content .folder-button-wrapper,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder-button-wrapper {
    display: block;
    height: 16px;
    margin-bottom: 4px; }
  div#main-container div#main-content #main-entry .article-content:not(.retro-folders).toggle-all-folders-button,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box:not(.retro-folders).toggle-all-folders-button {
    float: right;
    text-align: right;
    font-size: 0.7em;
    font-weight: normal;
    opacity: 0.8;
    cursor: pointer; }
    div#main-container div#main-content #main-entry .article-content:not(.retro-folders).toggle-all-folders-button:hover,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box:not(.retro-folders).toggle-all-folders-button:hover {
      opacity: 1; }
  div#main-container div#main-content #main-entry .article-content h2.examples-header > .toggle-all-folders-button,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h2.examples-header > .toggle-all-folders-button {
    float: right; }
  div#main-container div#main-content #main-entry .article-content h2.examples-header + p:empty + .folderlabel,
  div#main-container div#main-content #main-entry .article-content h2.examples-header + p:empty + p:empty + .folderlabel,
  div#main-container div#main-content #main-entry .article-content h2.examples-header + p:empty + p:empty + p:empty + .folderlabel,
  div#main-container div#main-content #main-entry .article-content h2.examples-header + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  div#main-container div#main-content #main-entry .article-content h2.examples-header + p:empty + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  div#main-container div#main-content #main-entry .article-content h2.examples-header + p:empty + p:empty + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h2.examples-header + p:empty + .folderlabel,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h2.examples-header + p:empty + p:empty + .folderlabel,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h2.examples-header + p:empty + p:empty + p:empty + .folderlabel,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h2.examples-header + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h2.examples-header + p:empty + p:empty + p:empty + p:empty + p:empty + .folderlabel,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box h2.examples-header + p:empty + p:empty + p:empty + p:empty + p:empty + p:empty + .folderlabel {
    margin-top: 0;
    border-top: none; }
  div#main-container div#main-content #main-entry .article-content ul + h1,
  div#main-container div#main-content #main-entry .article-content ul + h2,
  div#main-container div#main-content #main-entry .article-content ul + p:empty + h1,
  div#main-container div#main-content #main-entry .article-content ul + p:empty + h2,
  div#main-container div#main-content #main-entry .article-content ul + p:empty + p:empty + h1,
  div#main-container div#main-content #main-entry .article-content ul + p:empty + p:empty + h2,
  div#main-container div#main-content #main-entry .article-content ul + p:empty + p:empty + p:empty + h1,
  div#main-container div#main-content #main-entry .article-content ul + p:empty + p:empty + p:empty + h2,
  div#main-container div#main-content #main-entry .article-content ul + p:empty + p:empty + p:empty + p:empty + h1,
  div#main-container div#main-content #main-entry .article-content ul + p:empty + p:empty + p:empty + p:empty + h2,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + h1,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + h2,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + p:empty + h1,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + p:empty + h2,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + p:empty + p:empty + h1,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + p:empty + p:empty + h2,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + p:empty + p:empty + p:empty + h1,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + p:empty + p:empty + p:empty + h2,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + p:empty + p:empty + p:empty + p:empty + h1,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box ul + p:empty + p:empty + p:empty + p:empty + h2 {
    margin-top: 18px !important; }
  div#main-container div#main-content #main-entry .article-content span.wick-flag,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span.wick-flag {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: red !important;
    margin: 0 4px; }
  div#main-container div#main-content #main-entry .article-content .folderlabel,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folderlabel {
    cursor: pointer;
    padding: 0 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: dotted 1px #aeb3ba;
    border-bottom: dotted 1px #aeb3ba;
    margin-top: -1px;
    /*
    &[onclick="togglefolder('folder0');"]{
      border-top:none
    }*/ }
    div#main-container div#main-content #main-entry .article-content .folderlabel:hover,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folderlabel:hover {
      background: #f3f4f5; }
    div#main-container div#main-content #main-entry .article-content .folderlabel:before,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folderlabel:before {
      content: '\f07b';
      font-family: FontAwesome;
      margin-right: -8px; }
    div#main-container div#main-content #main-entry .article-content .folderlabel.is-open,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folderlabel.is-open {
      border-bottom: dotted 1px #aeb3ba; }
    div#main-container div#main-content #main-entry .article-content .folderlabel.is-open:before,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folderlabel.is-open:before {
      content: '\f07c'; }
    div#main-container div#main-content #main-entry .article-content .folderlabel:not(.is-open):after,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folderlabel:not(.is-open):after {
      content: 'Click to Open';
      font-size: 0.7em;
      float: right;
      color: #8d949e;
      opacity: 0; }
    div#main-container div#main-content #main-entry .article-content .folderlabel:not(.is-open):hover:after,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folderlabel:not(.is-open):hover:after {
      opacity: 1; }
  div#main-container div#main-content #main-entry .article-content.retro-folders .folderlabel,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box.retro-folders .folderlabel {
    margin-top: 15px;
    border-top: solid 1px #cacdd1 !important;
    border: solid 1px #cacdd1;
    border-radius: 4px;
    clear: both; }
    div#main-container div#main-content #main-entry .article-content.retro-folders .folderlabel:before,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box.retro-folders .folderlabel:before {
      color: #eada98; }
    div#main-container div#main-content #main-entry .article-content.retro-folders .folderlabel.is-open,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box.retro-folders .folderlabel.is-open {
      background: #f3f4f5; }
      div#main-container div#main-content #main-entry .article-content.retro-folders .folderlabel.is-open:before,
      div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box.retro-folders .folderlabel.is-open:before {
        color: #e1cb6e; }
    div#main-container div#main-content #main-entry .article-content.retro-folders .folderlabel[onclick*="toggleAllFolders()"],
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box.retro-folders .folderlabel[onclick*="toggleAllFolders()"] {
      width: auto;
      display: inline-block;
      padding: 4px 6px;
      clear: both;
      margin-bottom: 15px; }
      div#main-container div#main-content #main-entry .article-content.retro-folders .folderlabel[onclick*="toggleAllFolders()"]:after,
      div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box.retro-folders .folderlabel[onclick*="toggleAllFolders()"]:after {
        content: "";
        display: table;
        clear: both; }
      div#main-container div#main-content #main-entry .article-content.retro-folders .folderlabel[onclick*="toggleAllFolders()"]:hover:after,
      div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box.retro-folders .folderlabel[onclick*="toggleAllFolders()"]:hover:after {
        display: none !important; }
  div#main-container div#main-content #main-entry .article-content div.folderlabel.is-open,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box div.folderlabel.is-open {
    margin-bottom: 13.5px; }
  div#main-container div#main-content #main-entry .article-content .folder,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder {
    display: none !important;
    overflow: hidden;
    padding-left: 36px; }
    div#main-container div#main-content #main-entry .article-content .folder + p:empty,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder + p:empty {
      display: none; }
    div#main-container div#main-content #main-entry .article-content .folder > ul,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder > ul {
      list-style-type: disc; }
    div#main-container div#main-content #main-entry .article-content .folder > ul > li:not(:first-of-type),
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder > ul > li:not(:first-of-type) {
      margin-top: 9px; }
    div#main-container div#main-content #main-entry .article-content .folder > ul:last-of-type,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder > ul:last-of-type {
      margin-bottom: 18px; }
    div#main-container div#main-content #main-entry .article-content .folder > dl,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder > dl {
      margin-top: 10px; }
    div#main-container div#main-content #main-entry .article-content .folder > dl dl,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder > dl dl {
      margin-left: 16px; }
    div#main-container div#main-content #main-entry .article-content .folder dl dt,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder dl dt {
      display: block;
      font-weight: bold; }
    div#main-container div#main-content #main-entry .article-content .folder .indent + dl,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder .indent + dl {
      margin-left: 16px; }
    div#main-container div#main-content #main-entry .article-content .folder .indent + dl, div#main-container div#main-content #main-entry .article-content .folder dl + dl,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder .indent + dl,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder dl + dl {
      margin-top: 0; }
    div#main-container div#main-content #main-entry .article-content .folder dl + dl,
    div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folder dl + dl {
      margin-left: 16px; }
  div#main-container div#main-content #main-entry .article-content .folderlabel.is-open + .folder,
  div#main-container div#main-content #main-entry .article-content .followWrap.is-open + .folder,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .folderlabel.is-open + .folder,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .followWrap.is-open + .folder {
    padding-bottom: 14px;
    display: block !important;
    -webkit-transition: max-height ease-in-out 450ms;
    -moz-transition: max-height ease-in-out 450ms;
    -o-transition: max-height ease-in-out 450ms;
    transition: max-height ease-in-out 450ms; }
  div#main-container div#main-content #main-entry .article-content .toggle-folders-button,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box .toggle-folders-button {
    border: none;
    float: right;
    font-size: 0.7em;
    margin: -30px 6px 0 0;
    cursor: pointer; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).pink,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).pink {
    color: #FF448A; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).gray,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).gray {
    color: #626262; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).green,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).green {
    color: #008141; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).purple,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).purple {
    color: #6A006A; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).blue,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).blue {
    color: #004183; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).teal,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).teal {
    color: #008282; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).gold,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).gold {
    color: #bc9600; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).cinnamon,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).cinnamon {
    color: #AA6600; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).forestgreen,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).forestgreen {
    color: #2c5500; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).white,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).white {
    color: #FBFBFB; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).red,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).red {
    color: #C80815; }
  div#main-container div#main-content #main-entry .article-content span:not(.bubble).evil,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span:not(.bubble).evil {
    background-color: black;
    color: #C80815;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid black; }
  div#main-container div#main-content #main-entry .article-content span.asscaps,
  div#main-container div#main-content #main-entry .article-content > .launch-pad-draft div#main-container div#main-content #main-entry .article-content .comment-box span.asscaps {
    font-variant: small-caps;
    font-weight: bold; }

div.alt-titles {
  margin-top: 18px; }

div#main-container div#main-content #main-entry .section-links {
  margin-top: 18px;
  clear: both; }
  div#main-container div#main-content #main-entry .section-links a {
    color: #006BB1;
    text-decoration: none; }
    div#main-container div#main-content #main-entry .section-links a:hover {
      text-decoration: underline !important; }
  div#main-container div#main-content #main-entry .section-links div.titles {
    display: flex;
    align-items: stretch;
    margin-bottom: 2px; }
    div#main-container div#main-content #main-entry .section-links div.titles > div {
      display: inline-block;
      width: 33.3%;
      text-align: center;
      height: 30px;
      line-height: 30px;
      font-weight: bold;
      background: #cacdd1;
      padding: 3px 8px 2px 8px; }
    div#main-container div#main-content #main-entry .section-links div.titles > div:first-of-type {
      border-radius: 6px 0 0 0; }
    div#main-container div#main-content #main-entry .section-links div.titles > div:last-of-type {
      border-radius: 0 6px 0 0; }
  div#main-container div#main-content #main-entry .section-links ul {
    display: flex;
    box-sizing: border-box;
    overflow: hidden; }
    div#main-container div#main-content #main-entry .section-links ul:last-of-type {
      border-radius: 0 0 6px 6px; }
    div#main-container div#main-content #main-entry .section-links ul:not(:first-of-type) {
      margin-top: 4px; }
    div#main-container div#main-content #main-entry .section-links ul:not(:last-of-type) {
      border-bottom: dotted 1px #cacdd1; }
    div#main-container div#main-content #main-entry .section-links ul li {
      width: 33.2%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      padding: 7px;
      position: relative; }
    div#main-container div#main-content #main-entry .section-links ul li:not(:last-of-type):after {
      content: '';
      display: block;
      width: 1px;
      height: calc(100% - 4px);
      position: absolute;
      top: 0;
      right: 0;
      background: #edeef0; }
    div#main-container div#main-content #main-entry .section-links ul li > a {
      line-height: 1.2em;
      display: inline-block;
      word-break: break-word;
      background: none !important;
      text-decoration: none !important; }

body > #user-prefs.show-spoilers ~ div#main-container div#main-content #main-entry .article-content .spoiler:not(.off),
body > #user-prefs:not(.show-spoilers) ~ div#main-container div#main-content #main-entry .article-content .spoiler.off {
  color: inherit;
  background: none;
  border-left-color: transparent;
  border-right-color: transparent; }
  body > #user-prefs.show-spoilers ~ div#main-container div#main-content #main-entry .article-content .spoiler:not(.off) a,
  body > #user-prefs:not(.show-spoilers) ~ div#main-container div#main-content #main-entry .article-content .spoiler.off a {
    pointer-events: all !important;
    color: #006BB1 !important; }
  body > #user-prefs.show-spoilers ~ div#main-container div#main-content #main-entry .article-content .spoiler:not(.off) img,
  body > #user-prefs:not(.show-spoilers) ~ div#main-container div#main-content #main-entry .article-content .spoiler.off img {
    opacity: 1; }

#user-prefs.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.urllink,
#user-prefs.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.twikilink {
  background: rgba(255, 255, 0, 0.8);
  text-decoration: underline; }
  #user-prefs.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.urllink:hover,
  #user-prefs.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.twikilink:hover {
    background: yellow;
    color: #3c4b5e; }

.folderlabel {
  position: relative;
  z-index: 1; }

/* FOR JS STICKY HEADERS EXPERIMENT */
.folderlabel.is-open.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 0; }

.folderlabel.is-open.fixed.absolute {
  position: absolute; }

@media (max-width: 765px) {
  div#main-container div#main-content #main-entry .article-content h1 {
    font-size: 1em; }
  div#main-container div#main-content #main-entry .article-content .folder {
    padding-left: 0; } }

@media (max-width: 585px) {
  div#main-container div#main-content #main-entry .article-content .quoteright,
  div#main-container div#main-content #main-entry .article-content .acaptionright {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 14px) !important; } }

div#main-container div#main-content.page-Browse #main-entry .article-content #sort-menu {
  right: 2px;
  top: calc(100% + 5px); }

div#main-container div#main-content.page-Browse #main-entry .article-content #sort-button > span {
  display: none; }

div#main-container div#main-content.page-Browse #main-entry .article-content #sort-button:not([class*="sort"]) span:first-of-type,
div#main-container div#main-content.page-Browse #main-entry .article-content #sort-button.sort-a span.sort-a,
div#main-container div#main-content.page-Browse #main-entry .article-content #sort-button.sort-z span.sort-z,
div#main-container div#main-content.page-Browse #main-entry .article-content #sort-button.sort-rand span.sort-rand,
div#main-container div#main-content.page-Browse #main-entry .article-content #sort-button.sort-created span.sort-created,
div#main-container div#main-content.page-Browse #main-entry .article-content #sort-button.sort-edited span.sort-edited {
  display: block; }

div#main-container div#main-content.page-Browse #main-entry .article-content #browse-filters {
  margin-top: 19px;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  overflow: hidden; }

div#main-container div#main-content.page-Browse #main-entry .article-content #browse-filters.active {
  -webkit-transition: max-height ease-in-out 500ms;
  -moz-transition: max-height ease-in-out 500ms;
  -o-transition: max-height ease-in-out 500ms;
  transition: max-height ease-in-out 500ms;
  margin: 18px 0;
  padding-top: 18px;
  padding-bottom: 18px;
  max-height: 1500px; }

div#main-container div#main-content.page-Browse #main-entry .article-content #filters-button i.fa:last-of-type {
  display: none; }

div#main-container div#main-content.page-Browse #main-entry .article-content #filters-button.active i.fa:first-of-type {
  display: none; }

div#main-container div#main-content.page-Browse #main-entry .article-content #filters-button.active i.fa:last-of-type {
  display: inline-block; }

div#main-container div#main-content.page-Browse #main-entry .article-content .filters-box.active {
  display: block; }

div#main-container div#main-content.page-Browse #main-entry .article-content .filters-box {
  display: none;
  /*
    max-height: 0;
    overflow: hidden;
    @include animate(max-height,200ms);
    */ }
  div#main-container div#main-content.page-Browse #main-entry .article-content .filters-box ul {
    padding-left: 9px;
    padding-right: 9px; }
    div#main-container div#main-content.page-Browse #main-entry .article-content .filters-box ul:after {
      content: "";
      display: table;
      clear: both; }
  div#main-container div#main-content.page-Browse #main-entry .article-content .filters-box ul > li {
    float: left;
    width: 33%; }

@media (max-width: 1100px) {
  div#main-container div#main-content.page-Browse #main-entry .article-content .filters-box ul > li {
    width: 50%; } }

@media (max-width: 585px) {
  /* WORK IN PROGRESS: Changes filters menu into a modal on mobile screens
  div#main-container div#main-content.page-Browse #main-entry .article-content #browse-filters.active {
    
    position: fixed;
    top:$gutter/2;
    left: $gutter/2;
    margin-top: 0;
    width: calc(100% - 54px);
    height: calc(100vh - 54px);
    background:white;
    z-index: 10;

    .scroll-area {
      overflow: scroll;
      height: 90%;
    }
  }*/
  div#main-container div#main-content.page-Browse #main-entry .article-content .filters-box ul > li {
    width: 99%; } }

div[id*="homepage-introBox"] {
  max-width: 100%;
  background: #3c4b5e;
  text-align: center;
  border-radius: 8px 8px 0 0;
  padding: 36px 18px;
  position: relative;
  z-index: 1; }
  div[id*="homepage-introBox"]:after {
    content: '';
    display: block;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #cccdcb;
    opacity: 0.2;
    -ms-transform: translate(0, 36px);
    /* IE 9 */
    -webkit-transform: translate(0, 36px);
    /* Safari */
    transform: translate(0, 36px); }
  div[id*="homepage-introBox"] img.logo-big {
    width: 70%;
    max-width: 580px; }
  div[id*="homepage-introBox"] p.welcome-message {
    color: #cccdcb;
    font-size: 0.84em;
    margin-top: 9px; }
  div[id*="homepage-introBox"] h1.tagline {
    color: white;
    font-size: 1.5em;
    margin-top: 4px; }
  div[id*="homepage-introBox"] + #action-bar-top {
    border-radius: 0; }

div#homepage-introBox-mobile {
  border-radius: 0;
  margin-top: -28px;
  margin-bottom: 20px;
  padding-top: 9px;
  padding-bottom: 18px; }
  div#homepage-introBox-mobile:after {
    display: none; }
  div#homepage-introBox-mobile img.logo-big {
    max-width: 415px; }
  div#homepage-introBox-mobile h1.tagline {
    font-size: 1em; }

div#main-container div#main-content[class*="HomePage"] #main-entry .article-content h1, div#main-container div#main-content[class*="HomePage"] #main-entry .article-content h2 {
  font-size: inherit;
  background: none;
  padding: 0; }

div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div#featured-tropes div.featured-trope span.box-title {
  font-size: 0.7em;
  color: #9299a3;
  font-weight: bold; }

div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div#featured-tropes div.featured-trope h2.entry-title {
  margin-top: 0; }

div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div#featured-tropes div.featured-trope h2.entry-title a {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5em; }

div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div#featured-tropes div.featured-trope div.body {
  max-width: 100%;
  line-height: 1.4em; }
  div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div#featured-tropes div.featured-trope div.body p:empty,
  div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div#featured-tropes div.featured-trope div.body div.indent,
  div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div#featured-tropes div.featured-trope div.body div.acaptionright,
  div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div#featured-tropes div.featured-trope div.body div[class*='quote'] {
    float: left;
    max-height: 100px;
    max-width: 80px !important;
    margin: 4px 9px 4px 0;
    padding: 0;
    border-radius: 0;
    border: none;
    overflow: hidden; }
  div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div#featured-tropes div.featured-trope div.body p {
    margin-bottom: 3px;
    line-height: 1.4em; }

div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div#featured-tropes div.featured-trope a.more-link {
  font-size: 0.84em;
  color: #006BB1; }

div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div#featured-tropes div.featured-trope .featured-trope-image {
  width: 40%;
  float: left;
  margin-right: 10px; }

div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div.podcast-description *, div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div.podcast-description * > * {
  display: none; }

div#main-container div#main-content[class*="HomePage"] #main-entry .article-content div.podcast-description p:nth-child(1) {
  display: block; }

#comic-viewer,
div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer {
  padding-bottom: 5px; }
  #comic-viewer:before,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer:before {
    z-index: 2; }
  #comic-viewer > p:first-of-type,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer > p:first-of-type {
    z-index: 3; }
  #comic-viewer.loading #comic-viewer-window .img,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer.loading #comic-viewer-window .img {
    opacity: 0.6; }
  #comic-viewer.loading #comic-viewer-window #comic-viewer-loadingGraphic,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer.loading #comic-viewer-window #comic-viewer-loadingGraphic {
    display: block; }
  #comic-viewer .comic-title,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer .comic-title {
    width: calc(100% + 18px);
    margin-left: -18px;
    border-bottom: solid 1px #cacdd1;
    margin-top: -18px;
    padding: 9px;
    padding-top: 10.8px; }
    #comic-viewer .comic-title a:first-of-type,
    div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer .comic-title a:first-of-type {
      text-decoration: underline; }
  #comic-viewer #comic-viewer-window,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer #comic-viewer-window {
    display: block;
    width: calc(100% + 18px);
    margin-top: -4px;
    margin-left: -18px !important;
    background: rgba(190, 190, 190, 0.13);
    padding: 9px;
    text-align: center;
    position: relative; }
    #comic-viewer #comic-viewer-window > img,
    div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer #comic-viewer-window > img {
      vertical-align: top; }
    #comic-viewer #comic-viewer-window > a.lightbox-trigger,
    div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer #comic-viewer-window > a.lightbox-trigger {
      position: absolute;
      display: block !important;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #comic-viewer #comic-viewer-window > a.lightbox-trigger:before, #comic-viewer #comic-viewer-window > a.lightbox-trigger:after,
      div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer #comic-viewer-window > a.lightbox-trigger:before,
      div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer #comic-viewer-window > a.lightbox-trigger:after {
        content: '';
        display: block;
        width: 36px;
        height: 36px;
        color: white;
        font-family: FontAwesome;
        line-height: 35px;
        background: black;
        position: absolute;
        bottom: 8px;
        right: 8px;
        border-radius: 36px;
        opacity: 0.6; }
      #comic-viewer #comic-viewer-window > a.lightbox-trigger:after,
      div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer #comic-viewer-window > a.lightbox-trigger:after {
        content: '\f00e'; }
      #comic-viewer #comic-viewer-window > a.lightbox-trigger:hover:before, #comic-viewer #comic-viewer-window > a.lightbox-trigger:hover:after,
      div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer #comic-viewer-window > a.lightbox-trigger:hover:before,
      div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer #comic-viewer-window > a.lightbox-trigger:hover:after {
        opacity: 1; }
    #comic-viewer #comic-viewer-window #comic-viewer-loadingGraphic,
    div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer #comic-viewer-window #comic-viewer-loadingGraphic {
      display: none;
      background: no-repeat center url("/images/loading-graphic.png");
      background-size: 80px 80px;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      position: absolute;
      top: calc(50% - 40px);
      left: calc(50% - 40px);
      z-index: 2;
      animation: rotate-forever 0.34s linear infinite; }
  #comic-viewer .comic-viewer-nav,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer .comic-viewer-nav {
    width: calc(100% + 36px - 2px);
    margin-left: -17px !important;
    display: flex;
    justify-content: space-between;
    background-color: white;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, white 0%, #fbfbfc 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fbfbfc));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, white 0%, #fbfbfc 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, white 0%, #fbfbfc 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, white 0%, #fbfbfc 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, white 0%, #fbfbfc 100%);
    /* W3C */ }
    #comic-viewer .comic-viewer-nav > a,
    div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer .comic-viewer-nav > a {
      flex-grow: 1;
      height: 38px;
      line-height: 38px;
      text-align: center;
      position: relative; }
    #comic-viewer .comic-viewer-nav > a.disabled,
    div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer .comic-viewer-nav > a.disabled {
      pointer-events: none;
      opacity: 0.5; }
    #comic-viewer .comic-viewer-nav > a:not(:last-of-type):after,
    div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer .comic-viewer-nav > a:not(:last-of-type):after {
      content: '';
      width: 1px;
      height: 50%;
      display: block;
      position: absolute;
      right: 0;
      top: 25%;
      background: #cacdd1; }
  #comic-viewer #comic-viewer-info,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer #comic-viewer-info {
    margin-top: 9px; }
  #comic-viewer #comic-viewer-footer,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer #comic-viewer-footer {
    font-size: 0.7em;
    color: #9299a3;
    line-height: 1.4em;
    border-top: solid 1px rgba(190, 190, 190, 0.13);
    margin-top: 9px;
    padding-top: 4px; }

@media (max-width: 765px) {
  #comic-viewer {
    padding-left: 18px;
    padding-right: 18px; } }

@media (max-width: 585px) {
  #comic-viewer .comic-viewer-nav a.goto-first,
  #comic-viewer .comic-viewer-nav a.goto-last,
  #comic-viewer .comic-viewer-nav a.goto-next:after,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer .comic-viewer-nav a.goto-first,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer .comic-viewer-nav a.goto-last,
  div#main-container div#main-content[class*="HomePage"] #main-entry #comic-viewer .comic-viewer-nav a.goto-next:after {
    display: none; } }

#main-entry {
  width: 100%; }

#article-content {
  width: 100%; }

.ellipsis {
  height: 350px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs,
div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs,
div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content ul.thread-breadcrumbs {
  display: block;
  width: 100%;
  margin-top: -21.6px;
  margin-left: 0;
  padding-right: 5px; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs li,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs li,
  div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content ul.thread-breadcrumbs li {
    display: inline;
    background: white; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs li:not(:last-of-type):after,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs li:not(:last-of-type):after,
  div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content ul.thread-breadcrumbs li:not(:last-of-type):after {
    content: "\f054";
    font-family: fontAwesome;
    font-size: 0.7em;
    display: inline;
    padding-left: 7px;
    padding-right: 7px; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs li:not(:first-of-type),
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs li:not(:first-of-type),
  div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content ul.thread-breadcrumbs li:not(:first-of-type) {
    margin-left: -5px;
    padding-right: 6px; }

div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content h3.forum-header > a,
div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content h3.forum-header > a,
div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content h3.forum-header > a {
  display: block;
  text-align: center;
  line-height: 2.5em;
  background: rgba(190, 190, 190, 0.13);
  margin-bottom: 9px;
  font-weight: bold;
  -webkit-box-shadow: inset 0 0 1px 0 #aeb3ba;
  -moz-box-shadow: inset 0 0 1px 0 #aeb3ba;
  box-shadow: inset 0 0 1px 0 #aeb3ba; }

div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.topic-cont,
div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.topic-cont,
div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.topic-cont {
  margin: 18px 0; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.topic-cont a + span,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.topic-cont a + span,
  div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.topic-cont a + span {
    color: #9299a3;
    display: block;
    margin-top: -6px; }

div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.main-column,
div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.main-column,
div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.main-column {
  width: calc(33.3% - 11.88px);
  float: left; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.main-column:nth-of-type(4),
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.main-column:nth-of-type(4),
  div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.main-column:nth-of-type(4) {
    margin-left: 18px;
    margin-right: 18px; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.main-column ul,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.main-column ul,
  div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.main-column ul {
    margin-bottom: 27px; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.main-column ul > li,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.main-column ul > li,
  div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.main-column ul > li {
    margin-bottom: 4.5px;
    clear: both; }
    div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.main-column ul > li:not(:last-of-type),
    div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.main-column ul > li:not(:last-of-type),
    div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.main-column ul > li:not(:last-of-type) {
      border-bottom: solid 1px rgba(190, 190, 190, 0.13); }
    div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.main-column ul > li.forum-read > a,
    div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.main-column ul > li.forum-read > a,
    div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.main-column ul > li.forum-read > a {
      color: #6b737e; }
    div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.main-column ul > li.forum-read > a:hover,
    div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.main-column ul > li.forum-read > a:hover,
    div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.main-column ul > li.forum-read > a:hover {
      color: #006BB1; }
    div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.main-column ul > li:not(.forum-read) > a,
    div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.main-column ul > li:not(.forum-read) > a,
    div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.main-column ul > li:not(.forum-read) > a {
      font-weight: bold; }
    div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.main-column ul > li span.date-time,
    div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.main-column ul > li span.date-time,
    div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.main-column ul > li span.date-time {
      color: #9299a3;
      margin-top: -6px;
      display: block; }

div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content table#thread-list tr.forum-read > td a.thread-link,
div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content table#thread-list tr.forum-read > td a.thread-link,
div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content table#thread-list tr.forum-read > td a.thread-link {
  color: #9299a3; }

div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content table#thread-list .countdown-timer,
div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content table#thread-list .countdown-timer,
div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content table#thread-list .countdown-timer {
  font-size: 0.84em;
  color: black;
  padding: 2px 4px;
  margin-top: 4px; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content table#thread-list .countdown-timer > i.fa-clock-o,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content table#thread-list .countdown-timer > i.fa-clock-o,
  div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content table#thread-list .countdown-timer > i.fa-clock-o {
    color: black; }

div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.options-wrapper,
div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.options-wrapper,
div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.options-wrapper {
  position: relative; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.options-wrapper div#mod-options,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.options-wrapper div#mod-options,
  div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.options-wrapper div#mod-options {
    position: absolute;
    left: 0;
    top: 34px; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.options-wrapper div#page-options,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.options-wrapper div#page-options,
  div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.options-wrapper div#page-options {
    position: absolute;
    right: 0;
    top: 34px; }

div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.sticky-post-header,
div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.sticky-post-header,
div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.sticky-post-header {
  position: relative;
  margin-top: 27px;
  margin-bottom: 27px;
  padding: 18px;
  padding-top: 21.6px;
  border: solid 1px #cacdd1;
  background: rgba(190, 190, 190, 0.13);
  -webkit-box-shadow: 0 2px 0 0 rgba(190, 190, 190, 0.13);
  -moz-box-shadow: 0 2px 0 0 rgba(190, 190, 190, 0.13);
  box-shadow: 0 2px 0 0 rgba(190, 190, 190, 0.13); }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.sticky-post-header:before,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.sticky-post-header:before,
  div#main-container div#main-content[class*='page-Misc'] #main-entry .article-content div.sticky-post-header:before {
    content: '';
    display: block;
    width: 100px;
    height: 28px;
    position: absolute;
    left: calc(50% - 50px);
    top: -12px;
    border-left: dotted 2px white;
    border-right: dotted 2px white;
    background: rgba(255, 255, 255, 0.6);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 150, 0.6);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 150, 0.6);
    box-shadow: 0 0 1px 0 rgba(0, 0, 150, 0.6); }

div#smileyPanel {
  background: #fbfbfc;
  border: solid 1px #aeb3ba;
  border-top: none;
  padding: 9px 0 7.2px 0; }
  div#smileyPanel > img {
    cursor: pointer;
    vertical-align: middle; }
  div#smileyPanel > img:active {
    -ms-transform: translate(0, 1px);
    /* IE 9 */
    -webkit-transform: translate(0, 1px);
    /* Safari */
    transform: translate(0, 1px); }

div.thread-list-pagination {
  margin-top: 2px; }
  div.thread-list-pagination a {
    border-radius: 3px;
    color: white !important;
    background: #aeb3ba;
    padding: 0 3px;
    margin-right: 4px; }
  div.thread-list-pagination a:hover {
    background: #006BB1;
    color: white;
    text-decoration: none !important; }

#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box + .comment-box,
#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box + .comment-box {
  margin-top: 18px; }

#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box .comment-head .troper-handle-wrapper,
#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box .comment-head .troper-handle-wrapper {
  margin-left: 24px; }

#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box .comment-head .troper-location,
#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box .comment-head .troper-relationship-status,
#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box .comment-head .troper-handle-wrapper .troper-avatar-tagline,
#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box .comment-head .troper-location,
#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box .comment-head .troper-relationship-status,
#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box .comment-head .troper-handle-wrapper .troper-avatar-tagline {
  display: none; }

#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box .comment-body .troper-avatar-wrapper,
#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box .comment-body .troper-avatar-wrapper {
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  top: -3px;
  left: 0;
  overflow: hidden; }
  #user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box .comment-body .troper-avatar-wrapper .troper-avatar-tagline,
  #user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box .comment-body .troper-avatar-wrapper .troper-badges,
  #user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box .comment-body .troper-avatar-wrapper .troper-avatar-tagline,
  #user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box .comment-body .troper-avatar-wrapper .troper-badges {
    display: none; }

#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box .comment-body .troper-comment,
#user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box .comment-body .troper-comment {
  margin-left: 0; }
  #user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box .comment-body .troper-comment .comment:before,
  #user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box .comment-body .troper-comment .troper-signature,
  #user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box .comment-body .troper-comment .comment:before,
  #user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box .comment-body .troper-comment .troper-signature {
    display: none; }

@media (max-width: 765px) {
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.main-column,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.main-column {
    width: 100%; }
    div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.main-column:nth-of-type(3),
    div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.main-column:nth-of-type(3) {
      margin: 0; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs {
    margin-top: -30px; }
  div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs li a,
  div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs li a {
    font-size: 0.84em; }
    div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs li a:after,
    div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs li a:after {
      font-size: 0.7em; }
  #user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content .comment-box .troper-handle-wrapper .troper-avatar-tagline,
  #user-prefs.forum-gingerbread ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content .comment-box .troper-handle-wrapper .troper-avatar-tagline {
    display: none !important; } }

div#main-container div#main-content[class*="YKTTW"] #main-entry #options-menu-wrapper {
  position: relative; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry #options-menu-wrapper > a.options-button {
    -ms-transform: translate(0, 0);
    /* IE 9 */
    -webkit-transform: translate(0, 0);
    /* Safari */
    transform: translate(0, 0); }
  div#main-container div#main-content[class*="YKTTW"] #main-entry #options-menu-wrapper #options-hover-menu {
    right: -5px;
    top: 30px; }

div#main-container div#main-content[class*="YKTTW"] #main-entry div.launch-nuke-cont.on-hold {
  pointer-events: none; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry div.launch-nuke-cont.on-hold > *:not(#on-hold) {
    opacity: 0.3; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry div.launch-nuke-cont.on-hold p#on-hold {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #7a202a;
    color: white;
    padding: 8px;
    z-index: 3;
    border-radius: 4px;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Safari */
    transform: translate(-50%, -50%); }

div#main-container div#main-content[class*="YKTTW"] #main-entry .article-content #launch-pad-draft-window {
  position: relative; }

div#main-container div#main-content[class*="YKTTW"] #main-entry .article-content #launch-pad-draft-window.active > #launch-pad-draft-window-toggle {
  display: none; }

div#main-container div#main-content[class*="YKTTW"] #main-entry .article-content #launch-pad-draft-window:not(.active):before {
  content: '';
  display: block;
  z-index: 2;
  width: 100%;
  height: 55px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  /* Old browsers */
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C */ }

div#main-container div#main-content[class*="YKTTW"] #main-entry .article-content #launch-pad-draft-window-toggle {
  width: calc(100% - 36px);
  position: absolute;
  bottom: 14px;
  z-index: 3; }

div#main-container div#main-content[class*="YKTTW"] #main-entry .article-content #launch-pad-declaration {
  background: #b7303f;
  color: white;
  font-style: bold;
  padding: 9px 5px; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry .article-content #launch-pad-declaration.green {
    background: #99aa54; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry .article-content #launch-pad-declaration a {
    color: white;
    text-decoration: underline; }

div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box {
  position: relative;
  margin: 18px 0;
  height: 104px; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button {
    cursor: pointer;
    display: inline-block;
    width: 120px;
    height: 60px;
    line-height: 60px;
    background: red;
    border-radius: 100px;
    text-align: center;
    color: white;
    position: absolute;
    top: 21px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0px -1px 0px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0px -1px 0px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), inset 0px -1px 0px 1px rgba(0, 0, 0, 0.2); }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button:hover {
      text-decoration: none; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button:active {
      line-height: 62px; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button.upvote {
      right: 0; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button.downvote {
      left: 0; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button.upvote:hover {
      background: #a1c238; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button.upvote:active {
      background: #80ad2a;
      -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
      box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4); }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button.downvote:hover {
      background: #c92525; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button.downvote:active {
      background: #b71c1c;
      -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
      box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4); }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button .fa, div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button .io {
      font-size: 20px; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages {
    width: calc(100% - 280px);
    height: 24px;
    border-radius: 50px;
    background: gray;
    padding: 0 8px;
    position: absolute;
    top: 37px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    /* IE 9 */
    -webkit-transform: translate(-50%, 0);
    /* Safari */
    transform: translate(-50%, 0);
    background-color: #e0dfdf;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #dedede 0%, #ececec 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #ececec));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #dedede 0%, #ececec 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #dedede 0%, #ececec 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #dedede 0%, #ececec 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #dedede 0%, #ececec 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#edeced',GradientType=0 );
    /* IE6-9 */ }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages .percent {
      position: relative;
      z-index: 1;
      font-weight: bold;
      font-size: 17px;
      color: white; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages .upvote-percent {
      float: right; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages .downvote-percent {
      float: left; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages.upvote-100 .downvote-percent {
      display: none; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages.upvote-100 .upvote-bar {
      width: 100%;
      border-radius: 60px; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages.downvote-100 .upvote-percent {
      display: none; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages.downvote-100 .downvote-bar {
      width: 100%;
      border-radius: 60px; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages.no-votes .upvote-percent {
      color: #77a426; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages.no-votes .downvote-percent {
      color: #b71d1d; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages .bar {
      height: 100%;
      display: block;
      position: absolute;
      top: 0; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages .upvote-bar {
      right: 0;
      border-radius: 0 60px 60px 0; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages .downvote-bar {
      left: 0;
      border-radius: 60px 0 0 60px; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .vote-button.upvote,
  div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .upvote-bar {
    background-color: #a1c238;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #a1c238 0%, #80ad2a 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1c238), color-stop(100%, #80ad2a));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #a1c238 0%, #80ad2a 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #a1c238 0%, #80ad2a 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #a1c238 0%, #80ad2a 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #a1c238 0%, #80ad2a 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c238', endColorstr='#80ad2a',GradientType=0 );
    /* IE6-9 */ }
  div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .vote-button.downvote,
  div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .downvote-bar {
    background-color: #c92525;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #c92525 0%, #b71c1c 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c92525), color-stop(100%, #b71c1c));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #c92525 0%, #b71c1c 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #c92525 0%, #b71c1c 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #c92525 0%, #b71c1c 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #c92525 0%, #b71c1c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c92525', endColorstr='#b71c1c',GradientType=0 );
    /* IE6-9 */ }

div#main-container div#main-content[class*="YKTTW"] #main-entry div.edit-box {
  position: absolute;
  top: -24px;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  background: white; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry div.edit-box textarea {
    margin-bottom: 18px; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry div.edit-box .title-edit {
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    resize: none; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry div.edit-box .laconic-edit {
    resize: none;
    text-align: center; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry div.edit-box .body-edit {
    min-height: 55vh; }
  div#main-container div#main-content[class*="YKTTW"] #main-entry div.edit-box a.edit-box-toggle {
    position: absolute;
    top: -10px;
    right: -10px;
    line-height: 30px;
    text-align: center;
    background: #3c4b5e;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #cccdcb; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry div.edit-box a.edit-box-toggle:hover {
      color: white; }

@media (max-width: 750px) {
  div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box {
    height: 130px; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box a.vote-button {
      top: 51px;
      width: 45%; }
    div#main-container div#main-content[class*="YKTTW"] #main-entry .voting-box .percentages {
      left: 0px;
      top: 14px;
      width: calc(100% - 16px);
      -ms-transform: translate(0, 0);
      /* IE 9 */
      -webkit-transform: translate(0, 0);
      /* Safari */
      transform: translate(0, 0); } }

div#main-container div#main-content.page-Profile #main-entry .article-content h1, div#main-container div#main-content.page-Profile #main-entry .article-content h2, div#main-container div#main-content.page-Profile #main-entry .article-content h3 {
  background: none !important; }

div#main-container div#main-content.page-Profile #main-entry .article-content h1 + p, div#main-container div#main-content.page-Profile #main-entry .article-content h2 + p {
  margin-top: -8px; }

div#main-container div#main-content.page-Profile #main-entry .article-content div.user-image {
  position: relative;
  width: 120px;
  margin: 18px auto 0 auto;
  text-align: center; }
  div#main-container div#main-content.page-Profile #main-entry .article-content div.user-image img {
    position: relative;
    z-index: 1; }
  div#main-container div#main-content.page-Profile #main-entry .article-content div.user-image a {
    opacity: 0;
    -webkit-transition: transform ease-in-out 100ms;
    -moz-transition: transform ease-in-out 100ms;
    -o-transition: transform ease-in-out 100ms;
    transition: transform ease-in-out 100ms;
    -ms-transform: translate(0, -15px);
    /* IE 9 */
    -webkit-transform: translate(0, -15px);
    /* Safari */
    transform: translate(0, -15px);
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    text-align: center;
    line-height: 34px;
    position: absolute;
    bottom: 0;
    right: -12px;
    background: white;
    z-index: 2;
    -webkit-box-shadow: inset 0 0 0 1px #aeb3ba;
    -moz-box-shadow: inset 0 0 0 1px #aeb3ba;
    box-shadow: inset 0 0 0 1px #aeb3ba; }
    div#main-container div#main-content.page-Profile #main-entry .article-content div.user-image a.image-gallery {
      right: 25px; }
    div#main-container div#main-content.page-Profile #main-entry .article-content div.user-image a:hover {
      background: #3c4b5e;
      color: white !important;
      -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
      -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5); }
  div#main-container div#main-content.page-Profile #main-entry .article-content div.user-image:hover a {
    opacity: 1;
    -ms-transform: translate(0, 0);
    /* IE 9 */
    -webkit-transform: translate(0, 0);
    /* Safari */
    transform: translate(0, 0); }
  div#main-container div#main-content.page-Profile #main-entry .article-content div.user-image:hover img {
    opacity: 0.8; }
  div#main-container div#main-content.page-Profile #main-entry .article-content div.user-image:hover:after {
    content: '';
    display: block;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    position: absolute;
    top: -15px;
    left: -15px; }

div#main-container div#main-content.page-Profile #main-entry .article-content a.email-link {
  color: #006BB1; }

div#main-container div#main-content.page-Profile #main-entry .article-content ul.display-toggles {
  list-style-type: none;
  padding: 0 18px;
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: row; }
  div#main-container div#main-content.page-Profile #main-entry .article-content ul.display-toggles > li {
    cursor: pointer;
    border: none;
    width: calc(50% - 18px);
    padding: 0;
    text-align: left;
    margin-top: 18px; }
    div#main-container div#main-content.page-Profile #main-entry .article-content ul.display-toggles > li:nth-of-type(odd) {
      margin-right: 36px; }
    div#main-container div#main-content.page-Profile #main-entry .article-content ul.display-toggles > li div.display-toggle {
      float: left;
      margin-right: 18px;
      margin-top: 2px; }

div#main-container div#main-content.page-Profile #main-entry .article-content form.user-details {
  padding: 0 18px; }

div#main-container div#main-content.page-ProfileImageGallery #main-entry .article-content div.gallery-content {
  clear: both; }
  div#main-container div#main-content.page-ProfileImageGallery #main-entry .article-content div.gallery-content:after {
    content: "";
    display: table;
    clear: both; }
  div#main-container div#main-content.page-ProfileImageGallery #main-entry .article-content div.gallery-content span.img-wrapper {
    float: left;
    width: calc(16.66%);
    position: relative;
    position: relative; }
    div#main-container div#main-content.page-ProfileImageGallery #main-entry .article-content div.gallery-content span.img-wrapper:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 100%; }
    div#main-container div#main-content.page-ProfileImageGallery #main-entry .article-content div.gallery-content span.img-wrapper > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    div#main-container div#main-content.page-ProfileImageGallery #main-entry .article-content div.gallery-content span.img-wrapper.processing:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: url("/images/loading-graphic.png") no-repeat center;
      background-size: 30px 30px;
      animation: rotate-forever 0.34s linear infinite; }
    div#main-container div#main-content.page-ProfileImageGallery #main-entry .article-content div.gallery-content span.img-wrapper > img {
      position: absolute;
      left: 50%;
      top: 50%;
      opacity: 0.8;
      max-width: 95%;
      max-height: 95%;
      -ms-transform: translate(-50%, -50%);
      /* IE 9 */
      -webkit-transform: translate(-50%, -50%);
      /* Safari */
      transform: translate(-50%, -50%); }
    div#main-container div#main-content.page-ProfileImageGallery #main-entry .article-content div.gallery-content span.img-wrapper > img:hover {
      opacity: 1; }
    div#main-container div#main-content.page-ProfileImageGallery #main-entry .article-content div.gallery-content span.img-wrapper > img.cur-profile-img {
      opacity: 1;
      border: solid 4px #006BB1; }

div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result {
  color: inherit;
  display: block;
  clear: both;
  margin-bottom: 22.5px; }
  div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result:after {
    content: "";
    display: table;
    clear: both; }
  div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result:hover {
    text-decoration: none; }
    div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result:hover span.more-button,
    div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result:hover .elastic-search-result-crumbs {
      text-decoration: underline; }
    div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result:hover .img-wrapper {
      opacity: 1; }
  div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result span.more-button {
    color: #006BB1;
    font-size: 0.84em; }
  div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result .elastic-search-result-crumbs i.fa {
    font-size: 12px; }
  div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result .elastic-search-result-crumbs {
    color: #006BB1; }
    div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result .elastic-search-result-crumbs i.fa {
      line-height: 1em; }
  div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result .img-wrapper {
    float: left;
    opacity: 0.8;
    margin: 4px 12px 2px 0;
    max-height: 62px;
    overflow: hidden;
    width: 13%; }
  div#main-container div#main-content.page-ElasticSearchResults #main-entry .article-content .search-result span.highlight {
    background: #d5eeff; }

div#main-container div#main-content.page-SearchResults #main-entry .article-content .gsc-orderby {
  text-align: right; }

div#main-container div#main-content.page-SearchResults #main-entry .article-content a.gs-title > b {
  background: #ffee36; }

div#main-container div#main-content[class*="History"] #main-entry .article-content .panel,
div#main-container div#main-content[class*="history"] #main-entry .article-content .panel {
  border: solid 1px #cacdd1;
  padding: 0 18px 9px 18px;
  margin-bottom: 36px;
  position: relative;
  -webkit-box-shadow: 0 2px 1px 0 #edeef0;
  -moz-box-shadow: 0 2px 1px 0 #edeef0;
  box-shadow: 0 2px 1px 0 #edeef0; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel:first-of-type,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel:first-of-type {
    margin-top: 18px; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .panel-heading,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .panel-heading {
    border-bottom: solid 1px #cacdd1;
    margin-bottom: 8px;
    width: calc(100% + 18px);
    margin-left: -18px;
    padding: 3px 9px 2px 9px;
    background: #fbfbfc;
    -webkit-box-shadow: inset 0 1px 0 0 white;
    -moz-box-shadow: inset 0 1px 0 0 white;
    box-shadow: inset 0 1px 0 0 white; }
    div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .panel-heading:after,
    div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .panel-heading:after {
      content: "";
      display: table;
      clear: both; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .panel-body > hr,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .panel-body > hr {
    width: calc(100% + 36px);
    margin: 27px 0 18px 0;
    margin-left: -18px; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .left-side,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .left-side {
    width: 50%;
    display: inline; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .difftype,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .difftype {
    font-size: 0.84em; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .diffcontrols,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .diffcontrols {
    font-size: 0.84em; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .diffcontrols.pull-right,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .diffcontrols.pull-right {
    font-size: 0.7em; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .diffdel,
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .diffadd,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .diffdel,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .diffadd {
    padding: 8px 8px 8px 16px;
    position: relative;
    background: white; }
    div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .diffdel del,
    div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .diffadd del,
    div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .diffdel del,
    div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .diffadd del {
      color: #761f29;
      background: #eaafb6;
      text-decoration: none; }
    div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .diffdel ins,
    div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .diffadd ins,
    div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .diffdel ins,
    div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .diffadd ins {
      color: #5c6632;
      background: #d6ddba;
      text-decoration: none; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .diffdel,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .diffdel {
    border: solid 1px #cacdd1;
    border-left-width: 9px; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel .diffadd,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel .diffadd {
    border: solid 1px #adbb76;
    border-left-width: 9px; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .panel:target,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .panel:target {
    background: #f8fcff; }
    div#main-container div#main-content[class*="History"] #main-entry .article-content .panel:target .panel-heading,
    div#main-container div#main-content[class*="history"] #main-entry .article-content .panel:target .panel-heading {
      background: #e4f4ff; }

div#main-container div#main-content[class*="History"] #main-entry .article-content .down-arrow,
div#main-container div#main-content[class*="history"] #main-entry .article-content .down-arrow {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  left: 48%;
  background: white;
  bottom: -11px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

div#main-container div#main-content[class*="History"] #main-entry .article-content .arrow-yellow,
div#main-container div#main-content[class*="history"] #main-entry .article-content .arrow-yellow {
  border-right: 1px solid #cacdd1;
  border-bottom: 1px solid #cacdd1; }

div#main-container div#main-content[class*="History"] #main-entry .article-content .arrow-green,
div#main-container div#main-content[class*="history"] #main-entry .article-content .arrow-green {
  border-right: 1px solid #A5DD35;
  border-bottom: 1px solid #A5DD35; }

div#main-container div#main-content[class*="History"] #main-entry .article-content .reason,
div#main-container div#main-content[class*="history"] #main-entry .article-content .reason {
  margin-top: 9px;
  font-size: 0.84em; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .reason strong:first-of-type,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .reason strong:first-of-type {
    display: block;
    border-bottom: dotted 1px #cacdd1; }
  div#main-container div#main-content[class*="History"] #main-entry .article-content .reason span.no-reason,
  div#main-container div#main-content[class*="history"] #main-entry .article-content .reason span.no-reason {
    color: #aeb3ba; }

div#main-container div#main-content[class*="History"] #main-entry .article-content textarea,
div#main-container div#main-content[class*="history"] #main-entry .article-content textarea {
  border: none;
  outline: 1px solid #ddd;
  margin: 0 auto !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

div#main-container div#main-content.page-Discussion #main-entry .article-content form.reply-form textarea {
  padding: 9px 18px; }

div#main-container div#main-content[class*="History"].class-discussion-history #main-entry .article-content :target {
  color: #3c4b5e;
  background: #e4f4ff; }

div#main-container div#main-content[class*="History"].class-discussion-history #main-entry .article-content table.history-context-table td.line-count {
  font-size: 0.84em;
  word-break: keep-all;
  text-align: center;
  -webkit-box-shadow: inset -2px 0 0 0 #e5e7e9;
  -moz-box-shadow: inset -2px 0 0 0 #e5e7e9;
  box-shadow: inset -2px 0 0 0 #e5e7e9; }
  div#main-container div#main-content[class*="History"].class-discussion-history #main-entry .article-content table.history-context-table td.line-count a {
    word-break: keep-all; }

div#main-container div#main-content[class*="History"].class-discussion-history #main-entry .article-content table.history-context-table td.line-entry {
  padding: 2px 9px; }

div#main-container div#main-content.page-Crowner-Index #main-entry .article-content div.legend,
div#main-container div#main-content.page-IndexIndex #main-entry .article-content div.legend {
  display: block;
  text-align: center;
  line-height: 2.5em;
  background: rgba(190, 190, 190, 0.13);
  margin: 18px 0 9px 0;
  font-weight: bold;
  clear: both;
  -webkit-box-shadow: inset 0 0 1px 0 #aeb3ba;
  -moz-box-shadow: inset 0 0 1px 0 #aeb3ba;
  box-shadow: inset 0 0 1px 0 #aeb3ba; }

div#main-container div#main-content.page-Crowner-Index #main-entry .article-content div.link-set:after,
div#main-container div#main-content.page-IndexIndex #main-entry .article-content div.link-set:after {
  content: "";
  display: table;
  clear: both; }

div#main-container div#main-content.page-Crowner-Index #main-entry .article-content div.link-set > a,
div#main-container div#main-content.page-IndexIndex #main-entry .article-content div.link-set > a {
  display: block;
  float: left;
  width: calc(33.29% - 11.988px);
  border-top: dotted 1px #aeb3ba; }
  div#main-container div#main-content.page-Crowner-Index #main-entry .article-content div.link-set > a.no-border,
  div#main-container div#main-content.page-IndexIndex #main-entry .article-content div.link-set > a.no-border {
    border: none; }

div#main-container div#main-content.page-Crowner-Index #main-entry .article-content div.link-set > a:nth-of-type(3n + 1),
div#main-container div#main-content.page-Crowner-Index #main-entry .article-content div.link-set > a:nth-of-type(3n + 2),
div#main-container div#main-content.page-IndexIndex #main-entry .article-content div.link-set > a:nth-of-type(3n + 1),
div#main-container div#main-content.page-IndexIndex #main-entry .article-content div.link-set > a:nth-of-type(3n + 2) {
  margin-right: 18px; }

div#main-container div#main-content.page-Crowner-Index #main-entry .article-content div.link-set > a:nth-of-type(3n + 4),
div#main-container div#main-content.page-IndexIndex #main-entry .article-content div.link-set > a:nth-of-type(3n + 4) {
  clear: left; }

div#main-container div#main-content.page-Showcase #main-entry .article-content a.showcase-image {
  max-width: 210px !important;
  float: left;
  margin: 0 18px 9px 0; }

div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content #markuphelp-cont {
  border: solid 1px #cacdd1;
  border-radius: 4px;
  padding: 9px 18px 0 18px; }

div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content #markuphelp-cont ul.markup-tabs {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: solid 1px #cacdd1; }
  div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content #markuphelp-cont ul.markup-tabs li {
    cursor: pointer;
    display: inline-block;
    margin: 0 4px;
    color: #006BB1;
    text-decoration: underline;
    opacity: 0.65; }
  div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content #markuphelp-cont ul.markup-tabs li[class*='selected'], div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content #markuphelp-cont ul.markup-tabs li:hover {
    opacity: 1; }

div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content div.help-sub-cont > ul > li {
  margin-bottom: 9px; }

div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content div.help-sub-cont > ul > li > ul {
  margin: 9px 0 0 18px; }
  div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content div.help-sub-cont > ul > li > ul > li {
    position: relative;
    margin-bottom: 9px; }
    div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content div.help-sub-cont > ul > li > ul > li:before {
      content: "•";
      position: absolute;
      top: 0;
      left: -18px; }

div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content #save-and-reason-fields {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-shadow: 0 -16px 0 0 white, 0 -17px 0 0 #aeb3ba;
  -moz-box-shadow: 0 -16px 0 0 white, 0 -17px 0 0 #aeb3ba;
  box-shadow: 0 -16px 0 0 white, 0 -17px 0 0 #aeb3ba;
  position: absolute;
  width: 100%;
  background: white; }
  div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content #save-and-reason-fields:not(.sticky) {
    bottom: 0;
    left: 0; }

div#main-container div#main-content.page-Images_List #main-entry .article-content a.thumbnail-wrapper {
  display: block;
  width: 54px;
  height: 54px;
  background: rgba(190, 190, 190, 0.13);
  text-align: center; }
  div#main-container div#main-content.page-Images_List #main-entry .article-content a.thumbnail-wrapper > img {
    max-height: 48px;
    max-width: 48px;
    margin-top: 50%;
    -ms-transform: translate(0, -50%);
    /* IE 9 */
    -webkit-transform: translate(0, -50%);
    /* Safari */
    transform: translate(0, -50%); }

div#main-container div#main-content[class*="Query"] #main-entry .article-content div.bug-status {
  font-size: 0.84em;
  line-height: 0.84em;
  display: inline-block;
  float: right;
  background: #aeb3ba;
  padding: 4px 3px;
  border-radius: 2px;
  clear: right;
  color: white;
  margin-top: 2px; }

@media (max-width: 765px) {
  div#main-container div#main-content.page-Crowner-Index #main-entry .article-content div.link-set a,
  div#main-container div#main-content.page-IndexIndex #main-entry .article-content div.link-set a {
    width: 100%;
    float: none; }
    div#main-container div#main-content.page-Crowner-Index #main-entry .article-content div.link-set a.no-border:not(:first-of-type),
    div#main-container div#main-content.page-IndexIndex #main-entry .article-content div.link-set a.no-border:not(:first-of-type) {
      border-top: dotted 1px #aeb3ba; }
  div#main-container div#main-content.page-PitchGenerator #main-entry .article-content table > tbody > tr > td {
    width: 100% !important; }
  div#main-container div#main-content.page-Profile #main-entry .article-content ul.display-toggles {
    justify-content: space-around; }
    div#main-container div#main-content.page-Profile #main-entry .article-content ul.display-toggles > li {
      min-width: 130px;
      margin-right: 0 !important;
      padding: 0;
      width: 24%;
      text-align: center;
      font-size: 0.84em;
      line-height: 1.24em; }
      div#main-container div#main-content.page-Profile #main-entry .article-content ul.display-toggles > li div.display-toggle {
        float: none;
        margin: 5px auto 0 auto; }
  div#main-container div#main-content.page-ProfileImageGallery #main-entry .article-content div.gallery-content span.img-wrapper {
    width: calc(25%); } }

@media (max-width: 585px) {
  div#main-container div#main-content.page-Showcase #main-entry .article-content a.showcase-image {
    max-width: 100%  !important;
    float: none;
    margin: 0 0 18px 0; } }

.main-left.showcase .btn-add-project {
  margin: 5px 0 18px 0;
  float: right;
  border: none; }

.main-left.showcase .post-btns {
  margin-top: 20px;
  margin-bottom: 15px;
  padding-left: 0;
  text-align: right;
  list-style-type: none; }
  .main-left.showcase .post-btns li {
    display: inline-block; }

.main-left.showcase .page-title {
  margin-bottom: 15px;
  font-size: 30px; }

.main-left.showcase .top-section {
  border-bottom: 1px solid #ddd; }

.main-left.showcase .btm-section .secondary {
  margin-top: 35px;
  margin-bottom: -12px;
  color: #2980b9;
  font-size: 19px; }

.main-left.showcase .showcased-item {
  margin: 0;
  padding: 25px 28px 25px 28px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  /*
        &:first-child {
            margin-top:  30px;
        }
        */ }
  .main-left.showcase .showcased-item:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 25px;
    left: 28px;
    width: calc(100% - 28px - 28px);
    height: 1px;
    background: #ccc; }
  .main-left.showcase .showcased-item:not(:first-child) {
    padding-top: 0px; }
  .main-left.showcase .showcased-item:last-child:after {
    display: none; }
  .main-left.showcase .showcased-item .inner-wrapper {
    position: relative;
    overflow: hidden; }
  .main-left.showcase .showcased-item .item-img {
    margin-right: 20px;
    margin-bottom: 20px;
    width: 25%;
    float: left;
    text-align: center; }
    .main-left.showcase .showcased-item .item-img a {
      display: block; }
    .main-left.showcase .showcased-item .item-img .caption {
      padding-bottom: 5px;
      display: inline-block;
      font-size: 12px;
      line-height: 17px; }
    .main-left.showcase .showcased-item .item-img .thumb {
      border-radius: 3px;
      overflow: hidden;
      display: inline-block;
      position: relative; }
      .main-left.showcase .showcased-item .item-img .thumb:after {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); }
  .main-left.showcase .showcased-item.align-left .item-img {
    margin-left: 0;
    margin-right: 20px;
    float: left; }
  .main-left.showcase .showcased-item .item-desc {
    margin: 0 8px 0 0;
    overflow: hidden;
    text-align: left; }
    .main-left.showcase .showcased-item .item-desc .title {
      margin-top: 0;
      margin-bottom: 4px;
      font-size: 17px;
      font-weight: 600;
      background: none; }
    .main-left.showcase .showcased-item .item-desc .author-info {
      margin: 0; }
    .main-left.showcase .showcased-item .item-desc .author {
      font-size: small;
      color: #2980B9; }
    .main-left.showcase .showcased-item .item-desc .thetime {
      font-size: small;
      font-style: italic; }
    .main-left.showcase .showcased-item .item-desc .btn-check-it {
      padding: 1px 3px 1px 7px;
      position: absolute;
      top: 15px;
      right: 15px;
      color: white;
      font-size: 12px;
      font-weight: 400;
      background: #2980b9;
      border-radius: 9px; }
      .main-left.showcase .showcased-item .item-desc .btn-check-it .icon {
        display: inline-block;
        height: 15px;
        width: 15px;
        position: relative;
        top: -1px;
        right: -1px;
        color: #2980b9;
        font-size: 10px;
        line-height: 15px;
        background: white;
        border-radius: 50%;
        text-align: center; }
        .main-left.showcase .showcased-item .item-desc .btn-check-it .icon .fa {
          position: relative;
          right: -1px; }
  .main-left.showcase .showcased-item.align-left .item-desc {
    text-align: left; }

@media (max-width: 768px) {
  .main-left.showcase .showcased-item.align-left .item-img,
  .main-left.showcase .showcased-item .item-img {
    margin: 10px 0 0 0;
    width: auto;
    float: none; }
    .main-left.showcase .showcased-item.align-left .item-img img,
    .main-left.showcase .showcased-item .item-img img {
      margin: 0 auto; }
    .main-left.showcase .showcased-item.align-left .item-img .caption,
    .main-left.showcase .showcased-item .item-img .caption {
      padding-bottom: 10px; }
  .main-left.showcase .showcased-item .item-desc {
    margin-top: 15px;
    overflow: visible;
    text-align: center; }
    .main-left.showcase .showcased-item .item-desc .btn-check-it {
      margin-bottom: 10px;
      position: relative;
      top: auto;
      right: auto; }
  .main-left.showcase .showcased-item.align-left .item-desc {
    text-align: center; }
  .main-left.showcase .post-btns {
    margin-top: 12px;
    text-align: center; }
    .main-left.showcase .post-btns li a {
      margin: 0 0 0 10px; } }

.showcase-images-cont {
  margin-bottom: 15px; }

.subpage-icon {
  background-image: url(/img/namespace_sprite.png);
  background-repeat: no-repeat;
  background-size: 18px 3496px;
  float: left;
  margin-right: 5px;
  height: 21px; }

.subpage-icon.aatafovs {
  background-position: 0 0;
  width: 18px; }

.subpage-icon.administrivia {
  background-position: 0 -39px;
  width: 19px; }

.subpage-icon.advertising {
  background-position: -3px -80px;
  width: 11px; }

.subpage-icon.analysis {
  background-position: -2px -120px;
  width: 16px; }

.subpage-icon.anime {
  background-position: -2px -161px;
  width: 16px; }

.subpage-icon.archive {
  background-position: -1px -202px;
  width: 18px; }

.subpage-icon.arg {
  background-position: -2px -241px;
  width: 17px; }

.subpage-icon.audioplay {
  background-position: -1px -283px;
  width: 17px; }

.subpage-icon.awesome {
  background-position: -2px -323px;
  width: 13px; }

.subpage-icon.awesomemusic {
  background-position: -2px -363px;
  width: 15px; }

.subpage-icon.blog {
  background-position: -2px -406px;
  width: 15px; }

.subpage-icon.bollywood {
  background-position: -1px -445px;
  width: 14px; }

.subpage-icon.characters {
  background-position: 0 -486px;
  width: 17px; }

.subpage-icon.comicbook {
  background-position: -3px -526px;
  width: 11px; }

.subpage-icon.comicstrip {
  background-position: -1px -566px;
  width: 18px; }

.subpage-icon.comments {
  background-position: -1px -606px;
  width: 17px; }

.subpage-icon.creator {
  background-position: -2px -647px;
  width: 14px; }

.subpage-icon.darthwiki {
  background-position: -1px -688px;
  width: 17px; }

.subpage-icon.discontinuity {
  background-position: -1px -730px;
  width: 15px; }

.subpage-icon.disney {
  background-position: 0 -771px;
  width: 18px; }

.subpage-icon.drinkinggame {
  background-position: -3px -811px;
  width: 12px; }

.subpage-icon.fanfic {
  background-position: -2px -854px;
  width: 16px; }

.subpage-icon.fanficrecs {
  background-position: -1px -892px;
  width: 16px; }

.subpage-icon.fanworks {
  background-position: -2px -933px;
  width: 16px; }

.subpage-icon.film {
  background-position: -1px -972px;
  width: 14px; }

.subpage-icon.franchise {
  background-position: -1px -1013px;
  width: 17px; }

.subpage-icon.funny {
  background-position: -1px -1053px;
  width: 15px; }

.subpage-icon.heartwarming {
  background-position: 0 -1094px;
  width: 16px; }

.subpage-icon.highoctanenightmarefuel {
  background-position: 0 -1135px;
  width: 11px; }

.subpage-icon.horrible {
  background-position: -1px -1176px;
  width: 18px; }

.subpage-icon.house {
  background-position: 0 -1217px;
  width: 17px; }

.subpage-icon.hoyay {
  background-position: 0 -1257px;
  width: 19px; }

.subpage-icon.justbugsme {
  background-position: 0 -1296px;
  width: 16px; }

.subpage-icon.justforfun {
  background-position: 0 -1338px;
  width: 17px; }

.subpage-icon.laconic-icon {
  background-position: -3px -1378px;
  width: 11px; }

.subpage-icon.larp {
  background-position: 0 -1419px;
  width: 17px; }

.subpage-icon.letsplay {
  background-position: -1px -1459px;
  width: 16px; }

.subpage-icon.fridge {
  background-position: -2px -1499px;
  width: 14px; }

.subpage-icon.lightnovel {
  background-position: -1px -1540px;
  width: 17px; }

.subpage-icon.literature {
  background-position: -1px -1581px;
  width: 17px; }

.subpage-icon.machinima {
  background-position: 0 -1621px;
  width: 16px; }

.subpage-icon.magazine {
  background-position: 0 -1662px;
  width: 17px; }

.subpage-icon.main-page {
  background-position: -1px -1701px;
  width: 15px; }

.subpage-icon.manga {
  background-position: -2px -1741px;
  width: 15px; }

.subpage-icon.manhwa {
  background-position: 0 -1783px;
  width: 17px; }

.subpage-icon.music {
  background-position: 0 -1823px;
  width: 16px; }

.subpage-icon.news {
  background-position: -1px -1864px;
  width: 16px; }

.subpage-icon.nightmarefuel {
  background-position: 0 -1905px;
  width: 18px; }

.subpage-icon.pantheon {
  background-position: -1px -1947px;
  width: 15px; }

.subpage-icon.pinball {
  background-position: 0 -1988px;
  width: 18px; }

.subpage-icon.podcast {
  background-position: 0 -2029px;
  width: 19px; }

.subpage-icon.quotes {
  background-position: -1px -2068px;
  width: 14px; }

.subpage-icon.radar {
  background-position: 0 -2108px;
  width: 14px; }

.subpage-icon.radio {
  margin: 0;
  background-position: -1px -2151px;
  width: 20px; }

.subpage-icon.recap {
  background-position: -1px -2189px;
  width: 17px; }

.subpage-icon.ride {
  background-position: -1px -2232px;
  width: 18px; }

.subpage-icon.roleplay {
  background-position: -2px -2271px;
  width: 11px; }

.subpage-icon.selfdemonstrating {
  background-position: -2px -2313px;
  width: 11px; }

.subpage-icon.series {
  background-position: 0 -2352px;
  width: 16px; }

.subpage-icon.shoutout {
  background-position: -1px -2392px;
  width: 18px; }

.subpage-icon.soyouwantto {
  background-position: -1px -2431px;
  width: 17px; }

.subpage-icon.sugarwiki {
  background-position: -1px -2474px;
  width: 17px; }

.subpage-icon.synopsis {
  background-position: -2px -2513px;
  width: 11px; }

.subpage-icon.tabletopgame {
  background-position: -1px -2556px;
  width: 18px; }

.subpage-icon.tearjerker {
  background-position: -3px -2597px;
  width: 10px; }

.subpage-icon.theater {
  background-position: 0 -2637px;
  width: 17px; }

.subpage-icon.titlebin {
  background-position: 0 -2677px;
  width: 15px; }

.subpage-icon.toys {
  background-position: -1px -2717px;
  width: 16px; }

.subpage-icon.trivia {
  background-position: 0 -2759px;
  width: 18px; }

.subpage-icon.tropers {
  background-position: -1px -2799px;
  width: 17px; }

.subpage-icon.videogame {
  background-position: 0 -2841px;
  width: 18px; }

.subpage-icon.visualnovel {
  background-position: 0 -2880px;
  width: 18px; }

.subpage-icon.wallbangers {
  background-position: -1px -2921px;
  width: 16px; }

.subpage-icon.webanimation {
  background-position: -1px -2962px;
  width: 16px; }

.subpage-icon.webcomic {
  background-position: -1px -3001px;
  width: 15px; }

.subpage-icon.weboriginal {
  background-position: -1px -3042px;
  width: 16px; }

.subpage-icon.website {
  background-position: -1px -3084px;
  width: 15px; }

.subpage-icon.webvideo {
  background-position: -1px -3123px;
  width: 17px; }

.subpage-icon.westernanimation {
  background-position: 0 -3164px;
  width: 17px; }

.subpage-icon.wmg {
  background-position: -2px -3205px;
  width: 13px; }

.subpage-icon.wrestling {
  background-position: -1px -3246px;
  width: 16px; }

.subpage-icon.ymmv {
  background-position: 0 -3287px;
  width: 18px; }

.subpage-icon.image-links {
  background-position: 0 -3511px;
  width: 19px; }

.subpage-icon.memes {
  background-position: 0 -3324px;
  width: 17px; }

.subpage-icon.haiku {
  background-position: 0 -3594px;
  width: 18px; }

.subpage-icon.playingWith {
  background-position: 0 -3364px;
  width: 17px; }

.subpage-icon.headscratchers {
  background-position: 0 -3396px;
  width: 15px; }

.subpage-icon.folder {
  background-position: -1px -3464px;
  width: 15px; }

.subpage-icon.folder-active {
  background-position: -1px -3432px;
  width: 15px; }

#modal-box input[type=text],
#modal-box input[type=password],
div#main-container input[type=text],
div#main-container input[type=password] {
  font-size: 1em;
  outline: none;
  border: solid 1px #aeb3ba;
  padding: 6px 8px 7px 8px; }

#modal-box ol > li:not(:first-of-type),
#modal-box ul > li:not(:first-of-type) {
  margin-top: 8px; }

#modal-box hr.full-width {
  width: calc( 100% + 36px);
  margin: 18px 0px;
  margin-left: -18px; }

.tab-toggles {
  text-align: center;
  border-bottom: solid 1px #cacdd1;
  line-height: normal; }
  .tab-toggles.tabs-left {
    text-align: left; }
  .tab-toggles > a {
    font-size: 0.84em;
    padding: 4px 7px 1px 7px;
    margin: 0 4px;
    border-radius: 6px 6px 0 0;
    border: solid 1px #aeb3ba;
    border-bottom: none;
    background: rgba(190, 190, 190, 0.13); }
    .tab-toggles > a.exclusive-toggle-active {
      background: white;
      padding-bottom: 2px;
      margin-bottom: -1px; }

.server-response {
  font-size: 0.84em;
  color: #7a202a;
  margin-top: 18px;
  text-align: center;
  border: solid 2px #7a202a;
  border-radius: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  max-height: 400px;
  -webkit-transition: max-height ease-in-out 100ms;
  -moz-transition: max-height ease-in-out 100ms;
  -o-transition: max-height ease-in-out 100ms;
  transition: max-height ease-in-out 100ms; }
  .server-response:empty {
    border: none;
    margin-top: 0;
    padding: 0;
    max-height: 0px; }

.contact-us .help-title {
  margin-top: 45px;
  font-size: 22px; }

.contact-us .opening-body {
  overflow: hidden; }

.contact-us .support-container {
  margin-top: 25px; }
  .contact-us .support-container .title {
    margin: 0;
    padding: 9px 0 9px 15px;
    color: #777;
    font-size: 13px;
    font-weight: 600;
    background: #eee;
    border: 1px solid #ddd;
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .contact-us .support-container .btm-section {
    margin-top: 0;
    background: white;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .contact-us .support-container ul {
    padding: 0 0;
    list-style-type: none;
    text-align: left; }
    .contact-us .support-container ul a {
      padding: 4px 15px;
      display: block;
      font-size: 13px; }
      .contact-us .support-container ul a:hover {
        color: #2980b9; }
    .contact-us .support-container ul li:last-child a {
      border-bottom: none; }

.contact-us .form-title {
  font-size: 24px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 15px; }

.contact-us .help-links {
  padding-top: 20px;
  padding-left: 0;
  list-style-type: none;
  font-size: 13px; }
  .contact-us .help-links li {
    margin-bottom: 20px; }
    .contact-us .help-links li:last-child .text {
      border-bottom: none; }
  .contact-us .help-links .title {
    margin-right: 20px;
    float: left;
    width: 17%;
    font-size: 14px;
    font-weight: 400; }
  .contact-us .help-links .text {
    padding-bottom: 20px;
    overflow: hidden;
    display: block;
    color: #666666;
    border-bottom: 1px dashed #ddd; }

.contact-us .file-upload {
  margin-top: 20px; }
  .contact-us .file-upload label {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600; }
  .contact-us .file-upload .upload-file .upload-file-btn {
    padding: 0;
    position: relative;
    display: block;
    font-size: 15px;
    border: none;
    border-radius: 5px;
    overflow: hidden; }
    .contact-us .file-upload .upload-file .upload-file-btn:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      border: 1px solid #ccc;
      border-radius: 5px; }
    .contact-us .file-upload .upload-file .upload-file-btn .inner {
      padding: 0;
      display: block;
      position: relative;
      z-index: 2; }
    .contact-us .file-upload .upload-file .upload-file-btn .upload-btn-item {
      padding: 10px 15px;
      display: inline-block;
      float: left;
      color: white;
      background: #2980b9; }
    .contact-us .file-upload .upload-file .upload-file-btn .upload-btn-label {
      padding: 10px 10px;
      display: block;
      float: left;
      color: #999; }
  .contact-us .file-upload .upload-file .file-input-btn {
    display: none; }
  .contact-us .file-upload .upload-file .status {
    color: #888;
    font-size: 13px; }
  .contact-us .file-upload .upload-file .help-block {
    margin-left: 92px;
    margin-top: 5px;
    color: #888;
    font-size: 12px; }
    .contact-us .file-upload .upload-file .help-block span {
      color: #ec8879; }

.contact-us .inner {
  padding-bottom: 55px; }

.contact-us .page-title.contact-us {
  margin: 0;
  padding: 12px 0;
  font-size: 22px;
  text-align: center;
  background: #f9f9f9;
  border-bottom: 1px solid #ddd;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.contact-us form {
  padding-top: 0; }

.contact-us .form-wrapper {
  margin-top: 0;
  padding: 0; }

.contact-us .btm-section {
  margin-top: 10px; }
  .contact-us .btm-section .left-side,
  .contact-us .btm-section .right-side {
    float: left;
    width: 48%; }
  .contact-us .btm-section .left-side {
    margin-right: 4%; }
  .contact-us .btm-section .right-side .help {
    margin-top: 5px;
    display: block;
    color: #888;
    font-size: 12px;
    text-align: center; }

.contact-us .form-group {
  margin: 0 0 20px 0;
  position: relative; }
  .contact-us .form-group .form-group-wrapper {
    position: relative; }
  .contact-us .form-group.contact-msg {
    margin-bottom: 15px; }
  .contact-us .form-group.contact-name, .contact-us .form-group.contact-email {
    margin-top: 20px;
    float: left;
    width: 48%; }
  .contact-us .form-group.contact-name {
    margin-right: 4%; }
  .contact-us .form-group .form-icon {
    position: absolute;
    top: 11px;
    right: 15px;
    display: none;
    color: #EC8879;
    font-size: 20px;
    margin-top: -9px; }
    .contact-us .form-group .form-icon.isValid {
      display: inline-block;
      color: #B3CC57; }
  .contact-us .form-group input.form-control {
    padding-right: 25px;
    height: 44px; }
  .contact-us .form-group .form-control {
    font-size: 16px; }

.contact-us textarea {
  padding-right: 25px;
  min-height: 175px; }

.contact-us .error-msg {
  margin-left: 10px;
  padding-bottom: 7px;
  color: #EC8879;
  font-size: 13px; }

.contact-us .submit {
  padding: 9px 15px;
  display: block;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  background: #2980b9; }

@media screen and (max-width: 768px) {
  .contact-us .form-group.contact-name, .contact-us .form-group.contact-email {
    width: 100%;
    float: none; }
  .contact-us .form-group .contact-name {
    margin-right: 0; }
  .contact-us .btm-section .left-side,
  .contact-us .btm-section .right-side {
    width: 100%;
    float: none; }
  .contact-us .btm-section .left-side {
    width: 60%; }
  .contact-us .file-upload .upload-file .help-block {
    margin-left: 0; } }

.alt-post-list .page-heading-wrapper {
  margin-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #ddd; }
  .alt-post-list .page-heading-wrapper .page-meta {
    position: absolute;
    right: 0;
    bottom: 5px; }
  .alt-post-list .page-heading-wrapper .page-title {
    padding-bottom: 0;
    font-weight: 600; }

.alt-post-list .page-controls {
  padding: 5px 0 15px 0;
  border-bottom: 1px solid #ddd; }
  .alt-post-list .page-controls > ul {
    padding-left: 0;
    list-style-type: none;
    font-size: 0; }
    .alt-post-list .page-controls > ul > li {
      margin-left: -1px;
      display: inline-block; }
      .alt-post-list .page-controls > ul > li > a {
        padding: 3px 9px;
        display: block;
        color: #888;
        font-size: 14px;
        border: 1px solid #ccc; }
        .alt-post-list .page-controls > ul > li > a i {
          margin-right: 3px; }
      .alt-post-list .page-controls > ul > li.active > a {
        color: white;
        background: #2980b9; }
      .alt-post-list .page-controls > ul > li:first-child {
        margin-left: 0; }
        .alt-post-list .page-controls > ul > li:first-child > a {
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px; }
      .alt-post-list .page-controls > ul > li:last-child > a {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px; }
      .alt-post-list .page-controls > ul > li .dropdown-menu {
        padding: 0;
        max-height: 300px;
        min-width: 200px;
        overflow-y: auto; }
        .alt-post-list .page-controls > ul > li .dropdown-menu > li > a,
        .alt-post-list .page-controls > ul > li .dropdown-menu > li > ul > li > a {
          padding: 4px 15px;
          display: block;
          color: #333;
          font-size: 13px; }
          .alt-post-list .page-controls > ul > li .dropdown-menu > li > a:hover,
          .alt-post-list .page-controls > ul > li .dropdown-menu > li > ul > li > a:hover {
            color: white;
            background: #2980b9; }
        .alt-post-list .page-controls > ul > li .dropdown-menu > li:first-child > a {
          border-top-left-radius: 4px;
          border-top-right-radius: 4px; }
        .alt-post-list .page-controls > ul > li .dropdown-menu > li:last-child > a {
          border-bottom-left-radius: 4px;
          border-bottom-right-radius: 4px; }
        .alt-post-list .page-controls > ul > li .dropdown-menu > li .sub-title {
          margin-top: 8px;
          padding-left: 15px;
          padding-top: 10px;
          display: block;
          color: #333;
          font-size: 12px;
          font-weight: 700;
          text-transform: uppercase;
          border-top: 1px dashed #ddd; }
        .alt-post-list .page-controls > ul > li .dropdown-menu > li > ul {
          padding-left: 0;
          list-style-type: none; }
          .alt-post-list .page-controls > ul > li .dropdown-menu > li > ul > li > a {
            padding-left: 25px;
            color: #555; }
  .alt-post-list .page-controls .search-form {
    padding-top: 10px; }
  .alt-post-list .page-controls .search .radio {
    margin-top: -2px; }
    .alt-post-list .page-controls .search .radio label {
      font-size: 12px; }
    .alt-post-list .page-controls .search .radio input {
      margin-top: 2px; }
    .alt-post-list .page-controls .search .radio + .radio {
      margin-top: -8px; }
  .alt-post-list .page-controls .search .input-btn.form-group {
    margin-bottom: 10px; }
  .alt-post-list .page-controls .search .radio-group {
    margin-bottom: 0; }
  .alt-post-list .page-controls .search .submit {
    float: right; }
  .alt-post-list .page-controls .left-side {
    max-width: 50%; }
  .alt-post-list .page-controls .right-side {
    float: right; }

.alt-post-list .post-list {
  margin: -45px 0 0 0;
  padding: 0;
  list-style-type: none; }
  .alt-post-list .post-list > li {
    margin: 7px 0;
    padding: 7px 0;
    display: block;
    border-bottom: 1px dashed #ccc; }
  .alt-post-list .post-list .post-item .post-controls {
    margin: 0;
    padding: 0;
    float: right;
    list-style-type: none; }
    .alt-post-list .post-list .post-item .post-controls li {
      margin: 0 4px;
      display: inline-block; }
      .alt-post-list .post-list .post-item .post-controls li a {
        display: inline-block;
        font-size: 13px; }
        .alt-post-list .post-list .post-item .post-controls li a .lrgChange-btn {
          color: #c73700; }
  .alt-post-list .post-list .post-item .post-subTitle {
    color: #555;
    font-size: 15px; }
    .alt-post-list .post-list .post-item .post-subTitle a {
      color: #555;
      font-size: 15px; }
  .alt-post-list .post-list .post-item .post-subTitle + .post-title {
    margin-top: -3px;
    padding-top: 0; }
  .alt-post-list .post-list .post-item .post-title {
    margin-bottom: 0;
    padding-left: 0;
    color: #255395;
    font-size: 18px;
    font-weight: 400; }
    .alt-post-list .post-list .post-item .post-title .label {
      padding: 3px 7px 4px 7px;
      position: relative;
      top: -4px;
      display: inline-block;
      color: white;
      font-size: 10px;
      font-weight: 300;
      text-transform: uppercase;
      background: #849cc1;
      border-radius: 9px; }
    .alt-post-list .post-list .post-item .post-title .label-new-page {
      padding: 3px 7px 4px 7px;
      position: relative;
      top: -4px;
      display: inline-block;
      color: white;
      font-size: 10px;
      font-weight: 300;
      text-transform: uppercase;
      background: #A0C63A;
      border-radius: 9px; }
  .alt-post-list .post-list .post-item .post-meta {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .alt-post-list .post-list .post-item .post-meta .label-new-account {
      padding: 3px 7px 4px 7px;
      position: relative;
      top: -4px;
      display: inline-block;
      color: white;
      font-size: 10px;
      font-weight: 300;
      text-transform: uppercase;
      background: #FF5050;
      border-radius: 9px; }
    .alt-post-list .post-list .post-item .post-meta li {
      display: inline-block;
      font-size: 14px; }
  .alt-post-list .post-list .post-item .revision-info {
    margin-top: 3px;
    color: #444;
    font-size: 14px;
    font-weight: 600; }
    .alt-post-list .post-list .post-item .revision-info i {
      position: relative;
      top: -2px; }

.revision-flag {
  color: #c73700;
  display: inline-block;
  font-size: 13px; }

@media (max-width: 768px) {
  .alt-post-list .page-controls > ul {
    margin-top: -5px; }
    .alt-post-list .page-controls > ul > li {
      margin-top: 5px; }
      .alt-post-list .page-controls > ul > li > a {
        border-radius: 0 !important; }
  .alt-post-list .page-heading-wrapper {
    margin-top: 15px; }
  .alt-post-list .page-heading-wrapper .page-meta {
    position: relative;
    right: auto;
    bottom: auto; }
  .alt-post-list .page-heading-wrapper .page-title {
    margin-top: 0 !important; }
  .alt-post-list .post-list .post-item .post-controls {
    float: none; }
    .alt-post-list .post-list .post-item .post-controls li:first-child {
      margin-left: 0; }
  .alt-post-list .post-list .post-item .post-title {
    margin-top: 0; }
  .alt-post-list .page-controls .left-side,
  .alt-post-list .page-controls .right-side {
    max-width: 100%; }
  .alt-post-list .page-controls .search .submit {
    float: none; } }

.todo-page .btn-addItem {
  text-transform: uppercase; }
  .todo-page .btn-addItem i {
    margin-right: 2px; }

.todo-page .center-block {
  text-align: center; }

.todo-page .todo-list {
  margin: 20px 0 30px 0;
  padding: 0;
  list-style-type: none; }
  .todo-page .todo-list li {
    margin-bottom: 20px; }
  .todo-page .todo-list .post-header {
    padding: 3px 10px 5px 10px;
    border: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .todo-page .todo-list .post-header .date {
      margin-top: 4px;
      float: right;
      color: #999;
      font-size: 13px; }
    .todo-page .todo-list .post-header .title {
      margin: 0;
      padding: 0;
      line-height: 20px; }
      .todo-page .todo-list .post-header .title a {
        font-size: 15px; }
  .todo-page .todo-list .post-body {
    padding: 12px 7px 7px 7px;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
    .todo-page .todo-list .post-body .controls {
      margin: -7px 5px 5px 0;
      float: right; }
      .todo-page .todo-list .post-body .controls .btn {
        padding: 5px 12px;
        color: white;
        font-size: 12px;
        font-weight: 400;
        border-width: 1px;
        border-style: solid; }
      .todo-page .todo-list .post-body .controls .btn-edit {
        background-color: #f0ad4e;
        border-color: #eea236; }
        .todo-page .todo-list .post-body .controls .btn-edit:hover {
          background-color: #ec971f;
          border-color: #d58512; }
      .todo-page .todo-list .post-body .controls .btn-drop {
        background-color: #d9534f;
        border-color: #d43f3a; }
        .todo-page .todo-list .post-body .controls .btn-drop:hover {
          background-color: #c9302c;
          border-color: #ac2925; }

@media only screen and (max-width: 768px) {
  .todo-page .todo-list .post-header {
    padding-top: 4px; }
  .todo-page .todo-list .post-header .date {
    float: none;
    font-size: 12px; }
  .todo-page .todo-list .post-header .title {
    margin-top: -4px; }
  .todo-page .todo-list .post-body .controls {
    margin-top: 0;
    float: none; } }

.cutlist .panel-heading ul {
  float: right;
  margin-top: -5px;
  list-style: none; }
  .cutlist .panel-heading ul li {
    display: inline-block; }

.cutlist .panel-footer .meta-info {
  list-style: none;
  padding-left: 0; }

.cutlist .panel-footer li {
  display: inline-block; }

@media only screen and (min-width: 501px) {
  .cutlist .meta-info {
    float: left;
    margin-top: 5px; }
  .cutlist .discuss-btn {
    float: right; }
  .cutlist .footer-btns {
    display: none; } }

@media only screen and (max-width: 500px) {
  .cutlist .panel-heading ul {
    display: none; }
  .cutlist .meta-info {
    float: none;
    display: block;
    width: 100%; }
    .cutlist .meta-info li {
      display: block; }
  .cutlist .footer-btns {
    display: block;
    padding: 0; }
    .cutlist .footer-btns li {
      display: block;
      margin: 10px auto; }
    .cutlist .footer-btns a {
      width: 100%; }
  .cutlist .discuss-btn {
    display: none; } }

#smileyPanel {
  margin: 0 auto;
  text-align: center;
  border-radius: 0 0 5px 5px;
  padding: 6px 0;
  background: rgba(190, 190, 190, 0.13); }

#smileyPanel * {
  vertical-align: middle; }

#smileyPanel img {
  cursor: pointer; }

@media (max-width: 1291px) {
  div#main-container div#main-content .social-shares-wrapper {
    left: -65px; }
    div#main-container div#main-content .social-shares-wrapper ul {
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      div#main-container div#main-content .social-shares-wrapper ul li > a.fb:after,
      div#main-container div#main-content .social-shares-wrapper ul li > a.tw:after {
        display: none; }
      div#main-container div#main-content .social-shares-wrapper ul:after {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      div#main-container div#main-content .social-shares-wrapper ul:hover > li:last-of-type a {
        border-bottom: solid 1px rgba(190, 190, 190, 0.13); }
  #user-prefs.lefthand-sidebar ~ div#main-container div#main-content .social-shares-wrapper {
    left: auto;
    right: -60px; }
    #user-prefs.lefthand-sidebar ~ div#main-container div#main-content .social-shares-wrapper ul#left-floating-socialShares {
      border-radius: 0; } }

@media (max-width: 1070px) {
  #main-header-nav a.nav-browse {
    display: none; } }

@media (max-width: 980px) {
  .tablet-on {
    display: block !important; }
  .tablet-on.inline {
    display: inline-block !important; }
  .tablet-off {
    display: none !important; }
  .tablet-font-l {
    font-size: 1.5em; }
  .tablet-font-m {
    font-size: 1em; }
  .tablet-font-s {
    font-size: 0.84em; }
  .tablet-font-xs {
    font-size: 0.7em; }
  .tablet-align-left {
    text-align: left !important; }
  .tablet-align-center {
    text-align: center !important; }
  .tablet-align-right {
    text-align: right !important; }
  .tool-tip {
    display: none !important; }
  body.skinned i#user-prefs:after {
    display: none; }
  header#main-header-bar div#main-header-bar-inner a#main-header-logoButton {
    margin-left: 20px; }
  #user-prefs.sticky-header {
    position: fixed;
    top: 0;
    left: 0; }
    #user-prefs.sticky-header:not(.mobile-menu-active).hide {
      -ms-transform: translate(0, -100%);
      /* IE 9 */
      -webkit-transform: translate(0, -100%);
      /* Safari */
      transform: translate(0, -100%); }
  div#main-container div#main-content div#main-content-sidebar {
    display: none; }
  body {
    background: white !important; }
  #user-prefs.wide-load ~ div#main-container div#main-content .social-shares-wrapper,
  div#main-container div#main-content .social-shares-wrapper {
    left: auto !important;
    right: -37px; }
    #user-prefs.wide-load ~ div#main-container div#main-content .social-shares-wrapper ul:before,
    div#main-container div#main-content .social-shares-wrapper ul:before {
      width: calc(100% + 40px); }
    #user-prefs.wide-load ~ div#main-container div#main-content .social-shares-wrapper li > a:after,
    div#main-container div#main-content .social-shares-wrapper li > a:after {
      left: 0;
      right: auto; }
  #user-prefs.lefthand-sidebar ~ div#main-container div#main-content .social-shares-wrapper,
  #user-prefs.wide-load.lefthand-sidebar ~ div#main-container div#main-content .social-shares-wrapper {
    right: -37px; }
  div#main-container div#main-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    div#main-container div#main-content #main-entry {
      margin: 18px 0;
      max-width: 100% !important; }
  div#main-container div#main-content.page-Profile #main-entry .article-content div.user-image a {
    opacity: 1;
    -ms-transform: translate(0, 0);
    /* IE 9 */
    -webkit-transform: translate(0, 0);
    /* Safari */
    transform: translate(0, 0); }
  div#main-container div#main-content.page-Profile #main-entry .article-content .email-link {
    margin-left: -18px; }
  div#main-container div#main-content.page-Profile #main-entry .article-content #change-password-link {
    background: white;
    padding-left: 9px;
    margin: -33px -20px 0 0; }
  footer#main-footer #main-footer-inner {
    justify-content: center; }
  footer#main-footer #main-footer-inner > *:not(.footer-left) {
    display: none !important; } }

@media (max-width: 800px) {
  div#main-container div#main-content .social-shares-wrapper {
    display: none; }
  div#main-container div#main-content.page-Article #main-entry div.article-content {
    margin-right: 0; } }

@media (max-width: 765px) {
  .mobile-on {
    display: block !important; }
  .mobile-on.inline {
    display: inline-block !important; }
  .mobile-off {
    display: none !important; }
  .mobile-font-xl {
    font-size: 2em !important; }
  .mobile-font-l {
    font-size: 1.5em; }
  .mobile-font-m {
    font-size: 1em !important; }
  .mobile-font-s {
    font-size: 0.84em; }
  .mobile-font-xs {
    font-size: 0.7em; }
  .mobile-align-left, .mobile-text-left {
    text-align: left !important;
    justify-content: flex-start !important; }
  .mobile-align-center {
    text-align: center !important; }
  .mobile-align-right {
    text-align: right !important; }
  .mobile-float-right {
    float: right; }
  .mobile-float-left {
    float: left; }
  .mobile-width-100 {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  h1 {
    font-size: 2em;
    line-height: 1.2em; }
  header#main-header-bar {
    height: 43px; }
    header#main-header-bar div#main-header-bar-inner a#main-header-logoButton {
      background-image: url("/images/logo-white-small.png");
      width: 80px; }
    header#main-header-bar div#main-header-bar-inner div#main-header-bar-right {
      min-width: 267px; }
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#user-image-box {
        margin-top: 5px;
        margin-right: 5px; }
      header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#user-image-box + .hover-menu {
        right: 5px; }
    header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box {
      margin-right: 10px;
      width: auto;
      height: 43px; }
    header#main-header-bar div#mobile-menu {
      height: calc(100vh - 40px); }
    header#main-header-bar.HomePage:not(.mobile-menu-active) div#main-header-bar-inner a#main-header-logoButton,
    header#main-header-bar.HomePage div#main-header-bar-inner div#main-header-bar-right div#search-mobileToggle {
      display: none !important; }
  header#main-header-bar.mobile-search-active > div#main-header-bar-inner {
    -ms-transform: translate(0, -100%);
    /* IE 9 */
    -webkit-transform: translate(0, -100%);
    /* Safari */
    transform: translate(0, -100%); }
    header#main-header-bar.mobile-search-active > div#main-header-bar-inner div#search-box {
      display: block; }
  header#main-header-bar div#search-box {
    opacity: 0;
    pointer-events: none;
    width: 100% !important;
    height: 43px;
    position: fixed;
    top: 5px;
    left: 0;
    overflow: hidden; }
    header#main-header-bar div#search-box > form {
      width: calc(100% - 48px);
      margin-top: 43px;
      margin-left: 5px; }
  header#main-header-bar.mobile-search-active div#search-box {
    opacity: 1;
    pointer-events: all;
    top: 43px; }
    header#main-header-bar.mobile-search-active div#search-box > form {
      margin-top: -5px; }
  div#main-container {
    margin-top: 0;
    min-width: 306px;
    max-width: calc(100% - 18px); }
  nav.mobile-actions-wrapper + #main-article {
    margin-top: 18px; }
  div#main-container div#main-content.page-Article #main-entry div.article-content {
    margin-right: 0; }
  div#main-container div#main-content.page-Article #main-entry .section-links ul {
    font-size: 0.84em; }
  div#main-container div#main-content #main-entry {
    margin-top: 18px; }
    div#main-container div#main-content #main-entry h1.entry-title {
      font-size: 2em;
      padding-bottom: 8px; }
    div#main-container div#main-content #main-entry nav.mobile-actions-wrapper + div#main-article {
      margin-top: 18px; }
    div#main-container div#main-content #main-entry .article-content hr.full-width {
      width: calc(100% + 18px);
      margin-left: -9px; }
  div.section-block {
    padding: 18px 9px; }
  div#main-container div#main-content.page-ArticleHistory #main-entry nav.mobile-actions-wrapper + div#main-article,
  div#main-container div#main-content.page-Discussion #main-entry nav.mobile-actions-wrapper + div#main-article,
  div#main-container div#main-content.page-Browse #main-entry nav.mobile-actions-wrapper + div#main-article {
    margin-top: 45px; }
  nav.mobile-actions-wrapper {
    font-size: 0.84em; }
  #user-prefs.wide-load ~ div#main-container div#main-content .social-shares-wrapper,
  div#main-container div#main-content .social-shares-wrapper {
    right: -10px; }
  ul.subpage-links li:not(:last-of-type) {
    margin-right: 1px; }
  ul.subpage-links li > a {
    padding: 4px 6px;
    margin-bottom: 6px; } }

@media (max-width: 585px) {
  .tiny-on {
    display: block !important; }
  .tiny-on.inline {
    display: inline-block !important; }
  .tiny-off {
    display: none !important; }
  header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box {
    margin-right: 15px; }
    header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a {
      width: 70px;
      margin-right: 8px;
      background-size: 167px 26px; } }

@media (max-width: 400px) {
  header#main-header-bar div#main-header-bar-inner a#main-mobile-toggle {
    width: 44px; }
  header#main-header-bar div#main-header-bar-inner a#main-header-logoButton {
    margin-left: 18px; }
  header#main-header-bar div#main-header-bar-inner div#main-header-bar-right {
    min-width: 182px; }
  header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a.button-random-media {
    display: none; } }

body > #user-prefs.browser-iOS ~ * .newsletter-signup-submit-button {
  height: 32px !important;
  text-align: center !important; }
  body > #user-prefs.browser-iOS ~ * .newsletter-signup-submit-button > i.fa {
    margin-left: -8px; }

body > #user-prefs.browser-iOS ~ * #search-box input.submit-button,
body > #user-prefs.browser-iOS ~ #homepage-introBox-mobile > form.search input.submit-button {
  margin-left: -11px; }

body > #user-prefs.night-vision {
  position: fixed;
  width: 100%;
  height: 100%;
  background: black;
  display: block;
  left: 0;
  top: 0;
  z-index: 1; }

body > #user-prefs.night-vision ~ * .text-black {
  color: white; }

body > #user-prefs.night-vision ~ * .social-shares {
  background: black; }

body > #user-prefs.night-vision ~ * ul#left-floating-socialShares li > a:not(.fb):not(.tw) {
  background: #2f2f2f; }

body > #user-prefs.night-vision ~ * ul#left-floating-socialShares li > a:hover:not(.fb):not(.tw) {
  color: white;
  background: #2f2f2f; }

body > #user-prefs.night-vision ~ * ul#left-floating-socialShares > li:nth-of-type(3) > a:before {
  background: #444444; }

body > #user-prefs.night-vision ~ * ul.display-toggles li {
  color: #dedede; }
  body > #user-prefs.night-vision ~ * ul.display-toggles li div.display-toggle:not(.active) {
    background: #444444; }

body > #user-prefs.night-vision ~ div#search-box-mobile {
  background: #28323f;
  border-color: #444444; }

body > #user-prefs.night-vision ~ div#main-container div#main-content {
  background: #1d1d1d;
  color: #dedede;
  -webkit-box-shadow: inset 0 2px 0 0 black, inset 0 -2px 0 0 black;
  -moz-box-shadow: inset 0 2px 0 0 black, inset 0 -2px 0 0 black;
  box-shadow: inset 0 2px 0 0 black, inset 0 -2px 0 0 black; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content h1.entry-title {
    -webkit-box-shadow: inset 0 -1px 0 0 #444444;
    -moz-box-shadow: inset 0 -1px 0 0 #444444;
    box-shadow: inset 0 -1px 0 0 #444444; }

body > #user-prefs.night-vision ~ div#main-container div#main-content div#main-content-sidebar {
  background: none;
  -webkit-box-shadow: inset 2px 0 0 0 black;
  -moz-box-shadow: inset 2px 0 0 0 black;
  box-shadow: inset 2px 0 0 0 black; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content div#main-content-sidebar a {
    color: #b8b8b8; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content div#main-content-sidebar a:hover {
    color: #008fec; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content div#main-content-sidebar .sidebar-item p.sidebar-item-title {
    color: #b8b8b8; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content div#main-content-sidebar .sidebar-item p.sidebar-item-title:after {
    background: #1d1d1d;
    color: #b8b8b8; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content div#main-content-sidebar .sidebar-item p.sidebar-item-title:before {
    background: #444444; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content div#main-content-sidebar ul.bulletins li a span {
    background: #444444;
    color: #dedede; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content div#main-content-sidebar ul.bulletins li a:hover span {
    background: #0061a0; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content div#main-content-sidebar ul > li > ul:before {
    background: #444444; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content div#main-content-sidebar .sidebar-item ul > li > ul:after {
    background: #444444;
    color: black; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content div#main-content-sidebar .sidebar-item.wrapper {
    border: solid 1px #444444;
    border-radius: 4px;
    padding-bottom: 9px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

body > #user-prefs.night-vision.lefthand-sidebar ~ div#main-container div#main-content div#main-content-sidebar {
  -webkit-box-shadow: inset -2px 0 0 0 black;
  -moz-box-shadow: inset -2px 0 0 0 black;
  box-shadow: inset -2px 0 0 0 black; }

body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content {
  color: #dedede;
  /* asscaps */ }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content a:not(.createlink) {
    color: #008fec; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content h1:not(.entry-title), body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content h2, body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content h3, body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content div.wmglead {
    color: inherit;
    background: #2f2f2f; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content hr {
    border-color: #444444; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content > ul:not(.thread-breadcrumbs) > li:not(:last-of-type) {
    border-color: #444444; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .floatboxright,
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .quoteright {
    background: #1d1d1d;
    border-color: #1d1d1d;
    -webkit-box-shadow: 0 0 0 1px #444444;
    -moz-box-shadow: 0 0 0 1px #444444;
    box-shadow: 0 0 0 1px #444444; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .acaptionright {
    background: #1d1d1d;
    border-color: #1d1d1d;
    -webkit-box-shadow: -1px 0 0 0 #444444, 0 1px 0 0 #444444, 1px 0 0 0 #444444;
    -moz-box-shadow: -1px 0 0 0 #444444, 0 1px 0 0 #444444, 1px 0 0 0 #444444;
    box-shadow: -1px 0 0 0 #444444, 0 1px 0 0 #444444, 1px 0 0 0 #444444; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .folderlabel {
    border-color: #444444;
    border-top-color: #444444 !important; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .folderlabel:hover,
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .folderlabel:hover:after {
    color: #dedede;
    background: #2f2f2f; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content.retro-folders .folderlabel.is-open {
    background: #2f2f2f; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .section.section-links div:nth-of-type(2) > div {
    background: #2f2f2f; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .section.section-links ul,
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .section.section-links ul > li {
    border-color: #444444; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .section.section-links ul > li:after {
    background-color: #444444; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content span:not(.bubble).green {
    color: #75ab27; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content span:not(.bubble).purple {
    color: #a312d8; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content span:not(.bubble).blue {
    color: #49b8e1; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content span:not(.bubble).teal {
    color: #008282; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content span:not(.bubble).gold {
    color: #bc9600; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content span:not(.bubble).cinnamon {
    color: #AA6600; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content span:not(.bubble).forestgreen {
    color: #3c7400; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content span:not(.bubble).white {
    color: #FBFBFB; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content span:not(.bubble).red {
    color: #C80815; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content span:not(.bubble).evil {
    background-color: black;
    color: #C80815;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid black; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content span.asscaps {
    font-variant: small-caps;
    font-weight: bold; }

body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry .section-links div.titles > div {
  background: #444444; }

body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry .section-links ul {
  border-color: #444444; }

body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry .section-links ul > li:after {
  background-color: #444444; }

body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry .section-links ul > li > a {
  color: #008fec; }

body > #user-prefs.night-vision ~ div#main-container div#main-content.page-WysiwygEditor #main-entry .article-content #save-and-reason-fields {
  background: #1d1d1d;
  -webkit-box-shadow: 0 -16px 0 0 #1d1d1d, 0 -17px 0 0 #aeb3ba;
  -moz-box-shadow: 0 -16px 0 0 #1d1d1d, 0 -17px 0 0 #aeb3ba;
  box-shadow: 0 -16px 0 0 #1d1d1d, 0 -17px 0 0 #aeb3ba; }

body > #user-prefs.night-vision.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.urllink,
body > #user-prefs.night-vision.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.twikilink {
  background: rgba(255, 255, 0, 0.85);
  color: black;
  text-decoration: underline; }
  body > #user-prefs.night-vision.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.urllink:hover,
  body > #user-prefs.night-vision.highlight-links ~ div#main-container div#main-content:not(.page-profile) #main-entry #main-article a.twikilink:hover {
    background: yellow; }

body > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle.active {
  -webkit-box-shadow: 0 -2px 0 0 black;
  -moz-box-shadow: 0 -2px 0 0 black;
  box-shadow: 0 -2px 0 0 black; }

body > #user-prefs.night-vision ~ footer#main-footer {
  background: #28323f; }
  body > #user-prefs.night-vision ~ footer#main-footer .legal {
    background: #202832; }

body > #user-prefs.night-vision ~ div#main-container form input, body > #user-prefs.night-vision ~ div#main-container form textarea {
  color: white;
  border-color: transparent;
  background: rgba(190, 190, 190, 0.13);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(190, 190, 190, 0.13);
  -moz-box-shadow: inset 0 -1px 0 0 rgba(190, 190, 190, 0.13);
  box-shadow: inset 0 -1px 0 0 rgba(190, 190, 190, 0.13); }
  body > #user-prefs.night-vision ~ div#main-container form input::-webkit-input-placeholder, body > #user-prefs.night-vision ~ div#main-container form textarea::-webkit-input-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ div#main-container form input::-moz-placeholder, body > #user-prefs.night-vision ~ div#main-container form textarea::-moz-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ div#main-container form input:-ms-input-placeholder, body > #user-prefs.night-vision ~ div#main-container form textarea:-ms-input-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ div#main-container form input:-moz-placeholder, body > #user-prefs.night-vision ~ div#main-container form textarea:-moz-placeholder {
    color: #858585; }

body > #user-prefs.night-vision ~ div#main-container form select {
  color: #dedede;
  border-color: transparent;
  background-position: right bottom;
  -webkit-box-shadow: inset 0 2px 0 0 #444444;
  -moz-box-shadow: inset 0 2px 0 0 #444444;
  box-shadow: inset 0 2px 0 0 #444444; }

body > #user-prefs.night-vision ~ div#main-container form button {
  background: #006BB1;
  border-color: transparent;
  color: white; }
  body > #user-prefs.night-vision ~ div#main-container form button:active {
    line-height: 42px; }

body > #user-prefs.night-vision ~ div[id*="homepage-introBox"],
body > #user-prefs.night-vision ~ * div[id*="homepage-introBox"] {
  background: #28323f; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="HomePage"] #main-entry h1, body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="HomePage"] #main-entry h2 {
  background: none !important; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="History"] #main-entry .article-content .panel {
  border-color: #444444;
  -webkit-box-shadow: 0 2px 0 0 black;
  -moz-box-shadow: 0 2px 0 0 black;
  box-shadow: 0 2px 0 0 black; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="History"] #main-entry .article-content .panel-heading {
  background: rgba(190, 190, 190, 0.13);
  border-color: #444444;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="History"] #main-entry .article-content .panel:target {
  background: #28323f; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="History"] #main-entry .article-content .diffdel, body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="History"] #main-entry .article-content .diffadd {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="History"] #main-entry .article-content .arrow-yellow, body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="History"] #main-entry .article-content .diffdel {
  border-color: #444444; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="History"] #main-entry .article-content .arrow-green, body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="History"] #main-entry .article-content .diffadd {
  border-color: #7a8843; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="History"] #main-entry .article-content .down-arrow {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="History"] #main-entry .article-content .reason strong:first-of-type {
  border-color: #444444; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry .article-content > .launch-pad-draft {
  border-color: #444444; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry div.edit-box {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry textarea, body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry input {
  color: white;
  border-color: transparent;
  background: rgba(190, 190, 190, 0.13);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(190, 190, 190, 0.13);
  -moz-box-shadow: inset 0 -1px 0 0 rgba(190, 190, 190, 0.13);
  box-shadow: inset 0 -1px 0 0 rgba(190, 190, 190, 0.13); }
  body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry textarea::-webkit-input-placeholder, body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry input::-webkit-input-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry textarea::-moz-placeholder, body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry input::-moz-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry textarea:-ms-input-placeholder, body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry input:-ms-input-placeholder {
    color: #858585; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry textarea:-moz-placeholder, body > #user-prefs.night-vision ~ div#main-container div#main-content[class*="YKTTW"] #main-entry input:-moz-placeholder {
    color: #858585; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content ul.thread-breadcrumbs li,
body > #user-prefs.night-vision ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content ul.thread-breadcrumbs li {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.thread-list-pagination a,
body > #user-prefs.night-vision ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.thread-list-pagination a {
  background: #3c4b5e;
  color: #dedede; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div.thread-list-pagination a:hover,
body > #user-prefs.night-vision ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div.thread-list-pagination a:hover {
  background: #006BB1;
  color: white; }

body > #user-prefs.night-vision ~ div#main-container div#main-content[class*='page-Thread'] #main-entry .article-content div#smileyPanel,
body > #user-prefs.night-vision ~ div#main-container div#main-content[class*='page-Forum'] #main-entry .article-content div#smileyPanel {
  background: #28323f;
  border-color: transparent; }

body > #user-prefs.night-vision ~ * #search-results .gsc-control-cse {
  background: #1d1d1d;
  border-color: transparent;
  color: #dedede; }

body > #user-prefs.night-vision ~ * #search-results .gsc-webResult.gsc-result {
  border-color: transparent; }

body > #user-prefs.night-vision ~ * #search-results .gsc-result-info,
body > #user-prefs.night-vision ~ * #search-results .gsc-orderby-label,
body > #user-prefs.night-vision ~ * #search-results .gsc-cursor-page,
body > #user-prefs.night-vision ~ * #search-results .gs-bidi-start-align {
  color: #dedede !important; }

body > #user-prefs.night-vision ~ * #search-results .gsc-above-wrapper-area {
  border-color: #444444; }

body > #user-prefs.night-vision ~ * #search-results .gsc-cursor-current-page {
  color: black !important;
  background: #dedede;
  padding: 2px 5px;
  border-radius: 3px; }

body > #user-prefs.night-vision ~ *:not(#modal-box) .separator {
  background: #1d1d1d;
  color: #dedede; }
  body > #user-prefs.night-vision ~ *:not(#modal-box) .separator:before {
    background: #444444; }
  body > #user-prefs.night-vision ~ *:not(#modal-box) .separator.solid {
    background: rgba(190, 190, 190, 0.13); }

body > #user-prefs.night-vision ~ * p.separator.solid + table:before,
body > #user-prefs.night-vision ~ * p.separator.solid + .table-wrapper:before {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ * div.tile-view article a {
  background: rgba(190, 190, 190, 0.13);
  border-color: #444444; }

body > #user-prefs.night-vision ~ * div.tile-view article > div.tile-watch-button:hover + a,
body > #user-prefs.night-vision ~ * div.tile-view article > a:hover {
  -webkit-box-shadow: 0 1px 3px 0 black, inset 0 -2px 0 0 #1d1d1d;
  -moz-box-shadow: 0 1px 3px 0 black, inset 0 -2px 0 0 #1d1d1d;
  box-shadow: 0 1px 3px 0 black, inset 0 -2px 0 0 #1d1d1d; }

body > #user-prefs.night-vision ~ * div.tile-view article:after {
  background: #1d1d1d; }

body > #user-prefs.night-vision ~ .bubble,
body > #user-prefs.night-vision ~ * .bubble {
  background: #444444; }
  body > #user-prefs.night-vision ~ .bubble.green, body > #user-prefs.night-vision ~ .bubble.hover-green:hover,
  body > #user-prefs.night-vision ~ * .bubble.green,
  body > #user-prefs.night-vision ~ * .bubble.hover-green:hover {
    background: #99aa54; }
  body > #user-prefs.night-vision ~ .bubble.red, body > #user-prefs.night-vision ~ .bubble.hover-red:hover,
  body > #user-prefs.night-vision ~ * .bubble.red,
  body > #user-prefs.night-vision ~ * .bubble.hover-red:hover {
    background: #7a202a; }
  body > #user-prefs.night-vision ~ .bubble.blue, body > #user-prefs.night-vision ~ .bubble.hover-blue:hover,
  body > #user-prefs.night-vision ~ * .bubble.blue,
  body > #user-prefs.night-vision ~ * .bubble.hover-blue:hover {
    background: #006BB1; }
  body > #user-prefs.night-vision ~ .bubble.gray, body > #user-prefs.night-vision ~ .bubble.hover-gray:hover,
  body > #user-prefs.night-vision ~ * .bubble.gray,
  body > #user-prefs.night-vision ~ * .bubble.hover-gray:hover {
    background: #585858; }
  body > #user-prefs.night-vision ~ .bubble.light-gray, body > #user-prefs.night-vision ~ .bubble.hover-light-gray:hover,
  body > #user-prefs.night-vision ~ * .bubble.light-gray,
  body > #user-prefs.night-vision ~ * .bubble.hover-light-gray:hover {
    background: #3f3e3e;
    opacity: 0.5; }

body > #user-prefs.night-vision ~ *.button-group a,
body > #user-prefs.night-vision ~ * *.button-group a,
body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content *.button-group a,
body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .two-column a.button:not(.search-submit) {
  background: #006BB1;
  border-color: #1d1d1d;
  color: white; }
  body > #user-prefs.night-vision ~ *.button-group a:active,
  body > #user-prefs.night-vision ~ * *.button-group a:active,
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content *.button-group a:active,
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .two-column a.button:not(.search-submit):active {
    background-color: #004c7e; }
  body > #user-prefs.night-vision ~ *.button-group a .bubble.blue,
  body > #user-prefs.night-vision ~ * *.button-group a .bubble.blue,
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content *.button-group a .bubble.blue,
  body > #user-prefs.night-vision ~ div#main-container div#main-content #main-entry div.article-content .two-column a.button:not(.search-submit) .bubble.blue {
    background: #dedede;
    color: #006BB1; }

body > #user-prefs.night-vision ~ div.hover-menu,
body > #user-prefs.night-vision ~ * div.hover-menu {
  background: #1d1d1d; }
  body > #user-prefs.night-vision ~ div.hover-menu:before,
  body > #user-prefs.night-vision ~ * div.hover-menu:before {
    border-top-color: #28323f; }
  body > #user-prefs.night-vision ~ div.hover-menu a,
  body > #user-prefs.night-vision ~ * div.hover-menu a {
    color: #b8b8b8;
    background: #28323f; }
  body > #user-prefs.night-vision ~ div.hover-menu a:hover,
  body > #user-prefs.night-vision ~ * div.hover-menu a:hover {
    color: #dedede; }

body > #user-prefs.night-vision ~ div.section-block hr,
body > #user-prefs.night-vision ~ * div.section-block hr {
  border-color: #444444 !important; }

body > #user-prefs.night-vision ~ div.section-block:before,
body > #user-prefs.night-vision ~ * div.section-block:before {
  -webkit-box-shadow: inset 0 0 0 1px #444444;
  -moz-box-shadow: inset 0 0 0 1px #444444;
  box-shadow: inset 0 0 0 1px #444444; }

body > #user-prefs.night-vision ~ * table:not(.wikitable) thead {
  background: rgba(190, 190, 190, 0.13); }

body > #user-prefs.night-vision ~ * table:not(.wikitable) tbody > tr {
  border-bottom-color: transparent; }

body > #user-prefs.night-vision ~ * table:not(.wikitable) tr:nth-of-type(even) {
  background: rgba(190, 190, 190, 0.06); }

body > #user-prefs.night-vision ~ * table:not(.wikitable) tbody > tr.dark {
  background: #1e1e1e; }
  body > #user-prefs.night-vision ~ * table:not(.wikitable) tbody > tr.dark:nth-of-type(even) {
    background-color: #191919; }

body > #user-prefs.night-vision ~ * .comment-box,
body > #user-prefs.night-vision ~ * .comment-box.reply {
  border-color: #444444; }
  body > #user-prefs.night-vision ~ * .comment-box[class*='reply'],
  body > #user-prefs.night-vision ~ * .comment-box.reply[class*='reply'] {
    background: none; }
  body > #user-prefs.night-vision ~ * .comment-box div.comment-body div.troper-comment,
  body > #user-prefs.night-vision ~ * .comment-box.reply div.comment-body div.troper-comment {
    border-color: #444444; }
    body > #user-prefs.night-vision ~ * .comment-box div.comment-body div.troper-comment a.options-button,
    body > #user-prefs.night-vision ~ * .comment-box.reply div.comment-body div.troper-comment a.options-button {
      background: #b8b8b8;
      color: black !important;
      opacity: 0.2; }
    body > #user-prefs.night-vision ~ * .comment-box div.comment-body div.troper-comment div.comment:before,
    body > #user-prefs.night-vision ~ * .comment-box.reply div.comment-body div.troper-comment div.comment:before {
      border-color: #444444;
      background: #1d1d1d; }
    body > #user-prefs.night-vision ~ * .comment-box div.comment-body div.troper-comment div.comment > .reply-toggle,
    body > #user-prefs.night-vision ~ * .comment-box.reply div.comment-body div.troper-comment div.comment > .reply-toggle {
      border-color: #1d1d1d; }
  body > #user-prefs.night-vision ~ * .comment-box div.comment-body span.troper-signature,
  body > #user-prefs.night-vision ~ * .comment-box.reply div.comment-body span.troper-signature {
    border-color: #444444; }
  body > #user-prefs.night-vision ~ * .comment-box.mod-mode div.comment-body div.troper-comment,
  body > #user-prefs.night-vision ~ * .comment-box.mod-mode div.comment-body span.troper-signature,
  body > #user-prefs.night-vision ~ * .comment-box.mod-mode div.comment-body div.troper-comment div.comment:before,
  body > #user-prefs.night-vision ~ * .comment-box.reply.mod-mode div.comment-body div.troper-comment,
  body > #user-prefs.night-vision ~ * .comment-box.reply.mod-mode div.comment-body span.troper-signature,
  body > #user-prefs.night-vision ~ * .comment-box.reply.mod-mode div.comment-body div.troper-comment div.comment:before {
    border-color: #7a202a;
    background: #290b0e; }

body > #user-prefs.night-vision ~ * div.comment-box:target div.comment-body div.troper-comment,
body > #user-prefs.night-vision ~ * div.comment-box:target div.comment-body div.comment:before,
body > #user-prefs.night-vision ~ * a:target + div.comment-box div.comment-body div.troper-comment,
body > #user-prefs.night-vision ~ * a:target + div.comment-box div.comment-body div.comment:before {
  background: #28323f !important; }

body > #user-prefs.night-vision ~ * div.comment-box.reply:target,
body > #user-prefs.night-vision ~ * div.replies > div.comment-box:target {
  background: #28323f; }

body > #user-prefs.night-vision ~ * #comic-viewer .comic-title,
body > #user-prefs.night-vision ~ * #comic-viewer #comic-viewer-window,
body > #user-prefs.night-vision ~ * #comic-viewer .comic-viewer-nav {
  background-color: inherit !important; }

body > #user-prefs.night-vision ~ * #comic-viewer .comic-title {
  border-color: rgba(190, 190, 190, 0.13) !important; }

body > #user-prefs.night-vision ~ * #comic-viewer .comic-viewer-nav {
  background-image: none !important;
  -webkit-box-shadow: 0 0 0 1px rgba(190, 190, 190, 0.13);
  -moz-box-shadow: 0 0 0 1px rgba(190, 190, 190, 0.13);
  box-shadow: 0 0 0 1px rgba(190, 190, 190, 0.13); }

body:not(.skinned) > #user-prefs.night-vision ~ #main-header-bar,
body:not(.skinned) > #user-prefs.night-vision ~ *.action-bar,
body:not(.skinned) > #user-prefs.night-vision ~ * .action-bar {
  background: #28323f; }

body:not(.skinned) > #user-prefs.night-vision ~ #main-header-bar > #main-header-bar-inner #main-header-bar-right #search-box .search input.submit-button {
  color: #1d1d1d; }

body:not(.skinned) > #user-prefs.night-vision ~ * ul.subpage-links li > a {
  border-color: #0061a0;
  color: #008fec; }

body:not(.skinned) > #user-prefs.night-vision ~ * ul.subpage-links li > a.curr-subpage {
  color: white;
  background-color: #0061a0; }

body:not(.skinned) > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle {
  background-color: #444444;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #444444 0%, #1d1d1d 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #1d1d1d));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #444444 0%, #1d1d1d 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #444444 0%, #1d1d1d 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #444444 0%, #1d1d1d 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #444444 0%, #1d1d1d 100%);
  /* W3C */ }
  body:not(.skinned) > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle:after {
    background: #1d1d1d; }
  body:not(.skinned) > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #444444;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #1d1d1d 0%, #444444 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d1d1d), color-stop(100%, #444444));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #1d1d1d 0%, #444444 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #1d1d1d 0%, #444444 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #1d1d1d 0%, #444444 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #1d1d1d 0%, #444444 100%);
    /* W3C */ }
  body:not(.skinned) > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle > * {
    opacity: 0.6; }
  body:not(.skinned) > #user-prefs.night-vision ~ * a#mobile-actionbar-toggle:hover * {
    opacity: 1; }

body:not(.skinned) > #user-prefs.night-vision ~ * nav.mobile-actions-wrapper ul#mobile-page-actions {
  background: #1d1d1d; }

body:not(.skinned) > #user-prefs.night-vision ~ * ul#left-floating-socialShares li > a:not(.fb):not(.tw):before {
  background: #a4a4a4;
  opacity: 0.3; }

body:not(.skinned) > #user-prefs.night-vision ~ * ul#left-floating-socialShares:after {
  background: #2f2f2f;
  color: #a4a4a4;
  -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.2); }

@media (max-width: 1291px) {
  body > #user-prefs.night-vision ~ div#main-container div#main-content .social-shares-wrapper ul {
    border: none; }
    body > #user-prefs.night-vision ~ div#main-container div#main-content .social-shares-wrapper ul:after {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; } }

@media (min-width: 980px) {
  body > #user-prefs.night-vision ~ *.watch-button,
  body > #user-prefs.night-vision ~ * .watch-button {
    color: rgba(255, 255, 255, 0.6);
    border-color: #323232;
    border-top-color: #565656;
    text-shadow: 0 -1px black; }
    body > #user-prefs.night-vision ~ *.watch-button:hover,
    body > #user-prefs.night-vision ~ * .watch-button:hover {
      color: #008fec;
      -webkit-box-shadow: 0 1px 5px 0 black, inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 5px 0 black, inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 5px 0 black, inset 0 -2px 0 0 rgba(0, 0, 0, 0.1); }
    body > #user-prefs.night-vision ~ *.watch-button:active,
    body > #user-prefs.night-vision ~ * .watch-button:active {
      color: rgba(255, 255, 255, 0.6);
      background: rgba(0, 0, 0, 0.2);
      border-color: transparent;
      line-height: 29px;
      -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
      -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5);
      box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.5); } }

@media (max-width: 980px) {
  body > #user-prefs.night-vision:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #1d1d1d; }
  body > #user-prefs.night-vision ~ div#main-container div#main-content {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    body > #user-prefs.night-vision ~ div#main-container div#main-content.page-Profile #main-entry .article-content #change-password-link {
      background: #1d1d1d; }
  body:not(.skinned) > #user-prefs.night-vision {
    /*
		& ~ #main-header-bar,
		& ~ *.action-bar,
		& ~ * .action-bar { background:$color-blue-dark }*/ }
    body:not(.skinned) > #user-prefs.night-vision ~ *.watch-button,
    body:not(.skinned) > #user-prefs.night-vision ~ * .watch-button {
      color: #b3b3b3;
      border: none;
      line-height: 32px;
      text-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background-color: #444444;
      /* Old browsers */
      background-image: -moz-linear-gradient(top, #444444 0%, #1d1d1d 100%);
      /* FF3.6+ */
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #1d1d1d));
      /* Chrome,Safari4+ */
      background-image: -webkit-linear-gradient(top, #444444 0%, #1d1d1d 100%);
      /* Chrome10+,Safari5.1+ */
      background-image: -o-linear-gradient(top, #444444 0%, #1d1d1d 100%);
      /* Opera 11.10+ */
      background-image: -ms-linear-gradient(top, #444444 0%, #1d1d1d 100%);
      /* IE10+ */
      background-image: linear-gradient(to bottom, #444444 0%, #1d1d1d 100%);
      /* W3C */ }
      body:not(.skinned) > #user-prefs.night-vision ~ *.watch-button:hover,
      body:not(.skinned) > #user-prefs.night-vision ~ * .watch-button:hover {
        color: white;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      body:not(.skinned) > #user-prefs.night-vision ~ *.watch-button:active,
      body:not(.skinned) > #user-prefs.night-vision ~ * .watch-button:active {
        line-height: 33px;
        background: #2b2a2a; } }

@media (max-width: 765px) {
  body > #user-prefs.night-vision ~ * .comment-box div.comment-body div.troper-comment p.comment:before {
    background: black !important; }
  body:not(.skinned) > #user-prefs.night-vision ~ * .watch-button {
    color: transparent !important; }
    body:not(.skinned) > #user-prefs.night-vision ~ * .watch-button:after {
      color: white !important; } }

body.darthWiki > #user-prefs {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  z-index: 1; }

body.darthWiki > #user-prefs:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url("/images/darthwiki-BG.jpg") center top;
  background-size: 490px 650px; }

body.darthWiki > #user-prefs.night-vision {
  background: black; }

body.darthWiki > #user-prefs.night-vision:after {
  -webkit-filter: brightness(35%) contrast(200%);
  filter: brightness(35%) contrast(200%); }

body.darthWiki header#main-header-bar {
  background: url("/images/darthwiki-navBG.png");
  background-size: 438px 58px;
  background-position: bottom; }
  body.darthWiki header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a.button-random-trope:before {
    background-color: #cc1812; }
  body.darthWiki header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a.button-random-media:before {
    background-color: #89100c; }
  body.darthWiki header#main-header-bar input.submit-button {
    color: black; }

body.darthWiki #main-container .action-bar {
  color: white;
  background: url("/images/darthwiki-actionbarBG.gif") repeat-x top;
  background-size: 344px 54px;
  background-position: 0 0;
  border-radius: 0; }
  body.darthWiki #main-container .action-bar:after {
    content: '';
    width: 100%;
    height: 6px;
    background: red;
    position: absolute;
    bottom: -4px;
    left: 0;
    display: block;
    background: url("/images/darthwiki-actionbarBGafter.gif") repeat-x bottom;
    background-size: 344px 6px; }
  body.darthWiki #main-container .action-bar a {
    color: white; }
  body.darthWiki #main-container .action-bar a:hover {
    color: white; }
  body.darthWiki #main-container .action-bar a.scroll-to-top:after {
    background: white;
    color: #89100c; }
  body.darthWiki #main-container .action-bar button.nav__dropdown-toggle {
    color: white; }
  body.darthWiki #main-container .action-bar button.nav__dropdown-toggle.is-open {
    background: #580a08; }
  body.darthWiki #main-container .action-bar ul.priority-nav__dropdown li {
    background: #580a08; }
  body.darthWiki #main-container .action-bar ul.nav__dropdown.priority-nav__dropdown.show {
    top: 27px; }
  body.darthWiki #main-container .action-bar div.action-bar-right a:hover {
    color: #89100c; }

body.darthWiki #main-container #main-content article#main-entry h1.entry-title strong {
  font-family: 'IM Fell English SC', serif;
  /*
				color:rgba(0,0,0,0);
				background:url('/images/sugarwiki-label.png') center no-repeat;
				background-size: auto 44px;
				position: relative;
				top:4px;*/ }

body.darthWiki #main-container #main-content #main-content-sidebar {
  background: white; }

body.darthWiki #main-container #main-content #main-content-sidebar .sidebar-item p.sidebar-item-title:after {
  color: #580a08;
  background: white; }

body.darthWiki #main-container #main-content .article-content a:hover {
  text-decoration: underline; }

body.darthWiki a#mobile-actionbar-toggle {
  background-color: #89100c;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #89100c 0%, #580a08 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89100c), color-stop(100%, #580a08));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #89100c 0%, #580a08 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #89100c 0%, #580a08 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #89100c 0%, #580a08 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #89100c 0%, #580a08 100%);
  /* W3C */ }
  body.darthWiki a#mobile-actionbar-toggle:after {
    background: #580a08; }
  body.darthWiki a#mobile-actionbar-toggle:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

body.darthWiki nav.mobile-actions-wrapper ul#mobile-page-actions {
  background: #89100c; }
  body.darthWiki nav.mobile-actions-wrapper ul#mobile-page-actions li > a {
    color: rgba(255, 255, 255, 0.8); }
  body.darthWiki nav.mobile-actions-wrapper ul#mobile-page-actions li > a:hover {
    color: white; }

body.darthWiki ul#left-floating-socialShares:after {
  background: #89100c;
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

body.darthWiki ul.subpage-links > li > a {
  border-color: #89100c;
  color: #580a08; }
  body.darthWiki ul.subpage-links > li > a:hover {
    color: #580a08;
    border-color: #580a08; }
  body.darthWiki ul.subpage-links > li > a.curr-subpage, body.darthWiki ul.subpage-links > li > a.selected {
    color: white;
    background: #89100c; }
    body.darthWiki ul.subpage-links > li > a.curr-subpage:hover, body.darthWiki ul.subpage-links > li > a.selected:hover {
      background: #580a08;
      border-color: #580a08; }

body.darthWiki .display-toggle.active {
  background: #89100c; }

body.darthWiki .display-toggle.active:after {
  color: white; }

body.darthWiki footer#main-footer {
  background: #580a08; }

body.darthWiki > #user-prefs.night-vision ~ * ul.subpage-links > li > a:not(.curr-subpage) {
  color: #cc1812; }

body.darthWiki > #user-prefs.night-vision ~ * ul.subpage-links > li > a.curr-subpage:hover {
  border-color: #cc1812;
  background-color: #cc1812; }

body.darthWiki > #user-prefs.night-vision ~ * ul.subpage-links > li > a:not(.curr-subpage):hover {
  border-color: #cc1812; }

body.darthWiki .watch-button,
body.darthWiki * > .watch-button {
  color: white;
  border: none;
  line-height: 32px;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #89100c;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #89100c 0%, #580a08 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89100c), color-stop(100%, #580a08));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #89100c 0%, #580a08 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #89100c 0%, #580a08 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #89100c 0%, #580a08 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #89100c 0%, #580a08 100%);
  /* W3C */ }
  body.darthWiki .watch-button:after,
  body.darthWiki * > .watch-button:after {
    color: white; }
  body.darthWiki .watch-button:hover,
  body.darthWiki * > .watch-button:hover {
    color: white; }
  body.darthWiki .watch-button:hover:after,
  body.darthWiki * > .watch-button:hover:after {
    color: white; }
  body.darthWiki .watch-button:active,
  body.darthWiki * > .watch-button:active {
    line-height: 33px;
    background-color: #89100c;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #580a08 0%, #89100c 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #580a08), color-stop(100%, #89100c));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #580a08 0%, #89100c 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #580a08 0%, #89100c 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #580a08 0%, #89100c 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #580a08 0%, #89100c 100%);
    /* W3C */ }

body.sugarWiki > #user-prefs {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  z-index: 1; }

body.sugarWiki > #user-prefs:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url("/images/sugarWiki-bg.jpg") center top;
  background-size: 240px 240px; }

body.sugarWiki > #user-prefs.night-vision {
  background: black; }

body.sugarWiki > #user-prefs.night-vision:after {
  -webkit-filter: brightness(32%) contrast(200%);
  filter: brightness(32%) contrast(200%); }

body.sugarWiki header#main-header-bar {
  background: url("/images/sugarwiki-navBG.png");
  background-size: 438px 58px; }
  body.sugarWiki header#main-header-bar div#main-header-bar-inner #main-mobile-toggle {
    z-index: 2; }
  body.sugarWiki header#main-header-bar div#main-header-bar-inner #main-header-logoButton,
  body.sugarWiki header#main-header-bar div#main-header-bar-inner #main-header-nav,
  body.sugarWiki header#main-header-bar div#main-header-bar-inner #main-header-bar-right {
    position: relative;
    z-index: 2; }
  body.sugarWiki header#main-header-bar div#main-header-bar-inner span#header-spacer-right:after,
  body.sugarWiki header#main-header-bar div#main-header-bar-inner span#header-spacer-left:after {
    content: '';
    width: calc(100% + 150px);
    height: 75px;
    display: block;
    position: absolute;
    bottom: -20px;
    right: -150px;
    background: url("/images/sugarwiki-navBG-drips.png") right;
    background-size: 346px 75px; }
  body.sugarWiki header#main-header-bar div#main-header-bar-inner span#header-spacer-right:after {
    background-position: left;
    width: calc(100% + 80px);
    right: auto;
    left: -80px; }
  body.sugarWiki header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a.button-random-trope:before {
    background-color: #ffabc8; }
  body.sugarWiki header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a.button-random-media:before {
    background-color: #ff457f; }
  body.sugarWiki header#main-header-bar div#main-header-bar-inner input.submit-button {
    color: black; }

body.sugarWiki #main-container .action-bar {
  color: white;
  background: url("/images/sugarwiki-actionbarBG.gif") repeat-x top;
  background-size: 267px 40px;
  background-position: 0 0;
  border-radius: 0; }
  body.sugarWiki #main-container .action-bar:before, body.sugarWiki #main-container .action-bar:after {
    content: '';
    width: 24px;
    height: 41px;
    display: block;
    position: absolute;
    background: url("/images/sugarwiki-actionbarBGafter.png") no-repeat center;
    background-size: 24px 41px;
    left: -8px;
    top: 0; }
  body.sugarWiki #main-container .action-bar:after {
    left: auto;
    right: -8px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  body.sugarWiki #main-container .action-bar div.action-bar-right {
    z-index: 2; }
  body.sugarWiki #main-container .action-bar div.action-bar-right a:hover {
    color: #d63e6d; }
  body.sugarWiki #main-container .action-bar a {
    color: white; }
  body.sugarWiki #main-container .action-bar a:hover {
    color: white; }
  body.sugarWiki #main-container .action-bar a.scroll-to-top {
    position: relative;
    z-index: 2; }
  body.sugarWiki #main-container .action-bar a.scroll-to-top:after {
    background: white;
    color: #ff6192; }
  body.sugarWiki #main-container .action-bar button.nav__dropdown-toggle {
    color: white; }
  body.sugarWiki #main-container .action-bar button.nav__dropdown-toggle.is-open {
    background: #d63e6d; }
  body.sugarWiki #main-container .action-bar ul.priority-nav__dropdown li {
    background: #d63e6d; }

body.sugarWiki #main-container #main-content article#main-entry h1.entry-title strong {
  font-family: 'Leckerli One', cursive;
  /*
				color:rgba(0,0,0,0);
				background:url('/images/sugarwiki-label.png') center no-repeat;
				background-size: auto 44px;
				position: relative;
				top:4px;*/ }

body.sugarWiki #main-container #main-content #main-content-sidebar {
  background: white; }

body.sugarWiki #main-container #main-content #main-content-sidebar .sidebar-item p.sidebar-item-title:after {
  color: #d63e6d;
  background: white; }

body.sugarWiki #main-container #main-content .article-content a:hover {
  text-decoration: underline; }

body.sugarWiki a#mobile-actionbar-toggle {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ff6192;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6192), color-stop(100%, #d63e6d));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #ff6192 0%, #d63e6d 100%);
  /* W3C */ }
  body.sugarWiki a#mobile-actionbar-toggle:after {
    background: #d63e6d; }
  body.sugarWiki a#mobile-actionbar-toggle:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #ff6192;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #d63e6d 0%, #ff6192 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d63e6d), color-stop(100%, #ff6192));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #d63e6d 0%, #ff6192 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #d63e6d 0%, #ff6192 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #d63e6d 0%, #ff6192 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #d63e6d 0%, #ff6192 100%);
    /* W3C */ }

body.sugarWiki nav.mobile-actions-wrapper ul#mobile-page-actions {
  background: #d63e6d; }
  body.sugarWiki nav.mobile-actions-wrapper ul#mobile-page-actions li > a {
    color: white; }
  body.sugarWiki nav.mobile-actions-wrapper ul#mobile-page-actions li > a:hover {
    color: white; }

body.sugarWiki ul#left-floating-socialShares:after {
  background: #ff6192;
  color: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

body.sugarWiki ul.subpage-links > li > a {
  border-color: #ff6192;
  color: #d63e6d; }
  body.sugarWiki ul.subpage-links > li > a:hover {
    color: #d63e6d;
    border-color: #d63e6d; }
  body.sugarWiki ul.subpage-links > li > a.curr-subpage, body.sugarWiki ul.subpage-links > li > a.selected {
    color: white;
    background: #ff6192; }
    body.sugarWiki ul.subpage-links > li > a.curr-subpage:hover, body.sugarWiki ul.subpage-links > li > a.selected:hover {
      background: #ff6192;
      border-color: #ff6192; }

body.sugarWiki .display-toggle.active {
  background: #ff90b6; }

body.sugarWiki .display-toggle.active:after {
  color: white; }

body.sugarWiki footer#main-footer {
  background: #3e2514; }

body.sugarWiki .watch-button,
body.sugarWiki * > .watch-button {
  color: white;
  border: none;
  line-height: 32px;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ff6192;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6192), color-stop(100%, #d63e6d));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #ff6192 0%, #d63e6d 100%);
  /* W3C */ }
  body.sugarWiki .watch-button:after,
  body.sugarWiki * > .watch-button:after {
    color: white; }
  body.sugarWiki .watch-button:hover,
  body.sugarWiki * > .watch-button:hover {
    color: white; }
  body.sugarWiki .watch-button:active,
  body.sugarWiki * > .watch-button:active {
    line-height: 33px;
    background-color: #ff6192;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6192), color-stop(100%, #d63e6d));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #ff6192 0%, #d63e6d 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #ff6192 0%, #d63e6d 100%);
    /* W3C */ }

body.wmgWiki > #user-prefs {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  z-index: 1; }

body.wmgWiki > #user-prefs:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url("/images/wmg-BG.jpg") center top;
  background-size: 480px 480px; }

body.wmgWiki > #user-prefs.night-vision {
  background: black; }

body.wmgWiki > #user-prefs.night-vision:after {
  -webkit-filter: brightness(35%) contrast(200%);
  filter: brightness(35%) contrast(200%); }

body.wmgWiki header#main-header-bar {
  background: url("/images/wmg-navBG.png") repeat-x bottom;
  background-size: 344px 54px; }
  body.wmgWiki header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a.button-random-trope:before {
    background-color: #ffbd05; }
  body.wmgWiki header#main-header-bar div#main-header-bar-inner div#main-header-bar-right div#random-box a.button-random-media:before {
    background-color: #d97c04; }
  body.wmgWiki header#main-header-bar input.submit-button {
    color: black; }

body.wmgWiki #main-container .action-bar {
  color: black;
  background: url("/images/wmg-actionbarBG.gif") repeat-x top;
  background-size: 344px 54px;
  background-position: 0 0;
  border-radius: 0; }
  body.wmgWiki #main-container .action-bar a {
    color: black; }
  body.wmgWiki #main-container .action-bar a:hover {
    color: black; }
  body.wmgWiki #main-container .action-bar a.scroll-to-top:after {
    background: black;
    color: #fbd440; }
  body.wmgWiki #main-container .action-bar button.nav__dropdown-toggle {
    color: black; }
  body.wmgWiki #main-container .action-bar button.nav__dropdown-toggle.is-open {
    background: #d9a800; }
  body.wmgWiki #main-container .action-bar ul.priority-nav__dropdown li {
    background: #d9a800; }

body.wmgWiki #main-container #main-content article#main-entry h1.entry-title strong {
  font-family: 'Permanent Marker', cursive; }

body.wmgWiki #main-container #main-content #main-content-sidebar {
  background: white; }

body.wmgWiki #main-container #main-content #main-content-sidebar .sidebar-item p.sidebar-item-title:after {
  color: #d9a800;
  background: white; }

body.wmgWiki #main-container #main-content .article-content a:hover {
  text-decoration: underline; }

body.wmgWiki a#mobile-actionbar-toggle {
  color: black;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fbd440;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fbd440 0%, #d9a800 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbd440), color-stop(100%, #d9a800));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fbd440 0%, #d9a800 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fbd440 0%, #d9a800 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fbd440 0%, #d9a800 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fbd440 0%, #d9a800 100%);
  /* W3C */ }
  body.wmgWiki a#mobile-actionbar-toggle span, body.wmgWiki a#mobile-actionbar-toggle span:before {
    background: black; }
  body.wmgWiki a#mobile-actionbar-toggle i {
    color: black; }
  body.wmgWiki a#mobile-actionbar-toggle:after {
    background: #d9a800; }
  body.wmgWiki a#mobile-actionbar-toggle:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fbd440;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #d9a800 0%, #fbd440 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9a800), color-stop(100%, #fbd440));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #d9a800 0%, #fbd440 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #d9a800 0%, #fbd440 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #d9a800 0%, #fbd440 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #d9a800 0%, #fbd440 100%);
    /* W3C */ }

body.wmgWiki nav.mobile-actions-wrapper ul#mobile-page-actions {
  background: #fbd440; }
  body.wmgWiki nav.mobile-actions-wrapper ul#mobile-page-actions li > a {
    color: rgba(0, 0, 0, 0.6); }
  body.wmgWiki nav.mobile-actions-wrapper ul#mobile-page-actions li > a:hover {
    color: black; }

body.wmgWiki ul#left-floating-socialShares:after {
  background: #fbd440;
  color: black;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

body.wmgWiki ul.subpage-links > li > a {
  border-color: #fbd440;
  color: #d9a800; }
  body.wmgWiki ul.subpage-links > li > a:hover {
    color: #d9a800;
    border-color: #d9a800; }
  body.wmgWiki ul.subpage-links > li > a.curr-subpage, body.wmgWiki ul.subpage-links > li > a.selected {
    color: white;
    background: #ffd33b; }
    body.wmgWiki ul.subpage-links > li > a.curr-subpage:hover, body.wmgWiki ul.subpage-links > li > a.selected:hover {
      background: #fbd440;
      border-color: #fbd440; }

body.wmgWiki .display-toggle.active {
  background: #fbd440; }

body.wmgWiki .display-toggle.active:after {
  color: black; }

body.wmgWiki footer#main-footer {
  background: url("/images/wmg-footerBG.gif"); }

body.wmgWiki .watch-button,
body.wmgWiki * > .watch-button {
  color: black;
  border: none;
  line-height: 32px;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fbd440;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #fbd440 0%, #d9a800 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbd440), color-stop(100%, #d9a800));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #fbd440 0%, #d9a800 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #fbd440 0%, #d9a800 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #fbd440 0%, #d9a800 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #fbd440 0%, #d9a800 100%);
  /* W3C */ }
  body.wmgWiki .watch-button:after,
  body.wmgWiki * > .watch-button:after {
    color: black; }
  body.wmgWiki .watch-button:active,
  body.wmgWiki * > .watch-button:active {
    line-height: 33px;
    background-color: #fbd440;
    /* Old browsers */
    background-image: -moz-linear-gradient(top, #d9a800 0%, #fbd440 100%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9a800), color-stop(100%, #fbd440));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #d9a800 0%, #fbd440 100%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, #d9a800 0%, #fbd440 100%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #d9a800 0%, #fbd440 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, #d9a800 0%, #fbd440 100%);
    /* W3C */ }