/* 
  do not use these colors directly! create local aliases with descriptive names
  i.e.
   
  @my-background-color: @color-eggshell;
 */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.c-hidden {
  display: none;
}
.c-clearfix:before,
.c-clearfix:after {
  content: " ";
  display: table;
}
.c-clearfix:after {
  clear: both;
}
.c-pull-right {
  float: right;
}
.c-pull-left {
  float: left;
}
.c-hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.c-hidden {
  display: none;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.c-form-control {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  width: 100%;
  font-size: 14px;
  height: 34px;
  line-height: 20px;
  padding: 6px 12px;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.15);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.c-form-control:focus {
  border-color: #3c80d3;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #3c80d3;
}
.c-form-control::-moz-placeholder {
  color: #a6a6a6;
  opacity: 1;
}
.c-form-control:-ms-input-placeholder {
  color: #a6a6a6;
}
.c-form-control::-webkit-input-placeholder {
  color: #a6a6a6;
}
textarea.c-form-control {
  height: auto;
  resize: vertical;
}
.c-form-group {
  margin-bottom: 10px;
  position: relative;
}
.c-form-inline .c-form-group {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  vertical-align: middle;
}
.c-form-inline .c-form-control {
  display: inline-block;
  vertical-align: middle;
}
.c-submit-group {
  margin-top: 34px;
}
.c-radio,
.c-checkbox {
  position: relative;
  display: block;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.c-radio label,
.c-checkbox label {
  font-weight: normal;
  cursor: pointer;
}
.c-radio.c-input-height,
.c-checkbox.c-input-height {
  min-height: 34px;
}
.c-radio input[type="radio"],
.c-checkbox input[type="checkbox"] {
  margin-right: .5em;
  line-height: normal;
}
.c-radio input[type="radio"]:focus,
.c-checkbox input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.c-help-block {
  display: block;
}
.c-checkbox .c-help-block {
  margin-top: 5px;
}
.c-help-block.c-help-block-toggle {
  display: none;
}
.c-btn {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 4px 12px 3px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.c-btn:hover,
.c-btn:focus {
  color: #fff;
  text-decoration: none;
}
.c-btn:active,
.c-btn.active {
  outline: 0;
  background-image: none;
}
.c-btn.disabled,
.c-btn[disabled],
fieldset[disabled] .c-btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
.c-btn-primary {
  background-color: #4f86b5;
  border-bottom: 2px solid #4270a2;
  color: #fff;
}
.c-btn-primary:hover,
.c-btn-primary:focus,
.c-btn-primary:active,
.c-btn-primary.disabled,
.c-btn-primary[disabled] {
  background-color: #4980ae;
  color: #fff;
}
.c-btn-primary:focus {
  outline-offset: 1px;
}
.c-btn-primary:active,
.c-btn-primary.active {
  border-bottom-width: 1px;
  margin-top: 1px;
}
.c-btn-secondary {
  background-color: #c6c6c6;
  border-bottom: 2px solid #b8b8b8;
  color: #fff;
}
.c-btn-secondary:hover,
.c-btn-secondary:focus,
.c-btn-secondary:active,
.c-btn-secondary.disabled,
.c-btn-secondary[disabled] {
  background-color: #c0c0c0;
  color: #fff;
}
.c-btn-secondary:focus {
  outline-offset: 1px;
}
.c-btn-secondary:active,
.c-btn-secondary.active {
  border-bottom-width: 1px;
  margin-top: 1px;
}
.c-btn-highlight {
  background-color: #DC6431;
  border-bottom: 2px solid #C9532B;
  color: #fff;
}
.c-btn-highlight:hover,
.c-btn-highlight:focus,
.c-btn-highlight:active,
.c-btn-highlight.disabled,
.c-btn-highlight[disabled] {
  background-color: #da5c26;
  color: #fff;
}
.c-btn-highlight:focus {
  outline-offset: 1px;
}
.c-btn-highlight:active,
.c-btn-highlight.active {
  border-bottom-width: 1px;
  margin-top: 1px;
}
.c-tooltip {
  position: absolute;
  z-index: 1002;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.c-tooltip .tooltip-inner {
  padding: 2px 8px 3px;
  color: #fff;
  text-decoration: none;
  background-color: #000;
  border-radius: 2px;
}
.c-tooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 8px;
}
.c-tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.c-tooltip.top {
  padding: 8px 0;
}
.c-tooltip.right {
  padding: 0 8px;
}
.c-tooltip.bottom {
  padding: 8px 0;
}
.c-tooltip.left {
  padding: 0 8px;
}
.c-tooltip.top .tooltip-arrow {
  bottom: 2px;
  left: 50%;
  margin-left: -8px;
  border-bottom-width: 0;
  border-top-color: #000;
}
.c-tooltip.top-right .tooltip-arrow {
  bottom: -8px;
  left: auto;
  right: 2px;
  border-bottom-width: 0;
  border-top-color: #000;
}
.c-tooltip.right .tooltip-arrow {
  top: 50%;
  left: 2px;
  margin-top: -8px;
  border-left-width: 0;
  border-right-color: #000;
}
.c-tooltip.left .tooltip-arrow {
  top: 50%;
  right: 2px;
  margin-top: -8px;
  border-right-width: 0;
  border-left-color: #000;
}
.c-tooltip.bottom .tooltip-arrow {
  top: 2px;
  left: 50%;
  margin-left: -8px;
  border-top-width: 0;
  border-bottom-color: #000;
}
.c-has-feedback {
  position: relative;
}
.c-has-error .c-tooltip.right .tooltip-arrow {
  border-right-color: #d4473f;
}
.c-has-error .c-tooltip.left .tooltip-arrow {
  border-left-color: #d4473f;
}
.c-has-error .c-tooltip.top-right .tooltip-arrow,
.c-has-error .c-tooltip.top .tooltip-arrow {
  border-top-color: #d4473f;
}
.c-has-error .c-tooltip.bottom .tooltip-arrow {
  border-bottom-color: #d4473f;
}
.c-has-error .tooltip-inner {
  background-color: #d4473f;
}
.c-has-success .c-tooltip.right .tooltip-arrow {
  border-right-color: #6ec02a;
}
.c-has-success .c-tooltip.left .tooltip-arrow {
  border-left-color: #6ec02a;
}
.c-has-success .c-tooltip.top-right .tooltip-arrow,
.c-has-success .c-tooltip.top .tooltip-arrow {
  border-top-color: #6ec02a;
}
.c-has-success .c-tooltip.bottom .tooltip-arrow {
  border-bottom-color: #6ec02a;
}
.c-has-success .tooltip-inner {
  background-color: #6ec02a;
}
.c-form-control-feedback-wrapper {
  width: calc(125%);
  width: 110%;
  position: absolute;
  left: 100%;
  top: 0;
}
.c-form-control-feedback-wrapper.inside-input {
  margin-left: -30px;
}
.c-form-control-feedback {
  display: none;
  position: absolute;
  left: 5px;
  top: 7px;
  height: 20px;
  width: 20px;
  vertical-align: middle;
}
.c-form-control-feedback-throbber,
.c-form-throbber:after {
  background-image: url("data:image/gif;base64,R0lGODlhFAAUAIQAAFxeXMTCxISGhOTm5NTS1JyenHRydPT29MzKzJSSlOzu7Nza3KSmpHx6fGxubPz+/GRiZMTGxIyOjOzq7NTW1KSipHR2dPz6/MzOzJSWlPTy9Nze3KyqrHx+fP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBwAeACwAAAAAFAAUAAAFj6AnjuMwkWgqBgAUqOMTFJQoQYA0ahfKQpCB5/fycACC3qiAAyBEA6Go0dKQKECHNYVoMFKDyBaGOiwOZNXGAXFs0p7LppfAQRLwCqDiyQD+GXl7Hmttb2lySmZjcCQTCRYVSo0PVDhfKRcIjApNEBYqCACYIhdsLTopBxWHIxhsDSceFXxwFwoPrgSNvCQhACH5BAkHAB0ALAAAAAAUABQAhFxeXLSytNza3IyOjOzu7HR2dMTGxGxqbOTm5JyenPz6/Ly+vGRmZOTi5JSWlPT29MzOzGRiZLy6vNze3JSSlPTy9ISChGxubOzq7KyqrPz+/MTCxNTS1P///wAAAAAAAAWRYCeOo6KQaCpOxyWoZLNUYgYAGSw2EVCcgsthsrJsUItIDyN6nGoAC4pQAAw0qkqGiFJgnrpuWPUYRAaPcQfbkfQikjHkAGnfAPHwvF4+p8dgHYFqIxoSCRyEIzY9iSoEbCMFbwkdAg4OLx0EEQYoFAA9CxgMPQdMGgZ/IwQUBRkKG6E3R4QCsxGahAEMDAEwIQAh+QQJBwAhACwAAAAAFAAUAIVcXly0srTc2tyEhoTs7ux0dnScmpzExsRsamzk5uT8+vy8vryMjoysqqxkZmTk4uT09vSEgoSkoqTU0tRkYmS0trTc3tyMioz08vR8enycnpxsbmzs6uz8/vzEwsSUkpTU1tT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGnMCQcEgsGo8KjUZxJEIsHaGAAhA0hZAC5SNMLrGNRNFCdUSNE0CjqPg4As0OiGk8X+/4YScQCdjzAgAAFFZ3HBccIWSChVccA4l7fX95lVcPHgRHHRUXEhhEE1QbmkUBggAMRAaDAAchEAsLECEXrRR0IQuDFA8dEVQDChKtGUQdCwYTIQlUVBwYDBQZFlcKCIMItCG5VwIXF41FQQAh+QQJBwAcACwAAAAAFAAUAIRcXly8uryMiozc3tx0dnTMysxsamz08vScnpzEwsTU0tRkZmTs7uyEhoR0cnT8/vysrqxkYmS8vryMjozk5uR8enzMzsxsbmz09vSkpqTExsTU1tT///8AAAAAAAAAAAAFiyAnjmRpnpxVoOxjGA8rQoQyFutoYSYRIagDwGJSICisg2zJPFESSM4GsVlqIoCI5rCILJSsShZQ4QK+MjG2IkXYZNespjl6RkUYSuw0gORGDA4RAnskAxFYASQSAI1RAwMzWBENhogOPBCIEBwFkxklAxIMHA8OjRcPDwENGTwsAlgTdCIHEBBgJiEAIfkECQcAGgAsAAAAABQAFACEXF5ctLK0jIqM3Nrc7O7sbG5snJ6cxMbE/Pr8ZGZkzM7MlJaU7Ors9Pb0dHZ0rKqsZGJkjI6M3N7c9PL0dHJ0pKKkzMrM/P78bGps1NLU////AAAAAAAAAAAAAAAAAAAABY6gJo5kaZ4aw6CsJghiUxUCUQ7GNKpiAEAAGMkAOZwWP0ChNDlcTgcgxNAyHRYBRPWEYDw1jUyjynAAHKsFZFGtQN4VDZLdqgDucYSY7ICgtyRdWoEsYTaBERgPJw19CRIkA3cJgw2DGUmLIw0UEBEiGQkYGSkJQBZMA18RQJ8aEg+oLT4QAYAjFwoKXyYhACH5BAkHAB8ALAAAAAAUABQAhFxeXLSytNza3JSSlHRydOzu7MTGxGxqbKyqrPz6/Ly+vOTm5JyanHx+fMzOzGRmZPT29GRiZLy6vOTi5JSWlHx6fPTy9MzKzGxubPz+/MTCxOzq7JyenISChNTS1P///wWL4CeOolFVBqmuUwQA0bTOn+K62ncNQaZaGl8LFhO8IgGVBrApnVISGICiyjRniwPsQqNtFIKu+OMbJcafBAPDOBseKbHhlnrHu5dj/DxWs/loI2WBIgWDIw4MMjMMERUQJBkEUzMFLgBcJAgEDiILHQ1NCRUABwsrgwgwCCIQF6diDhERnYQiG1czIQAh+QQJBwAcACwAAAAAFAAUAIRcXly0trSEhoTc3tz08vR0dnScmpzU1tTEwsTs6uz8+vx8fnykoqRsbmyMjoxkYmS8vrzk5uT09vR8enycnpzc2tzExsTs7uz8/vyEgoSkpqSUkpT///8AAAAAAAAAAAAFjCAnjmJCMRGpisrFFsBTKOt4NM+SRA8Qp4lAhaTAxTaKQm9GaMQOo0tvyYkwUJxBDBAYYRZTxkqRATQSpMRmoqGNB4SafE5XIRwIUSSTovN+VXx1CT4PfXUjd3mIjI0kFwhuKxANFBgqBgAWckaHIhUULhwYAQGXHAYPExJ0Aw8PQ6MRrHQSAgK0jnUhACH5BAkHABwALAAAAAAUABQAhFxeXLSytNze3JSWlPTy9Hx6fMTGxGxqbOzq7KyqrLy+vPz6/GRmZOTm5KSipNTS1GRiZLS2tOTi5JyanPT29ISGhGxubOzu7KyurMTCxPz+/NTW1P///wAAAAAAAAAAAAWPICeO4mIYC6mu3ARAAzsSQ5Fo2vEeGrdsF9UA8lK0AIAJR1OBWIKjwgvg4FBOKQrj9SAlkJDuysGopEYahUPMovRGDwxbpgpMA3SRICHgMIgQDHkLOhYLf0gHeRQWAAcLdkR4eXt9HHFzeZqbIhoNdAgOGysZAAgyLgUrBApvHBISIxsFEZqEPJwkEbW5uSEAOw==");
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .c-form-control-feedback-throbber,
  .c-form-throbber:after {
    background-image: url("data:image/gif;base64, ");
    background-size: 100%;
  }
}
.cssanimations .c-form-control-feedback-throbber,
.cssanimations .c-form-throbber:after {
  background: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-animation: spin 0.75s linear infinite;
  -moz-animation: spin 0.75s linear infinite;
  -ms-animation: spin 0.75s linear infinite;
  -o-animation: spin 0.75s linear infinite;
  animation: spin 0.75s linear infinite;
  border: 2px solid #606060;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 100%;
}
.c-form-control-feedback-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDEzQjBENEY0RTczMTFFNDgxRkFDMDlERTVEN0NFMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDEzQjBENTA0RTczMTFFNDgxRkFDMDlERTVEN0NFMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTNCMEQ0RDRFNzMxMUU0ODFGQUMwOURFNUQ3Q0UwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTNCMEQ0RTRFNzMxMUU0ODFGQUMwOURFNUQ3Q0UwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pinc9p8AAAHFSURBVHjaYvz//z8DOug8GcIGpAKg2BKIpYD4FxA/AeLzQLweiDeWm6/5ha6XEd1AoGGBQKoLiFUY8IM7QFwONHQdVgOBBjEDqTYgLmMgDYAsrwIa/BfEYUGSIMcwBiQ95XAXAl0XAmSvZqAMhAJduYax40QwKALuArEMhQY+BWIlJpDJpBrGzMjCEKxWzmAlHYIsLA3EYSzQpEGSYQGqJQwqgiYMn3+/R5cOALnQlFjDGBmZGHyU88CGnX+1i2HX/dnoSkxABkoQb1gug4awFZJhGJlCkgmaA+BAS8SWwUEuBmQEhmFawrb4DGOApcPnQMwLN1DYhkFZwJiBk4WPYcf9GWAxYg0DmQUy8BIQq8FE1t/qZvAGGqAn6sTAwczN8Of/L7Bhl17vI2QYCJwBGbgBiOHx//f/H4bNdycy/Pz7jcFAzBUsdu3tYahr/xMK6g0s0BzSgZwW////x7Dz/kyG738+M/CzizJsuTsZLEZEwl4Ny3qgxL2KwpwSBsx6q5nAuRrIAFLdFBjWDTWDgQlJsBKIp5Bh2FSoXpwFbDA0TIkpYCtBJQzeEhupCgCFK6j0NoZmfFjAn4VWAauxVQEAAQYANWanlYrZvd8AAAAASUVORK5CYII=");
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .c-form-control-feedback-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAA8FBMVEWIyFP///+IyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFSJyVWLyVeMyliNylqPy12SzWKd0nGe0nOz3JG94aC/4aK/4aPG5KzL57TO6LjO6bnT68DU68DV7MLW7MTb7srb7svc78zd787g8dLh8dPj8tfk89nm89vn9Nzo9N3p9d/2+/L///8c6ejyAAAALHRSTlMAAAIEBQYKExQVHB43OFZXWFlaeHmHiJWXmJmssbO0ttLT4uPk6+zt7vj5+jjkTi8AAAFzSURBVHjajdVrU4JAGIbhBVQMKTVBIbRQFBVetex8LjvYmf//b1rdadlYFrw/OM5wzTAgPiBpHSLJesNxh+Px0HUauoxoWLFQM3vA1DO1VKi2AkgUtFQe7gwgpUE1ARULBFkKC0sdENYpxVBpQ0ZthUIbMrP/YBVyqhOoDvLgcGsNLcjNXsFKmA/DCoYmCJu/nQHJlJDsid1HFF2Sr56M9EwX3QJJR0a2mwCpgRyBO3pnHTioK3BL7O6pgy7yxe5hCjQfBRs5CGJ4csE5FtJTn/5E1xOhA59ezBc+eDcVOejS23P8jQ8vDgUOHGTEPywGy/nslXPkhm/Hl/CCyecz/njiHOjsQzF7xGjlZpzz5H+P2fSGc/FjJmnsLb9Kd4GGodQCpvNFigOL/Ll8yMlX11Cq5cHdDQdgjy5FMXtSisxIHYjdfomdvYLw7HYhMaS19CGt89NctvhptsrpY9/ss6zf5Mc+fn0YjjsKw5HrGInXxy8kW+V8htKxOgAAAABJRU5ErkJggg==");
    background-size: 100%;
  }
}
.c-form-control-feedback-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MENFNzMxNjI0RTZBMTFFNDgxRkFDMDlERTVEN0NFMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MENFNzMxNjM0RTZBMTFFNDgxRkFDMDlERTVEN0NFMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQ0U3MzE2MDRFNkExMUU0ODFGQUMwOURFNUQ3Q0UwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQ0U3MzE2MTRFNkExMUU0ODFGQUMwOURFNUQ3Q0UwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps7I76YAAAFJSURBVHjaYrzibs+ABbABcQAUWwKxFBD/AuInQHweiNcD8UaoGApgwWJYIBB3AbEKFks0oDgSiO8AcTkQr0NWxITEZgbiTqgCFQbCAKRmLVQPMzYXtgFxGQPpAKanHNmFIfgM09y0E4wJGBoCMxAUNv34VDOxsYMxATABZBbIwFAglmGgHEgDcRgLNGngBX8/fSTW0ACQgaaEVP358IFYA01ABkoQNPDtG2INlGSBpna8If7nI9EuBKfD50DMi0/Rt+tXiTXvOcjAS0Cshk/Vp0MHiDXwDCjZbCCkSnnGPDAmAmwAGbgaWorgDsM3r8GYAHgKMosRWnyBEvcqChN2GMhAWF4GubKbAsO6oWagFF+VQDyFDMOmQvVilId/gTgXWmrcIcKgO9CgyoHqxVligwrNzVDFoNLbGJrxYQF/FloFrMZWBQAEGACBFk1x4OIHEAAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .c-form-control-feedback-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAw1BMVEXURz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/VSkLVTETZXFXdbmjhf3nhgHrign3lkYznmJPpoJzts7Dut7TxwsD11dP44N/55OP66+r88fD9+Pf++vr///9+tlYRAAAAK3RSTlMAAgQFBgoTFBUcHjc4VldYWVp4eYeIlZeYmayxs7S20tPi4+Tr7O3u+Pn6TsJYOwAAAVFJREFUeNqNlelygkAQhId4BUnUKIpBE7wV1vu+7fd/qlQZU8GdQfx+dnXt1HQNDd1hWEXX6w0GPc8tWgZFYdpNFaJpmySRrvhKw6+kifHeUQKdnGZ7cVQEzguFSNVVJPVU6L2aekDt/82qekiVbuRUDIVbLtq+e2B/r/Rer0Z9YQCQhmeDeGOQJSJbxRuVTWS0njG2DLKUzhk4M9GiEtMOwIGJRXKZtgN2THSpwbQtsGVig7pMWwNrJnbJZ9oKWDHRF4wLYMGNwugpMOWjhWUmwIQvI8QzBsY8HiHw0XI5EgJ/U09hCUcxnM+H/CiEM9sAG+HMyNSTvAAXPcVruVQ09Qgc9Rb4/bi0zGen00xL+1ZBeRXDx5MF8El/JB9XSjJUUt/Rvq8UhUhETq8m6J68XKQFYmQcXs1ORi77cjtsa5dNisKwSq7XD4K+55a038cPcsbXlCLjXwQAAAAASUVORK5CYII=");
    background-size: 100%;
  }
}
.c-form-control-feedback-error:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDEzQjBENDc0RTczMTFFNDgxRkFDMDlERTVEN0NFMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDEzQjBENDg0RTczMTFFNDgxRkFDMDlERTVEN0NFMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQ0U3MzE2NDRFNkExMUU0ODFGQUMwOURFNUQ3Q0UwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTNCMEQ0NjRFNzMxMUU0ODFGQUMwOURFNUQ3Q0UwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnmyIBwAAAFlSURBVHjaYvz//z8DDOx3tIIx2YA4AIotgVgKiH8B8RMgPg/E64F4I1QMDhz3H2NgYcAEgUDcBcQqaOIgSzSgOBKI7wBxORCvQ1bEhOQ6ZiDVCVWgwkAYgNSshephhgkiu7ANiMsYSAcwPeVwFwJdF4LPMPsd+8GYgKEhYAOBhoHCph+faiZ2djAmACaAzAK5MBSIZRgoB9JAHMYCTRp4we+PH4g1NABkoClBAz8QbaAJyEAJQqp+vnlNrIGSLNDUjjfEfxHvQnA6fA7EvPgUfbp2hVjznoMMvATEavhUvTqwj1gDz4CSzQZCqszmLgZjIsAGkIGroaUI7kh5/QqMCYCnILMYQcUXMIWDEvcqChN2GLD4Ws0ELcdAruymwLBuqE8RxRcQVALxFDIMmwrVi1oeAl35F0jlQkuNO0QYdAdaDuQA8V9s5SEMgArNzVDFoNLbGJrxYQF/FloFrEavAkAAIMAAA5hfgl/QBoUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .c-form-control-feedback-error:hover {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAxlBMVEW+QDn///++QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm/QzzART7FVlDMaGPSenXSe3bTfXnYjIjblJDdnJnksK3mtLHqwL7w1NL039724+L46un68O/8+Pf9+vr///8XCyvZAAAALHRSTlMAAAIEBQYKExQVHB43OFZXWFlaeHmHiJWXmJmssbO0ttLT4uPk6+zt7vj5+jjkTi8AAAFeSURBVHgBjZVrD5pAEEUXULFIq1ZRLNriW2F8v9/e//+nampqt7OLeD6Sk0zmZvYijBdCCNOtBOFwPB6GQcU1DRlZdLwOSXQ8Ryva9YgYUd1WxW990tAvMtHyKQHfksVcixJp5f6JVpPe0LReYoPe0vgrFimF8lO02b4n4ET/MfzyR+QL44E6XBiFOF2MCw/Ro3SRPEOY3U/Erilc4tyAG3FcUSXOGTgTpyIC4hyBI3EC0SbOATgQpy0GxNkBO+IMREScLbAlTqQR18BaI6qjF8BCM1pdZg7MNcuo8cyAmSYeNfDpZjPVBP6VPsLVHMVktZpojkI9sz2w15yZ4fAk78Cdp+g8RKPOvl6AC2+B5+NimS+v1yVL234+1xKl8P3DAvjxaors+0rJSiX1ixL5mZNrL5M4vZFhRVrSF2lZrea8r1azn9eXfa1HEr2aXPb891ENwlEcj8Kgyn4fvwFfDN3MnP/SlwAAAABJRU5ErkJggg==");
    background-size: 100%;
  }
}
.c-form-control-feedback-error:hover + .c-tooltip .tooltip-inner {
  background-color: #bf4039;
}
.c-form-control-feedback-error:hover + .c-tooltip.right .tooltip-arrow {
  border-right-color: #bf4039;
}
.c-form-control-feedback-error:hover + .c-tooltip.left .tooltip-arrow {
  border-left-color: #bf4039;
}
.c-form-control-feedback-error:hover + .c-tooltip.top-right .tooltip-arrow,
.c-form-control-feedback-error:hover + .c-tooltip.top .tooltip-arrow {
  border-top-color: #bf4039;
}
.c-form-control-feedback-error:hover + .c-tooltip.bottom .tooltip-arrow {
  border-bottom-color: #bf4039;
}
.c-has-throbber .c-form-control-feedback-throbber,
.c-has-success .c-form-control-feedback-success,
.c-has-error .c-form-control-feedback-error {
  display: block;
}
.c-form-throbber {
  display: none;
  float: right;
  padding: 5px 0;
  margin-right: -25px;
}
.c-form-throbber:after {
  content: '';
  height: 20px;
  width: 20px;
  display: block;
}
.working .c-form-throbber {
  display: block;
}
.c-alert {
  padding: 15px;
  margin: 8px 0 19px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.c-alert-danger {
  background-color: #f9e7e6;
  border-color: #f7dfdd;
  color: #b73129 !important;
}
.strength-meter {
  background-color: #efefef;
  border-radius: 5px;
  display: none;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -4px;
  width: 50px;
  height: 8px;
  overflow: hidden;
  pointer-events: none;
}
.c-has-feedback .strength-meter {
  display: block;
}
.strength-meter-fill {
  height: 100%;
  width: 0;
}
.c-has-success .strength-meter-fill {
  background-color: #6ec02a;
}
.c-has-error .strength-meter-fill {
  background-color: #d4473f;
}
.c-has-throbber .strength-meter-fill {
  background-color: #606060;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 728px;
    margin: 30px auto;
  }
}
.modal-content {
  position: relative;
  background-color: #f8fbfd;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.35);
  background-clip: padding-box;
  outline: 0;
}
@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: 9998;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  position: absolute;
  top: 12px;
  right: 12px;
}
.modal-title {
  color: #4270a2;
  display: block;
}
h1.modal-title,
h2.modal-title,
h3.modal-title {
  font-size: 18px;
  font-weight: normal;
  margin: 12px 0 18px;
}
h4.modal-title,
h5.modal-title,
h6.modal-title {
  font-size: 12px;
  font-weight: bold;
  margin: 4px 0 6px;
  text-transform: uppercase;
}
.modal-body {
  padding: 60px;
}
.modal-footer {
  background: #e9f0f7;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 1px solid #e9eef1;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.c-close {
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUE3QUNEMDM0RTc2MTFFNDgxRkFDMDlERTVEN0NFMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUE3QUNEMDQ0RTc2MTFFNDgxRkFDMDlERTVEN0NFMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQTdBQ0QwMTRFNzYxMUU0ODFGQUMwOURFNUQ3Q0UwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQTdBQ0QwMjRFNzYxMUU0ODFGQUMwOURFNUQ3Q0UwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpbI1BoAAADYSURBVHjarJQxCsMwDEWVaOrSIUupaeccIOfImjlHy9LFa89h6NYTlGwdupRulUABF+L4G/pBxI6sh2U+qrquOxBRL+FDCC8qkNTu5TNIXGuDnCRGS5RARqvtFeQlnhINCosgjdV6nuf545y7y6a1RKt7/Q9CJn0S1iQKS0E0x8uhHGwLoqqQq1sqCVkFJWC0BflpLdZKm7stiKqmP4nB1t45azD42LecNRjxCeIzRsyG+IwRCAJjFJKD1TZPIMgiOzNFU2NgoT1kcZS4lAy26GZnHWxfAQYAJpi61uKKvAUAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .c-close {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAFVBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzO27Uu7AAAAB3RSTlMAAS5KTH+AKP+CfAAAAGhJREFUeNrt1MsKQCEIRVEf5f9/co6cHNg4vXCbRLVIEdHMMwxWpLc5dQPMreOWVa3AVGVvoOZRlRpValSp0aMaUHy1/5zTBMNF4fKCGkNqDCkxqtAw4nCcOJv4e/UjvboaPashthqHD8GQB/lQzhwAAAAAAElFTkSuQmCC");
    background-size: 100%;
  }
}
.c-close:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAGJ6VFh0UmF3IHByb2ZpbGUgdHlwZSBBUFAxAAB4nFXIsQ2AMAwAwd5TeIR3HBwyDkIBRUKAsn9BAQ1XnuztbKOveo9r60cTVVVVz5JrrmkBZl4GbhgJKF8t/ExEDQ8rHgYgD0i2FMl6UPBzAAAA60lEQVQ4ja3SMQ7CMAwF0O+6Q+IhQxgqxMABYOQAnIiJUyAmxJWYOAIzI1k6ZGlSpi5V2xgJj7b1ZH2Zm6bZGWOu1tpnjLHFD+W934jI3Tn3YmPMteu6LREdReShxbz3m77vbymlNYA9W2ufRHTMOa+02IDknFdVVX0AnDnG2IrIQ4uNESI6hRDeDABabA4BAB6WStgSAgCkOR0AlpBJaCZMLCGz0BgDgCUEAKo56NfiqeZETrH0Gn8Lm0tICOGt+TMuIcO8hLEG0WCkRUoRsIjcU0prLTJ1GTMf2Dn3ArAHcNYgY4yZD3VdX76jYUTZ7/1DYgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .c-close:hover {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAFVBMVEUAAAAAAAAfHx8eHh4gICAcHBweHh7Gc8KcAAAAB3RSTlMAAUFlZ5+gmsSnrQAAAGhJREFUeNrt1MsKQCEIRVEf5f9/co6cHNg4vXCbRLVIEdHMMwxWpLc5dQPMreOWVa3AVGVvoOZRlRpValSp0aMaUHy1/5zTBMNF4fKCGkNqDCkxqtAw4nCcOJv4e/UjvboaPashthqHD8GQB/lQzhwAAAAAAElFTkSuQmCC");
    background-size: 100%;
  }
}
.c-toggle:after {
  content: ' [+]';
  font-family: monospace;
  font-size: 10px;
  vertical-align: 1px;
}
.c-toggle.c-toggle-toggled:after {
  content: ' [-]';
}
.c-toggle-content {
  display: none;
}
.c-toggle-content.c-toggle-content-toggled {
  display: block;
}
.read-next-container {
  font-size: small;
}
.read-next {
  font-size: 0.92307692em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #FFFFFF;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  color: #222222;
  display: none;
  height: 100px;
  position: relative;
  width: 300px;
  z-index: 9998;
}
.read-next.active {
  display: block;
}
.read-next.fixed {
  border-bottom-width: 0;
  bottom: 0;
  position: fixed;
}
.read-next .read-next-header {
  background-color: #EFF7FF;
  border-bottom: 1px solid #d6eaff;
  color: #808080;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
}
.read-next .read-next-header-title {
  font-size: 1em;
  line-height: 1.66666667em;
  margin-left: 40px;
  position: relative;
  top: -2px;
}
.read-next .read-next-title {
  font-size: 1em;
  line-height: 1.25em;
  display: block;
  max-height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.read-next .read-next-nav {
  font-size: 0.83333333em;
  line-height: 1.5em;
  position: absolute;
  top: 5px;
}
.read-next .read-next-nav-right {
  right: 5px;
}
.read-next .read-next-nav-right > * {
  margin-left: 5px;
}
.read-next .read-next-nav-left {
  left: 5px;
}
.read-next .read-next-nav-left > * {
  margin-right: 5px;
}
.read-next .read-next-dismiss,
.read-next .read-next-button {
  transform: scale(1, 1) translateY(0px);
  -webkit-transform: scale(1, 1) translateY(0px);
  -moz-transform: scale(1, 1) translateY(0px);
  -o-transform: scale(1, 1) translateY(0px);
  -ms-transform: scale(1, 1) translateY(0px);
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  position: relative;
  text-align: center;
  width: 15px;
}
.read-next .read-next-dismiss:active,
.read-next .read-next-button:active {
  transform: scale(1.01, 1.01) translateY(1px);
  -webkit-transform: scale(1.01, 1.01) translateY(1px);
  -moz-transform: scale(1.01, 1.01) translateY(1px);
  -o-transform: scale(1.01, 1.01) translateY(1px);
  -ms-transform: scale(1.01, 1.01) translateY(1px);
}
.read-next .read-next-button {
  background-color: #3973ac;
  border-radius: 50%;
  color: #FFFFFF;
}
.read-next .read-next-button:active {
  background-color: #336699;
}
.read-next .read-next-list {
  padding: 10px;
  padding-top: 5px;
}
.read-next .read-next-link {
  display: none;
  float: left;
  height: 60px;
  overflow: hidden;
  width: 100%;
}
.read-next .read-next-link.active {
  display: block;
}
.read-next .read-next-link .read-next-thumbnail {
  display: block;
  float: left;
  height: 45px;
  margin-right: 5px;
  margin-top: 3px;
  width: 45px;
}
.read-next .read-next-link .read-next-thumbnail img {
  height: auto;
  width: 100%;
}
.read-next .read-next-meta {
  font-size: 0.83333333em;
  line-height: 1.5em;
  color: #808080;
}
.infobar {
  background-color: #f6e69f;
  border-color: orange;
  border-style: solid;
  border-width: 1px;
  font-size: small;
  margin: 5px 305px 5px 0px;
  padding: 5px 10px;
}
.infobar img {
  display: inline;
  vertical-align: middle;
}
.infobar strong {
  font-weight: bold;
}
.reddit-infobar {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #fff7d7;
  border-color: #ffd634;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-top: 5px;
  overflow: auto;
  padding: 10px;
  position: relative;
}
.reddit-infobar .md {
  color: #222222;
}
.reddit-infobar.with-icon {
  min-height: 45px;
  padding-left: 55px;
}
.reddit-infobar.with-icon:before {
  content: '';
  display: block;
  width: 45px;
  height: 100%;
  background-color: #ffd634;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center;
}
.locked-infobar:before {
  background-image: url('../infobar-icon-lock.png');
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .locked-infobar:before {
    background-image: url('../infobar-icon-lock_2x.png');
    background-size: 20px 25px;
  }
}
.archived-infobar {
  background-color: #FCFCFB;
  border-color: #B5B3AC;
}
.archived-infobar.with-icon:before {
  background-color: #B5B3AC;
  background-image: url('../infobar-icon-archived.png');
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .archived-infobar.with-icon:before {
    background-image: url('../infobar-icon-archived_2x.png');
    background-size: 25px 24px;
  }
}
.timeout-infobar {
  background-color: #fff0f0;
  border-color: #e70028;
}
.timeout-infobar.with-icon:before {
  background-image: url('../infobar-icon-banhammer.png');
  background-repeat: no-repeat;
  background-color: #e70028;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .timeout-infobar.with-icon:before {
    background-image: url('../infobar-icon-banhammer_2x.png');
    background-size: 20px 27px;
  }
}
.c-progress {
  display: none;
  height: 2px;
  overflow: hidden;
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  position: relative;
  margin-top: -2px;
}
.c-progress-bar {
  float: left;
  width: 0;
  height: 100%;
  line-height: 2px;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.c-image-upload-input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: 0;
  opacity: 0;
  padding: 0;
  width: 100%;
}
.c-image-upload-input:hover {
  cursor: pointer;
}
.c-image-upload-preview-container {
  border-width: 2px;
  border-style: dashed;
  border-color: lightgray;
  display: inline-block;
  margin: 5px 0;
  overflow: hidden;
  padding: 5px;
  position: relative;
}
.c-image-upload-preview {
  display: block;
  margin: 0 !important;
}
.c-image-upload-btn {
  display: block;
  padding: 2px 8px !important;
  font-size: 10px !important;
}
.md-container-small,
.md-container {
  font-size: small;
}
.md {
  color: #222222;
  max-width: 60em;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.md .-headers,
.md h1,
.md h2,
.md h3,
.md h4,
.md h5,
.md h6 {
  border: 0;
  color: inherit;
  -webkit-font-smoothing: antialiased;
}
.md .-headers code,
.md h1 code,
.md h2 code,
.md h3 code,
.md h4 code,
.md h5 code,
.md h6 code {
  font-size: inherit;
}
.md blockquote,
.md del {
  color: #4F4F4F;
}
.md a {
  color: #0079D3;
  text-decoration: none;
}
.md a del {
  color: inherit;
}
.md h6 {
  text-decoration: underline;
}
.md em {
  font-style: italic;
  font-weight: inherit;
}
.md th,
.md strong,
.md .-headers,
.md h1,
.md h2,
.md h3,
.md h4,
.md h5,
.md h6 {
  font-weight: 600;
  font-style: inherit;
}
.md h2,
.md h4 {
  font-weight: 500;
}
.md,
.md h6 {
  font-weight: 400;
}
.md * {
  margin-left: 0;
  margin-right: 0;
}
.md tr,
.md code,
.md .-cells,
.md .-lists,
.md .-blocks,
.md .-headers,
.md h1,
.md h2,
.md h3,
.md h4,
.md h5,
.md h6,
.md th,
.md td,
.md ul,
.md ol,
.md .-lists,
.md pre,
.md blockquote,
.md table,
.md p,
.md ul,
.md ol {
  margin: 0;
  padding: 0;
}
.md hr {
  border: 0;
  color: transparent;
  background: #c5c1ad;
  height: 2px;
  padding: 0;
}
.md blockquote {
  border-left: 2px solid #c5c1ad;
}
.md code,
.md pre {
  border: 1px solid #eeeed2;
  background-color: #FCFCF7;
  border-radius: 2px;
}
.md code {
  margin: 0 2px;
  white-space: nowrap;
  word-break: normal;
}
.md p code {
  line-height: 1em;
}
.md pre {
  overflow: auto;
}
.md pre code {
  white-space: pre;
  background-color: transparent;
  border: 0;
  display: block;
  padding: 0 !important;
}
.md td,
.md th {
  border: 1px solid #E5E3DA;
  text-align: left;
}
.md td[align=center],
.md th[align=center] {
  text-align: center;
}
.md td[align=right],
.md th[align=right] {
  text-align: right;
}
.md img {
  max-width: 100%;
}
.md ul {
  list-style-type: disc;
}
.md ol {
  list-style-type: decimal;
}
.md blockquote {
  padding: 0 8px;
  margin-left: 5px;
}
.md code {
  padding: 0 4px;
}
.md pre,
.md .-cells,
.md th,
.md td {
  padding: 4px 9px;
}
.md .-lists,
.md ul,
.md ol {
  padding-left: 40px;
}
.md sup {
  font-size: 0.86em;
  line-height: 0;
}
.md li li,
.md li p {
  font-size: 1em !important;
}
.link .usertext .md {
  padding: 5px 10px;
}
.new-comment .md :not(pre) > code,
.link .md :not(pre) > code,
.usertext.border .md :not(pre) > code,
.new-comment .md pre,
.link .md pre,
.usertext.border .md pre {
  background-color: #FFFFFF;
}
.linklisting .md,
.commentarea .md {
  margin-top: 5px;
  margin-bottom: 5px;
}
textarea {
  background-color: white;
  color: black;
}
code {
  font-family: monospace,monospace;
}
.md {
  font-size: 1.07692308em;
}
.md h1,
.md h2 {
  font-size: 1.28571429em;
  line-height: 1.38888889em;
  margin-top: 0.83333333em;
  margin-bottom: 0.83333333em;
}
.md h3,
.md h4 {
  font-size: 1.14285714em;
  line-height: 1.25em;
  margin-top: 0.625em;
  margin-bottom: 0.625em;
}
.md h5,
.md h6 {
  font-size: 1em;
  line-height: 1.42857143em;
  margin-top: 0.71428571em;
  margin-bottom: 0.35714286em;
}
.md .-blocks,
.md .-lists,
.md pre,
.md blockquote,
.md table,
.md p,
.md ul,
.md ol {
  margin-top: 0.35714286em;
  margin-bottom: 0.35714286em;
}
.md textarea,
.md .-text,
.md p,
.md pre > code,
.md th,
.md td,
.md li {
  font-size: 1em;
  line-height: 1.42857143em;
}
.md-container-small .md,
.side .md {
  font-size: 0.92307692em;
}
.md-container-small .md h1,
.side .md h1,
.md-container-small .md h2,
.side .md h2 {
  font-size: 1.5em;
  line-height: 1.38888889em;
  margin-top: 0.55555556em;
  margin-bottom: 0.55555556em;
}
.md-container-small .md h3,
.side .md h3,
.md-container-small .md h4,
.side .md h4 {
  font-size: 1.33333333em;
  line-height: 1.25em;
  margin-top: 0.625em;
  margin-bottom: 0.625em;
}
.md-container-small .md h5,
.side .md h5,
.md-container-small .md h6,
.side .md h6 {
  font-size: 1.16666667em;
  line-height: 1.42857143em;
  margin-top: 0.71428571em;
  margin-bottom: 0.35714286em;
}
.md-container-small .md .-blocks,
.side .md .-blocks,
.md-container-small .md .-lists,
.side .md .-lists,
.md-container-small .md pre,
.side .md pre,
.md-container-small .md blockquote,
.side .md blockquote,
.md-container-small .md table,
.side .md table,
.md-container-small .md p,
.side .md p,
.md-container-small .md ul,
.side .md ul,
.md-container-small .md ol,
.side .md ol {
  margin-top: 0.41666667em;
  margin-bottom: 0.41666667em;
}
.md-container-small .md .-text,
.side .md .-text,
.md-container-small .md p,
.side .md p,
.md-container-small .md pre > code,
.side .md pre > code,
.md-container-small .md th,
.side .md th,
.md-container-small .md td,
.side .md td,
.md-container-small .md li,
.side .md li {
  font-size: 1em;
  line-height: 1.25em;
}
.wiki-page-content .md h1 {
  font-size: 2.28571429em;
  line-height: 1.25em;
  margin-top: 1.25em;
  margin-bottom: 0.78125em;
}
.wiki-page-content .md h2 {
  font-size: 1.71428571em;
  line-height: 1.25em;
  margin-top: 1.25em;
  margin-bottom: 0.625em;
}
.wiki-page-content .md h3 {
  font-size: 1.42857143em;
  line-height: 1.25em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.wiki-page-content .md .-blocks,
.wiki-page-content .md .-lists,
.wiki-page-content .md pre,
.wiki-page-content .md blockquote,
.wiki-page-content .md table,
.wiki-page-content .md p,
.wiki-page-content .md ul,
.wiki-page-content .md ol {
  margin-top: 0.35714286em;
  margin-bottom: 0.71428571em;
}
.wiki-page-content .md h1,
.wiki-page-content .md h6 {
  color: #4F4F4F;
  font-weight: 300;
}
.wiki-page-content .md h2 {
  color: #336699;
}
.wiki-page-content .md h2,
.wiki-page-content .md h3 {
  font-weight: 600;
}
.wiki-page-content .md h4 {
  font-style: italic;
}
.wiki-page-content .md h5 {
  text-decoration: underline;
}
.wiki-page-content .md h4,
.wiki-page-content .md h5 {
  font-weight: 400;
}
.wiki-page-content .md h6 {
  font-size: 1em;
  line-height: 1.42857143em;
  margin-top: 1.07142857em;
  margin-bottom: 0.35714286em;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.md > :first-child,
.md .-cells > :first-child,
.md .-lists > :first-child,
.md .-blocks > :first-child,
.md .-headers > :first-child,
.md h1 > :first-child,
.md h2 > :first-child,
.md h3 > :first-child,
.md h4 > :first-child,
.md h5 > :first-child,
.md h6 > :first-child,
.md th > :first-child,
.md td > :first-child,
.md ul > :first-child,
.md ol > :first-child,
.md .-lists > :first-child,
.md pre > :first-child,
.md blockquote > :first-child,
.md table > :first-child,
.md p > :first-child,
.md ul > :first-child,
.md ol > :first-child {
  margin-top: 0;
}
.md > :last-child,
.md .-cells > :last-child,
.md .-lists > :last-child,
.md .-blocks > :last-child,
.md .-headers > :last-child,
.md h1 > :last-child,
.md h2 > :last-child,
.md h3 > :last-child,
.md h4 > :last-child,
.md h5 > :last-child,
.md h6 > :last-child,
.md th > :last-child,
.md td > :last-child,
.md ul > :last-child,
.md ol > :last-child,
.md .-lists > :last-child,
.md pre > :last-child,
.md blockquote > :last-child,
.md table > :last-child,
.md p > :last-child,
.md ul > :last-child,
.md ol > :last-child {
  margin-bottom: 0;
}
.md li > :first-child {
  margin-top: 0;
}
.md li > :first-child:last-child {
  margin-bottom: 0;
}
.post-sharing {
  background: #fbfbfb;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  display: none;
  font-size: small;
  max-width: 550px;
  padding: 20px;
  position: relative;
}
.post-sharing .c-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
}
.post-sharing .post-sharing-form {
  font-size: 1.07692308em;
  display: none;
}
.post-sharing .post-sharing-main {
  display: block;
}
.post-sharing .post-sharing-main .c-form-group {
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
}
.post-sharing .post-sharing-main .c-form-group > * {
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
}
.post-sharing .post-sharing-main .c-form-group > .post-sharing-label {
  -webkit-flex: 0 0 83px;
  flex: 0 0 83px;
  padding-right: 10px;
  text-align: right;
}
.post-sharing .post-sharing-main .c-form-group:last-child {
  margin-bottom: 0px;
}
.post-sharing .post-sharing-email-form .c-form-group {
  margin-bottom: 10px;
  margin-top: 10px;
}
.post-sharing .post-sharing-email-form.shared .post-sharing-shareplane {
  display: block;
}
.post-sharing .post-sharing-email-form.shared .post-sharing-shareplane:before {
  -webkit-animation: post-sharing-shareplane 0.7s forwards;
  -moz-animation: post-sharing-shareplane 0.7s forwards;
  -ms-animation: post-sharing-shareplane 0.7s forwards;
  -o-animation: post-sharing-shareplane 0.7s forwards;
  animation: post-sharing-shareplane 0.7s forwards;
}
.post-sharing .post-sharing-email-form.shared .post-sharing-buttons .c-btn {
  opacity: 0;
}
.post-sharing .post-sharing-label {
  font-size: 1em;
  line-height: 1.42857143em;
  color: #808080;
}
.post-sharing .post-sharing-option {
  background-size: 26px 26px;
  cursor: pointer;
  display: inline-block;
  height: 26px;
  margin-right: 5px;
  margin-top: 5px;
  position: relative;
  width: 26px;
}
.post-sharing .post-sharing-option:hover .c-tooltip {
  bottom: 100%;
  opacity: 1;
}
.post-sharing .post-sharing-option .c-tooltip {
  transform: translate(-50%, -8px);
  -webkit-transform: translate(-50%, -8px);
  -moz-transform: translate(-50%, -8px);
  -o-transform: translate(-50%, -8px);
  -ms-transform: translate(-50%, -8px);
  -webkit-transition: all 0.15s ease 0s;
  -moz-transition: all 0.15s ease 0s;
  -o-transition: all 0.15s ease 0s;
  -ms-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
  bottom: 50%;
  left: 50%;
  pointer-events: none;
}
.post-sharing .post-sharing-option .c-tooltip .tooltip-inner {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  background: #FFFFFF;
  border: 1px solid #e6e6e6;
  color: #222222;
  padding: 10px;
  white-space: nowrap;
}
.post-sharing .post-sharing-option .c-tooltip .tooltip-arrow {
  transform: translate(-50%, -1px);
  -webkit-transform: translate(-50%, -1px);
  -moz-transform: translate(-50%, -1px);
  -o-transform: translate(-50%, -1px);
  -ms-transform: translate(-50%, -1px);
  border-top-color: #FFFFFF;
  left: 50%;
  top: 100%;
}
.post-sharing .post-sharing-option-facebook {
  background-image: url("data:image/png;base64, ");
}
.post-sharing .post-sharing-option-twitter {
  background-image: url("data:image/png;base64, ");
}
.post-sharing .post-sharing-option-tumblr {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Q1RDE4MDMzOUYxMTFFNUFDNzlERDJDMzhGRTA5MUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Q1RDE4MDQzOUYxMTFFNUFDNzlERDJDMzhGRTA5MUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRDVEMTgwMTM5RjExMUU1QUM3OUREMkMzOEZFMDkxQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRDVEMTgwMjM5RjExMUU1QUM3OUREMkMzOEZFMDkxQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps0aYY0AAASESURBVHja3FpZSJRRFD4zTo1JE2Fqy4S2mM2DpjVkWlEhRbbSgmUbFBS0QBREURH0UkRE+0JE0UMPFfUQVEQEGpRlINrykJktKm1YGupogTOdM56Z/tm3848zHviYf/75/3PPN/ece88992omz10LgpKFmInI4+uxiBSEgX9vQzQj6hHvEDWIx3wtIjoBHTmIDYjliPQAzxoYoxGzFfcbELcRVxGvIjFGG+Z7GsR8xFM2YGcQZPxJOut4yToXcBtRIWRGVCDuIaaCvJDOu9yGWU1CiYgTiBeIAlBfCritU9y2KKFxiGeIHRG4abgetJ3bHidFqBDxnEeu3pI8tqEwUkLzEI8QydD7ksy2zAuX0BTELUQSxI4ksU1TQiWUyaNYLJFRkrrvK6a8EdIjbiKGQOwKud8NtjUgoaOIiRD7MpFt9UuIJrJtED+yzX3y1bqlM+cRCXFEiGw9q0yTlIQoN8uH+JMCtt0j294r7g8bVkDJ4jn26w5LJ5Rs3A2Wzi41SO3jUdlJaAJimnjU5pggaUBPGkafGo1GrV6ihDaXsnWHy60Td+6EBMgam+H8Tj1js9nUdL11yhhaJa199bJiSNT3j2YsrXQQykYYJTUPT02xx49SqHdUih+HjKRlv1Y6dsakG+HK6YOg1bpOcRQ/jnhSUWbRoDBJStvW9Stgfeki76vDRD1cv3gEbPA/jjbvOgRffzRLEsolQiYpbb7I2H0be2hYmmt6qO8vHmPjtREWN1zEarWG9Hx3iM8H4/FayazaPW4CiQrTUiq5nEFK25ot+5GUBmYUmmHT2qUuvzX/aoWdB4653PsmGz8kA3WS2uo+Ntg/h6Z6dnrXn79QW/9Z7VHuL/lIm7TWwYMMXjKHqBSL2qiVn9B35DcRauhDhJqI0Ns+ROgtEaoWV+tlOLZ2W6NBqIoIPRFfOniZj/TRybzLqeU3iC+SWju7/njcS0keDKbM0arGD+JdgjGTFqswAgS3RohQ6ZK5HveLpk9Gb9RAtikTVi8thurXtV7JhymXEA8dhL5T8is2GbR3QKF5AqSlupbEacGXPykbCsw5MCbDCHUfGuD9x0axZJ94OJydds4qJPv/0MnLAZ9ZtqBIqrkK5uBSxjosSaj+cxMcOHLB7zPuPRiBOG13uBzJe+jZqhBbjtd/aoSHZc/tywpdPx3YrDZ0Rwveb4I7D8rh+IVr0G7pjLQZ2uXb45wx3Lb1qaxaCfFTPe2Gnq2VKucSxn1iQpyLo8zgnJKMN0LA3VcdB2Sqla7mjxDVmqjG1RLDZFoRpWxrQEL2tRoPEJYYJEM2FYOP4zT+Vl00OJR4+xd6UbrYpkqfdY0ACmgvc36MuF8L23Lfb6EmCEVlPDTW9CKZGrahLNCDwS70Kabo0AMdU7FGkQi1dYbbrgvmBW2I/ktHY/L9+bCgVHJb20OJ43BKMVX8jy2UTmgVieZCbqMq1JfDrS1RxZ22AGnngpLBExEWWxpZRy7rvMdthL76V+GI5iz4f0RzFPQckhjIv7cjfiGo4ljLwV4Ogkc0/wkwAPBGACbEprRFAAAAAElFTkSuQmCC");
}
.post-sharing .post-sharing-option-email {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTlENzk2RjBGQ0MzMTFFNEE4RjFFRjk3NjY3NkJFNzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTlENzk2RUZGQ0MzMTFFNEE4RjFFRjk3NjY3NkJFNzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QkE3NTVFRkY4MjUxMUU0QUVCNDkzRDFBQTlFQTgxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QkE3NTVGMEY4MjUxMUU0QUVCNDkzRDFBQTlFQTgxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pprx0LMAAARJSURBVHja3JpfSFNRHMd/u9M0nRTh/FMRBbFFVga+SIMUZJrQmy+l/YFA8MkX/z4Jyl78R+CTIARKVg/6VA+pRBotFBLSMlR8yEjFKWG4bOaf9ftdz2SN3bu73XO3O3/w5W53599n59xzfvd3jgE4WvHzYjNeClD5KCvKgspEmVBG1B7KjVpFzaPmUOOoseG7w2u82mHgAEKNLkdVoPJUFDWJ6kc9Q8DVmEAhzGW8NDAYI8cO32NwrQj3NSpQCJOBlzbUAx49LWNeVB+qHuFcmkEh0CO8dKJOQvRsA1WDYE+4QiEMPejdbKjFymhIViGcWzUUAp3Gy2vUVYi9TaNKEWw5YigEuoiXEdR50I99Q9kRbCFsKNZDTp0B+YPZpHrMIPMMfdDJkJMbirZgz5ggkaFb50Bk11g7ISQUm7YrID6sgrVXevixhXUuyusQj3XM6r9AB/ZUW5wBAWtvW9CeYr7cF41dHy1dqis+X9G/pxriFMjXOQ3/9RR7fVji7G1H28i7P0OvLQnsRrkSIIPBAIXnCiFRSIxaS3f2d2D0+yh4vd5QSY2M47EPStEUnpWaBZ5dD9TaaiFBSNAcaHd/FxxOh1jvintF0RRPUAJ7BVf0xtpR1AGLvxbFiqjCaABRfVSvQssjHoHFFBRZ+vF0aC9q1xzMH4jqo3rDsAKBBUlAL2AqgcjyBRb1AT2AcQAisxKUJZKcvME4AZFZCCoz0ty8wDgCkWUSlElNCWrBOAORmQQeXkSkYBoAiYuwwNwL4AHmKHDAxPIENL9vFhdpOaPfKR2lp3ycgER3iaDcPEra3tuGro9d4uq/tLkE1SPVMO2aDv4ejvfpd0pH6Skf5edkbvJ1KG59Qi1Q07smcP12icMo2ZgMPZ96oPFtI2SbsiHHnANpx9Jg8+8mzKzNiC6P/YIdKq9XgmfPA3Vv6sT8LTdbIMmYpBZq1YBuxUv8cFtJ6qE7QyGB/IcR3XP+cML8z3lw77jBlGgCyykL2M7aICM14zDd+p91EYzuSYGVvChRCvWKoMixqokESg4oXAsFFgZUJz1T4zyGnNoH3TeDUnlUropnbJygxmINxBlsTGA7eJOxBuIENkk8vhhFvx6AOID1hx2jyM3IhbWtNU2Bgk0e5hQzTLmmFMco/ENkvXCwOygTsjFA2aUySE/RHugQbGsdBmcHwQshYxR9CPSQPvgHGlpR9+XCZFTwwOyAXuN+rb4vh3E/Fgjsi9PwWJ//pndg2LkeDmLT8WQbrN0QFIoF2WviDKomcPdeatPtKcTHdk4/At0LvCm16VaF+qxzoGnWTlAExbYcb8HB3qoejdpVKnX8QKqngG0S23UIRu2xyx07EORys219m46Gom/zekEukRCqFPaP3FDqH2o5KYDMMYOQs5+UxcvZJCGc0lnBFKbuZa6J1q4P1WMNByjsngrotaNz3i8I3NE5mSkBqIsztP8EGAB6RWM4xE5EngAAAABJRU5ErkJggg==");
}
.post-sharing .post-sharing-option-reddit-pm {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAGOklEQVRoge2afUxVZRjAf+eKRUIm4gSVJRATLT7ETKMZbLWjbWmWhUlGU9ty6aRWbmZNc+WmbeXSBLOc4DAzmWBCbnrrD2gKShofTsEPnJqFFAp4L6Iopz/ec+Hivefjfql9/LY7uOd93uc8z33Pec7zPO+R8BOKjAVIAtKBsUA8EAuEAiGqmB2wAY1AA1ANlAG1kpVuf9gh+TJZkZGAVCALyADCvVTVAhQCBUCFZEXx1iavHFJXYybwHpDs7ck1qAFWAzu8WTWPHVJk0oAcIMHTuR5yFFgoWSn3ZJJphxSZUGAdMNdDw3wlD8iWrNjMCJtySJFJRFzj8T4Y5gsNQIZkpc5I0NAhRWYyUERvpLpT2IEZkpV9ekIWvUFFJgMo5c47A8KGUtUmTTRXSF2ZUqC/nw3zlS5gqtZKuXVIvWcquDtWxh12INXdPeXikBrNfiEQAWDSDBj5CJyogvpDcOVS3/GnZkP6TLC3wc41cLpaT1sDMP7W6OfOoc0EKjRvOgYPjun9fuEkNFRBfSWERULm+71j1zrgzRT47YSexjzJyjznA30cUh+aZX4w3ZUBA6G4FXKzoa4cRk+E+AniE5MAkpv49M3HsGW5keZ054dvkOMfNZ3J8ZP5royeAJIExyuhsVZ89nwtxoJDIPcIRI3yRnOOIpPsSJOcf5aZBDKdGfUYXO+ExhrXsU477L7lt7zWAT9tNaM5AWE7oF5yatb8K/5PNHtZsQsGDYW3n9CWmTwHnnxJBAvjoOBMDZAiWVEcl1wqgXQGxCVXtkNfZl+++HhOMsKHA45LLssbLaYZEgWDh0H9wUCeJQvAogYD3XTCZ8ZMFH8bqgJ5lgxFxuIom72tNM0RPwHaW+D3U4E8SziQFIToAfiHe4IhYRIkpkFcCgx7CMIiIHSQeM7sbIHWZuHY6WqoLYO6n6Hrmr8sSJcUmTxgjk9qYpPg+WxIyxAPUE/oaIfyQiheC2cMyx0j8iVF5gAiQuiT8jQ8txAiY0TKUrwWms/B/M+EI/6gbAdsfAciosUPFDUKms5ASS4c+dGMhgpJkWkCInTFnp0Pb33Z95jSDZ0dcF+ol9ZrcPWKyBxuTYW+WAAlG4xmX5QUGRt6ZcL9g2Hbebh3gK+m+sb1Tsgc4Zqh98VuwajmSZh0550BEXAS04ykQnRLcABuXDd3wu/XQ1Y0vBIF21Yay29bKWSzosVcM9zsMhQJQlR/2qt0vFIkj8E6C3mwFHIW9X7PXwbhw2HKPPfyezcLGQc5iyAyGiZO1T5Hpx2OVWiPC+wWMOh32Vph47v6aipKXI8d2qMt727MnQ5nNi0xun8AbBZE41yfHzbCh9O1xyOjXY8NidKWdzfmToeDFS+4lhfuabQganNjms9pj01bALFOyfqwWJi1VFt+1lIh4yA2WejQosn4N1dpCEJsaRjT0a49FvIArK+Cw/vEjTv+GRGVtAiLgK+OwuG90K8/PDoZgnS6ZfY2UyYC1ZIiMxZR3OkjWaDokjD+dmJrhRfDxYPcmBQLUIvYn9FH6Yb9xT5a5wX7i8w60wLUWtTmQqEp5d99AjdvaI+3/SVyL7NcPAttf2qP37wB21eb1VYoWel2PFgLTE05Xw8FK7THSzfA/CTRD7Bd1pazXYaiz+GNRNidqy23ZZlIhM1RAN40SSQJFueD/JrrmNINWz+Cwk9FhhE3DkY+DAPV+rG9Bc4eg1NHRDDIWAyvLgdLP1dde/NgzeugmNqd7GmS9DQaFZlZwLdmZiNJMG8VvLzE/XhHO1SWiB7ChVNwuUkcD4uEEXGiyfj4NO3aafsqyPvArDMAmZKV7eDUOVV7CzV40psbJ0N2LgyPMz1FlwsnRZlgrvZxcBR6G42+t4L7BcGUuTB9EcQkejS1h8Za2LUOrFv0g457+rSC/dusj0mE1OmQlCae/oOGupdrbRY9hbpyqNjtS+mt36wHP2+nBIeIfpyjqr1qg0t/iMzZd8xtp8A/e8PLbYGnCs5AbP/dbXQhNo/dXqeaFau6hzmbu8upLmC23k74f2tbH3pWKhWzdVNgaEDcM7rOgAmHoOeeGo94TeV2k4eIZqZi+7/u5SVTK+SMeoJkIBORKvmbGlV3sqfOwP8vAGpzt7yi+TdWL/qwhOdgaAAAAABJRU5ErkJggg==");
}
.post-sharing .post-sharing-shareplane {
  font-size: 0.85714286em;
  line-height: 1.66666667em;
  bottom: 0;
  color: #7CD344;
  display: none;
  font-weight: bold;
  padding: 5px 15px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
}
.post-sharing .post-sharing-shareplane:before {
  background-image: url("data:image/png;base64, ");
  background-size: 50px 32px;
  content: '';
  height: 32px;
  position: absolute;
  transform: translate(0, 0);
  width: 50px;
}
.post-sharing .post-sharing-buttons {
  overflow: auto;
}
.post-sharing .post-sharing-buttons .c-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 5px;
  margin-right: 0;
  padding: 5px 15px;
}
.post-sharing .post-sharing-buttons .c-btn:focus {
  box-shadow: 0 0 0 1px #FFFFFF inset;
  outline: none;
}
@keyframes post-sharing-shareplane {
  0% {
    opacity: 0;
    transform: translate(0px, 0px);
  }
  50% {
    opacity: 1;
    transform: translate(20px, -10px);
  }
  60% {
    opacity: 1;
    transform: translate(20px, -10px);
  }
  100% {
    opacity: 0;
    transform: translate(-50px, -60px);
  }
}
@-o-keyframes post-sharing-shareplane {
  0% {
    opacity: 0;
    transform: translate(0px, 0px);
  }
  50% {
    opacity: 1;
    transform: translate(20px, -10px);
  }
  60% {
    opacity: 1;
    transform: translate(20px, -10px);
  }
  100% {
    opacity: 0;
    transform: translate(-50px, -60px);
  }
}
@-webkit-keyframes post-sharing-shareplane {
  0% {
    opacity: 0;
    transform: translate(0px, 0px);
  }
  50% {
    opacity: 1;
    transform: translate(20px, -10px);
  }
  60% {
    opacity: 1;
    transform: translate(20px, -10px);
  }
  100% {
    opacity: 0;
    transform: translate(-50px, -60px);
  }
}
.combined-search-page > .content {
  font-size: small;
}
.combined-search-page .search-subscribe-button {
  display: inline-block;
  margin: 0;
  margin-right: 5px;
}
.combined-search-page .search-subscribe-button .remove {
  background: #b7001f;
  border-color: #840016;
}
.combined-search-page .search-subscribe-button .remove:active {
  background: #840016;
}
.combined-search-page .search-subscribe-button .add {
  background: #63b92b;
  border-color: #4d8f22;
}
.combined-search-page .search-subscribe-button .add:active {
  background: #4d8f22;
}
.combined-search-page .search-subscribe-button .add,
.combined-search-page .search-subscribe-button .remove {
  color: #FFFFFF;
  text-align: center;
  transform: scale(1, 1);
  transition: all 0.15s;
  width: 90px;
}
.combined-search-page .search-subscribe-button .add:focus,
.combined-search-page .search-subscribe-button .remove:focus {
  outline: none;
  box-shadow: 0 0 0 1px #FFFFFF inset;
}
.combined-search-page .search-subscribe-button .add.active,
.combined-search-page .search-subscribe-button .remove.active {
  display: inline-block;
  line-height: 13px;
}
.combined-search-page .searchfacets {
  font-size: 1em;
  line-height: 1.66666667em;
  border: 1px solid #808080;
  margin: 0;
  margin-left: 30px;
  margin-top: 20px;
  max-width: 750px;
  min-width: 600px;
  overflow: auto;
  padding: 15px;
  white-space: pre-wrap;
}
.combined-search-page .searchfacets > h4.title {
  color: #808080;
  margin-bottom: 5px;
}
.combined-search-page .searchfacets .facet:hover {
  text-decoration: underline;
}
.combined-search-page li.searchfacet {
  display: inline-block;
  line-height: 20px;
  min-width: 32%;
}
.combined-search-page .facet.count {
  color: #808080;
}
.combined-search-page .facet.count:hover {
  text-decoration: none;
}
.combined-search-page .searchpane {
  background: none;
  border: none;
  padding: 10px;
  padding-left: 30px;
}
.combined-search-page #search {
  padding-right: 120px;
}
.combined-search-page #search input[type=text] {
  font-size: 1.16666667em;
  line-height: 1.42857143em;
  border-color: #808080;
  border-radius: 2px;
  box-sizing: border-box;
  max-width: 750px;
  min-width: 375px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 25px;
  vertical-align: middle;
  width: 100%;
}
.combined-search-page .search-submit-button {
  margin-left: 10px;
  font-size: 1em;
  line-height: 1.66666667em;
  padding: 5px 15px;
  vertical-align: middle;
}
.combined-search-page .menuarea {
  font-size: 1em;
  margin-left: 20px;
}
.combined-search-page .linkflairlabel {
  line-height: 17px;
}
.combined-search-page .searchfacets {
  background: transparent;
  box-shadow: none;
}
.combined-search-page .searchfacets .list {
  margin: 0;
}
.combined-search-page .facet.count {
  font-weight: normal;
}
.combined-search-page .search-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA5pJREFUWAnNmU1IVUEUx32aVMQrCyP7sCQTqQiJIsIWkRnRB7WPFi1a5CpatWpRm2grrQqiCNr0tYnAwoUIbfqOIiM0DPEjtLKyMtPX75RXj/Pu3Dfz3tXXgT9z5sw5//l373hn5pUocLBUKrWEtJ3j2EqbBHNAMegAL0EruJ5IJAZpZ8YQVgEugd/AxX6QdBWsmlaFTFAEzoFfIBv7TtEpUBi7UEhLQBOwWT8DT0EzeA4GgM3uMCDLIR6DTMS9DplNRJwBNWEzEd8EzoJBYNojAvPC6rxikBSCuyY7/UZQ4kJGXim4CEy7TSC31w3BaYP1J/3DLsLMHOqOgRGD74SZ59yHaDkQQdqyEhdMClGDJsOX1y+fK3+j8LxB1ujPkl4B5+WceSFYBPTT+0jfac2lS5oagacMfAOBCffsqVnRPVm4O4AuamQ3+Bxd5jYKTy+ZF1T2Qvz9qp/RFYF1RtZNo59r1+Tb5kXII38WPH/abq9ih2Q45fOlv4/NDmUTKfIE5bEH1hk4cbW85jG4uhRfpfIzuiJQTiWB9QVOzK3mLfLhNgXO9yn2yNW8CY+6AhHYowqWKT9OV/Pq+TLOIQJfqawqFvRi1c/Zha8CkqWKSM+nwuGuCHyshqS/T/XjcA8YJA+NfnSXf2El0PaEjtc6sc0AzyzwRpGP4pfZ8q1xih4oEnEPWZM9BuCRU422ex7lk6kw7NYs+J9A1WSGv0f9BqD3YbqpWn+m8QqKzcNqG7HybAipk2XzDmjL7ukFAmAqB72aEb8HeO2d5NcDubeYNkzA66AQaJtoIagFQqRtjM41sG4iMcRhvAbcAlEm3HtDyq2htL9WCOSCLieQBSFVbcRks5e9dQCUAlkGu8Aa4GLDJB1kj25ySQ7NQeR6EHa7I+xsUZd9ueDXh07uGoSgGJwEX4GPyRX1OJBfJd5GFMrlvs5VjzUPkiQ4ClqAkIaZPJH74AhIBmT4K0A7sNkQA9uD/LA2bQ2GJQUxyOSoVA1k3cm2mALy41E7a2qUNs2oWUmwBVSkDf4LDNHsob7VMj79YUTK6+4ENpNl5PU5i101AlaD9zaFxL8A+Wkvf4YA2WG6gM3k7rIlfwqZGQFy5uy2KSQu54DN+RZZjQjZRm0mF/yN+Ra5FhF9NoXEO8DcfIuUHetDhMh6+Zblzfj2yf1E9v5+i4gRS3xmwzxBOQnJFqntBR35X4T/wxAjn6AbQA4pV8Dfu8sfB3nUXzBvM7EAAAAASUVORK5CYII=");
  background-size: 20px 20px;
  display: inline-block;
  height: 20px;
  transform: translateY(-1px);
  vertical-align: middle;
  width: 20px;
}
.search-result-listing {
  font-size: 0.92307692em;
}
.search-result.visited .search-title,
.search-result.visited .search-link,
.search-result.visited .search-title > mark,
.search-result.visited .search-link > mark {
  color: #551a8b;
}
.search-result {
  margin-bottom: 25px;
  margin-top: 10px;
}
.search-result :link,
.search-result :link > mark {
  color: #006aba;
}
.search-result :visited,
.search-result :visited > mark {
  color: #551a8b;
}
.search-result.has-thumbnail {
  display: -webkit-flex;
  display: flex;
}
.search-result.has-thumbnail > * {
  -webkit-flex: 1 1;
  flex: 1 1;
}
.search-result.has-thumbnail > .thumbnail {
  -webkit-flex: 0 0 70px;
  flex: 0 0 70px;
  margin-right: 10px;
  width: 70px;
}
.search-result.has-thumbnail > .thumbnail img {
  display: block;
  height: auto;
  width: 100%;
}
.search-result mark {
  background-color: transparent;
  color: inherit;
  font-weight: bold;
  line-height: 1em;
}
.search-result-meta,
.search-result-footer {
  font-size: 1em;
  line-height: 1.66666667em;
  vertical-align: baseline;
}
.search-result-meta > *,
.search-result-footer > * {
  line-height: 1em;
}
.search-result-header {
  font-size: 1em;
  line-height: 1.66666667em;
}
.search-result-header > * {
  vertical-align: top;
}
.search-title {
  font-size: 16px;
  margin-right: 5px;
}
.search-result-meta {
  font-size: 0.83333333em;
  line-height: 2em;
  color: #808080;
}
.search-result-meta .search-result-icon {
  vertical-align: text-bottom;
}
.search-score {
  font-size: 1.2em;
  line-height: 1em;
}
.search-score:after {
  content: ' •';
}
.search-comments {
  font-weight: bold;
  color: #808080;
}
.search-result-body {
  font-size: 1em;
  line-height: 1.25em;
  color: #4F4F4F;
  padding-right: 40px;
}
.search-expando {
  overflow: hidden;
}
.search-expando.collapsed {
  max-height: 45px;
  position: relative;
}
.search-expando.collapsed:before {
  bottom: 0;
  content: '';
  height: 15px;
  left: 0;
  position: absolute;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.search-expando-button {
  color: #006aba;
}
.search-expando-button:hover {
  cursor: pointer;
  text-decoration: underline;
}
.search-expando-button > span {
  display: none;
}
.search-expando-button.expanded .search-expando-button-label-expanded,
.search-expando-button.collapsed .search-expando-button-label-collapsed {
  display: inline;
}
.search-result-footer {
  font-size: 1em;
  line-height: 1.66666667em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-result-footer .search-link {
  margin-left: 5px;
}
.search-result-group {
  max-width: 750px;
  min-width: 600px;
  padding-left: 30px;
  padding-right: 20px;
}
.search-result-group footer .nav-buttons {
  font-size: 1em;
  line-height: 1.66666667em;
  margin-top: 10px;
  margin-bottom: 30px;
}
.search-result-group footer .nav-buttons * {
  font-size: inherit;
}
.search-result-group footer .info {
  color: #808080;
}
.search-result-group-header {
  border-bottom: 2px solid #E5E3DA;
  color: #808080;
  margin-bottom: 20px;
  margin-top: 30px;
}
.search-header-label {
  font-size: 1.16666667em;
  line-height: 1.42857143em;
  font-weight: bold;
}
.search-header-menus {
  float: right;
}
.search-menu {
  font-size: 1em;
  line-height: 1.66666667em;
  display: inline-block;
  margin-left: 20px;
}
.search-result-icon {
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  vertical-align: middle;
  width: 16px;
}
.search-result-icon-score {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAAXNSR0IArs4c6QAAAgNJREFUSA3tVb9LAlEcvztFAm1ya3RoaWiqTQwCQYgg9QaDKJqStgrqn6i1tpBAB3+0CA0RJG41NdjQ4OjmdA4ievb5HJ6+O089rbYePN73x+f74fPuvfs+SXIxCoXCFacLqCTPAoHoRFGUW+J0XU8nk8m7aTVTCYvF4j6KH2RZVkjS7/d1LAeJRCJL32lMJMzn8zsej+cRRV5bYbfX6+2pqlq2xQ3XkRBkW9jmE5QtORVBaRvbj4H01Z4fI8Q2N0D0AuCyHWzzNRBvY/vvYtxCiANYg7IKAEERNMVuQmkEB1UzMUNCKAtBWRWJFTPpcm1AaRhK68Qbp5fL5UjyjDkvGTmM2gGHJGcymWAgEKhA3Rqziw6orLVarYjX7/cfg+wTRJziWIezKgYE+wv2h+BL4JAMLjEo2qVS6Rr+mRgT7Jt4PH4u+EPT+IZD7xeMf8Kff0QZp3kBmk0HqrmuzaD+zatp2j0u9tGcF5v303JHBxc7bfzL/G18Pl8VpCEHpTNDIKt3Op1wKpVq/E1zoAR2C7SiKMzmTEkjANtX1Ow0DFsuNvsa5McQ10Y1Ey022JjYC4m0EDLADow3YxfgNn2nwRwxxNrzY4QE8K3AVlSYXXsBY8w5vSfEOhIygYIylBxi8uk0Bm3GmDNj9nUiIYHYUhYEp2YRbcZMf+EVf9MlpxuCb2Tm3PaPmEoTAAAAAElFTkSuQmCC");
  background-size: 10px 14px;
}
.search-result-icon-external {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAOCAYAAAA45qw5AAAAAXNSR0IArs4c6QAAAnhJREFUOBGVVE1IlFEUPfczmWaMyJpFkNK0ilnoEC4MXbXox0XtsoUK0cKCKIgMp59dVJqCtAj6gWhRLXSX0O+ilUJQDU4LLZAmMqiwFEmnmua7nTc/7/s239g8GDj3nHvufe+b967Av5KpGKTmHBS7SW+BSK1P/gnoe2qjmJ0ZwVjnn4J24lEIkcZeODjEOM7fRutRzRF/huA5NH8ZAzsyZU3KAP1vu2m+zni95YKAagpurgtXW6bRn74ARy4Gpfr4Jbg4jsGme4YrNk6mu3i6AuFLrAxVF5CVONxPi6hrmKJ/e2VDSVXtxkDzfcHpV1HUhqa5hajPOMFPOgm4K5YT2cx97mO81XKqYyzSiWS6l9p5iI5Ddd7qcCKs28a43XKKeeR+x4WfeIifuM8Krh7DYPNNG/tB31Qd1sgDnu6ApfP5VnxbSKM+JBhpy1reD/rTR/l33LCUi2GHu+ywhOrDwKYmaTixDMkeIeJFKy2npgN3d/0KbGrSzEEU42WL6ekwiFlC8cziIHCl9Ttv92tP1piHKyDVpz41ZhpXvxQfrEmwzeIqgGmcsfmCPRZXBOJ5IC04+3JTxXQjiuz15WQcqDy2hLk05iIErVOTYRx+sRZu3vMA66DhOzAXL2iZmoL9VmbPap5TlJukWS/xCd3iExrlKQ7aYsBHak/4nL54XKXnZLKqGSCq77A8l4DTuAFh5fuXeq/Rf6DSACleLk4SjrMe2pZWtZoJFWk4g2tNXzk223nC1KqeYoIZmT1mapnQu9VmhurfBD/XbRbL8GcGvH/9YDBB80mszA0VBDOrZ2d2MjdJ3xty3vs2CaaGqVWoydqlOW2kf1x25XNDvWyhAAAAAElFTkSuQmCC");
  background-size: 15px 7px;
}
.search-result-icon-filter {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAAAAXNSR0IArs4c6QAAAthJREFUSA2dlV1IVEEUx/8zq65aoCRUFFSCoEG6uBFFbwU99CGEgeVD0RdB0pdp7QZFCoGuRFpiQUqQPRgFShQI9VA9VJCWrUtmkBJEPWRGiEbq7pzOnbuX3fDeuu2FnY9z/uc35547Myvg9qkZLEIGqkDYyCErIMQ09x9AqhdTsTa0+seSUSJ54jgOhA9DyGYIeB00E1BUi1BJu+X/NzgY6WTgbh1ACAN0k7McgkQ6lPRz5gfYv8z0q3o0+uqM8d/BwfBBzrSdX58gKIQX4+fwZENUQ6wm0J8DmXGdURXapGg7Z37PGVz9Zim88i1nlAOoajT4WiyWbR8YvAEp9oHoC0aG86WtyDB6ZY2GEr1CQ88VR53lmJms5ff6xjFLUFBY6QwWotyMobNAnbLiHfvm9d+5/he1n8RWe/CJgVwWLGdhFFOfHzvC5jjUQ20SYp09OEss1ALCV7RuMfaru2c2+ikuzLEHR6MxLRAi0x0xrvKkm3oijz344yivzGUAFuB4ZJF7uFwZ147ag+9WzLDgqRZlY6drsKRdppae2YMNL9G1uKjeVdZnwmt5q+3VMaRuOYNH3t9n+BSfqFxkoQOH+rPNhWzaUy8Xs66DPZL3cidCpc+dwQVFlziDeRojsA153j7URkrmYAODm+HJ5DtErOLXHIP4edLQ2B/pYOQ8e+rmQAwDoY+bIfan88zPiCKtIxrl712OkJ8XsQMHw1V88bRpsdlM8l1xBCR3MKwsyZ4YEvXgV2w/Wkp/WMY/Mw5EKrhKXey0SjSDGJehqfiRDgi89gFpZbxAPv+MvT6M2Gwvmla/s4BWnwCfjmyCBw/YkRF3KihUIlR8xxL/T29mFhxYw9DuJCiXUR1NFWokkAbjvwyil8fzDYN+iD9co++qNU2l5z8YcZnrlZcIpjY0Ftcn5qmNJEMLk0Jvo6H7WNI85SGfFHWBoyf4lHVhfHqPq0vdxXK/Aa582Np22kTuAAAAAElFTkSuQmCC");
  background-size: 11px 12px;
}
.search-result-icon-internal {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAAXNSR0IArs4c6QAAAm5JREFUOBGNVD1oU1EU/u5rYyoWUbK4iLvQuoqCJloQCViEVhwEQZzcFGNaRBxrbHUUh4JVXCSDdqiiKK0ORR0TKA66OLkExVYxjb7jd+5LbvJe7hPPkvO+853vnvvzxWC6LvCFyEt8b5zEncKGr4wLy8PYnnsMY8Z89cAHQvAInz4UU0W1SRdUjnI9kSIcPkX11KaHH4eUI+R6wi9sggVM1y55+HFIOcr1RCQs8geQ165uYABzi+IVhyUTWyPHcttFwQqsFqDCvxBiAjOjBZ7XbLzfXMFUbQH55UGHa64YWOsN7b0xUrBa1DQo1w6hMvrGcXR7Yubik8gSvjQmsDNrkB2u8iUUHV84jpHLHOy2w6jJLXuiXD+DQO5xqmhSCe+i1bqGTHaRCx5wHSItDnEOlZGHDmsnfmEtlmvHKVLl2c9xe/MYCJ4T3dvuIyw/OOskd/vMYT1JurCSSu93IRzagS3mBb92uz5BAyYsYmbfO4clku6lJAr2czC7h1tdYp5zZcFntOQYguY3h3kS/ztWoh6FmFc8jq4osIYwPIiMnMbA0EfL8Ygq5BfWyzPgRZltrk+wis3mYXZcpSmu25pylOuJfmHrJjxgY8bxhc+tuT6Gxjr/kEz3rJVjyPW4NH55kZsSD1/u423jPFYKv+1CapD9uXkufNYtbBO5ybdc7mCRcBo5clN8oajTYKpe4bSljlCk3R3C4OLq1v9yU0yh/ZHm0ubGJFeuPeG2xl3fP9zkOL1J0qVaE1nUy8trbiNy07jPoh1K36/aOcQJqv3sqeUD2rLEFb4SXOOfydE0i/Y09afW1nLEaqgWNf8CYx309EqyIbgAAAAASUVORK5CYII=");
  background-size: 11px 10px;
}
.searchfacets {
  overflow: auto;
  font-size: small;
  white-space: pre-wrap;
  border: 1px solid gray;
  padding: 10px;
  margin-top: -6px;
  box-shadow: 0 4px 6px -1px #ccc inset;
  background: #fefefe;
}
.searchfacets .title {
  margin: 5px;
}
.searchfacets .facet:hover {
  text-decoration: underline;
}
.searchfacets .list {
  margin: 0px 0px 0px 10px;
}
li.searchfacet {
  display: inline-block;
  width: 15em;
}
.facet.count {
  color: #888888;
  font-weight: bold;
}
.interstitial {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  margin: auto;
  text-align: center;
  width: 650px;
}
.modal .interstitial {
  width: auto;
}
.modal .interstitial .interstitial-image {
  margin-top: 20px;
}
.interstitial-image {
  margin-bottom: 20px;
  margin-top: 60px;
}
.interstitial-message .note {
  color: #a5a4a4;
  font-size: 14;
}
.interstitial .md h3 {
  font-size: 1.42857143em;
  line-height: 1.25em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.interstitial .md h5,
.interstitial .md p {
  font-size: 1.28571429em;
  line-height: 1.38888889em;
}
.interstitial .md p {
  font-weight: 300;
}
.interstitial-subreddit-description {
  background-color: #f0eee9;
  margin-bottom: 20px;
  padding: 10px 20px;
}
.interstitial-subreddit-description h5 {
  margin-bottom: 20px;
  margin-top: 0;
}
.interstitial-subreddit-description p {
  margin: 0;
  text-align: left;
}
.interstitial .buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  width: 400px;
}
.interstitial .buttons .c-btn {
  -webkit-flex: 0 1 75%;
  flex: 0 1 75%;
  font-weight: 500;
  margin-left: 5px;
  margin-right: 5px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.screenreader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.basic-button,
.sponsored-page .primary-button,
.sponsored-page button {
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.basic-button:focus,
.sponsored-page .primary-button:focus,
.sponsored-page button:focus {
  outline: 0;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}
.basic-button:active,
.sponsored-page .primary-button:active,
.sponsored-page button:active {
  box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.basic-button:disabled,
.basic-button.disabled,
.sponsored-page .primary-button:disabled,
.sponsored-page .primary-button.disabled,
.sponsored-page button:disabled,
.sponsored-page button.disabled {
  background: #e9edf1 !important;
  background: -moz-linear-gradient(top, #e9edf1 0%, #dce3ea 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9edf1), color-stop(100%, #dce3ea)) !important;
  background: -webkit-linear-gradient(top, #e9edf1 0%, #dce3ea 100%) !important;
  background: -o-linear-gradient(top, #e9edf1 0%, #dce3ea 100%) !important;
  background: -ms-linear-gradient(top, #e9edf1 0%, #dce3ea 100%) !important;
  background: linear-gradient(to bottom, #e9edf1 0%, #dce3ea 100%) !important;
  color: #999999 !important;
  text-shadow: 0 1px 0 #ffffff !important;
  border-color: #ccd6e0 !important;
  box-shadow: none !important;
}
html {
  height: 100%;
  /* Needed for toolbar's comments panel's pinstripe */
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td,
iframe {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
q:before,
q:after {
  content: '';
}
body {
  font: normal x-small verdana, arial, helvetica, sans-serif;
  background-color: white;
  z-index: 1;
  min-height: 100%;
}
textarea {
  font: normal small verdana, arial, helvetica, sans-serif;
}
/* [1] fixes a bug in old versions of WebKit, as used in Android 4.0. See
 * https://github.com/necolas/normalize.css/commit/79b3d21b697e ,
 * https://github.com/h5bp/mobile-boilerplate/issues/121 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  /* Since we reset the padding on some of these things above, make it
     * something reasonable (and consistent). */
  padding: 2px 6px 3px;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
/*html,body { height: 100%; }*/
/* IE dumbness patch. hidden input in a hidden block that is
 * subsequently shown leads to the input to "show" and generate undesired
 * )padding.  This makes it go away. */
input[type=hidden] {
  position: absolute;
}
/* html element defaults */
h1 {
  font-size: 18px;
  font-weight: normal;
  margin: 10px 0;
}
h2 {
  color: #369;
  font-size: 13px;
}
h2 a {
  text-decoration: none;
}
h2 a:visited {
  color: #369;
}
h2 a:hover {
  text-decoration: underline;
}
h3 {
  font-size: 110%;
  /*text-transform:uppercase;*/
}
a img {
  border: 0 none;
}
a {
  text-decoration: none;
  color: #369;
}
/* Polyfill for HTML5 hidden attribute: http://caniuse.com/#feat=hidden */
[hidden] {
  display: none;
}
/*
a:active { border: 0 none;}
a:focus { -moz-outline-style: none; }
*/
.rounded {
  border-radius: 7px;
}
.rounded .morelink {
  border-top-right-radius: 6px;
}
div.autosize {
  display: table;
  width: 1px;
}
div.autosize > div {
  display: table-cell;
}
input.txt {
  background-color: #f7f7f7;
  border: 1px solid #369;
}
input[type=checkbox],
input[type=radio] {
  margin-top: .4em;
}
/* forms */
label.disabled {
  color: gray;
}
.wrong {
  color: red;
  font-weight: normal;
}
.attention {
  font-weight: bold;
  border: solid 1px #ff6600;
  padding: 3px;
  border-radius: 7px;
}
.subform input.text {
  width: 25em;
}
.subform textarea.text {
  width: 25em;
}
.subform label {
  margin: 0 5px 0 5px;
}
.subform td {
  padding: 0px 5px 5px 0;
}
.subform td.nopadding {
  padding: 0px;
}
.nowrap {
  white-space: nowrap;
}
.leftpad {
  padding-left: 1em;
}
.nomargin {
  margin: 0px;
}
.nopadding {
  padding: 0px;
}
/* Fancy buttons */
.fancybutton {
  padding: 5px 10px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d4e3f2), to(#adc9e6));
  background: -moz-linear-gradient(top, #d4e3f2, #adc9e6);
  background-color: #ADC9E6;
  border: 1px solid #5E96CF;
  border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  color: #2E6399;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-weight: bold;
}
.fancybutton:hover {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4edf7), to(#d4e3f2));
  background: -moz-linear-gradient(top, #e4edf7, #d4e3f2);
  background-color: #D4E3F2;
}
.fancybutton:focus,
.fancybutton:active {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, to(#d4e3f2), from(#adc9e6));
  background: -moz-linear-gradient(top, #adc9e6, #d4e3f2);
  background-color: #D4E3F2;
  -webkit-box-shadow: inset 0px -1px 0px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 0px -1px 0px rgba(255, 255, 255, 0.7);
  box-shadow: inset 0px -1px 0px rgba(255, 255, 255, 0.7);
}
.fancybutton.disabled,
.fancybutton.disabled:active {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9edf1), to(#dce3ea));
  background: -moz-linear-gradient(top, #e9edf1, #dce3ea);
  background-color: #D4E3F2;
  border-color: #999;
  color: #999;
}
/* header / menus */
.hover a:hover {
  text-decoration: underline;
}
.selected,
.choice.primary {
  font-weight: bold;
}
.flat-list {
  list-style-type: none;
  display: inline;
}
.flat-list li,
.flat-list form {
  display: inline;
  white-space: nowrap;
}
.flat-list li a.gold {
  color: #9a7d2e;
  font-weight: bold;
}
.flat-list li.selected a {
  color: orangered;
}
.link .flat-list {
  display: block;
  padding: 1px 0;
}
.link.compressed .flat-list {
  display: inline-block;
  padding: 0 0 1px 0;
}
ul.flat-vert {
  text-align: left;
}
.flat-vert .separator {
  margin: 0;
}
.flat-vert.title {
  font-family: arial, verdana, helvetica, sans-serif;
  color: #777;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
}
.separator {
  color: gray;
  margin: 0px .7ex 0px .7ex;
  cursor: default;
}
.pref-lang {
  font-weight: bold;
}
.pref {
  font-weight: bold;
}
#jumpToContent {
  position: absolute;
  left: 135px;
  top: 25px;
  font-weight: bold;
  margin-left: -1000px;
}
#jumpToContent:focus {
  margin-left: 0 !important;
}
#header {
  border-bottom: 1px solid #5f99cf;
  position: relative;
  background-color: #cee3f8;
  z-index: 99;
}
#header-img {
  margin-top: 2px;
  margin-right: 5px;
}
#header-img.default-header {
  text-indent: -9999px;
  background-image: url(../reddit.com.header.png);
  /* SPRITE */
  height: 40px;
  width: 120px;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 3px;
}
#header-top {
  position: absolute;
  right: 5px;
}
#header-bottom-left {
  font-size: larger;
}
#header-bottom-right {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-color: #EFF7FF;
  padding: 4px;
  line-height: 12px;
  border-top-left-radius: 7px;
}
#mail {
  position: relative;
  top: 2px;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  width: 15px;
  height: 10px;
}
#mail.havemail {
  background-image: url(../mail.png);
  /* SPRITE */
}
#mail.nohavemail {
  background-image: url(../mailgray.png);
  /* SPRITE */
}
.message-count {
  background-color: #FF7500;
  color: #FFF;
  font-size: 8px;
  font-weight: bold;
  padding: 0px 3px;
  margin-left: 3px;
  border-radius: 2px;
  display: inline-block;
}
#modmail {
  position: relative;
  top: -2px;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  width: 16px;
  height: 16px;
  margin-bottom: -6px;
}
#modmail.havemail {
  background-image: url(../modmail.png);
  /* SPRITE */
}
#modmail.nohavemail {
  background-image: url(../modmailgray.png);
  /* SPRITE */
}
.user {
  color: gray;
}
.user .userkarma {
  font-weight: bold;
}
.beta-hint {
  position: absolute;
  cursor: inherit;
  height: 24px;
  opacity: 0.8;
}
.beta-hint:hover {
  opacity: 1;
}
.beta-hint a {
  position: absolute;
  text-indent: 24px;
  white-space: nowrap;
  overflow: hidden;
  margin-left: -24px;
  display: inline-block;
  width: 20px;
  height: 13px;
  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2266%22%20height%3D%2269%22%20viewBox%3D%220%200%2066%2069%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3E%EF%83%83%3C%2Ftitle%3E%3Cpath%20d%3D%22M1.156%2065.88c-1.027-1.89-.707-4.16.96-6.81l22.455-35.4V5.857h-2.856c-.774%200-1.443-.283-2.01-.848-.564-.567-.847-1.236-.847-2.01%200-.774.283-1.443.848-2.01.566-.564%201.235-.847%202.01-.847H44.57c.775%200%201.445.283%202.01.848.566.567.85%201.236.85%202.01%200%20.774-.284%201.443-.85%202.01-.565.564-1.235.847-2.01.847h-2.856V23.67l22.456%2035.4c1.666%202.65%201.986%204.92.96%206.81-1.027%201.89-3.118%202.834-6.273%202.834H7.43c-3.156%200-5.247-.945-6.274-2.835zM17.25%2045.856h31.786L36.893%2026.705%2036%2025.32V5.858h-5.714V25.32l-.893%201.385L17.25%2045.857z%22%20fill%3D%22%2346A508%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") center left no-repeat;
  background-size: contain;
}
.pagename {
  font-weight: bold;
  margin-right: 1ex;
  font-variant: small-caps;
  font-size: 1.2em;
  vertical-align: bottom;
}
.pagename a {
  color: black;
}
.newpagelink {
  padding: 3px 5px;
  background-color: #ff9;
}
.dropdown {
  cursor: default;
  display: inline;
  position: relative;
}
.drop-choices.inuse {
  display: block;
}
.drop-choices {
  position: absolute;
  left: 0px;
  /* top gets set in js */
  border: 1px solid gray;
  z-index: 100;
  background-color: white;
  white-space: nowrap;
  line-height: normal;
  margin-top: 1px;
  display: none;
}
.drop-choices a.choice {
  cursor: pointer;
  padding: 2px 3px 1px 3px;
  display: block;
}
.drop-choices a.choice:hover {
  background-color: #c7def7;
}
.drop-choices a.choice.selected {
  display: none;
}
.dropdown.lightdrop .selected {
  position: relative;
  background: none no-repeat scroll center right;
  background-image: url(../droparrowgray.gif);
  padding-right: 21px;
  text-decoration: underline;
  color: gray;
}
.drop-choices.lightdrop {
  margin-top: 2px;
}
/*tab drop*/
.dropdown.tabdrop .selected {
  position: relative;
  background: white none no-repeat scroll center right;
  background-image: url(../droparrowgray.gif);
  padding: 2px 21px 1px 5px;
  margin-left: 3px;
  border: 1px solid #5f99cf;
  border-bottom: none;
  color: orangered;
}
.dropdown.tabdrop .selected.title {
  background-color: #eff7ff;
  color: #369;
  padding-bottom: 0;
  border: none;
}
.drop-choices.tabdrop {
  margin-top: 2px;
}
.dropdown-title.tabdrop {
  display: none;
}
.drop-choices .choice.hidden {
  display: none;
}
.tabmenu {
  list-style-type: none;
  white-space: nowrap;
  display: inline-block;
  margin-top: 5px;
  vertical-align: bottom;
}
.tabmenu li {
  display: inline;
  font-weight: bold;
  margin: 0px 3px;
}
.tabmenu li a {
  padding: 2px 6px 0 6px;
  background-color: #eff7ff;
}
.tabmenu li.selected a {
  color: orangered;
  background-color: white;
  border: 1px solid #5f99cf;
  border-bottom: 1px solid white;
  z-index: 100;
}
.tabpane-content {
  border: 1px solid #5f99cf;
  padding: 4px 4px 4px 4px;
}
.content {
  z-index: 1;
  margin: 7px 5px 0px 5px;
}
.content .spacer {
  margin-bottom: 5px;
}
.state-button {
  display: inline;
}
/* side box menus */
.side {
  float: right;
  background-color: white;
  margin: 0px 5px 0 5px;
  width: 300px;
}
.side .spacer {
  margin: 7px 0 12px 0;
}
.side .side-message {
  background: #faf2ce no-repeat 10px 10px;
  border: 1px solid #edce42;
  border-radius: 2px;
  padding: 10px;
  line-height: 1.75em;
}
.side .side-message:before {
  content: '';
  display: inline-block;
  float: left;
  background-image: url(../icon-info.png);
  /* SPRITE */
  width: 16px;
  height: 16px;
  margin-right: 7px;
}
.side .side-message p {
  font-size: .9em;
  margin: 0;
}
.side .side-message p strong {
  display: block;
  font-weight: normal;
  font-size: 1.25em;
}
.side .side-message p + p {
  margin-top: .25em;
}
.side .side-message.gold {
  font-family: serif;
  border: 1px solid #d5c9a9;
  box-shadow: 0 0 10px #ebe5d5 inset;
  border-radius: 0;
}
.side .side-message.gold:before {
  background-image: url(../gold-coin.png);
  /* SPRITE */
  width: 13px;
  height: 14px;
  margin-top: 1px;
}
.morelink {
  display: block;
  text-align: center;
  position: relative;
  border: 1px solid #c4dbf1;
  background: white none repeat-x scroll center left;
  background-image: url(../gradient-button.png);
  /* SPRITE stretch-x */
  font-size: 150%;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 29px;
  height: 29px;
}
.morelink:hover,
.mlh {
  border-color: #879eb4;
  background-image: url(../gradient-button-hover.png);
  /* SPRITE stretch-x */
}
.morelink a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #369;
}
.morelink:hover a {
  color: white;
}
.morelink .nub {
  position: absolute;
  top: -1px;
  right: -1px;
  height: 31px;
  width: 24px;
  background: white none no-repeat scroll center left;
  background-image: url(../gradient-nub.png);
  /* SPRITE */
}
.morelink:hover .nub,
.mlhn {
  background-image: url(../gradient-nub-hover.png);
  /* SPRITE */
}
.disabled .morelink,
.disabled .morelink:hover {
  background-image: url(../gradient-button-gray.png);
  /* SPRITE stretch-x */
  border-color: #dadada;
}
.disabled .morelink a {
  cursor: default;
  color: #aaa;
}
.disabled .morelink .nub,
.disabled .morelink:hover .nub {
  background-image: url(../gradient-nub-gray.png);
  /* SPRITE */
}
/* raised box */
.raisedbox {
  padding: 5px;
  background: #E0E0E0;
  border: 1px solid gray;
}
.raisedbox h4 {
  margin-bottom: 3px;
}
.raisedbox li {
  margin-bottom: 2px;
}
.sidebox .spacer {
  position: relative;
  margin-top: 10px;
  padding: 5px 0 0 44px;
  min-height: 41px;
  background: white none no-repeat scroll top left;
}
.sidebox .spacer.no-icon {
  padding: 0;
  min-height: 0;
}
.sidebox .spacer a {
  position: absolute;
  top: 0;
  left: 0px;
  display: block;
  height: 40px;
  width: 40px;
}
.sidebox.create .spacer a {
  background-image: url(../create-a-reddit.png);
  /* SPRITE */
  background-repeat: no-repeat;
}
.sidebox.gold .spacer a {
  background-image: url(../reddit_gold-40.png);
  /* SPRITE */
  background-repeat: no-repeat;
}
.sidebox.gold .morelink {
  border: none;
  background-color: transparent;
  background-image: url(../goldmorelink.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 31px;
}
.sidebox.gold .morelink a,
.sidebox.gold .morelink a:visited {
  color: #9a7d2e;
}
.sidebox.gold .morelink:hover {
  background-position: 0 -31px;
}
.sidebox.gold .morelink:hover a {
  color: #ffffff;
  margin-top: 1px;
}
.sidebox.gold .morelink .nub {
  display: none;
}
.submit.mod-override .morelink a:after {
  background-image: url("../shield.png");
  content: " ";
  position: absolute;
  height: 16px;
  width: 16px;
  margin: 7px;
}
.submit.mod-override .morelink:hover a:after {
  opacity: 0.5;
}
.sidebox .subtitle {
  margin-left: 10px;
  color: dimgray;
  font-size: 110%;
}
.account-activity-box {
  text-align: center;
}
#account-activity table {
  margin: 2em 0 0 2em;
  width: 45em;
  font-size: larger;
}
#account-activity th {
  font-weight: bold;
}
#account-activity td {
  padding: .5em 0;
}
.infotable {
  margin-top: 5px;
  margin-bottom: 10px;
}
.infotable .small {
  font-size: smaller;
}
.infotable td {
  padding-right: 1em;
}
.infotable a:hover {
  text-decoration: underline;
}
.infotable .state-button a {
  background-color: #F0F0F0;
  color: gray;
}
.infotable .bold {
  font-weight: bold;
}
.infotable .invalid-user {
  background-color: pink;
}
.infotable .organic-vote {
  border: 1px solid green;
}
/* used on profile pages */
.profile-attr .label {
  font-weight: bold;
}
.profile-attr .value {
  color: #404040;
  margin-right: 5px;
}
.profile-attr .md {
  margin-left: 10px;
  margin-top: 5px;
  border-color: #B2B2B2 #D0D0D0 #D0D0D0 #B2B2B2;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
}
.profile-attr .md ul {
  float: none;
  list-style-type: disc;
  margin-left: 15px;
}
.profile-attr .md p {
  margin-top: 0px;
}
.question {
  color: red;
}
.question .yes {
  margin-left: 5px;
  margin-right: 3px;
}
.question .no {
  margin: 0px 3px 0px 3px;
}
/* thing rendering */
.arrow {
  margin: 2px 0px 0px 0px;
  width: 100%;
  height: 14px;
  display: block;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  width: 15px;
  margin-left: auto;
  margin-right: auto;
  outline: none;
}
.arrow.upmod {
  background-image: url(../aupmod.gif);
  /* SPRITE */
}
.arrow.downmod {
  background-image: url(../adownmod.gif);
  /* SPRITE */
}
.arrow.up {
  background-image: url(../aupgray.gif);
  /* SPRITE */
}
.arrow.down {
  background-image: url(../adowngray.gif);
  /* SPRITE */
}
.midcol {
  float: left;
  margin-right: 7px;
  margin-left: 7px;
  background: transparent;
  overflow: hidden;
}
body > .content .link.compressed .midcol {
  width: 15px;
  margin-right: 5px;
}
.entry {
  overflow: hidden;
  margin-left: 3px;
  opacity: 1;
}
.domain {
  color: #888;
  font-size: x-small;
  white-space: nowrap;
}
.domain a {
  color: #888;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  max-width: 19em;
}
.domain a:hover {
  text-decoration: underline;
  max-width: none;
}
.spam .domain,
.spam .domain a {
  color: black;
}
.link-note {
  background-color: white;
  color: #ff4444;
  font-size: x-small;
}
.user-distinction {
  color: #888;
  font-size: x-small;
  margin: 5px 5px 0px 5px;
}
.user-distinction .admin {
  color: #ff0011;
  text-decoration: none;
  font-weight: bold;
}
.tagline,
.search-result-meta {
  color: #888;
  font-size: x-small;
}
.tagline a,
.search-result-meta a {
  color: #369;
  text-decoration: none;
}
.tagline .friend,
.search-result-meta .friend {
  color: orangered;
}
.tagline .submitter,
.search-result-meta .submitter {
  color: #0055df;
}
.tagline .moderator,
.green,
.search-result-meta .moderator {
  color: #228822;
}
.tagline .admin,
.search-result-meta .admin {
  color: #ff0011;
}
.tagline .alum,
.search-result-meta .alum {
  color: #BE1337;
}
.tagline a.author.admin,
.search-result-meta a.author.admin {
  font-weight: bold;
}
.tagline a:hover,
.search-result-meta a:hover {
  text-decoration: underline;
}
.tagline .edited-timestamp,
.search-result-meta .edited-timestamp {
  cursor: default;
}
.tagline .stickied-tagline,
.search-result-meta .stickied-tagline {
  color: #228822;
}
.comment .tagline .stickied-tagline:before,
.comment .search-result-meta .stickied-tagline:before {
  content: "- ";
}
.tagline .userattrs .cakeday,
.search-result-meta .userattrs .cakeday {
  display: inline-block;
  text-indent: -9999px;
  width: 11px;
  height: 8px;
  background-image: url(../cake.png);
  /* SPRITE */
  vertical-align: middle;
}
a.author {
  margin-right: 0.5em;
}
.tagline .subreddit .userattrs,
.search-result-meta .subreddit .userattrs {
  margin-left: 0.5em;
}
.tagline .subreddit .admin-distinguish,
.search-result-meta .subreddit .admin-distinguish {
  color: #ff0011;
}
.tagline .subreddit .moderator-distinguish,
.search-result-meta .subreddit .moderator-distinguish {
  color: #228822;
}
a.banned-user {
  color: red;
}
.thing .parent .stamp,
.thing .parent .author {
  margin-right: 0.5em;
}
.flair,
.linkflairlabel {
  display: inline-block;
  margin-right: .5em;
  padding: 0 2px;
  background: #f5f5f5;
  color: #555;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.collapsed .flair {
  display: none;
}
.flair input {
  font-size: xx-small;
}
.linkflairlabel {
  font-size: x-small;
  max-width: 10em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.link .flair {
  font-size: x-small;
  margin-top: -1px;
}
.flair-settings {
  margin-bottom: 16px;
}
.flairlist .flair-jump {
  margin-bottom: 1em;
}
.flairlist .flair-jump input[type="text"] {
  width: 430px;
}
.flair-jump button {
  font-size: 100%;
}
.flairlist.pretty-form {
  font-size: inherit;
}
.flairlisthome,
.flairlist .nextprev {
  display: inline-block;
  margin-top: 10px;
}
.flairlisthome {
  font-size: smaller;
}
.flaircell,
.flairlist .header {
  display: inline-block;
  text-align: center;
  width: 30ex;
  margin-right: 4ex;
}
.flair-entry {
  display: inline-block;
}
.flaircell.narrow,
.flairlist .header.narrow {
  width: 14ex;
}
.flairsample-left {
  text-align: right !important;
}
.flairsample-right {
  text-align: left !important;
}
.flairrow .tagline,
.flairrow .search-result-meta {
  display: inline-block;
  margin-bottom: 8px;
  margin-left: 6px;
  text-align: left;
  width: 36ex;
}
.flairlist .flaircell input[type="text"] {
  width: 28ex;
}
.flairrow > form button {
  display: none;
}
.flairrow .edited button {
  display: inline-block;
}
.flairrow .flairdeletebtn {
  display: inline;
}
.flairrow:hover .flairdeletebtn {
  opacity: 1.0;
}
.reportform {
  position: relative;
  display: none;
  max-width: 450px;
}
.reportform.active {
  display: block;
}
.flairselector {
  box-shadow: 4px 4px 4px #ccc;
  font-size: x-small;
  position: absolute;
  width: 400px;
}
.flairselector img {
  margin: none;
}
.flairselector h2 {
  background: #cee3f8;
  padding-bottom: 2px;
  margin-bottom: 4px;
  text-align: center;
}
.flairselector.drop-choices.active {
  border: 1px solid gray;
  display: block;
}
.flairselector .error {
  text-align: center;
}
.flairselector ul {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  vertical-align: top;
}
.flairselector .selected,
.flairselector.active li {
  display: block;
  font-weight: normal;
  text-decoration: none !important;
}
.flairselector li {
  border: 1px solid white;
  cursor: pointer;
  display: block !important;
  padding-left: 4px;
}
.flairselector li a {
  color: #369 !important;
  font-weight: normal !important;
}
.flairselector li:hover {
  background-color: #bbb;
  border: 1px solid #bbb;
}
.flairselector li a:hover {
  text-decoration: none;
}
.flairselector li.selected {
  border: dashed 1px black;
}
.flairselector .title {
  font-size: x-small !important;
}
.flairselector form {
  border-top: solid 1px gray;
  clear: both;
  display: block;
  padding-top: 4px;
  text-align: center;
}
.flairselector form > div {
  margin: 2px 0;
}
.flairselector form button {
  margin-left: 5px;
}
.flairoptionpane {
  margin-bottom: 4px;
  max-height: 200px;
  overflow: auto;
  text-align: center;
}
.flairselector .customizer {
  display: inline-block;
}
.flairselector .customizer input {
  display: none;
}
.flairselector .customizer button {
  display: inline !important;
}
.flairselector .flairremove {
  display: none;
}
.media-button .option {
  color: red;
}
.media-button .option.active {
  background: none no-repeat scroll right center;
  background-image: url(../reddit-button-play.png);
  /* SPRITE */
  padding-right: 15px;
  color: #336699;
}
.embededmedia {
  margin-top: 5px;
  margin-left: 60px;
}
.thing .title {
  color: blue;
  outline: none;
  margin-right: .4em;
  padding: 0px;
  overflow: hidden;
}
.thing .title:visited,
.thing.visited .title {
  color: #551a8b;
}
.thing.stickied.link a.title {
  font-weight: bold;
  color: #228822;
}
body.with-listing-chooser.explore-page #header .pagename {
  position: static;
}
.explore-header {
  font-weight: bold;
  margin-bottom: 7px;
  padding: 5px 0;
}
.explore-header #explore-settings input {
  margin-left: 5px;
}
.explore-header #explore-settings button {
  color: #333;
  font-weight: bold;
  line-height: 10px;
  margin-left: 8px;
}
.explore-header .explore-title {
  font-size: 1.3em;
}
.explore-item {
  margin-bottom: 1em;
}
.explore-item .explore-label {
  border-radius: 2px;
  display: inline-block;
  margin: 0 5px 1px 0;
  padding: 1px 2px 2px;
}
.explore-item .explore-label-type,
.explore-item .explore-label-link {
  padding: 0 5px;
}
.explore-item .explore-sr-details {
  color: #777;
  display: inline-block;
  font-size: x-small;
  font-weight: normal;
  margin-left: 3px;
}
.explore-item .explore-feedback {
  display: inline-block;
}
.explore-item .explore-feedback .fancy-toggle-button .add,
.explore-item .explore-feedback .fancy-toggle-button .remove {
  background-color: transparent;
  background-image: none;
  border: none;
  color: #aaa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  padding-top: 0;
}
.explore-item .explore-feedback .fancy-toggle-button .add .option,
.explore-item .explore-feedback .fancy-toggle-button .remove .option {
  line-height: 7px;
}
.explore-item .explore-feedback .fancy-toggle-button .add:hover,
.explore-item .explore-feedback .fancy-toggle-button .remove:hover {
  color: white;
  border: 1px solid #444;
}
.explore-item .explore-feedback .fancy-toggle-button .add:hover {
  background-image: url(../bg-button-add.png);
  /* SPRITE stretch-x */
}
.explore-item .explore-feedback .fancy-toggle-button .remove:hover {
  background-image: url(../bg-button-remove.png);
  /* SPRITE stretch-x */
}
.explore-item .explore-feedback .subscribe-button {
  display: inline-block;
  margin: 0 4px 0 0;
}
.explore-item .explore-feedback-dismiss {
  cursor: pointer;
  display: inline-block;
  text-indent: -9999px;
  width: 9px;
  height: 9px;
  background-image: url(../close-small.png);
  /* SPRITE */
  background-repeat: no-repeat;
  opacity: .3;
  margin-left: 4px;
  vertical-align: middle;
  border: 3px solid transparent;
}
.explore-item .explore-feedback-dismiss:hover {
  opacity: 1;
}
.explore-item .explore-sr {
  display: inline-block;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 3px;
  padding: 2px 4px;
  line-height: 13px;
  height: 18px;
}
.explore-item .midcol {
  display: none;
}
.explore-item .rank {
  display: none;
}
.explore-comment {
  /* make long comment boxes fade to white instead of cutting off mid-line */
}
.explore-comment .explore-label {
  background-color: #cee3f8;
  border: solid thin #5f99cf;
}
.explore-comment .tagline,
.explore-comment .buttons,
.explore-comment .thumbnail,
.explore-comment .expando-button,
.explore-comment .search-result-meta {
  display: none;
}
.explore-comment .comment {
  border-left: solid 2px #eee;
  color: #888;
  margin: -3px 0 3px 5px;
  max-height: 100px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}
.explore-comment .comment .md {
  font-size: x-small;
  padding-bottom: 2px;
}
.explore-comment .comment .md p {
  margin: 5px;
}
.explore-comment .comment-fade {
  background: -moz-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  bottom: 0;
  border: none;
  height: 10px;
  position: absolute;
  width: 100%;
}
.explore-comment .comment-link {
  color: #888;
  display: inline-block;
  font-weight: bold;
  padding: 0 0 8px 5px;
}
.explore-page.res-nightmode .comment-fade {
  display: none;
}
.explore-hot .explore-label {
  background-color: #fff088;
  border: solid thin #c4b487;
}
.explore-rising .explore-label {
  background-color: #d6fbcb;
  border: solid thin #485;
}
.explore-discovery .explore-label {
  background-color: #dedede;
  border: solid thin #aaa;
}
.explore-subscribe-bubble {
  margin-left: 22px;
}
.sitetable {
  list-style-type: none;
}
.ajaxhook {
  position: absolute;
  top: -1000px;
  left: 0px;
}
.nextprev,
.next-suggestions {
  color: gray;
  font-size: larger;
  margin-top: 10px;
}
.nextprev a,
.next-suggestions a {
  padding: 1px 4px;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-weight: bold;
}
.nextprev a:hover,
.next-suggestions a:hover {
  background: #f0f0f0;
  border: 1px solid #82A6C9;
}
.nextprev a:active,
.next-suggestions a:active {
  background: #e4e4e4;
}
.nextprev .separator,
.next-suggestions .separator {
  margin: 0;
  margin-left: .5em;
  padding-left: .5em;
  border-left: 1px solid #ccc;
}
.next-suggestions {
  margin-left: 0.75em;
}
.next-suggestions a {
  background: none;
  font-weight: normal;
  margin-left: .5em;
}
.next-suggestions .mark-all-read-container .throbber {
  position: absolute;
  margin-left: 5px;
  margin-top: -2px;
  padding-left: 22px;
  min-width: 18px;
  width: auto;
  font-size: 10px;
  line-height: 16px;
}
/* corner help */
.help a.help {
  color: #808080;
  text-decoration: underline;
}
.help.help-cover {
  position: relative;
  background-color: #F8F8F8;
  border: 1px solid gray;
  display: none;
  padding: 5px 10px 10px 10px;
  overflow: hidden;
}
.help p,
.help form {
  margin: 5px;
  font-size: 110%;
}
.help form {
  display: inline;
}
.help-hoverable {
  cursor: help;
}
.hover-bubble {
  display: none;
  position: absolute;
  background: white;
  color: #333;
  border: 1px solid gray;
  padding: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  z-index: 100;
}
.hover-bubble:before,
.hover-bubble:after {
  position: absolute;
  display: block;
  content: '';
}
.hover-bubble.anchor-top:before,
.hover-bubble.anchor-top:after {
  right: 8px;
  border: 9px solid transparent;
}
.hover-bubble.anchor-top:before {
  top: -19px;
  border-bottom-color: gray;
}
.hover-bubble.anchor-top:after {
  top: -18px;
  border-bottom-color: white;
}
.hover-bubble.anchor-top-left:before,
.hover-bubble.anchor-top-left:after {
  left: 8px;
  border: 9px solid transparent;
}
.hover-bubble.anchor-top-left:before {
  top: -19px;
  border-bottom-color: gray;
}
.hover-bubble.anchor-top-left:after {
  top: -18px;
  border-bottom-color: white;
}
.hover-bubble.anchor-top-centered:before,
.hover-bubble.anchor-top-centered:after {
  left: 50%;
  margin-left: -9px;
  border: 9px solid transparent;
}
.hover-bubble.anchor-top-centered:before {
  top: -19px;
  border-bottom-color: gray;
}
.hover-bubble.anchor-top-centered:after {
  top: -18px;
  border-bottom-color: white;
}
.hover-bubble.anchor-right:before,
.hover-bubble.anchor-left:before,
.hover-bubble.anchor-right:after,
.hover-bubble.anchor-left:after {
  top: 8px;
  border: 9px solid transparent;
}
.hover-bubble.anchor-right:before {
  right: -19px;
  border-left-color: gray;
}
.hover-bubble.anchor-right:after {
  right: -18px;
  border-left-color: white;
}
.hover-bubble.anchor-left:before {
  left: -19px;
  border-right-color: gray;
}
.hover-bubble.anchor-left:after {
  left: -18px;
  border-right-color: white;
}
.help-bubble {
  width: 35em;
}
.help-bubble p,
.help-bubble form {
  margin: .5em;
}
.help-bubble a {
  font-weight: bold;
}
.help-bubble a:hover {
  text-decoration: underline;
}
.hover-bubble.multi-selector {
  margin-top: -47px;
  min-width: 130px;
  min-height: 40px;
  padding: 8px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hover-bubble.multi-selector:before,
.hover-bubble.multi-selector:after {
  top: 48px;
}
.hover-bubble.multi-selector strong,
.hover-bubble.multi-selector a.sr {
  display: block;
  margin: 3px 0;
  text-align: center;
}
.hover-bubble.multi-selector strong {
  font-size: 1.05em;
  font-weight: bold;
  color: #333;
}
.hover-bubble.multi-selector .throbber {
  position: absolute;
  top: 10px;
  right: 8px;
}
.hover-bubble.multi-selector .multi-list {
  margin-top: 5px;
}
.hover-bubble.multi-selector label {
  font-size: 1.25em;
  display: block;
  padding: 5px 12px;
}
.hover-bubble.multi-selector label:hover {
  background: #eee;
}
.hover-bubble.multi-selector label input[type="checkbox"] {
  margin-top: 0;
  margin-right: 5px;
  vertical-align: middle;
}
.hover-bubble.multi-selector label a {
  float: right;
  margin-left: 7px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  background: white;
  border: 1px solid #6699cc;
  border-radius: 2px;
  text-align: center;
  opacity: .65;
}
.hover-bubble.multi-selector label a:hover {
  opacity: 1;
}
.hover-bubble.multi-selector .create-multi input[type="text"] {
  background: white;
  border: 1px solid #ccc;
  padding: 2px 5px;
}
.infotext {
  border: 1px solid #369;
  background-color: #EFF7FF;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.6);
}
.infotext p {
  font-size: small;
  margin: 5px;
}
.wikiaction-revisions::before {
  background-image: url(../report.png);
  /* SPRITE */
}
.wikiaction-pages::before {
  background-image: url(../page_white_copy.png);
  /* SPRITE */
}
/* organic listing */
.organic-listing {
  border: solid 1px gray;
  padding: 0;
  overflow: hidden;
  position: relative;
  margin-bottom: 7px;
}
.organic-listing.loading {
  display: none;
}
.organic-listing .link {
  background-color: #F8F8F8;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 72px;
}
body.compressed-display .organic-listing .link {
  padding-top: 7px;
  padding-bottom: 7px;
  min-height: 37px;
}
.organic-listing.show-placeholder.loading {
  display: block;
  height: 82px;
  opacity: .5;
}
body.compressed-display .organic-listing.show-placeholder.loading {
  height: 51px;
}
.organic-listing.show-placeholder.loading .help,
.organic-listing.show-placeholder.loading .throbber {
  display: none;
}
.organic-listing .link,
.organic-listing .link.compressed,
.organic-listing .link.promotedlink {
  padding-right: 7em;
  padding-left: 2px;
  margin-bottom: 0px;
}
.organic-listing .nextprev {
  margin: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  vertical-align: top;
  z-index: 1;
}
.organic-listing .nextprev .arrow,
.organic-listing .nextprev .throbber {
  width: 21px;
  height: 21px;
  margin: 5px 5px 2px 0px;
}
.organic-listing .nextprev .throbber {
  vertical-align: top;
  background-position: center center;
}
.organic-listing .nextprev .arrow {
  border: solid 1px #B3B3B3;
  display: inline-block;
  position: relative;
  /* This is a really weird value, but it needs to be low to hide text without affecting layout in IE. */
  text-indent: 50px;
}
.organic-listing .nextprev .arrow.prev {
  background-image: url(../prev_organic.png);
  /* SPRITE */
}
.organic-listing .nextprev .arrow.next {
  background-image: url(../next_organic.png);
  /* SPRITE */
}
.organic-listing .nextprev .arrow:hover {
  cursor: pointer;
  border: solid 1px #336699;
}
.organic-listing .nextprev .arrow:active {
  top: 1px;
}
.organic-listing .help {
  color: #336699;
  margin: 0px 5px 5px 0;
  position: absolute;
  right: -1px;
  bottom: 0px;
  z-index: 1;
}
.link.promotedlink {
  /*background-color: lightgreen; */
  border: 1px solid gray;
  padding: 5px 0 5px 3px;
  overflow: hidden;
  position: relative;
}
.link.promotedlink.unpaid {
  background-color: #FFC;
}
.link.promotedlink.unseen {
  background-color: #FFC;
}
.link.promotedlink.accepted {
  background-color: #9F9;
}
.link.promotedlink.rejected {
  background-color: #FF9A9A;
}
.link.promotedlink.accepted {
  background-color: #9F9;
}
.link.promotedlink.pending {
  background-color: #BFC;
}
.link.promotedlink.promoted {
  background-color: #EFF7FF;
}
.link.promotedlink.finished {
  background-color: #DDD;
}
.link.promotedlink.edited_live {
  background-color: #FFD59A;
}
#promo-form + form #img-preview-container {
  display: none;
}
.profile-page .link.promotedlink.saved {
  background-color: white;
  border: none;
}
.profile-page .link.promotedlink.saved .sponsored-tagline {
  display: none;
}
.rejection-form textarea {
  width: 40em;
  height: 10em;
}
.promoted-list {
  font-size: larger;
}
.promoted-list .unpromote-button {
  display: inline;
}
.promoted-list .unpromote-button a {
  color: gray;
}
.help-cover.promoted {
  background-color: #EFF7FF;
}
.organic-listing .promoted {
  background-color: #EFF7FF;
  border: none;
}
.organic-listing .sponsored-tagline {
  right: 6.8em;
}
.sponsored-tagline {
  color: #808080;
  bottom: 0;
  margin: 0 5px 5px 0;
  position: absolute;
  font-weight: bold;
  right: 0;
}
.geotarget-notice {
  margin: 5px 10px;
}
.geotarget-notice .md p {
  font-size: smaller;
  margin: 1px 0 0;
}
.geotarget-notice div:before {
  content: "";
  float: left;
  height: 16px;
  width: 20px;
  background-repeat: no-repeat;
}
.geotarget-notice.city div:before {
  background-image: url(../map.png);
  /* SPRITE */
}
.geotarget-notice.country div:before {
  background-image: url(../world.png);
  /* SPRITE */
}
.promote-pixel {
  position: absolute;
  top: -1000px;
  right: -1000px;
}
.organic-help-button {
  padding: 0 .5ex;
}
.menuarea {
  border-bottom: 1px dotted gray;
  padding: 5px 10px;
  margin: 5px;
  overflow: hidden;
  font-size: larger;
}
.menuarea .spacer {
  display: inline;
  margin-right: 15px;
}
.panestack-title {
  margin: 10px 310px 0px 10px;
  padding-bottom: 3px;
  border-bottom: 1px dotted gray;
}
.panestack-title .title {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
}
.panestack-title a.title-button {
  font-size: 12px;
  margin-left: 8px;
}
.panestack-title a.title-button.gold {
  background-color: #fff088;
  color: #6a4d00;
  border: 1px solid #9a7d2e;
  padding: 1px 5px;
  border-radius: 3px;
}
.commentarea .menuarea {
  border: none;
  margin: 0 310px 10px 10px;
  padding: 0;
  color: gray;
}
.commentarea .menuarea form.toggle {
  margin-left: 8px;
}
.commentarea .menuarea .toggle {
  display: inline-block;
}
.commentarea .menuarea .toggle a {
  color: gray;
  font-weight: bold;
  font-size: x-small;
}
.commentarea > .usertext {
  margin: 0 0 10px 10px;
  overflow: auto;
}
.infobar.red {
  padding: 5px;
  background-color: #FFAEAE;
  border-color: red;
}
.infobar.red img {
  float: left;
  margin-right: 5px;
}
.infobar.mellow {
  background-color: #eff8ff;
  border: 1px solid #93abc2;
}
.infobar.gold {
  background-color: #fffdcc;
  border: 1px solid #e1b000;
  color: #9a7d2e;
}
.content .infobar.gold:before {
  margin-top: 5px;
  margin-right: 7px;
}
.infobar.welcome {
  display: none;
  background: url(../welcome-lines.png) top center;
  border: 1px solid #ff8b60;
  padding: 0;
  height: 80px;
  overflow: hidden;
  margin-right: 0;
  /* work around safari 5 width issue */
  white-space: nowrap;
}
.infobar.welcome h1,
.infobar.welcome h2 {
  display: inline-block;
  font-weight: normal;
  margin: 0;
}
.infobar.welcome h1 {
  margin-top: 14px;
  margin-left: 2%;
  padding: 7px 16px;
  font-size: 16px;
  background: white;
  border-bottom: 2px solid #5f99cf;
}
.infobar.welcome .button-row {
  position: relative;
  top: -8px;
  margin-left: 10%;
}
.infobar.welcome h2 {
  padding: 4px 14px;
  padding-left: 38px;
  background: white url(../welcome-upvote.png) 12px center no-repeat;
  font-size: 13px;
  color: #222;
  border-bottom: 2px solid #ff4500;
}
.infobar.welcome a {
  margin-left: 2%;
  background: #e75018;
  font-size: 11px;
  font-weight: bold;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  border-bottom: 2px solid #a73a11;
}
.infobar.welcome a:hover {
  background: #f0571e;
  border-bottom-color: #c74514;
}
.infobar.welcome a:active {
  position: relative;
  top: 1px;
  background: #df531f;
  border-bottom: 1px solid #a73a11;
}
.infobar.newsletterbar {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  overflow: hidden;
  min-height: 80px;
  padding: 15px 20px 20px 25px;
  border: none;
  border-radius: 2px;
  background-color: #30659B;
}
.infobar.newsletterbar header {
  float: left;
  height: 45px;
  width: 325px;
}
.infobar.newsletterbar a.newsletter-close {
  position: absolute;
  right: 3px;
  top: 0;
  font-size: 11px;
  color: #CCC;
}
.infobar.newsletterbar form {
  margin: 2px 150px 0 340px;
  max-width: 400px;
  min-width: 150px;
  line-height: 45px;
  white-space: nowrap;
}
.infobar.newsletterbar .subscribe-thanks {
  display: none;
}
.infobar.newsletterbar.success header {
  padding-left: 65px;
}
.infobar.newsletterbar.success header:before {
  content: "✓";
  color: #80d654;
  font-weight: bold;
  font-size: 60px;
  position: absolute;
  top: 0;
  left: 15px;
}
.infobar.newsletterbar.success .subscribe-callout {
  display: none;
}
.infobar.newsletterbar.success .subscribe-thanks {
  display: block;
}
.infobar.newsletterbar h1 {
  margin: 0;
}
.infobar.newsletterbar h1 a:hover {
  border-bottom: 1px dotted #999;
}
.infobar.newsletterbar h2 {
  color: white;
  font-weight: normal;
  font-size: 14px;
  margin-top: 5px;
}
.infobar.newsletterbar .c-form-group {
  width: 100%;
}
.infobar.newsletterbar .c-form-control-feedback-wrapper {
  top: 5px;
}
.infobar.newsletterbar button {
  padding: 6px 12px 5px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 3px;
  margin-left: 10px;
}
@media screen and (max-width: 992px) {
  .infobar.newsletterbar header {
    float: none;
  }
  .infobar.newsletterbar form {
    margin: 10px 0 0;
  }
  .infobar.newsletterbar .c-form-group {
    max-width: 50%;
  }
}
.locationbar {
  margin: 5px;
}
.locationbar .md,
.locationbar .md p,
.locationbar .options {
  color: #888888;
  font-weight: bold;
  font-size: 11px;
  display: inline;
}
.locationbar .options {
  margin-left: 15px;
}
/*top link*/
a.star {
  text-decoration: none;
  color: #ff8b60;
}
/* buttons on main link style */
.entry .buttons li {
  display: inline-block;
  border: none;
  padding-right: 4px;
  line-height: 1.6em;
}
.entry .buttons li + li {
  padding-left: 4px;
}
.entry .buttons li.stamp + li.stamp {
  margin-left: 4px;
}
.entry .buttons li a {
  color: #888;
  font-weight: bold;
  padding: 0 1px;
}
.entry .buttons li a.nonbutton {
  color: #369;
  font-weight: normal;
}
.entry .buttons a:hover {
  text-decoration: underline;
}
.entry .buttons .status-msg {
  display: none;
  margin-right: .5em;
}
/* links */
.toggle .error {
  font-size: x-small;
}
.toggle .option {
  display: none;
}
.toggle .option.active {
  display: inline;
}
.thing .stub {
  display: none;
}
.link.last-clicked {
  border: 1px dashed gray;
  overflow: hidden;
}
.link {
  margin: 0;
  margin-bottom: 8px;
  padding-left: 3px;
}
.link .score {
  text-align: center;
  color: #c6c6c6;
}
.link .title {
  font-size: medium;
  font-weight: normal;
  margin-bottom: 1px;
}
.link .child h3 {
  margin: 15px;
  text-transform: none;
  font-size: medium;
}
.rank {
  overflow: hidden;
}
.profile-page .link .rank,
.single-page .link .rank {
  display: none;
}
.link .midcol {
  font-weight: bold;
  font-size: small;
}
.link .score.likes {
  color: #FF8B60;
}
.link .score.dislikes {
  color: #9494FF;
}
.link .rank {
  float: left;
  margin-top: 15px;
  color: #c6c6c6;
  font-family: arial;
  font-size: medium;
  text-align: right;
}
.rank-spacer {
  font-size: medium;
}
.midcol-spacer {
  font-size: small;
}
.link.compressed {
  margin-bottom: 5px;
}
.link.compressed .rank {
  margin-top: 10px;
}
.link.compressed .title {
  margin: -2px 0 3px;
}
.link.compressed .score {
  color: #888888;
}
.link.compressed .score-placeholder {
  height: 3px;
}
.link.compressed .subreddit {
  font-weight: bold;
}
.link.compressed .tagline,
.link.compressed .search-result-meta {
  display: inline;
  margin-right: 12px;
}
.link.compressed .expando-button {
  display: none;
}
/* display the right score based on whether they've voted */
.score.likes,
.score.dislikes {
  display: none;
}
.likes .score,
.dislikes .score {
  display: none;
}
.likes .score.likes {
  display: inline;
}
.dislikes .score.dislikes {
  display: inline;
}
.likes div.score.likes {
  display: block;
}
.dislikes div.score.dislikes {
  display: block;
}
.warm-entry .rank {
  color: #EDA179;
}
.hot-entry .rank {
  color: #E47234;
}
.cool-entry .rank {
  color: #A5ABFB;
}
.cold-entry .rank {
  color: #4959F7;
}
/* recently viewed links */
.gadget {
  font-size: x-small;
}
.gadget .midcol {
  width: 15px;
  margin: 0;
}
.gadget .reddit-link-end {
  clear: left;
  padding-top: 10px;
}
.gadget .click-gadget {
  font-size: small;
}
.gadget small {
  color: gray;
}
.gadget .reddit-entry {
  margin-left: 20px;
}
.gadget .right {
  text-align: right;
}
.gadget .stamp:first-child {
  margin-left: 0;
}
.gadget .score {
  margin-left: 0.5em;
}
.quarantine-tool.noncollapsed .quarantine-info {
  display: block;
}
.quarantine-tool.collapsed .quarantine-info {
  display: none;
}
/* comments */
.comment,
.content .details {
  margin-left: 10px;
}
.comment.noncollapsed .numchildren {
  display: none;
}
.comment.noncollapsed .usertext,
.comment.noncollapsed .child,
.comment.noncollapsed .buttons {
  display: block;
}
.comment.noncollapsed .midcol {
  visibility: visible;
}
body.show-controversial .comment.controversial > .entry .score:after {
  content: '†';
  position: relative;
  top: -2px;
}
.comment.collapsed {
  padding-bottom: 10px;
  line-height: 14px;
}
.comment.collapsed .numchildren {
  display: inline;
}
.comment.collapsed .usertext,
.comment.collapsed .child,
.comment.collapsed .buttons {
  display: none;
}
.comment.collapsed .midcol {
  visibility: hidden;
  height: 1px;
}
.comment.collapsed .tagline,
.comment.collapsed .tagline a,
.comment.collapsed .search-result-meta,
.comment.collapsed .search-result-meta a {
  color: gray;
}
.comment.collapsed .tagline :not(.expand),
.comment.collapsed .tagline a :not(.expand),
.comment.collapsed .search-result-meta :not(.expand),
.comment.collapsed .search-result-meta a :not(.expand) {
  font-style: italic;
}
.comment.collapsed.collapsed-for-reason .collapsed-reason {
  display: inline;
}
.comment.collapsed.collapsed-for-reason .score,
.comment.collapsed.collapsed-for-reason .live-timestamp {
  display: none;
}
.admin_takedown {
  background-color: #F7F7F7;
  color: #888888;
  padding: 3px;
}
.admin_takedown a:link {
  color: #326699;
}
.comment .midcol {
  margin-left: 0px;
  width: 15px;
}
.comment .title {
  font-size: small;
  margin-top: 10px;
}
.comment .author {
  font-weight: bold;
}
.comment .expand {
  margin-right: 3px;
  padding: 1px;
}
.comment .child,
.comment .showreplies {
  margin-top: 10px;
  margin-left: 15px;
  border-left: 1px dotted #DDF;
}
.comment.collapsed-for-reason .collapsed-reason {
  display: none;
}
.comment.deleted > .midcol {
  visibility: hidden;
}
.comment .showreplies {
  display: block;
  margin-top: 7px;
  margin-bottom: 15px;
  padding: 5px;
}
textarea.gray {
  color: gray;
}
.deepthread:after {
  background-image: url(../continue-thread.png);
  /* SPRITE */
  content: " ";
  display: inline-block;
  width: 25px;
  height: 9px;
  margin: 5px 0 0 5px;
}
.deepthread a {
  font-size: larger;
  color: #336699;
}
.deepthread a:hover {
  text-decoration: underline;
}
.morecomments {
  font-size: larger;
}
.morecomments a {
  color: #336699;
}
.morecomments a:hover {
  text-decoration: underline;
}
.morecomments .gray {
  font-weight: normal;
  color: gray;
}
.expand-btn {
  font-size: smaller;
  margin: 0px 5px;
  margin-top: 4px;
  display: inline-block;
}
.message.noncollapsed .numchildren {
  display: none;
}
.message.noncollapsed .child,
.message.noncollapsed .buttons,
.message.noncollapsed .md {
  display: block;
}
.message.noncollapsed .midcol {
  visibility: visible;
}
.message.collapsed > .entry .buttons,
.message.collapsed > .entry .md {
  display: none;
}
.message.collapsed.threaded .tagline,
.message.collapsed.threaded .tagline a,
.message.collapsed.threaded .search-result-meta,
.message.collapsed.threaded .search-result-meta a {
  color: gray;
}
.message.collapsed.threaded .tagline :not(.expand),
.message.collapsed.threaded .tagline a :not(.expand),
.message.collapsed.threaded .search-result-meta :not(.expand),
.message.collapsed.threaded .search-result-meta a :not(.expand) {
  font-style: italic;
}
.message.collapsed.threaded .child {
  display: none;
}
.message.collapsed .midcol {
  visibility: hidden;
  height: 20px;
}
.message {
  padding-left: 5px;
  margin: 10px 10px 20px 5px;
  padding: 7px;
}
.message .collapsed .head {
  color: #888888;
  font-style: italic;
}
.message .tagline,
.message .search-result-meta {
  color: #485;
}
.message.message-parent > .entry,
.message.message-reply > .entry {
  color: #485;
}
.message.message-parent > .entry .md,
.message.message-reply > .entry .md,
.message.message-parent > .entry blockquote,
.message.message-reply > .entry blockquote,
.message.message-parent > .entry del,
.message.message-reply > .entry del {
  color: inherit;
}
.message.recipient > .entry {
  color: black;
}
.message.message-reply.recipient > .entry .head,
.message.message-parent.recipient > .entry .head {
  color: black;
  font-weight: bold;
}
.message.color-bar {
  border-left: 5px solid transparent;
}
.message .recipient a.author,
.message .sender a.author,
.message .subreddit {
  font-weight: bold;
}
.message.new > .entry .head {
  color: orangered;
  font-weight: bold;
}
.message.new > .entry {
  background-color: #F7F7F7;
  border: 1px solid #E9E9E9;
  padding: 6px;
}
.message.new .unread {
  display: none;
}
.message.threaded .child {
  margin-left: 20px;
  border-left: 2px dashed #E7E7E7;
}
.message.message-reply:not(.threaded) .entry,
.message.message-parent:not(.threaded) .entry {
  margin-left: 10px;
  border-left: 2px dashed #E7E7E7;
}
.message .child .message,
.message .child .usertext {
  margin-top: 10px;
  margin-left: 12px;
}
.message.was-comment .child .message,
.message.was-comment .child .usertext {
  margin-top: 0px;
  margin-left: 0px;
}
.message .expand {
  margin-right: 3px;
  display: none;
}
.message .entry {
  margin-left: 0px;
}
.message.message-parent .expand {
  display: inline;
}
/* threaded message styles: remove padding */
.message.message-parent .child .message,
.message.message-reply .child .message {
  margin: 0;
  padding: 0;
}
.message.message-parent .subject {
  margin-bottom: 10px;
}
.message.message-parent .message .subject {
  display: none;
}
.message.message-reply .subject {
  display: none;
}
.message.message-reply .entry,
.message.message-parent .entry {
  padding-left: 10px;
  padding-bottom: 10px;
}
.message .buttons,
.message .md {
  margin-left: 15px;
}
.message .entry .parent {
  border: 1px solid #336699;
  max-width: 60em;
  margin: 3px 10px;
}
.message .subject .correspondent {
  background-color: #EFF7FF;
  border: 1px solid #336699;
  color: #336699;
  display: inline-block;
  margin-right: 10px;
  padding: 2px 5px;
}
.message .subject .reddit .marker-dot {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.message .subject .title {
  font-weight: normal;
  font-style: italic;
  margin-left: 10px;
}
.message .parent-link {
  margin-left: 12px;
  padding: 0 2px;
  font-weight: bold;
}
.message.was-comment .midcol {
  margin-left: 0px;
}
.message.was-comment .buttons,
.message.was-comment .parent-link {
  margin-left: 0px;
}
.message.was-comment .md {
  margin-left: 2px;
}
.message .subject {
  font-weight: bold;
  font-size: larger;
}
.message.gold {
  font-family: "Bitstream Charter", "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, georgia, garamond, FreeSerif, serif;
  background: url(../gold/tikkit-bg.png);
  max-width: 80em;
  text-align: center;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #555;
}
.message.gold .insignia {
  float: left;
  margin: 6em 20px 0 20px;
}
.message.gold .subject {
  font-size: 2.6em;
  line-height: 1.5em;
  text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.8);
}
.message.gold .tagline,
.message.gold .correspondent,
.message.gold .expand-btn,
.message.gold .unread-button,
.message.gold .block-button,
.message.gold .report-button,
.message.gold ul.buttons li.first,
.message.gold .search-result-meta {
  display: none;
}
.message.gold .entry {
  margin: 0;
  border: 0;
}
.message.gold .md {
  margin: 0;
  margin-bottom: 10px;
  padding: 15px;
  max-width: 100%;
  text-shadow: 0 0 2px #fff;
  border: 0 dashed #000;
  border-width: 1px 0;
}
.message.gold .md blockquote {
  border: 0;
  font-size: 0.7em;
  font-style: italic;
}
.message.gold .md p {
  font-size: 1.2em;
  line-height: 1.4em;
}
.message.gold .usertext-edit {
  margin: 0 auto;
}
.message.gold .usertext-buttons {
  text-align: left;
}
.message.gold ul.buttons li a {
  font-size: 2em;
  text-shadow: 0 0 3px #fff;
  color: #7a5d0e;
}
.message.gold ul.buttons,
.message.gold ul.buttons li {
  margin: 0;
  padding: 0;
}
.message.gold.new > .entry {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.message.gold-auto blockquote {
  background-color: #fafafa;
  border: 0;
  padding: 4px;
  margin-left: 0;
  margin-top: 1em;
  font-style: italic;
  font-size: 0.8em;
  color: #808080;
}
.message.gold-auto blockquote p {
  margin: 2px;
}
.message.gold-auto blockquote strong {
  font-style: inherit;
}
.clippy img {
  float: left;
}
.clippy-bubble {
  background-color: #fffdd7;
  border: solid black 1px;
  width: 350px;
  border-radius: 5px;
  margin-left: 5px;
  margin-bottom: 15px;
  padding: 7px;
  float: left;
}
.clippy-headline {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.clippy-bubble ul {
  list-style-type: disc;
  list-style-image: url(../clippy-bullet.png);
  padding-left: 15px;
}
.clippy-bubble li {
  margin-top: 0.5em;
}
.subreddit {
  margin-bottom: 10px;
}
.subreddit p {
  margin-top: 0px;
  margin-bottom: 1px;
}
.subreddit .description {
  font-size: small;
  max-width: 60em;
}
.subreddit .key {
  display: block;
}
.subreddit .title {
  font-size: medium;
  margin-right: 5px;
}
.subreddit .midcol {
  margin-right: 5px;
  margin-top: 5px;
  text-align: right;
  width: 12em !important;
}
.fancy-toggle-button {
  display: block;
  margin-bottom: 5px;
}
.fancy-toggle-button .active {
  border: 1px solid #444;
  padding: 1px 6px;
  background: white none repeat-x scroll center left;
  color: white;
  font-size: 10px;
  font-weight: bold;
  line-height: 20px;
  border-radius: 3px;
}
.fancy-toggle-button .remove {
  background-image: url(../bg-button-remove.png);
  /* SPRITE stretch-x */
}
.fancy-toggle-button .add {
  background-image: url(../bg-button-add.png);
  /* SPRITE stretch-x */
}
.fancy-toggle-button .banned {
  background-color: #666;
  padding: 1px 1.9em;
}
.commentbody.border {
  background-color: #ffc;
  padding-left: 5px;
}
.commentbody.grayed {
  color: gray;
  background-color: #E0E0E0;
  padding-left: 5px;
}
.fixedwidth {
  float: left;
  width: 100px;
  height: 0px;
}
.clearleft {
  clear: left;
  height: 0px;
}
.clear {
  clear: both;
}
.sharetable.preftable {
  margin-left: 20px;
}
.sharetable.preftable th {
  padding-bottom: 5px;
  padding-top: 5px;
}
.sharetable.preftable button {
  margin-top: 10px;
}
.preftable.widget-preview {
  font-size: smaller;
}
.preftable.widget-preview input[type="text"] {
  width: 150px;
}
.preftable #css-options input[type="text"] {
  margin-left: 0px;
  width: 6em;
}
.share-summary {
  width: 95%;
  margin-top: 10px;
}
.share-summary .head td {
  width: 50%;
  font-size: large;
  text-align: center;
}
.share-summary td {
  vertical-align: top;
}
.share-summary > tbody > tr > td {
  padding-left: 10px;
  padding-bottom: 10px;
}
.share-summary th {
  padding: 5px;
  border-bottom: 1px solid #000;
}
.sponsored .entry {
  margin-right: 20px;
}
.sponsored .titlerow {
  background: #fcfcfc;
  padding: 10px;
  border-top: #BCBCBC solid 1px;
  border-left: #BCBCBC solid 1px;
  border-bottom: #E0E0E0 solid 1px;
  border-right: #E0E0E0 solid 1px;
}
/* footer */
.footer-parent {
  font-size: larger;
  padding-top: 40px;
  clear: both;
  text-align: center;
}
.footer {
  color: gray;
  padding: 5px;
  margin: 15px auto;
  border: 1px solid #F0F0F0;
  display: flex;
  display: -webkit-flex;
  max-width: 600px;
}
.footer .col {
  display: inline-block;
  vertical-align: top;
  -webkit-flex: 0 0 25%;
  flex: 0 0 25%;
  margin: 10px 0;
  padding: 0 15px;
  border-left: 1px solid #E0E0E0;
  box-sizing: border-box;
}
.footer .col:first-child {
  border: none;
}
.notes-button {
  margin-top: 3px;
}
.notes-status {
  font-size: larger;
}
.load0 {
  background-color: #FFFFFF;
}
/* white */
.load1 {
  background-color: #f0f5FF;
}
/* pale blue */
.load2 {
  background-color: #E2ECFF;
}
/* blue */
.load3 {
  background-color: #d6f5cb;
}
/* pale green */
.load4 {
  background-color: #CAFF98;
}
/* green */
.load5 {
  background-color: #e4f484;
}
/* yellowgreen */
.load6 {
  background-color: #FFEA71;
}
/* orange */
.load7 {
  background-color: #ffdb81;
}
/* orangerose */
.load8 {
  background-color: #FF9191;
}
/* pink */
.load9 {
  background-color: #FF0000;
  color: #FFFFFF;
}
/* red */
/* login form */
.orangered {
  color: orangered;
}
.logout {
  display: inline;
}
.login-form-side {
  border: 1px solid gray;
}
.login-form-side input[type=text],
.login-form-side input[type=password] {
  font-family: verdana;
  /* Override Chrome's defaults. */
  font-size: 11px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #999;
  width: 141px;
  margin: 5px 0px 0px 5px;
  top: 5px;
  padding: 6px;
}
.login-form-side input[type=password] {
  width: 142px;
}
.login-form-side #remember-me,
.login-form-side .submit {
  margin: 4px;
}
.login-form-side .submit input[type=button] {
  margin: 1px;
}
.login-form-side #remember-me {
  float: left;
  line-height: 24px;
  margin-left: 5px;
}
.login-form-side #remember-me * {
  vertical-align: middle;
}
/*the checkbox*/
#rem-login-main {
  position: static;
  height: auto;
  width: auto;
  border: none;
  margin-right: 5px;
  margin-top: 0;
}
.login-form-side label {
  padding: 2px 0 2px 0;
  margin-right: 5px;
  white-space: nowrap;
}
.login-form-side .recover-password {
  margin-left: 1em;
}
.login-form-side .status {
  display: none;
}
.login-form-side .submit {
  float: right;
}
.login-form-side .submit *,
.user-form .submit * {
  vertical-align: middle;
}
.throbber {
  display: none;
  margin: 0 2px;
  background: url(../throbber.gif) no-repeat;
  width: 18px;
  height: 18px;
}
.working .throbber {
  display: inline-block;
}
.working [type="submit"] {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  pointer-events: none;
}
.sr_style_toggle .throbber {
  position: absolute;
  margin-top: -2px;
  margin-left: 4px;
}
.status {
  margin: 5px 0 0 5px;
  font-size: small;
}
.error {
  color: red;
  font-size: small;
}
.red {
  color: red;
}
.buygold {
  color: #9A7D2E;
  font-weight: bold;
}
.line-through {
  text-decoration: line-through;
}
#noresults {
  margin-right: 310px;
}
#ad-frame,
#ad_main {
  border: 0px;
  overflow: hidden;
  width: 300px;
  height: 280px;
}
#ad_sponsorship {
  border: 0px;
  overflow: hidden;
  width: 300px;
  height: 100px;
}
/* newsletter standalone page */
body.newsletter {
  background: #EEF7FF;
  font-size: 12px;
}
.newsletter-box {
  -webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.1);
  margin: 10% auto;
  background-color: white;
  width: 90%;
  max-width: 600px;
  border-radius: 4px;
  padding: 40px;
}
.newsletter-box h1 {
  margin: 0;
  min-height: 50px;
  font-size: 15px;
}
.newsletter-box .upvoted-weekly-logo {
  display: block;
  margin-top: 15px;
  min-height: 53px;
  background: transparent url(../upvoted-weekly-logo.svg) 0 0 no-repeat;
  background-size: contain;
}
.newsletter-box .subscribe-thanks {
  display: none;
}
.newsletter-box.success:before {
  content: "✓";
  display: block;
  text-align: center;
  color: #80d654;
  font-weight: bold;
  font-size: 60px;
  line-height: 1;
}
.newsletter-box.success .result-message {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.newsletter-box.success .subscribe-callout {
  display: none;
}
.newsletter-box.success .subscribe-thanks {
  display: block;
  text-align: center;
  margin-top: 25px;
}
.newsletter-box.success form {
  display: none;
}
.newsletter-box .result-message {
  margin-top: 21px;
  line-height: 1.5;
  font-size: 14px;
  max-width: 400px;
  color: #4F4F4F;
  font-weight: normal;
}
.newsletter-box form {
  margin-top: 40px;
  text-align: right;
}
.newsletter-box .c-form-group {
  width: 50%;
}
.newsletter-box button {
  padding: 6px 12px 5px;
  font-size: 12px;
  line-height: 20px;
  border-radius: 3px;
  margin-left: 10px;
}
.newsletter-box .faq-toggle {
  position: absolute;
  margin-top: -13px;
  min-width: 100px;
  font-size: 11px;
  font-weight: bold;
  color: #79a6d2;
}
.newsletter-box .faq-toggle:after {
  content: "▾";
  display: inline-block;
  height: 15px;
  width: 15px;
  text-align: center;
  position: absolute;
}
.newsletter-box .faq-toggle.active:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.newsletter-box .faq {
  display: none;
}
.newsletter-box .faq h3 {
  margin-top: 1.5em;
}
.upvoted-gradient {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 25%;
  background: transparent url(../upvoted-arrow-bg.png);
  z-index: -1;
}
.upvoted-gradient:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #EEF7FF;
  background: -moz-linear-gradient(top, #EEF7FF 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEF7FF), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, #EEF7FF 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, #EEF7FF 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, #EEF7FF 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #EEF7FF 0%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 992px) {
  .newsletter-box {
    position: static;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    margin: 10px auto;
    padding: 15px;
    max-width: 85%;
  }
  .newsletter-box h1,
  .newsletter-box p {
    font-size: 13px;
  }
  .newsletter-box .faq-toggle {
    position: static;
    display: block;
    margin-top: 20px;
    font-size: 13px;
  }
  .upvoted-gradient {
    display: none;
  }
}
/* search */
#searchmenu {
  margin: 10px 0 0px 0;
  padding: 2px 0 0 0;
  border-bottom: 2px solid #369;
  background-color: whitesmoke;
}
#searchmenu .searchlabel {
  background-color: white;
  padding: 2px 15px 0px 0px;
  font-weight: bold;
  color: #369;
}
#searchmenu .searchtime {
  font-weight: bold;
  display: inline;
  width: 305px;
}
#searchexpando {
  display: none;
  margin: 5px 0 0 0;
  padding-top: 10px;
  border-radius: 3px;
}
#searchexpando input,
#searchexpando p {
  margin-bottom: 10px;
}
#searchexpando dl {
  margin: 10px 0;
}
#searchexpando dt {
  margin: 0;
}
#previoussearch p {
  margin: 5px 0;
}
#previoussearch label {
  display: block;
  margin: 5px 0;
}
#moresearchinfo {
  display: none;
  padding-top: 5px;
  max-width: 300px;
  border: 0 solid orange;
  margin-top: -5px;
}
label + #moresearchinfo {
  border-width: 1px 0 0 0;
  margin-top: 0px;
}
#previoussearch #moresearchinfo {
  border-color: gray;
  margin: 5px 0;
}
#search_hidemore {
  float: right;
  margin-left: 5px;
}
.searchparams {
  margin: 5px 20px 5px 20px;
}
.searchparams .labels {
  text-align: right;
  margin-left: 10px;
}
.searchpane {
  margin: 5px 305px 5px 0px;
  padding-left: 96px;
  background: #E0E0E0 url(../search-large.png) 26px center no-repeat;
}
.search-summary {
  float: right;
  text-align: right;
  margin: 6px 8px 0 0;
}
.search-summary .result-count {
  font-weight: bold;
}
.searchfail {
  color: #c00000;
  font-size: larger;
  line-height: 2em;
}
.searchfail a {
  color: red;
  text-decoration: underline;
}
#search {
  /* Allow the search icon to be on the same line as the search box. */
  white-space: nowrap;
}
#searchexpando,
#moresearchinfo {
  white-space: normal;
}
#search input[type=text] {
  border: 1px solid gray;
  font-size: 13px;
  font-family: verdana;
  /* Override Chrome's defaults. */
  width: 300px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 6px;
  padding-right: 25px;
  /* 13px image + 6px right margin + 6px left margin */
  padding-left: 9px;
  vertical-align: middle;
}
#search input[type=submit] {
  background-color: transparent;
  background-image: url(../search.png);
  /* SPRITE */
  background-repeat: no-repeat;
  height: 13px;
  width: 13px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: none;
  margin: 0;
  margin-left: -22px;
  /* 13px image + 6px margin + 3px visual adjustment */
  vertical-align: middle;
}
#search input[type=submit]:hover {
  background-image: url(../search-mouseover.png);
  /* SPRITE */
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #search input[type=submit] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAb1BMVEUAAACJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYm4Po3NAAAAJXRSTlMAAQIEDBAREhMUJS0uQ09QV19hZG1udHmbnJ64xMXGx8jOz9DUayO31AAAANNJREFUeAGF0fFugjAUhfGDg3W1blMEC2IV8Lz/My4nEnK7jOz3380nN7XFy0fdJzL1tUeujBMXUyxh7Acaw96UBzPj2sqBmtuDc6Edqe+0U6Km/v01VJ2muJxtUnnDYqc2e0itbRVWlXbWkJ5kC6MleYUkkgcYgWSCkKSD4Uiy+CdpYfi98Pb3MRqS3fbhzxA/61e77C8/vbmorrIXdcmvtwnOhWaknNZH0Zw7mqfcbGWcuXheTqaJr6+JvHVnDxzzJkUBUZNvZGy7Y7PZZH097p8/V4YmEaKXKKIAAAAASUVORK5CYII=");
    background-size: 13px 13px;
    background-position: 0 0;
  }
  #search input[type=submit]:hover {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAeFBMVEUAAACJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYl3r/6iAAAAJ3RSTlMAAQMFDhMUFhcYLC02N1FfYGlydXiDhIuRuru8vt3s7e7v8PH4+fpBQVyrAAAA1ElEQVR4AYXQcW+CMBBA8cPBuk7cpgiCiFUE3/f/hksuDbmakf3+uuSl5DhR8lH1AUJfeUnl7UQ0tbktnwPGsDXlTuKxtFzfjM3OubIZ9V0eUwvQv4sqOoA27jYB/ZtEmw6Yvc4VMBayKEag0rEHGjEa4KJTAHY2lUDQCcDZ5ACyf1IAytcPXv9eowbO68sfdfQz0G2SX356c6iusIc6peetS+fKegTgINH2wav90ob1lrcz0fN0SJv46hLgej56kb1pUZaJiu1HUqbdZLXZZH3fb1+/i3YpBcVhtqwAAAAASUVORK5CYII=");
    background-position: 0 0;
  }
}
/* login, register */
.legal {
  color: #808080;
  font-family: serif;
  font-size: small;
  margin-top: 20px;
}
.legal a {
  text-decoration: underline;
}
.divide {
  border-right: 2px solid #D3D3D3;
  margin-right: -2px;
}
.login-form-section {
  position: relative;
  float: left;
  overflow: hidden;
  padding-left: 2%;
  padding-right: 2%;
}
.login-form-section.register {
  width: 56%;
}
.login-form-section.login {
  width: 36%;
}
.login-form-section > h3 {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: large;
  font-weight: bold;
  font-variant: small-caps;
  color: #404040;
}
.login-form-section p {
  text-align: left;
  margin-bottom: 10px;
  color: #606060;
  margin-bottom: 20px;
}
.login-form-section.register .registration-info {
  position: absolute;
  left: 53%;
  width: 40%;
  min-width: 20em;
  margin-top: 1.25em;
  color: #777;
}
.login-form-section.register .registration-info .md {
  font-size: 1.1em;
}
.login-form-section.register .registration-info .md li {
  list-style-type: disc;
  margin-bottom: .5em;
}
.user-form label {
  display: block;
  font-weight: bold;
  color: #606060;
}
.user-form label.note {
  font-weight: normal;
}
.user-form .error {
  display: inline-block;
  margin-top: 2px;
  line-height: 16px;
  color: inherit;
  font-size: inherit;
}
/* Form-level errors. */
.user-form .error.field-ratelimit,
.user-form .error.field-vdelay {
  display: block;
}
.user-form .remember {
  display: inline;
  margin-left: 2px;
  text-transform: lowercase;
}
.user-form input[type=checkbox] {
  vertical-align: bottom;
}
.user-form ul {
  margin: 7px;
}
.user-form li {
  margin-top: 5px;
}
.user-form p .btn {
  margin-top: 5px;
}
.user-form input.logtxt {
  width: 125px;
}
.user-form input[type=text],
.user-form input[type=password],
.user-form input[type=email] {
  width: 125px;
  border: 1px solid #A0A0A0;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 10px;
  padding: 1px;
}
.user-form #captcha {
  width: 250px;
}
.user-form .submit {
  margin-top: 10px;
}
#passform h1 {
  margin-bottom: 0px;
}
#passform p {
  margin-bottom: 5px;
  font-size: small;
}
.register-form .name-entry * {
  vertical-align: middle;
}
.notice-taken,
.notice-available {
  display: none;
  line-height: 16px;
}
.register-form.name-taken .notice-taken,
.register-form.name-available .notice-available {
  display: inline-block;
  margin-top: 2px;
}
.register-form .name-entry .throbber {
  display: none;
  margin-left: 5px;
}
.register-form.name-checking .name-entry .throbber {
  display: inline-block;
  margin-left: -1px;
  margin-top: 2px;
}
.login-page #login {
  margin-right: 300px;
}
@media (max-width: 768px) {
  .login-page #login {
    margin-right: 0;
  }
  .login-page .side {
    display: none;
  }
}
#cover-msg {
  line-height: normal;
  margin: 0 0 50px;
}
#login .modal-title {
  margin: 0 0 25px;
}
#login .c-alert {
  display: none;
  font-size: 11px;
}
@media (max-width: 480px) {
  #login .c-btn {
    display: block;
    width: 100%;
  }
}
.login-disclaimer {
  color: #6a6a6a;
}
.split-panel {
  margin-bottom: 49px;
}
.split-panel:before,
.split-panel:after {
  content: " ";
  display: table;
}
.split-panel:after {
  clear: both;
}
.split-panel .split-panel-section {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: none;
  width: 100%;
}
.split-panel .split-panel-section:first-child {
  padding-right: 0;
}
.split-panel .split-panel-section:last-child {
  padding-left: 0;
}
.split-panel .split-panel-section.split-panel-divider:first-child {
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.split-panel .split-panel-section.split-panel-divider:last-child {
  border: 0;
  border-top: 1px solid #e0e0e0;
  padding-top: 60px;
  margin-top: 60px;
}
@media (min-width: 768px) {
  .split-panel .split-panel-section {
    float: left;
    width: 50%;
  }
  .split-panel .split-panel-section:first-child {
    padding-right: 60px;
  }
  .split-panel .split-panel-section:last-child {
    padding-left: 60px;
  }
  .split-panel .split-panel-section.split-panel-divider:first-child {
    border: 0;
    border-right: 1px solid #e0e0e0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .split-panel .split-panel-section.split-panel-divider:last-child {
    border: 0;
    border-left: 1px solid #e0e0e0;
    margin-top: 0;
    padding-top: 0;
  }
}
.login-page .split-panel .split-panel-section {
  float: none;
  width: 100%;
}
.login-page .split-panel .split-panel-section:first-child {
  padding-right: 0;
}
.login-page .split-panel .split-panel-section:last-child {
  padding-left: 0;
}
.login-page .split-panel .split-panel-section.split-panel-divider:first-child {
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.login-page .split-panel .split-panel-section.split-panel-divider:last-child {
  border: 0;
  border-top: 1px solid #e0e0e0;
  padding-top: 60px;
  margin-top: 60px;
}
@media (min-width: 992px) {
  .login-page .split-panel .split-panel-section {
    float: left;
    width: 50%;
  }
  .login-page .split-panel .split-panel-section:first-child {
    padding-right: 60px;
  }
  .login-page .split-panel .split-panel-section:last-child {
    padding-left: 60px;
  }
  .login-page .split-panel .split-panel-section.split-panel-divider:first-child {
    border: 0;
    border-right: 1px solid #e0e0e0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .login-page .split-panel .split-panel-section.split-panel-divider:last-child {
    border: 0;
    border-left: 1px solid #e0e0e0;
    margin-top: 0;
    padding-top: 0;
  }
}
.content > #login > .split-panel {
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 60px;
}
.content > #login > p {
  margin-left: 60px;
  margin-right: 60px;
}
.popup h1 {
  font-size: large;
  font-weight: normal;
  margin-left: 1em;
}
.popup h2 {
  text-align: center;
  font-size: small;
  margin-top: 0px;
  color: black;
  font-weight: normal;
}
.usertable {
  margin-left: 10px;
}
.usertable {
  font-size: larger;
}
.usertable td,
.usertable th {
  padding: 0 0.7em;
}
.usertable {
  white-space: nowrap;
}
.usertable > .toggle {
  display: inline-block;
  margin: 1em 0 .5em;
  padding: 11px 15px;
  border: 1px solid #bbb;
  border-radius: 2px;
  background: #fdffe8;
}
.usertable > .toggle .option.main:before {
  margin-right: 7px;
}
.usertable > .toggle .option {
  display: inline;
}
.usertable > .toggle .togglebutton,
.usertable > .toggle .error {
  display: none;
  font-size: inherit;
  border-left: 1px solid #bbb;
  padding: 4px 15px;
  padding-right: 0;
  margin-left: 10px;
}
.usertable > .toggle .active .togglebutton {
  display: inline;
}
.usertable > .toggle .error.active {
  display: inline;
}
.usertable tr:hover {
  background-color: #e5efff;
}
.usertable tr.banned-user,
.usertable tr.banned-user a,
.usertable tr.banned-user .user {
  color: red;
}
.aboutpage {
  margin-right: 320px;
}
.aboutpage p {
  margin: 5px;
}
.aboutpage h1,
.aboutpage h2 {
  margin: 10px;
}
.aboutpage .usertable {
  width: 45%;
}
.little a {
  font-size: x-small;
}
.oldbylink a {
  background-color: #F0F0F0;
  margin: 2px;
  color: gray;
}
.error-log {
  clear: both;
}
.error-log a:hover {
  text-decoration: underline;
}
.error-log .rest {
  display: none;
}
.error-log:first-child .rest {
  display: block;
}
.error-log,
.error-log .exception {
  border: solid #aaa 1px;
  padding: 3px 5px;
  margin-bottom: 10px;
}
.error-log .exception {
  background-color: #f0f0f8;
}
.error-log .exception.new {
  border: dashed #ff6600 2px;
}
.error-log .exception.severe {
  border: solid #ff0000 2px;
  background-color: #ffdfdf;
}
.error-log .exception.interesting {
  border: dotted black 2px;
  background-color: #e0e0e8;
}
.error-log .exception.fixed {
  border: solid #008800 1px;
  background-color: #e8f6e8;
}
.error-log .exception span {
  font-weight: bold;
  margin-right: 5px;
}
.error-log .exception span.normal {
  margin-right: 0;
  display: none;
}
.error-log .exception span.new,
.error-log .edit-area label.new {
  color: #ff6600;
}
.error-log .exception span.severe,
.error-log .edit-area label.severe {
  color: #ff0000;
}
.error-log .exception span.interesting,
.error-log .edit-area label.interesting {
  font-weight: normal;
  font-style: italic;
}
.error-log .exception span.fixed,
.error-log .edit-area label.fixed {
  color: #008800;
}
.error-log .exception-name {
  margin-right: 5px;
  display: inline-block;
  max-height: 50px;
  overflow: hidden;
}
.error-log .nickname {
  color: black;
  font-weight: bold;
  font-size: larger;
}
.error-log .exception.fixed .nickname {
  text-decoration: line-through;
}
.error-log a:focus {
  -moz-outline-style: none;
}
.error-log .edit-area {
  border: solid black 1px;
  background-color: #eee;
}
.error-log .edit-area label {
  margin-right: 25px;
}
.error-log .edit-area input[type=radio] {
  margin-right: 4px;
}
.error-log .edit-area input[type=text] {
  width: 800px;
}
.error-log .edit-area table td,
.error-log .edit-area table th {
  padding: 5px 0 0 5px;
}
.error-log .save-button {
  margin: 0 5px 5px 0;
  font-size: small;
  padding: 0;
}
.error-log .date {
  font-size: 150%;
  font-weight: bold;
}
.error-log .hexkey {
  color: #997700;
}
.error-log .exception-name {
  font-size: larger;
  color: #000077;
}
.error-log .frequency {
  font-size: larger;
  float: right;
  color: #886666;
}
.error-log .occurrences {
  border: solid #003300 1px;
  margin: 5px 0 2px;
  padding: 2px;
}
.error-log .occurrence {
  color: #003300;
  font-family: monospace;
  margin-right: 3em;
  white-space: nowrap;
}
.error-log table.stacktrace th,
.error-log table.stacktrace td {
  border: solid 1px #aaa;
}
.error-log table.stacktrace td {
  font-family: monospace;
}
.error-log table.stacktrace td.col-1 {
  text-align: right;
  padding-right: 10px;
}
.error-log .logtext.error {
  color: black;
  margin: 0 0 10px 0;
}
.error-log .logtext {
  margin-bottom: 10px;
  border: solid #555 2px;
  background-color: #eeece6;
  padding: 5px;
  font-size: small;
}
.error-log .logtext * {
  color: black;
}
.error-log .logtext.error .loglevel {
  color: white;
  background-color: red;
}
.error-log .logtext.warning .loglevel {
  background-color: #ff6600;
}
.error-log .logtext.info .loglevel {
  background-color: #00bbff;
}
.error-log .logtext.debug .loglevel {
  background-color: #00ee00;
}
.error-log .logtext .loglevel {
  padding: 0 5px;
  margin-right: 5px;
  border: solid black 1px;
}
.error-log .logtext table {
  margin: 8px 5px 2px 0;
  font-family: monospace;
}
.error-log .logtext table,
.error-log .logtext table th,
.error-log .logtext table td {
  border: solid #aaa 1px;
}
.error-log .logtext table th,
.error-log .logtext table td {
  border: solid #aaa 1px;
}
.error-log .logtext table .occ {
  text-align: right;
}
.error-log .logtext table .dotdotdot {
  padding: 0;
}
.error-log .logtext table .dotdotdot a {
  margin: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
}
.error-log .logtext table .dotdotdot a:hover {
  background-color: #bbb;
  text-decoration: none;
}
.error-log .logtext .classification {
  font-size: larger;
  font-weight: bold;
}
.error-log .logtext .actual-text {
  max-width: 600px;
  overflow: hidden;
}
.details {
  font-size: x-small;
  margin-bottom: 10px;
}
.details span {
  margin: 0 5px 0 5px;
}
.details th {
  text-align: right;
  padding-right: 5px;
  font-weight: bold;
}
.details td {
  vertical-align: top;
}
.ring {
  font-weight: bold;
  background-color: red;
  color: white;
  text-align: center;
  padding-left: 3px;
  padding-right: 4px !important;
  cursor: pointer;
}
.vote-note {
  padding-left: 3px;
  max-width: 150px;
}
.vote-a-notes {
  color: red;
}
.vote-up {
  color: orangered;
}
.vote-down {
  color: #336699;
}
.vote-invalid {
  color: #888888 !important;
  font-style: italic;
}
.unvotable-message {
  border: solid 1px #ff6600;
  margin-top: 4px;
  padding: 1px 3px;
  border-radius: 3px;
  display: none;
}
.bottommenu {
  color: gray;
  font-size: smaller;
  clear: both;
}
.bottommenu a {
  color: gray;
  text-decoration: underline;
}
.bottommenu .updated {
  color: green;
}
.debuginfo {
  text-align: right;
  padding: 5px;
  color: gray;
  font-size: smaller;
  clear: both;
}
.debuginfo .icon {
  color: #a0a0a0;
  font: 1.5em serif;
  padding: 0 2px;
}
.debuginfo .content {
  display: none;
}
.debuginfo:hover .content {
  display: inline;
}
/* Buttons specific */
.button {
  border-collapse: collapse;
  color: gray;
  text-align: center;
  margin: 1px;
  color: #369;
}
button.button[disabled] {
  color: gray;
}
.button #cover {
  position: relative;
}
.button .cover {
  background: white;
}
.button #popup {
  position: absolute;
  width: 80%;
  z-index: 1001;
  background: white;
  padding: 1px;
  left: 0px;
  top: 0px;
  margin: 0px;
  border-color: #B2B2B2 black black #B2B2B2;
  border-style: solid;
  border-width: 1px;
}
.button .arrow {
  width: 15px;
}
.num {
  font-weight: bold;
  font-size: larger;
}
.button.thing {
  margin: 0px;
  padding: 0px;
}
.button-body {
  background-color: transparent;
}
.button .blog {
  border: 1px solid #c7def7;
  color: gray;
  text-align: center;
  margin: 0px;
  border-radius: 4px;
  background-color: white;
}
.button .blog .r {
  color: gray;
}
.button .blog .score {
  white-space: nowrap;
}
.button a:hover {
  text-decoration: underline;
}
.button .blog1 {
  font-size: x-small;
}
.button .blog1 .arrow {
  float: left;
  margin-left: 2px;
  margin-right: 2px;
}
.button .blog1 .headimgcell {
  background-color: #c7def7;
  width: 18px;
  float: left;
}
.button .blog1 .headimgcell a {
  display: inline-block;
}
.button .blog1 .score {
  float: center;
  margin-top: 2px;
  margin-right: 5px;
}
.button .blog2 {
  font-size: small;
}
.button .blog2 .arrow {
  width: 15px;
  margin-left: auto;
  margin-right: auto;
}
.button .blog2 .bottomreddit {
  color: black;
  background-color: #c7def7;
  font-size: small;
}
.button .blog2 .score .submit {
  display: block;
  font-size: x-small;
  line-height: 17px;
}
.button .blog.blog3 {
  font-size: small;
  border: none;
  background-color: transparent;
}
.button .blog3 .left {
  float: left;
  width: 50%;
}
.button .blog2 .arrow {
  width: 15px;
  margin-left: auto;
  margin-right: auto;
}
.button .blog3 .right {
  float: right;
  margin-top: 5px;
}
.button .blog3 .score .submit {
  display: block;
  font-size: x-small;
  line-height: 17px;
}
.button .blog3 .snoo {
  margin-top: -1px;
}
.blog5 .right {
  float: right;
}
.blog5 .left {
  float: left;
  display: block;
  margin-top: 10px;
}
.blog5 .clearleft {
  clear: left;
}
.button .blog.blog5 {
  border: none;
  text-align: left;
  font-size: small;
}
.blog5 a.bling {
  float: left;
}
.blog5 .container {
  margin-left: 35px;
  margin-top: 2px;
  height: 50px;
}
.blog5 ul {
  display: inline;
}
.blog5 ul a {
  color: #515481;
  font-weight: bold;
  text-decoration: underline;
}
.blog5 li {
  display: inline;
  padding: 1px 10px 1px 10px;
}
.blog5 li.selected {
  background-color: #F8F8F1;
  color: #000;
  border-color: #CCC;
  border-style: solid solid none solid;
  border-width: 1px;
}
.blog5 .votes {
  height: 25px;
  background-color: #F8F8F1;
  border: 1px solid #CCC;
  padding-top: 5px;
}
.blog5 .arrow {
  margin-right: 15px;
  margin-left: 5px;
  color: black;
  cursor: pointer;
  display: inline;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}
.blog5 .votes.disabled .arrow {
  color: #888;
}
.blog5 .arrow:hover {
  text-decoration: none;
}
.blog5 .arrow b {
  font-size: larger;
}
.blog5 .arrow.upmod b {
  color: #FF8B60;
}
.blog5 .arrow.downmod b {
  color: #9494FF;
}
.blog5 .right {
  margin-right: 5px;
  font-size: medium;
  font-style: italic;
}
.optional {
  color: green;
}
.instructions {
  font-size: larger;
}
.instructions h1,
.instructions h2,
.instructions h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.instructions p {
  margin: 10px;
  max-width: 60em;
}
.instructions pre {
  margin: 5px;
  margin-right: 10px;
}
.instructions iframe {
  margin: 5px 10px 5px 0px;
}
.instructions input,
.instructions select {
  margin: 0 0.5em;
}
.instructions a:focus {
  -moz-outline-style: none;
}
.instructions strong {
  font-weight: bold;
}
.instructions .buttons {
  margin-left: 1em;
  max-width: 50em;
}
.instructions .buttons li {
  margin-top: 1em;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 1em;
}
.instructions code {
  display: block;
  font-family: monospace;
  font-size: small;
  margin: 5px;
  background-color: #FF9;
  padding: 10px;
  max-width: 50em;
}
.self-service.instructions {
  margin-bottom: 50px;
}
.self-service.instructions p {
  margin: 10px 0;
}
.self-service.instructions ul {
  list-style-type: circle;
  margin-left: 60px;
}
.self-service.instructions li + li {
  padding-top: 10px;
}
.self-service .ad-launch-buttons {
  text-align: center;
}
.self-service .ad-launch-buttons .button {
  font-size: 22px;
  padding: 10px 20px;
  margin-bottom: 5px;
}
.self-service .col-bottom-box {
  margin-right: 20px;
}
body.contact-us-page {
  overflow-y: scroll;
}
.contact-us-page .content {
  width: 600px;
  margin: 0px auto;
}
.contact-us-page h1 {
  font-size: xx-large;
  text-align: center;
  margin: 20px 0px;
}
.contact-us-page .info {
  font-size: larger;
  text-align: center;
  margin-bottom: 20px;
}
.contact-us-page h2.button {
  background-color: #cee2f5;
  font-size: x-large;
  font-weight: bold;
  color: #369;
  text-align: center;
  border-radius: 7px;
  border: 2px solid #369;
  line-height: 1.5em;
  margin: 0px 10px 10px 10px;
}
.contact-us-page h2.button:hover {
  background-color: #daeaf8;
  cursor: pointer;
}
.contact-us-page .details {
  margin: 0;
  display: none;
}
.contact-us-page li:target .details {
  display: block;
}
.contact-us-page .details li {
  background-color: #fafafa;
  font-size: small;
  border: 1px solid #ccc;
  margin: 0px 40px 10px 40px;
  padding: 10px;
  width: 500px;
}
.contact-us-page img.space-snoo {
  display: block;
  margin: 50px auto 0 auto;
}
.button-demo a.view-code,
.button-demo a.hide-code {
  float: right;
  margin-bottom: 1em;
}
.button-demo a.hide-code {
  display: none;
}
.instructions .button-demo code {
  display: none;
}
.button-demo.show-demo a.view-code {
  display: none;
}
.button-demo.show-demo a.hide-code {
  display: inline;
}
.button-demo.show-demo code {
  display: block;
}
#preview {
  float: right;
  width: 30em;
  margin: 10px;
}
#preview span {
  color: lightgray;
}
#preview #previewbox {
  border-width: .2em;
  border-style: dashed;
  border-color: lightgray;
  padding: 1em;
  font-size: larger;
}
.bookmarklet {
  border: solid #888888 1px;
  padding: 0px 2px;
}
/* default form styles */
form .blurb {
  margin-bottom: 5px;
}
form .spacer + .spacer {
  margin: 15px 0;
}
form input[type=checkbox],
form input[type=radio] {
  margin: 2px .5em 0 0;
}
.pretty-form {
  font-size: larger;
  vertical-align: top;
}
.pretty-form p {
  margin: 3px ;
}
.pretty-form input[type=checkbox],
.pretty-form input[type=radio] {
  margin: 2px .5em 0 0;
}
.pretty-form img {
  margin: 3px 0.5em;
}
.pretty-form input[type=text],
.pretty-form textarea,
.pretty-form input[type=password],
.pretty-form input[type=number] {
  border: 1px solid gray;
  width: 300px;
  padding: 2px;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.6);
}
.pretty-form.short-text input[type=text].number {
  margin: 0 0.5em;
}
.pretty-form.short-text input[type=text].text {
  margin: 0 0.5em 0 0;
  width: 10em;
}
.pretty-form .infobar {
  width: 285px;
  margin: 5px;
}
.pretty-form input[type=text],
.pretty-form input[type=file],
.pretty-form input[type=password],
.pretty-form input[type=number],
.pretty-form select,
.pretty-form b,
.pretty-form textarea,
.pretty-form button {
  margin: 3px 5px;
}
.pretty-form th {
  text-align: right;
}
.pretty-form input[type=number] {
  width: 75px;
}
/* delete page */
.white-field,
.delete-field {
  background-color: white;
  padding: 10px;
}
.delete-field td {
  vertical-align: top;
}
.pretty-form .delete-field {
  background: transparent;
}
.pretty-form .delete-field td label + label {
  margin-left: 2em;
}
#pref-deactivate textarea#deactivate-message {
  font-size: smaller;
  height: 5em;
}
#pref-deactivate .md ul {
  margin-top: 0;
  margin-bottom: 0;
}
#pref-deactivate .md ul li {
  margin: .5em 0;
}
#pref-deactivate .credentials input {
  margin: .2em 0;
}
#pref-deactivate .credentials .error,
#pref-deactivate .error.RATELIMIT {
  margin-left: 5px;
}
/*pref page boxes*/
.pretty-form.short-text input[type=text],
.pretty-form.short-text textarea,
.pretty-form.short-text input[type=password] {
  width: 2em;
}
/*submit*/
#url-field #suggest-title {
  text-align: right;
}
#url-field button {
  margin: 10px 0 0 5px;
}
#url-field .title-status {
  color: red;
  font-size: small;
}
.content.submit .info-notice {
  background-color: #E4F2FB;
  border: 1px solid #5F99CF;
  padding: 9px;
  margin-bottom: 12px;
  font-size: larger;
}
.content.submit .info-notice a {
  font-weight: bold;
  text-decoration: underline;
}
/*opt-out/in form*/
.opt-form {
  font-size: larger;
}
.opt-form form {
  display: inline;
}
/* pref table - used for preferences and edit subreddit pages */
.preftable th {
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  text-align: right;
  white-space: nowrap;
}
.preftable th label {
  display: block;
}
.sharetable.preftable th label {
  display: inline;
}
.preftable th span {
  display: block;
}
.preftable td.prefright {
  padding: 10px 0;
}
.preftable td.prefright h6 {
  font-weight: normal;
  font-style: italic;
  text-transform: capitalize;
}
.preferences-media label {
  display: inline-block;
}
.preferences-media label:first-letter {
  text-transform: uppercase;
}
.preftable select {
  margin: 0 .5em 0 .5em;
}
.preftable .spacer {
  margin-bottom: 5px;
}
.preftable .note {
  width: 100%;
  vertical-align: top;
  padding-top: 10px;
}
.preftable .details {
  font-size: smaller ;
  color: gray;
  margin: 0;
}
.preftable .details.reddit-gold {
  color: #9A7D2E;
}
/* Stylesheets everywhere prefs */
.preftable .reddit-themes-description {
  max-width: 800px;
  margin-bottom: 10px;
}
.preftable .container.reddit-themes {
  max-width: 800px;
  margin: 5px 0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.preftable .container.reddit-themes .theme {
  -webkit-flex: 1 0 250px;
  flex: 1 0 250px;
  padding: 7px 0 11px 0;
  position: relative;
  max-width: 270px;
}
.preftable .container.reddit-themes .theme.selected {
  background-color: #a8c8ea;
  font-weight: normal;
}
.preftable .container.reddit-themes .theme.select-custom-theme {
  -webkit-flex: 1 0 100%;
  flex: 1 0 100%;
  max-width: 100%;
  width: 100%;
  margin: 7px;
  padding: 7px;
}
.preftable .container.reddit-themes .theme.select-custom-theme input {
  margin-left: 2px;
}
.preftable .container.reddit-themes .theme img {
  margin: 0;
}
.preftable .container.reddit-themes .theme .theme-thumbnail {
  display: block;
  margin: 5px auto;
}
.preftable .container.reddit-themes .theme .theme-container {
  max-width: 240px;
  margin: 0 auto;
}
.preftable .container.reddit-themes .theme .theme-container p {
  display: inline;
}
.preftable .container.reddit-themes .theme .theme-thumbnail {
  margin: 5px auto;
}
.preftable .container.reddit-themes .theme .theme-thumbnail:hover .theme-preview {
  visibility: visible;
  opacity: 1;
}
.preftable .container.reddit-themes .theme .theme-preview {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  -webkit-transition: opacity 0.2s ease 0.3s;
  -moz-transition: opacity 0.2s ease 0.3s;
  -o-transition: opacity 0.2s ease 0.3s;
  -ms-transition: opacity 0.2s ease 0.3s;
  transition: opacity 0.2s ease 0.3s;
  -webkit-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
}
.preftable .container.reddit-themes .theme .theme-preview img {
  margin: 0;
  display: block;
}
.over18 button {
  margin: 0 10px 0 10px;
  padding: 5px;
}
.stamp {
  border-radius: 3px;
  border: 1px solid;
  display: inline-block;
  font-size: 10px;
  line-height: 14px;
  padding: 0 4px;
}
.nsfw-stamp {
  color: #d10023;
}
.nsfw-stamp acronym {
  border: none;
  text-decoration: none;
}
.private-stamp {
  color: #e36e00;
}
.restricted-stamp {
  color: #e36e00;
}
.archived-stamp {
  color: #757575;
}
.quarantine-stamp {
  background-color: #FFD635;
  border-color: #FFD635;
  color: #222222;
}
.quarantine-notice {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #FFD635;
  padding: 10px;
  padding-top: 5px;
  margin-bottom: 10px;
}
.quarantine-notice .md p {
  margin-top: 0;
}
.btn-quarantine {
  font-weight: normal;
  background-color: #ffe377;
  text-transform: none;
  width: 100%;
  border: 1px solid #e7b900;
}
.btn-quarantine:hover {
  background-color: #ffe88c;
  color: #222222;
}
.btn-quarantine:active {
  background-color: #ffcc02;
}
.btn-quarantine:focus {
  color: #222222;
}
.entry .buttons li.reported-stamp {
  border: 1px solid black !important;
  padding: 0 4px;
  background-color: #f6e69f;
}
.suspicious {
  background-color: #f6e69f;
}
.thing.spam {
  background-color: #FA8072;
}
.comment.spam > .child,
.message.spam > .child {
  background-color: white;
}
.comment.spam > .child {
  margin-left: 0;
  padding-left: 15px;
}
.message.spam > .child {
  /* There's a thin pink "border" due to the parent's padding:7px,
       which we could try to fix here some day. */
}
.thing.banned-user {
  overflow: hidden;
  background-color: rgba(250, 128, 114, 0.5);
}
.thing.banned-user .title {
  text-decoration: line-through;
}
.approval-checkmark {
  cursor: pointer;
  height: 0.8em;
  vertical-align: baseline;
  margin-left: 3px;
}
.tagline .approval-checkmark,
.search-result-meta .approval-checkmark {
  height: 1em;
}
.little {
  font-size: smaller;
}
.gray {
  color: gray;
}
/* stats page */
.stats {
  float: left;
  margin-right: 2em;
  border-collapse: collapse;
  font-size: larger;
}
.stats td.space {
  width: 20px;
}
.stats td.sec {
  padding-bottom: 7px;
  font-size: 18px;
  font-weight: normal;
}
.stats a {
  color: #369;
}
.stats a:hover {
  text-decoration: underline;
}
.stats td.k {
  color: gray;
}
.stats th {
  text-align: left;
  background-color: whitesmoke;
  color: #369;
  font-weight: bold;
}
.stats td.ri {
  padding-left: 20px;
  text-align: right;
}
.thumbnail {
  float: left;
  font-size: 0;
  margin: 0;
  margin-right: 5px;
  margin-bottom: 2px;
  overflow: hidden;
  width: 70px;
}
.thumbnail.nsfw {
  height: 70px;
  background-image: url(../nsfw2.png);
  /* SPRITE */
}
.thumbnail.self {
  height: 50px;
  background-image: url(../self_default2.png);
  /* SPRITE */
}
.thumbnail.default {
  height: 50px;
  background-image: url(../noimage.png);
  /* SPRITE */
}
/* CSS customisation page */
.stylesheet-customize-container textarea {
  font-family: "Bitstream Vera Sans Mono", Consolas, monospace;
  margin: 0;
  padding: 0px;
}
.stylesheet-customize-container h2 {
  margin-top: 15px;
  margin-bottom: 10px;
}
.image-upload .new-image {
  margin-left: 20px;
}
.image-upload span {
  padding-left: 5px;
}
ul#image-preview-list {
  margin: 20px 320px 20px 20px;
  font-size: larger;
}
ul#image-preview-list li {
  padding-bottom: 10px;
  margin-bottom: 20px;
  vertical-align: top;
  width: 45%;
  height: 100px;
  float: left;
  position: relative;
}
ul#image-preview-list .preview {
  width: 100px;
  float: left;
  display: block;
  text-align: center;
  max-height: 100px;
  overflow: hidden;
}
ul#image-preview-list .preview img {
  max-width: 100px;
  padding: auto;
}
ul#image-preview-list .description {
  vertical-align: top;
  margin-left: 105px;
}
ul#image-preview-list .description pre {
  display: inline;
  padding: 5px;
  color: #000;
  background-color: transparent;
}
.sheets {
  margin-right: 315px;
}
.sheets .col {
  width: 100%;
}
.sheets .col > div {
  margin: 0 5px;
}
.sheets .col textarea {
  width: 100%;
}
.sheets .buttons {
  margin-left: 5px;
}
.sheets .btn {
  margin-left: 0px;
  margin-right: 5px;
}
.sheets .btn.right {
  float: right;
  margin-right: 3px;
}
#validation-errors {
  margin-left: 40px;
  margin-top: 10px;
  list-style-type: disc;
}
#validation-errors a,
#validation-errors li,
.errors h2 {
  color: red;
}
#validation-errors a:hover {
  text-decoration: underline;
}
#validation-errors pre {
  padding: 10px;
  color: black;
}
#preview-table {
  padding-right: 15px;
}
#preview-table > table {
  border-width: .2em;
  border-style: dashed;
  border-color: lightgray;
  padding: 5px;
  margin: 5px;
  width: 900px;
}
#preview-table > table > tbody > tr {
  padding-bottom: 10px;
}
#preview-table > table > tbody > tr > td {
  padding: 5px;
  padding-right: 15px;
}
#preview-table > table > tbody > tr > th {
  padding: 5px;
  padding-right: 15px;
  font-weight: bold;
  vertical-align: top;
  font-size: larger;
  text-align: right;
}
#img-preview-container {
  border-width: .2em;
  border-style: dashed;
  border-color: lightgray;
  padding: 5px;
  margin: 5px;
  float: left;
}
#image-upload #img-preview-container img {
  max-width: 160px;
}
#icon-upload #img-preview-container img {
  width: 64px;
  height: 64px;
  margin: 0;
}
#banner-upload #img-preview-container img {
  width: 160px;
  height: 48px;
  margin: 0;
}
.linefield.mobile {
  width: 512px;
  background-color: #EFF7FF;
  border: 1px solid #CEE3F8;
}
.private-feeds.instructions .prefright {
  line-height: 2em;
}
.private-feeds.instructions .feedlink {
  padding: 2px 5px;
  font-weight: bold;
  margin-right: 5px;
  border: 1px solid #0000FF;
  color: white;
  padding-left: 22px;
  background: #336699 none no-repeat scroll top left;
}
.private-feeds.instructions .feedlink.rss-link {
  background-image: url(../rss.png);
}
.private-feeds.instructions .feedlink.json-link {
  background-color: #DDDDDD;
  background-image: url(../json.png);
  color: black;
}
#sr-header-area {
  background-color: #f0f0f0;
  white-space: nowrap;
  text-transform: uppercase;
  border-bottom: 1px solid gray;
  font-size: 90%;
  height: 18px;
  line-height: 18px;
}
#sr-header-area .width-clip {
  position: absolute;
  left: 0;
  right: 0;
}
#sr-header-area .selected a {
  color: orangered;
}
#sr-header-area .sr-list {
  overflow: hidden;
}
#sr-header-area .dropdown.srdrop {
  float: left;
  padding-left: 5px;
}
#sr-header-area .drop-choices.srdrop {
  margin-top: 0;
  margin-left: 5px;
}
.dropdown.srdrop .selected {
  background: none no-repeat scroll center right;
  background-image: url(../droparrowgray.gif);
  display: inline-block;
  vertical-align: bottom;
  padding-right: 21px;
  padding-left: 5px;
  /* have to use padding instead of margin cause of ie */
  color: black;
  font-weight: normal;
  margin-left: -5px;
  /* There's 5px margin intended for the SR list... */
  margin-right: 10px;
  /* ...so we move it to the right side plus 5 more */
  cursor: pointer;
}
.srdrop .choice {
  padding-top: 3px;
}
.srdrop .choice.top-option {
  font-style: italic;
  border-bottom: 1px dotted #369;
}
.srdrop .choice.bottom-option {
  font-style: italic;
  border-top: 1px dotted #369;
}
.sr-bar .separator {
  color: gray;
}
.sr-bar a {
  color: black;
}
.sr-bar a.gold {
  color: #9a7d2e;
  font-weight: bold;
}
#sr-more-link {
  color: black;
  background-color: #f0f0f0;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 5px 0 15px;
  font-weight: bold;
  margin: 0;
}
#sr-more-link:hover {
  text-decoration: underline;
}
.subscription-box li {
  clear: left;
  margin-bottom: 10px;
}
.subscription-box .fancy-toggle-button {
  margin-right: 5px;
  float: left;
}
.subscription-box .title {
  font-size: medium;
  color: blue;
  margin-right: 5px;
}
.subscription-box .title.banned {
  color: dimgray;
  text-decoration: line-through;
}
.subscription-box .column {
  width: 50%;
  float: left;
}
.subscription-box .box-top {
  position: relative;
  height: 20px;
}
.subscription-box .box-separator {
  border-style: none none dotted none;
  border-width: 1px;
  margin-bottom: 5px;
}
.subscription-box h1 {
  text-align: center;
}
.toggle.deltranslator-button {
  display: inline;
}
/****************/
#sr {
  margin-left: 0px;
}
#sr-list-wrapper {
  width: 454px;
  height: 200px;
  border: 1px solid gray;
  border-top: none;
  margin: 0 5px;
  font-size: smaller;
  position: relative;
}
#sr-list-cover {
  position: absolute;
  background: gray none no-repeat scroll center center;
  background-color: url(../throbber.gif);
  height: 100%;
  width: 100%;
  opacity: .7;
  filter: alpha(opacity=70);
  /* IE patch */
  z-index: 1000;
  display: none;
}
#sr-list {
  overflow: auto;
  position: absolute;
  height: 100%;
  width: 100%;
}
#sr-searchfield {
  margin: 0 5px;
}
#sr-name-box {
  display: inline-block;
}
#sr-name-box span {
  display: block;
  unicode-bidi: isolate;
}
#sr-name-box .tooltip {
  border-bottom: 1px dotted;
  margin-bottom: 2px;
}
.sr-name {
  font-size: small;
  vertical-align: top;
  padding: 3px 3px 3px 0;
}
.sr-description {
  padding: 3px;
}
.sr-row {
  cursor: default;
}
.sr-row.sr-selected {
  background: #EFF7FF none no-repeat scroll 0px 5px;
  background-image: url(../rightarrow.png);
  /* SPRITE */
}
.sr-arrow {
  width: 10px;
  height: 12px;
}
#sr-autocomplete-area {
  position: relative;
  z-index: 100;
}
#sr-drop-down {
  position: absolute;
  width: 100%;
  margin: 0;
  border: 1px solid gray;
  background: white;
  display: none;
  left: 0;
}
#sr-drop-down table {
  width: 100%;
}
.sr-name-row {
  cursor: default;
}
.sr-name-row.sr-selected {
  background-color: #369;
  color: white;
}
.submit-header {
  font-size: larger;
  font-weight: bold;
}
#suggested-reddits {
  margin-top: 5px;
  font-size: small;
}
#suggested-reddits h3 {
  font-size: 1em;
  font-weight: normal;
  margin-top: .5em;
}
#suggested-reddits li {
  display: inline;
  padding-right: 5px;
}
/*** new menu shit ***/
.formtabs-content {
  width: 520px;
  border-top: 4px solid #5f99cf;
  padding-top: 10px;
}
.formtabs-content .infobar {
  margin: 0;
  padding: 5px;
}
ul.tabmenu.formtab {
  display: block;
  padding-left: 10px;
  font-size: larger;
}
.tabmenu.formtab li {
  margin: 0;
}
.tabmenu.formtab a {
  font-weight: normal;
  outline: none;
  padding: 0px 12px;
  vertical-align: bottom;
  border: 1px solid #c1c1c1;
  border-bottom: none;
}
.tabmenu.formtab .selected a {
  color: white;
  font-size: 130%;
  background-color: #5f99cf;
  border: none;
}
/******* embed stuff ******/
.expando {
  clear: left;
  margin: 5px 0 5px 0;
  position: relative;
}
.expando .form-bar {
  float: left;
}
.link.over18 .expando-uninitialized .media-embed,
.link.over18 .expando-uninitialized .media-preview {
  visibility: hidden;
}
.expando-content {
  display: none;
}
.expando-with-nsfw-interstitial .media-embed {
  display: none;
}
.expando-with-nsfw-interstitial .media-preview img.preview {
  display: none;
}
.expando-with-nsfw-interstitial .media-preview img.censored-preview {
  display: inline;
}
.expando-nsfw-gate {
  align-items: center;
  color: #FFFFFF;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.expando-nsfw-gate.expando-nsfw-interstitial {
  background: #545452;
}
.expando-nsfw-gate.expando-nsfw-overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.expando-nsfw-gate.expando-nsfw-normal .expando-nsfw-gate-text {
  cursor: pointer;
}
.expando-nsfw-gate .expando-nsfw-gate-controls {
  margin: auto;
  text-align: center;
}
.expando-nsfw-gate .expando-nsfw-gate-show-once {
  background: none;
  border: 1px solid #FFFFFF;
  color: inherit;
  margin: 20px;
  padding: 10px;
  text-transform: uppercase;
}
.expando-nsfw-flow-complete .form-bar {
  padding-left: 36px;
}
.expando-nsfw-flow-complete .form-bar:before {
  width: 16px;
  height: 16px;
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-image: url(../mod-action-icon-confirm.png);
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .expando-nsfw-flow-complete .form-bar:before {
    background-image: url(../mod-action-icon-confirm_2x.png);
    background-size: 16px;
  }
}
.form-bar {
  background: #fafaf8;
  border: 1px solid #E5E3DA;
  clear: left;
  margin-top: 10px;
  padding: 5px 10px;
  position: relative;
}
.form-bar .md {
  float: left;
}
.form-bar button {
  float: right;
  margin-right: 0;
}
.media-preview {
  overflow: auto;
  position: relative;
}
.media-preview .media-preview-content {
  float: left;
}
.media-preview img {
  width: 100%;
  height: auto;
}
.media-preview img.censored-preview {
  display: none;
}
.expando-button {
  float: left;
  height: 23px;
  width: 23px;
  margin: 2px 5px 2px 0;
  background: white none no-repeat scroll center center;
}
.expando-button.selftext.collapsed {
  background-image: url(../blog-collapsed.png);
  /* SPRITE */
}
.expando-button.selftext.collapsed:hover,
.eb-sch {
  background-image: url(../blog-collapsed-hover.png);
  /* SPRITE */
}
.expando-button.selftext.expanded,
.eb-se {
  margin-bottom: 5px;
  background-image: url(../blog-expanded.png);
  /* SPRITE */
}
.expando-button.selftext.expanded:hover,
.eb-seh {
  background-image: url(../blog-expanded-hover.png);
  /* SPRITE */
}
.expando-button.video.collapsed {
  background-image: url(../vid-collapsed.png);
  /* SPRITE */
}
.expando-button.video.collapsed:hover,
.eb-vch {
  background-image: url(../vid-collapsed-hover.png);
  /* SPRITE */
}
.expando-button.video.expanded,
.eb-ve {
  background-image: url(../vid-expanded.png);
  /* SPRITE */
}
.expando-button.video.expanded:hover,
.eb-veh {
  background-image: url(../vid-expanded-hover.png);
  /* SPRITE */
}
.expando .psuedo-selftext {
  border-radius: 7px;
  border: 1px solid #369;
  overflow: hidden;
  max-width: 710px;
  /* webkit won't properly mask the overflow of iframe corners without this hack */
  -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC');
}
.expando .psuedo-selftext iframe {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0;
}
/******** self text stuff ****/
.subreddit .usertext .md {
  padding: 2px 5px;
  background-color: #fafafa;
  border: 1px solid #CCC;
  border-radius: 7px;
}
.link .usertext-body .md {
  background-color: #fafafa;
  border: 1px solid #369;
  border-radius: 7px;
}
.usertext {
  font-size: small;
}
.usertext-edit {
  margin-top: 5px;
  padding: 0 1px;
  /* so the border of help/textbox don't get chopped off */
  width: 500px;
}
.usertext-edit textarea {
  width: 500px;
  height: 100px;
}
/*permalinks*/
.usertext.border .usertext-body {
  background-color: #ffc;
  padding-left: 5px;
}
.usertext.grayed .usertext-body {
  color: gray;
  background-color: #f0f0f0;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
}
.usertext button {
  margin: 5px 5px 10px 0;
}
.usertext .help-toggle,
.usertext a.reddiquette {
  font-size: smaller;
  float: right;
  margin-top: 5px;
  margin-left: 10px;
}
.usertext .bottom-area {
  /* this restricts children floats to the container */
  overflow: hidden;
  width: 100%;
}
.usertext .markhelp {
  padding: 4px;
  margin: 5px 0px;
  border-top: 1px dotted #c0c0c0;
}
.usertext .markhelp table {
  width: 100%;
  margin: 5px 0px;
}
.usertext .markhelp tr,
.usertext .markhelp td {
  width: 50%;
  border: 1px solid #c0c0c0;
}
.usertext .markhelp .spaces {
  background-color: #c0c0c0;
}
/*** roundfield stuff *******/
.roundfield {
  width: 500px;
  background-color: #cee3f8;
  border-radius: 4px;
  padding: 5px 10px 10px 10px;
  font-size: large;
}
.roundfield-actions {
  width: 520px;
}
.roundfield .roundfield-content {
  margin-top: 5px;
  border: none;
  vertical-align: top;
}
.roundfield .usertext-edit {
  width: 500px;
}
.roundfield textarea,
.roundfield input[type=text],
.roundfield input[type=url],
.roundfield input[type=password],
.roundfield input[type=number],
#compose-message .roundfield select {
  font-size: 100%;
  width: 492px;
  padding: 3px;
  margin: 0;
  border: 1px solid gray;
}
.roundfield.captcha .capimage {
  margin-bottom: 10px;
}
.roundfield label {
  font-size: smaller;
  padding-right: 2px;
}
/*** linefield stuff *****/
.linefield {
  width: 514px;
  padding: 7px 5px;
  font-size: large;
  background-color: #CEE3F8;
  margin-bottom: 10px;
}
.linefield .title {
  /*background-color:#CEE3F8;
    /*background-color:#EFF7FF;*!/
    color: #336699;*/
  color: blue;
  font-weight: bold;
  padding: 1px 10px;
}
.linefield .title + .gray {
  font-size: x-small;
}
.linefield .small-field,
.linefield .delete-field {
  padding: 0;
  font-size: smaller;
}
.linefield span + span {
  margin-left: 10px;
}
.linefield .linefield-description {
  display: block;
}
ul.colors {
  overflow: auto;
}
ul.colors li {
  float: left;
  width: 180px;
  padding: 5px 10px;
}
ul.colors label {
  display: block;
}
ul.colors .swatch {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 0.5em;
  vertical-align: middle;
}
ul.colors li.custom-color {
  clear: left;
  width: auto;
}
ul.colors li.custom-color p {
  margin: 0 -10px 5px;
}
ul.colors li.custom-color .swatch {
  border: 1px solid #CEE3F8;
}
ul.colors li.custom-color input[type=color] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: default;
  opacity: 0;
}
ul.colors li.custom-color input[type=text] {
  width: 60px;
  vertical-align: middle;
}
.campaign .linefield span + span {
  margin-left: 0;
}
.linefield .info {
  font-style: italic;
  color: red;
  font-size: small;
}
.linefield .linefield-content {
  /*border-color:#CEE3F8;
    /*border-color:#EFF7FE;*!/
    border-style:solid none none;
    border-width:4px medium medium;*/
  padding: 2px 7px 5px;
  vertical-align: top;
}
.linefield.usertext .usertext-edit {
  font-size: small;
}
.linefield.usertext .edit-usertext {
  font-size: x-small;
  float: right;
}
.linefield .upload {
  font-size: small;
}
.linefield .upload label {
  font-size: small;
}
.linefield .upload > li {
  margin-top: 10px;
}
.linefield .upload > li:first-child {
  margin-top: 0;
}
.linefield.usertext .infobar {
  width: 100%;
}
.linefield.usertext .usertext-buttons {
  display: none;
}
.linefield textarea,
.linefield input[type=text],
.linefield input[type=password] {
  font-size: 100%;
  width: 492px;
  padding: 3px;
  margin: 0;
  border: 1px solid gray;
}
.linefield select {
  margin: 0;
}
.linefield.captcha .capimage {
  margin-bottom: 10px;
}
.linefield label {
  font-size: smaller;
  margin-right: 0.5em;
}
.linefield span {
  font-size: smaller;
}
.linefield input[type="text"].small-text {
  font-size: smaller;
  width: 100%;
}
.linefield .markhelp table {
  background: #FFFFFF;
}
#kind-selector label {
  padding-right: 20px;
}
.campaign .status {
  font-size: x-small;
}
.campaign-detail .existing-campaigns > table {
  width: auto;
  background-color: white;
  border: 1px solid #cc9;
}
.campaign-detail .existing-campaigns .campaign-spent,
.campaign-detail .existing-campaigns .campaign-buttons,
.campaign-detail .existing-campaigns button {
  display: none;
}
.campaign-detail .hidden {
  display: none;
}
.existing-campaigns > table {
  font-size: x-small;
  width: 100%;
  margin: 0px 0;
  border: none;
}
.existing-campaigns td.campaign-total-budget span {
  display: inline-block;
  margin-right: 5px;
  line-height: 20px;
  margin-top: 3px;
  vertical-align: top;
}
.existing-campaigns td.campaign-total-budget.paid {
  background: url(../green-check.png) no-repeat scroll center right;
}
.existing-campaigns tr.refund {
  color: red;
  font-weight: bold;
}
.frequency-cap-inputs {
  margin-left: 20px;
}
.frequency-cap-inputs .label {
  width: 200px;
}
.frequency-cap-message {
  font-size: 12px;
  margin-left: 20px;
}
.frequency-cap-message.example {
  margin-top: -15px;
  font-style: italic;
}
.frequency-cap-dur-unit {
  vertical-align: sub;
  margin-left: 5px;
}
.minimum-spend,
.daily-budget-minimum {
  margin-left: 10px;
  font-size: 13px;
}
.minimum-spend.error {
  font-weight: bold;
  color: red;
  font-size: 15px;
}
.existing-campaigns > table {
  margin: 10px 0;
}
.existing-campaigns > table > tbody > tr > td {
  border-bottom: 1px solid #d9d9d9;
  max-width: 120px;
}
.existing-campaigns > table > tbody > tr#edit-campaign-tr > td {
  text-align: left;
}
.existing-campaigns > table > tbody > tr#edit-campaign-tr > td {
  padding: 0;
}
#edit-campaign-tr .campaign-editor > .linefield {
  border-radius: 0;
  margin: 0;
}
.existing-campaigns > table > thead > tr > th {
  font-weight: bold;
  color: #737373;
  border-bottom: 1px solid #a6a6a6;
}
.existing-campaigns .campaign-target,
.existing-campaigns .campaign-location {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}
.existing-campaigns .campaign-bid {
  width: 60px;
}
.existing-campaigns .campaign-row > td,
.existing-campaigns .campaign-header-row > td,
.existing-campaigns .campaign-row > th,
.existing-campaigns .campaign-header-row > th {
  padding: 8px 2px 5px 8px;
}
.existing-campaigns .campaign-start-date {
  text-align: right;
  padding-right: 7px;
  padding-left: 8px;
}
.existing-campaigns .campaign-end-date,
.existing-campaigns .campaign-buttons,
.existing-campaigns .campaign-total-budget,
.existing-campaigns .campaign-duration,
.existing-campaigns .campaign-spent {
  text-align: right;
  padding-right: 8px;
  padding-left: 2px;
}
.existing-campaigns > table > thead .campaign-start-date,
.existing-campaigns > table > thead .campaign-end-date,
.existing-campaigns > table > thead .campaign-spent {
  width: 10%;
}
.existing-campaigns > table > thead .campaign-spent,
.existing-campaigns > table > thead .campaign-priority,
.existing-campaigns > table > thead .campaign-duration {
  width: 8%;
}
.existing-campaigns > table > thead .campaign-total-budget {
  width: 12%;
}
.existing-campaigns > table > thead .campaign-buttons {
  width: 15%;
}
.campaign .bid-info {
  font-size: x-small;
}
.campaign .bid-info.error {
  color: red;
}
.campaign td.prefright {
  padding: 8px 4px 4px;
}
.campaign #bid,
.campaign #impressions,
.campaign #cap,
.campaign #duration,
.campaign #daily_budget {
  text-align: right;
  width: auto;
  margin-bottom: 5px;
}
.campaign .subreddit-targeting input {
  width: 95%;
  border-radius: 7px;
}
.campaign #suggested-reddits ul {
  margin: 0 20px 10px 0;
}
.campaign th {
  font-size: small;
  padding: 4px;
  padding-top: 8px;
  width: 90px;
}
.linefield-content .infotext {
  margin-top: 5px;
}
.linefield-content .infotext p {
  margin: 5px;
}
#campaign label,
#campaign li {
  font-size: small;
}
#campaign .geotarget-select {
  display: block;
  margin-top: 2px;
}
.geotargeting-disabled {
  font-size: 13px;
  color: grey;
}
.collection-selector {
  position: relative;
  width: 100%;
  height: 50px;
  z-index: 100;
}
.collection-selector .widget-container {
  width: 100%;
  background: #fff;
  border: 1px solid #CECECE;
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.collection-selector .form-group-list {
  position: relative;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.collection-selector .form-group-list .form-group {
  display: block;
  padding: 0;
  margin: 0;
}
.collection-selector .form-group-list .form-group > input[type=radio] {
  display: none;
}
.collection-selector .form-group-list .form-group > .label-group {
  height: 50px;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  cursor: pointer;
  color: #404040;
}
.collection-selector .form-group-list .form-group > .label-group:hover {
  background: #E4EDF7;
}
.collection-selector .form-group-list .form-group > .label-group .label {
  font-size: 15px;
}
.collection-selector .form-group-list .form-group > .label-group .description {
  font-size: 10px;
}
.collection-selector .form-group-list .form-group > input[type=radio]:checked + .label-group {
  background: #FFFFFF;
  display: block;
}
.collection-selector.expanded .form-group > input[type=radio]:checked + .label-group {
  background-color: #4A90E2;
  color: #FFF;
  box-shadow: none;
}
.collection-selector.collapsed input[type=radio]:checked + .label-group {
  box-shadow: inset 0 -1px 0 1px #f2f2f2;
}
.collection-selector.collapsed .widget-container:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-width: 15px 10px 0;
  border-style: solid;
  border-color: #CCC transparent;
  position: absolute;
  top: 18px;
  right: 10px;
  z-index: 100;
  pointer-events: none;
}
.collection-selector.uninitialized .form-group > .label-group {
  display: none;
}
.collection-selector.uninitialized .form-group > input[type=radio]:checked + .label-group {
  display: block;
}
.collection-selector.uninitialized:hover .form-group > .label-group {
  display: block;
}
.collection-selector.uninitialized:hover .form-group > input[type=radio]:checked + .label-group {
  background-color: #4A90E2;
  color: #FFF;
  box-shadow: none;
}
.collection-subreddit-list {
  font-size: 13px;
}
.collection-subreddit-list .label {
  margin: 5px 0;
  color: #404040;
  font-size: 10px;
}
.collection-subreddit-list ul li {
  display: inline-block;
  margin-right: 5px;
}
/***traffic stuff***/
.traffic-table,
.traffic-tables-side fieldset {
  margin: 1.5em 2em;
  font-size: small;
  border: 0;
}
.traffic-table caption,
.traffic-tables-side fieldset legend {
  font-weight: bold;
  text-align: left;
  font-size: medium;
  font-variant: small-caps;
}
.traffic-table caption .normal {
  font-weight: normal;
  font-size: small;
  font-variant: normal;
  margin-left: .5em;
}
.traffic-form {
  float: left;
  margin-right: 10em;
}
.traffic-form p {
  font-size: small;
  margin-bottom: 1em;
  max-width: 20em;
}
.traffic-form textarea {
  display: block;
}
.traffic-table a:hover {
  text-decoration: underline;
}
.traffic-table thead th {
  font-weight: bold;
  text-align: center;
  padding-left: 2em;
}
.traffic-table thead th:first-child {
  text-align: left;
  padding-left: 0;
}
.traffic-table tbody th,
.traffic-table tfoot th {
  text-align: left;
}
.traffic-table td {
  padding: 0 5px;
}
.traffic-table td {
  text-align: right;
}
.traffic-table tfoot tr {
  border-top: 1px solid black;
}
.traffic-table tfoot th,
.traffic-table tfoot td {
  font-style: italic;
}
.traffic-table tr.max {
  border-width: 2px;
  border-style: solid;
}
.traffic-table tr.min {
  border: 2px solid #336699;
}
.traffic-table tbody tr:nth-child(even) {
  background-color: #E0E0E0;
}
.traffic-table tr.mean {
  font-style: italic;
  border-top: 1px solid;
}
/* this injects a blank space between weeks so that weekly patterns
 * are more visible. since the borders are collapsed, we need to use
 * cell padding to achieve the effect. however, the zebra-striping of
 * the table makes for ugly extra-wide stripes when a stripe and week
 * gap coincide. the nth-child rules put the padding on the top of
 * the next row instead of the bottom of the current one if the current
 * one is a zebra stripe. */
.traffic-table .dow-6 th,
.traffic-table .dow-6 td {
  padding-bottom: 1em;
}
.traffic-table tr:nth-child(odd).dow-5 th,
.traffic-table tr:nth-child(odd).dow-5 td {
  padding-top: 1em;
}
.traffic-table tr:nth-child(even).dow-6 th,
.traffic-table tr:nth-child(even).dow-6 td {
  padding-bottom: 0;
}
.traffic-tables-side {
  float: left;
  min-height: 50em;
}
#promote-graph-table,
#traffic-hour {
  display: none;
}
div.timeseries {
  padding: 10px;
  border: 1px solid #B0B0B0;
  margin: 10px 10px;
  display: inline-block;
  text-align: center;
}
.timeseries-placeholder {
  width: 350px;
  height: 200px;
  font-family: verdana;
  font-size: small;
}
div.timeseries span.title {
  font-weight: bold;
  font-size: medium;
  font-variant: small-caps;
}
#timeseries-unprocessed {
  font-size: small;
  font-weight: bold;
  margin: 1em 0;
  max-width: 60em;
}
#timeseries-unprocessed.slow {
  color: #900;
}
.timeseries-tablebar {
  height: 5px;
  margin: 1px 0;
}
.promoted-traffic .usertable {
  margin-left: 0px;
}
.promoted-traffic h1 a {
  font-size: small;
  margin-left: 10px;
}
.promoted-traffic tfoot th,
.promoted-traffic tfoot td {
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: .3em;
}
.promocampaign-table td {
  white-space: nowrap;
}
.traffic-table.promocampaign-table {
  margin: 10px;
}
.traffic-table.promocampaign-table thead th {
  text-align: right;
  padding: 0 5px;
}
.traffic-table.promocampaign-table tr.total {
  border-top: 1px solid black;
}
.traffic-table.promocampaign-table tr.active {
  background-color: pink;
  font-weight: bold;
  border: 2px dotted red;
}
.promo-traffic .content .tabmenu li {
  font-size: 1.3em;
}
.promo-traffic #helptext {
  font-size: 1.2em;
  padding: 3px 10px 6px;
}
#promo-traffic-no-campaigns {
  padding: 20px;
}
.promo-traffic .tabpane-content {
  margin-right: 305px;
  min-width: 800px;
  position: relative;
}
.promo-traffic #timeseries-unprocessed {
  font-size: 1.2em;
  margin: 0 .1em;
  padding: 0px;
  position: absolute;
  right: 1em;
  top: -1.3em;
}
.promo-traffic-csv-link {
  font-size: 1.1em;
  font-weight: bold;
  position: absolute;
  right: 15px;
  top: 11px;
}
.promo-traffic-help {
  font-size: 1.2em;
  margin: 20px;
}
.promo-traffic-help p {
  padding: 5px;
}
#promo-traffic-lifetime-stats {
  font-size: 1.1em;
  font-weight: bold;
  margin: 2px 10px;
  padding-top: 5px;
}
.promo-traffic-live {
  background-color: #EFF7FF;
}
.promo-traffic-live td {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.promo-traffic-settings-instructions {
  font-size: small;
  margin: 0px 15px 10px;
}
.promo-traffic-settings {
  padding: 20px;
}
p.totals-are-preliminary {
  margin-left: 10px;
}
.award-square-container {
  max-width: 1000px;
  overflow: hidden;
}
.award-square {
  float: left;
  padding: 10px 0px 30px 40px;
  white-space: nowrap;
  width: 300px;
}
.award-square.mini {
  width: 100px;
  white-space: normal;
  text-align: center;
}
.award-square img {
  float: left;
  margin: 0 10px;
  width: 70px;
  height: 70px;
}
.award-square.mini img {
  float: none;
  margin-bottom: 7px;
}
.award-square .award-name {
  color: black;
  font-size: 22px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  line-height: 1em;
}
.award-square.mini .award-name {
  font-size: 18px;
  min-height: 36px;
  display: block;
}
.award-square .winner-info {
  line-height: 15px;
  margin-top: 15px;
  color: gray;
}
.award-square .winner-name {
  font-size: 18px;
  color: #336699;
}
.lined-table {
  margin: 5px;
}
table.lined-table {
  margin: 5px 3px;
}
.lined-table th,
.lined-table td {
  border: solid #cdcdcd 1px;
  padding: 3px;
}
.lined-table th {
  text-align: center;
  font-weight: bold;
}
.sponsorshipbox {
  max-width: 300px;
}
.sponsorshipbox span {
  color: gray;
}
.sponsorshipbox div {
  border: 1px solid #D0D0D0;
  width: 300px;
  font-size: 0;
}
/* otherwise the pixel will cause a horizontal scrollbar in firefox */
.sponsorshipbox .promote-pixel {
  right: 0;
}
.sidecontentbox a.helplink {
  float: right;
  margin-top: 4px;
}
.confirm-award-claim .md {
  max-width: none;
  font-size: 18px;
}
.trophy-table {
  width: 100%;
}
.trophy-area .content {
  background-color: #f5f5f5;
}
.trophy-info {
  text-align: center;
  vertical-align: top;
}
.trophy-info div {
  margin-left: auto;
  margin-right: auto;
  width: 130px;
  vertical-align: top;
  padding: 15px 0 15px;
}
.trophy-icon {
  margin-bottom: 2px;
  width: 40px;
  height: 40px;
}
.trophy-info.left {
  margin-right: 10px;
}
.trophy-name {
  color: black !important;
}
.trophy-description {
  color: #555555;
  font-size: x-small;
}
.dust {
  text-align: center;
  margin: 45px auto;
  color: #d0d0d0;
}
.removecup-button {
  display: inline;
}
.cup-info-box {
  border: dashed #eeaa33 2px;
  padding: 5px;
}
.cup-info-box tt {
  background-color: #f5f5aa;
}
/* Datepicker
----------------------------------*/
.datepicker {
  z-index: 1000;
  display: none;
  border-radius: 6px;
  -webkit-box-shadow: 0px 4px 6px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);
  -moz-box-shadow: 0px 4px 6px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);
  box-shadow: 0px 4px 6px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
}
/* @group CSS triangles*/
.datepicker::before {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border: 10px solid;
  position: absolute;
  top: -20px;
  left: 17px;
  border-color: transparent transparent #369;
}
.datepicker::after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border: 10px solid;
  position: absolute;
  top: -18px;
  left: 17px;
  border-color: transparent transparent #E5F2FF;
}
/* @end CSS Triangles*/
.datepicker.inuse {
  display: block;
}
.ui-datepicker-inline {
  font-size: x-small;
  padding: 5px;
}
.ui-corner-all {
  border-radius: 6px;
}
.ui-datepicker-header {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d4e3f2), to(#adc9e6));
  background: -moz-linear-gradient(top, #d4e3f2, #adc9e6);
  background-color: #ADC9E6;
  border: 1px solid #5E96CF;
  color: #2E6399;
  font-weight: bold;
  font-size: 1.3em;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8);
}
.ui-datepicker-inline .ui-datepicker-prev {
  float: left;
}
.ui-datepicker-inline .ui-datepicker-next {
  float: right;
}
.ui-datepicker-inline .ui-datepicker-prev span,
.ui-datepicker-inline .ui-datepicker-next span {
  display: block;
  text-align: center;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 1.5em;
}
.ui-datepicker-inline .ui-datepicker-prev:active,
.ui-datepicker-inline .ui-datepicker-next:active {
  color: white;
}
.ui-datepicker-inline .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker-inline .ui-datepicker-next.ui-state-disabled {
  display: none;
}
.ui-datepicker-inline .ui-datepicker-prev,
.ui-datepicker-inline .ui-datepicker-next {
  display: block;
  cursor: pointer;
  padding: 0px 5px;
}
.ui-datepicker-year {
  margin-left: none !important;
}
.ui-datepicker-inline .ui-datepicker-title {
  text-align: center;
  padding: 5px;
  margin: 0em 2em;
}
.ui-datepicker-inline table {
  clear: right;
  margin-top: 5px;
  border: 1px solid #5e96cf;
}
.ui-datepicker-inline .ui-datepicker-calendar th,
.ui-datepicker-inline .ui-datepicker-calendar td {
  padding: 0px;
  border: 1px solid #5E96CF;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.ui-datepicker-calendar th {
  font-size: 1.1em;
}
.ui-datepicker-inline .ui-datepicker-calendar th span,
.ui-datepicker-inline .ui-datepicker-calendar td span,
.ui-datepicker-inline .ui-datepicker-calendar td a {
  border: 0px;
  margin: auto;
  padding: 3px;
  display: block;
  width: 30px;
  height: 2em;
  text-align: center;
  vertical-align: middle;
  color: black;
  background-color: #C8DBEF;
  font-size: 1.5em;
  font-weight: bold;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.ui-datepicker-inline .ui-datepicker-calendar th span {
  text-align: center;
  border: none;
}
.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today span,
.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active {
  color: white;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#76a6d6), to(#3573b1));
  background: -moz-linear-gradient(top, #76a6d6, #3573b1);
  background-color: #4F8AC9;
  -webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
}
.ui-datepicker-inline .ui-datepicker-calendar td span {
  color: #888;
}
.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-hover {
  background: #6BB3FF;
  color: white;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
}
.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e29d9d), to(#ca4e4e));
  background: -moz-linear-gradient(top, #e29d9d, #ca4e4e);
  background-color: #E19D9D;
}
.date-input {
  display: inline;
  position: relative;
}
.date-input input {
  border: 1px solid #888;
  padding: 2px;
  text-align: center;
  margin: 0 2px;
}
.date-input .drop-choices {
  position: absolute;
  border: 1px solid #369;
  background-color: #E5F2FF;
  margin: 10px 3px;
}
.payment-setup input[name=bid] {
  width: 6em;
  text-align: right;
}
.payment-setup form {
  margin: 20px;
}
.payment-setup p {
  margin-bottom: 10px;
}
.pay-form textarea[disabled] {
  font-size: smaller;
  padding: 0;
}
.pay-form *[disabled],
.pay-form input[disabled] {
  border: none;
  color: black;
  font-weight: bold;
  background-color: white;
}
.bid-table {
  margin: 5px 10px;
}
.bid-table td,
.bid-table th {
  padding: 2px 5px;
  text-align: right;
}
.bid-table th {
  text-align: center;
  font-weight: bold;
}
div #campaign-field {
  width: auto;
}
#promo-form .linefield {
  width: auto;
}
#promo-form .usertext-edit {
  width: auto;
}
.form-group {
  display: block;
}
.form-group > label,
.form-group > .label,
.form-group > .label-group {
  display: inline-block;
}
.form-group > .label-group > .label {
  display: block;
}
.input-group {
  display: inline-block;
  vertical-align: top;
}
.checkbox-group,
.radio-group {
  font-size: 14px;
  line-height: 20px;
}
.checkbox-group .form-group,
.radio-group .form-group {
  margin: 5px 0;
}
.checkbox-group input[type=radio],
.radio-group input[type=radio],
.checkbox-group input[type=checkbox],
.radio-group input[type=checkbox] {
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
  margin-left: 1px;
}
.radio-group .label-group,
.radio-group .label,
.radio-group input[type=radio] {
  vertical-align: middle;
}
.dashboard header {
  position: relative;
  margin-bottom: 10px;
}
.mobile-targeting-group {
  display: block;
}
.mobile-os-group,
.os-device-group {
  display: inline-block;
  vertical-align: top;
}
.mobile-os-group {
  width: 150px;
}
.sponsored-page .checkbox-group,
.sponsored-page .radio-group,
.sponsored-page .form-group,
.sponsored-page .select-group,
.sponsored-page .collection-targeting,
.sponsored-page .subreddit-targeting {
  margin-bottom: 10px;
}
.sponsored-page .checkbox-group > .label:first-child,
.sponsored-page .radio-group > .label:first-child,
.sponsored-page .form-group > .label:first-child,
.sponsored-page .select-group > .label:first-child,
.sponsored-page .collection-targeting > .label:first-child,
.sponsored-page .subreddit-targeting > .label:first-child {
  width: 110px;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 12px;
  color: #666666;
  letter-spacing: 0.6px;
}
.sponsored-page .checkbox-group > .label.cost-basis-label,
.sponsored-page .radio-group > .label.cost-basis-label,
.sponsored-page .form-group > .label.cost-basis-label,
.sponsored-page .select-group > .label.cost-basis-label,
.sponsored-page .collection-targeting > .label.cost-basis-label,
.sponsored-page .subreddit-targeting > .label.cost-basis-label {
  width: 150px;
}
.sponsored-page .radio-group .form-group {
  margin-bottom: 5px;
}
.sponsored-page .inline-dollar {
  position: absolute;
  margin-left: 10px;
  margin-top: 5px;
}
.sponsored-page .targeting-field .radio-group .label-group,
.sponsored-page .targeting-field .radio-group input[type=radio] {
  vertical-align: middle;
}
.sponsored-page .targeting-field .radio-group .label-group {
  font-size: 15px;
}
.sponsored-page .targeting-field .radio-group .label-group small {
  font-size: 0.67em;
}
.sponsored-page .targeting-field .linefield-content > .radio-group,
.sponsored-page .targeting-field .linefield-content > .target-group {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.sponsored-page .lookup-user-field .group,
.sponsored-page .budget-field .group,
.sponsored-page .pricing-field .group,
.sponsored-page .timing-field .group,
.sponsored-page .frequency-cap-field .group {
  display: flex;
  margin-bottom: 10px;
}
.sponsored-page .lookup-user-field .form-group,
.sponsored-page .budget-field .form-group,
.sponsored-page .pricing-field .form-group,
.sponsored-page .timing-field .form-group,
.sponsored-page .frequency-cap-field .form-group {
  flex-basis: 0;
  flex-grow: 1;
}
.sponsored-page .lookup-user-field .form-group label,
.sponsored-page .budget-field .form-group label,
.sponsored-page .pricing-field .form-group label,
.sponsored-page .timing-field .form-group label,
.sponsored-page .frequency-cap-field .form-group label,
.sponsored-page .lookup-user-field .form-group .label,
.sponsored-page .budget-field .form-group .label,
.sponsored-page .pricing-field .form-group .label,
.sponsored-page .timing-field .form-group .label,
.sponsored-page .frequency-cap-field .form-group .label {
  display: block;
}
.sponsored-page .lookup-user-field .form-group .cost-basis-label,
.sponsored-page .budget-field .form-group .cost-basis-label,
.sponsored-page .pricing-field .form-group .cost-basis-label,
.sponsored-page .timing-field .form-group .cost-basis-label,
.sponsored-page .frequency-cap-field .form-group .cost-basis-label {
  width: 300px;
}
.sponsored-page .display-text:before {
  content: "\00a0";
}
.sponsored-page .display-text.daily-max-spend:before {
  content: "\00a0\0024";
}
.sponsored-page .display-text {
  font-weight: bold;
}
.sponsored-page .budget-field .group {
  margin-bottom: 10px;
}
.sponsored-page .pricing-message,
.sponsored-page .budget-message {
  font-size: 13px;
}
.sponsored-page .pricing-message {
  margin-top: 10px;
  margin-bottom: 10px;
}
.sponsored-page .campaign-set {
  padding: 10px;
  background: #fff;
  border-radius: 2px;
  margin-bottom: 5px;
}
.sponsored-page .campaign-set .info-text {
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.sponsored-page .campaign-set .campaign-button {
  padding: 5px 10px;
}
.sponsored-page .campaign-set .button-group {
  white-space: nowrap;
}
.sponsored-page .campaign-set .button-group button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  padding-right: 5px;
  margin-right: 0;
}
.sponsored-page .campaign-set .button-group button + button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  padding-left: 5px;
  margin-left: 0;
}
.sponsored-page .campaign-set + .campaign-set,
.sponsored-page .campaign-set + .info-text {
  margin-top: 20px;
}
.sponsored-page .campaign-option-table {
  width: 100%;
}
.sponsored-page .campaign-option-table .date {
  text-align: left;
  width: 18%;
}
.sponsored-page .campaign-option-table .total-budget {
  width: 20%;
}
.sponsored-page .campaign-option-table .total-budget + td {
  width: 35%;
}
.sponsored-page .campaign-option-table td {
  width: 18%;
  line-height: 27px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: bottom;
  text-align: right;
  padding: 0 4px;
}
.sponsored-page .lookup-user input[name=name] {
  width: 10em;
}
.sponsored-page .lookup-user input[name=email] {
  width: 20em;
}
.os-device-group .radio-group + .device-version-group + .device-version-group {
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
}
.os-device-group .device-version-group {
  padding-left: 24px;
}
.device-version-group .checkbox-group {
  width: 140px;
}
.device-version-group .checkbox-group,
.device-version-group .select-group {
  display: inline-block;
  vertical-align: top;
}
.version-select .form-group {
  margin: 5px 0 20px 0;
}
.version-select .form-group select {
  width: 100px;
}
.version-select .form-group > .label:first-child {
  width: 30px;
  display: inline-block;
}
.inventory-dashboard .geotargeting-group {
  display: none;
}
.sponsored-page {
  width: 800px;
  margin: auto;
  color: #0d0d0d;
}
.sponsored-page textarea,
.sponsored-page input[type=text] {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.sponsored-page .hidden {
  display: none;
}
.sponsored-page .help p {
  margin: 0;
}
.sponsored-page .help a.help {
  font-weight: bold;
  text-decoration: none;
  float: right;
  color: orangered;
}
.sponsored-page h2 {
  margin: 20px 0 5px;
  font-size: 200%;
  color: #666666;
  font-weight: normal;
}
.sponsored-page .infobar {
  margin: 5px 0;
  padding: 0;
  background: transparent;
  border: 0;
  color: #404040;
}
.sponsored-page .infobar a {
  white-space: nowrap;
}
.sponsored-page .post-type-field .radio-group .label-group,
.sponsored-page .targeting-feild .radio-group .label-group {
  font-size: 15px;
}
.sponsored-page .post-type-field .radio-group .label-group small,
.sponsored-page .targeting-feild .radio-group .label-group small {
  font-size: 0.67em;
}
.sponsored-page .post-type-field .radio-group {
  overflow: auto;
}
.sponsored-page .post-type-field .form-group {
  float: left;
  width: 33%;
}
.sponsored-page > header {
  margin: 10px;
}
.sponsored-page .rules {
  float: left;
  font-size: 13px;
  line-height: 30px;
}
.sponsored-page .primary-button {
  background: #ff9770;
  background: -moz-linear-gradient(top, #ff9770 0%, #ff7d4d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9770), color-stop(100%, #ff7d4d));
  background: -webkit-linear-gradient(top, #ff9770 0%, #ff7d4d 100%);
  background: -o-linear-gradient(top, #ff9770 0%, #ff7d4d 100%);
  background: -ms-linear-gradient(top, #ff9770 0%, #ff7d4d 100%);
  background: linear-gradient(to bottom, #ff9770 0%, #ff7d4d 100%);
  border-color: #ff581a;
  color: white;
  text-shadow: 0 1px 0 #ff581a;
}
.sponsored-page .primary-button:hover {
  background: #ffa98a;
  background: -moz-linear-gradient(top, #ffa98a 0%, #ff7d4d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa98a), color-stop(100%, #ff7d4d));
  background: -webkit-linear-gradient(top, #ffa98a 0%, #ff7d4d 100%);
  background: -o-linear-gradient(top, #ffa98a 0%, #ff7d4d 100%);
  background: -ms-linear-gradient(top, #ffa98a 0%, #ff7d4d 100%);
  background: linear-gradient(to bottom, #ffa98a 0%, #ff7d4d 100%);
}
.sponsored-page button {
  background: #bed6ef;
  background: -moz-linear-gradient(top, #bed6ef 0%, #a9c9ea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bed6ef), color-stop(100%, #a9c9ea));
  background: -webkit-linear-gradient(top, #bed6ef 0%, #a9c9ea 100%);
  background: -o-linear-gradient(top, #bed6ef 0%, #a9c9ea 100%);
  background: -ms-linear-gradient(top, #bed6ef 0%, #a9c9ea 100%);
  background: linear-gradient(to bottom, #bed6ef 0%, #a9c9ea 100%);
  border-color: #81b0df;
  margin: 0;
  padding: 5px 20px;
  font-size: 12px;
  font-weight: bold;
  color: #3973ac;
  text-shadow: 0 1px 0 #c6d9ec;
  vertical-align: text-top;
}
.sponsored-page button:hover {
  background: #d2e3f4;
  background: -moz-linear-gradient(top, #d2e3f4 0%, #a9c9ea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2e3f4), color-stop(100%, #a9c9ea));
  background: -webkit-linear-gradient(top, #d2e3f4 0%, #a9c9ea 100%);
  background: -o-linear-gradient(top, #d2e3f4 0%, #a9c9ea 100%);
  background: -ms-linear-gradient(top, #d2e3f4 0%, #a9c9ea 100%);
  background: linear-gradient(to bottom, #d2e3f4 0%, #a9c9ea 100%);
}
.sponsored-page .new-campaign {
  position: absolute;
  right: 0;
  top: 10px;
  padding: 10px 15px;
  font-size: 13px;
}
.sponsored-page .campaign-buttons button,
.sponsored-page .campaign-total-budget button {
  font-size: 10px;
  font-weight: normal;
  border-top-width: 1px;
  box-shadow: none;
  padding: 2px 4px;
  margin: 2px 2px 0;
}
.sponsored-page .campaign-buttons button:active,
.sponsored-page .campaign-total-budget button:active {
  box-shadow: inset 0 1px 0 1px rgba(0, 0, 0, 0.1);
}
.sponsored-page .campaign-buttons button:hover,
.sponsored-page .campaign-total-budget button:hover,
.sponsored-page .campaign-buttons button:active,
.sponsored-page .campaign-total-budget button:active {
  margin-bottom: 0;
}
.sponsored-page .editor-group {
  position: relative;
  background: #e4f0fb;
  margin: 0 0 10px;
  border-radius: 2px;
  font-size: 15px;
  line-height: 20px;
}
.sponsored-page .editor-group footer {
  margin: 0 20px;
  padding: 10px 0;
}
.sponsored-page .promotelink-editor .collapsed-display .linefield {
  border-bottom: 0;
  padding-bottom: 0;
}
.sponsored-page .promotelink-editor .thing {
  border-color: #b8d6f5;
  font-size: 10px;
}
.sponsored-page .promotelink-editor .thing .title {
  padding: 0;
  font-weight: normal;
}
.sponsored-page .promotelink-editor .thing .rank {
  display: none;
}
.sponsored-page .promotelink-editor .thing .flat-list.buttons {
  text-align: left;
}
.sponsored-page .promotelink-editor .thing a.thumbnail {
  line-height: 0;
}
.sponsored-page .dashboard {
  padding: 20px;
  border-bottom: 2px solid #ccc;
}
.sponsored-page .dashboard .help p {
  margin-bottom: 10px;
}
.sponsored-page .campaign-editor .editor-group {
  background: transparent;
  background: #f8f8f8;
  border: none;
  box-shadow: none;
  font-size: 13px;
}
.sponsored-page .campaign-editor .editor-group > .linefield > .title:before {
  background: #dedede;
  margin-right: 0;
}
.sponsored-page .campaign-editor .editor-group > .linefield > .title {
  color: #666666;
}
.sponsored-page .campaign-editor .editor-group .linefield {
  border-bottom-color: #e6e6e6;
}
.sponsored-page .campaign-list-editor > .editor-group > .linefield {
  border-bottom: 0;
  padding-bottom: 10px;
}
.sponsored-page .campaign-list-editor > .editor-group > .linefield .help {
  font-size: 12px;
  margin-right: 120px;
}
.sponsored-page .campaign-list {
  padding-bottom: 5px;
}
.sponsored-page .editor .image-field {
  position: relative;
  overflow: auto;
}
.sponsored-page .editor .image-field input[type=file] {
  margin-top: 10px;
  margin-left: 0;
}
.sponsored-page .editor .image-field button.submit-img {
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.sponsored-page .editor .image-field img {
  max-width: 600px;
}
.sponsored-page .editor .image-field.has-image .linefield-content {
  margin-left: 110px;
}
.sponsored-page .editor .image-field.has-image .img-preview-container {
  position: absolute;
  left: 0;
  top: 45px;
  margin: 0;
  padding: 5px;
}
.sponsored-page .editor .image-field.has-image .img-preview-container img {
  display: block;
  width: 70px;
  height: auto;
}
.sponsored-page .editor .image-field.has-image .img-preview-container br {
  display: none;
}
.sponsored-page .editor textarea,
.sponsored-page .editor input[type=text],
.sponsored-page .editor .date-input input,
.sponsored-page .editor .linefield {
  border-radius: 2px;
  font-size: 15px;
  line-height: 20px;
}
.sponsored-page .editor textarea,
.sponsored-page .editor input[type=text],
.sponsored-page .editor .date-input input {
  border: 1px solid;
  border-color: #bfbfbf #cccccc #d9d9d9;
  background: #fcfcfc;
  padding: 5px 10px;
}
.sponsored-page .editor textarea:focus,
.sponsored-page .editor input[type=text]:focus,
.sponsored-page .editor .date-input input:focus {
  background: white;
  border-color: #538cc6;
  outline: none;
  box-shadow: 0 0 3px white;
}
.sponsored-page .editor textarea:disabled,
.sponsored-page .editor input[type=text]:disabled,
.sponsored-page .editor .date-input input:disabled {
  box-shadow: none;
  color: #999999;
  border-color: #cccccc;
  background: #fafafa;
}
.sponsored-page .editor input[type=text],
.sponsored-page .editor .date-input input {
  padding: 5px;
  box-shadow: inset 0 1px 0 1px #f2f2f2;
  font-size: 15px;
}
.sponsored-page .editor input[type=text].total_budget_pennies {
  padding-left: 20px;
}
.sponsored-page .editor textarea {
  resize: vertical;
  padding: 10px;
  box-shadow: inset 0 2px 0 1px #f2f2f2;
}
.sponsored-page .editor .date-input .datepicker {
  text-shadow: none;
  border-color: #8cb2d9;
}
.sponsored-page .editor .date-input .datepicker .ui-corner-all,
.sponsored-page .editor .date-input .datepicker {
  border-radius: 2px;
}
.sponsored-page .editor .date-input .datepicker .ui-datepicker-header,
.sponsored-page .editor .date-input .datepicker .ui-datepicker-calendar,
.sponsored-page .editor .date-input .datepicker td,
.sponsored-page .editor .date-input .datepicker th,
.sponsored-page .editor .date-input .datepicker th span {
  box-shadow: none;
  border-color: #8cb2d9;
}
.sponsored-page .editor .date-input .datepicker table,
.sponsored-page .editor .date-input .datepicker th {
  border: 0;
}
.sponsored-page .editor .date-input .datepicker th span {
  font-size: 12px;
  font-weight: normal;
  background: transparent;
  height: auto;
}
.sponsored-page .editor .date-input .datepicker td a,
.sponsored-page .editor .date-input .datepicker td span {
  box-shadow: none;
  font-size: 15px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: right;
}
.sponsored-page .editor .date-input .datepicker .ui-datepicker-today span {
  background: #9fbfdf;
  box-shadow: none;
  text-shadow: none;
}
.sponsored-page .editor .date-input .datepicker a {
  text-shadow: none;
}
.sponsored-page .editor .date-input .datepicker a.ui-state-active {
  background: #ffffff;
  color: orangered;
  text-shadow: none;
}
.sponsored-page .editor .date-input .datepicker a.ui-state-hover {
  text-shadow: none;
  border-color: #79a6d2;
}
.sponsored-page .editor .linefield {
  width: auto;
  padding: 20px 0;
  margin: 0 20px;
  border-radius: 0;
  border-bottom: 1px solid #b8d6f5;
  background: transparent;
  font-size: 15px;
}
.sponsored-page .editor .linefield span {
  font-size: inherit;
}
.sponsored-page .editor .linefield:last-child {
  border-bottom: none;
}
.sponsored-page .editor .linefield > .linefield-content {
  padding: 0;
}
.sponsored-page .editor .linefield > .title {
  padding: 0;
  display: block;
  margin: 5px 0;
  color: #369;
  font-size: 15px;
}
.sponsored-page .editor .linefield > .title:before {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 100%;
  border-radius: 10px;
  background: #cee3f8;
  margin-right: -10px;
}
.sponsored-page .editor > .linefield {
  padding: 0;
  background: transparent;
  border: 0;
}
.sponsored-page .editor > .linefield > .title {
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  margin: 10px;
  color: #004c99;
}
.sponsored-page .editor .buttons {
  text-align: right;
}
.sponsored-page .editor .buttons button {
  margin-left: 5px;
}
.sponsored-page .editor .infotext {
  border: 0;
  background: transparent;
  font-style: italic;
  color: grey;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  box-shadow: none;
}
.sponsored-page .text-field textarea {
  font-size: 13px;
}
.sponsored-page .existing-campaigns .campaign-editor .editor-group {
  margin-bottom: 10px;
  border-radius: 0;
}
.sponsored-page .existing-campaigns .campaign-editor footer {
  margin-bottom: 10px;
}
.sponsored-page .existing-campaigns .campaign {
  border: 0;
}
.sponsored-page .help {
  font-size: 13px;
}
.sponsored-page .campaign-dashboard header .error,
.sponsored-page .campaign-dashboard header .help {
  margin-right: 150px;
}
.geotargeting-disabled {
  font-size: 12px;
  color: grey;
}
.fancy-settings h1 {
  font-size: 200%;
  color: #999;
  margin: 10px 5px;
}
.fancy-settings h2 {
  font-size: 200%;
  font-weight: normal;
  color: #999;
  margin: 10px 5px;
}
.fancy-settings h1 strong {
  font-weight: bold;
  color: #666;
}
.bidding-history {
  padding-top: 5px;
  margin-right: 5px;
}
.bidding-history .linefield {
  width: auto;
  overflow: hidden;
  padding-left: 10px;
  border-left: 1px #DDD dashed;
}
.bidding-history .linefield .bid-table,
.bidding-history .linefield .notes {
  font-size: x-small;
}
.bidding-history .linefield .notes {
  margin-top: 10px;
}
.bidding-history .linefield .notes p {
  text-indent: -20px;
  padding-left: 20px;
  margin-bottom: 2px;
  font-family: courier;
}
.pay-form tr.input-error th {
  color: red;
  font-weight: bold;
  font-style: italic;
}
.pay-form th {
  padding: 0px;
}
.pay-form tr.input-error input,
.pay-form tr.input-error textarea,
.pay-form tr.input-error select {
  border: 1px solid red;
}
.pay-form input[name=expirationDate],
.pay-form input[name=cardCode] {
  width: 10ex;
}
.pay-form .optional {
  font-size: smaller;
}
.pay-form .disabled .optional {
  display: none;
}
.pay-form p.info {
  color: red;
}
.pay-link {
  font-size: smaller;
  margin-left: 10px;
}
dt {
  margin-left: 10px;
  font-weight: bold;
}
dd {
  margin-left: 20px;
}
.borderless td {
  border: none;
}
.promote-report-form {
  margin: 1.5em 2em;
}
.promote-report-csv {
  font-size: small;
}
.promote-report-table {
  border: 0 none;
  font-size: small;
  margin: 1.5em 2em;
}
.promote-report-table thead th {
  font-weight: bold;
  text-align: center;
  padding: 0 1em;
  border: 1px solid white;
  background-color: #CEE3F8;
}
.promote-report-table thead th.blank {
  background: none;
}
.promote-report-table thead th[colspan] {
  text-align: center;
}
.promote-report-table td {
  text-align: right;
  padding: 0 2em;
}
.promote-report-table td.text {
  text-align: left;
  padding: 0 2em 0 0;
}
.promote-report-table tr.total {
  background-color: #FFC;
  border-top: 1px solid #000000;
  font-weight: bold;
}
.inventory-table {
  font-size: smaller;
  text-align: right;
  margin-top: 20px;
  width: 100%;
}
.inventory-table th,
.inventory-table td {
  padding: 3px;
}
.inventory-table th:last-child,
.inventory-table td:last-child {
  font-weight: bold;
}
.inventory-table th {
  border-bottom: 1px solid #000000;
  text-align: right;
}
.inventory-table th:first-child {
  text-align: left;
}
.inventory-table td.title {
  width: 120px;
  text-align: left;
}
.inventory-table td:not(.title) {
  border-left: 1px dashed #DDD;
}
.inventory-table tr:nth-child(even) {
  background-color: #EFF7FF;
}
.inventory-table tr.total {
  background-color: #FFC;
  border-top: 1px solid #000000;
  font-weight: bold;
}
/* title box */
.titlebox {
  font-size: larger;
}
.titlebox h1 {
  font-family: arial, verdana, helvetica, sans-serif;
  margin: 0px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 19px;
}
.titlebox h1 a {
  color: black;
}
.titlebox .karma {
  font-size: 18px;
  font-weight: bold;
}
.titlebox .fancy-toggle-button {
  display: inline-block;
  margin-right: 5px;
}
.titlebox .bottom {
  border-top: 1px solid gray;
  padding-top: 2px;
  font-size: 80%;
  color: gray;
}
.titlebox .age {
  float: right;
}
#side-mod-list {
  line-height: 1.5;
}
#side-mod-list .sr-banned a {
  color: #cc0000;
}
#side-multi-list li {
  display: inline-block;
  width: 93px;
  margin-right: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#side-multi-list + .expand-summary {
  padding: 0 4px;
  margin: 0;
  margin-top: 3px;
  font-size: x-small;
}
.confirm-button .confirmation {
  color: red;
  white-space: nowrap;
}
.confirm-button .confirmation .prompt {
  margin-right: .5em;
}
.gray-buttons button,
.gray-buttons a {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  color: #888;
  font-weight: bold;
}
.gray-buttons button:hover,
.gray-buttons a:hover {
  text-decoration: underline;
}
.multi-details h1,
.filtered-details h1 {
  margin-bottom: 0;
}
.multi-details h1 a,
.filtered-details h1 a,
.multi-details .throbber,
.filtered-details .throbber {
  vertical-align: middle;
}
.multi-details .throbber,
.filtered-details .throbber {
  margin-left: 5px;
}
.multi-details h2,
.filtered-details h2 {
  margin-top: 0;
  margin-bottom: 3px;
}
.multi-details .settings,
.filtered-details .settings {
  margin-bottom: 5px;
}
.multi-details .settings input[type="radio"],
.filtered-details .settings input[type="radio"] {
  margin: 0;
  margin-right: 3px;
  vertical-align: middle;
}
.multi-details .settings button,
.filtered-details .settings button {
  cursor: pointer;
}
.multi-details .settings label,
.filtered-details .settings label,
.multi-details .settings > button,
.filtered-details .settings > button {
  margin-right: 12px;
}
.multi-details .settings .visibility-group,
.filtered-details .settings .visibility-group {
  margin-right: 8px;
  margin-bottom: 8px;
}
.multi-details h3,
.filtered-details h3 {
  font-weight: normal;
  color: #777;
  margin-bottom: 3px;
}
.multi-details form.copy-multi,
.filtered-details form.copy-multi,
.multi-details form.rename-multi,
.filtered-details form.rename-multi {
  display: none;
  margin-bottom: 10px;
}
.multi-details form.copy-multi .multi-name,
.filtered-details form.copy-multi .multi-name,
.multi-details form.rename-multi .multi-name,
.filtered-details form.rename-multi .multi-name {
  border: 1px solid #ccc;
  padding: 3px;
}
.multi-details form.copy-multi button,
.filtered-details form.copy-multi button,
.multi-details form.rename-multi button,
.filtered-details form.rename-multi button {
  background: none;
  border: 1px solid #777;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  opacity: .75;
  padding: 3px 4px;
}
.multi-details form.copy-multi button:active,
.filtered-details form.copy-multi button:active,
.multi-details form.rename-multi button:active,
.filtered-details form.rename-multi button:active {
  position: relative;
  top: 1px;
  box-shadow: none;
}
.multi-details form.copy-multi .throbber,
.filtered-details form.copy-multi .throbber,
.multi-details form.rename-multi .throbber,
.filtered-details form.rename-multi .throbber {
  height: 22px;
  display: none;
}
.multi-details form.copy-multi.working .throbber,
.filtered-details form.copy-multi.working .throbber,
.multi-details form.rename-multi.working .throbber,
.filtered-details form.rename-multi.working .throbber {
  display: inline-block;
}
.multi-details form.copy-multi button,
.filtered-details form.copy-multi button {
  background: #eeffdd;
}
.multi-details form.rename-multi button,
.filtered-details form.rename-multi button {
  background: #ffffdd;
}
.multi-details form.rename-multi .warning,
.filtered-details form.rename-multi .warning {
  margin-top: .5em;
  font-weight: bold;
  color: #c2461f;
}
.multi-details .description,
.filtered-details .description {
  margin: .75em 0;
}
.multi-details .description .usertext-edit,
.filtered-details .description .usertext-edit,
.multi-details .description textarea,
.filtered-details .description textarea {
  width: 294px !important;
}
.multi-details ul,
.filtered-details ul,
.multi-details form.add-sr,
.filtered-details form.add-sr {
  margin-left: 12px;
}
.multi-details button.remove-sr,
.filtered-details button.remove-sr,
.multi-details button.add,
.filtered-details button.add {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  text-indent: -9999px;
  margin-left: 3px;
  background: none no-repeat;
  border: 3px solid transparent;
  padding: 0;
  opacity: .3;
}
.multi-details button.remove-sr:hover,
.filtered-details button.remove-sr:hover,
.multi-details button.add:hover,
.filtered-details button.add:hover {
  opacity: 1;
}
.multi-details button.remove-sr:active,
.filtered-details button.remove-sr:active,
.multi-details button.add:active,
.filtered-details button.add:active {
  position: relative;
  top: 1px;
}
.multi-details button.remove-sr.remove-sr,
.filtered-details button.remove-sr.remove-sr,
.multi-details button.add.remove-sr,
.filtered-details button.add.remove-sr {
  width: 9px;
  height: 9px;
  background-image: url(../close-small.png);
  /* SPRITE */
}
.multi-details button.remove-sr.add,
.filtered-details button.remove-sr.add,
.multi-details button.add.add,
.filtered-details button.add.add {
  width: 15px;
  height: 15px;
  background-image: url(../add.png);
  /* SPRITE */
}
.multi-details.readonly button.remove-sr,
.filtered-details.readonly button.remove-sr {
  display: none;
}
.multi-details .share-in-sr,
.filtered-details .share-in-sr {
  display: none;
}
.multi-details.public .share-in-sr,
.filtered-details.public .share-in-sr {
  display: inline;
}
.multi-details form.add-sr .sr-name,
.filtered-details form.add-sr .sr-name,
.multi-details form.add-sr button.add,
.filtered-details form.add-sr button.add {
  vertical-align: middle;
}
.multi-details form.add-sr .sr-name,
.filtered-details form.add-sr .sr-name {
  border: 1px solid #ccc;
  padding: 3px;
}
.multi-details form.add-sr button.add,
.filtered-details form.add-sr button.add {
  border: 5px solid transparent;
}
.multi-details li,
.filtered-details li {
  font-size: 1.15em;
  line-height: 1.5em;
}
.multi-details li a,
.filtered-details li a,
.multi-details li button,
.filtered-details li button {
  vertical-align: middle;
}
.multi-details .bottom,
.filtered-details .bottom {
  margin-top: 1em;
}
.modsr-link {
  display: block;
  margin-top: 5px;
  margin-left: 15px;
  font-weight: bold;
}
.filtered-details .unfilter {
  font-weight: bold;
  display: inline-block;
  margin-top: 1em;
}
.filtered-details .unfilter:hover {
  text-decoration: underline;
}
.filtered-details .add-sr {
  margin-top: 5px;
}
.side .recommend-box {
  margin: 15px 5px 30px 0px;
  opacity: 0;
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  -ms-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
}
.side .recommend-box h1 {
  display: inline-block;
  font-size: 1.35em;
  font-weight: bold;
  white-space: nowrap;
}
.side .recommend-box ul {
  margin: 4px 0;
}
.side .recommend-box .rec-item {
  background-color: #f7f7f7;
  border: solid thin silver;
  display: inline-block;
  font-size: 1.0em;
  margin: 2px;
  padding: 0 0 1px 5px;
  position: relative;
  width: 136px;
  white-space: nowrap;
}
.side .recommend-box .rec-item a {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  line-height: 1.8em;
  padding-left: 2px;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: 111px;
}
.side .recommend-box .rec-item button.add {
  background-color: #f7f7f7;
  background-image: none;
  border: none;
  cursor: pointer;
  height: 100%;
  opacity: 0.3;
}
.side .recommend-box .rec-item button.add:after {
  background-image: url(../add.png);
  /* SPRITE */
  content: "";
  display: block;
  height: 15px;
  width: 15px;
}
.side .recommend-box .rec-item button.add:hover {
  opacity: 1.0;
}
.side .recommend-box .more {
  color: #369;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  vertical-align: top;
}
.side .recommend-box .endoflist {
  background-color: #f7f7f7;
  padding: 15px 25px;
}
.side .recommend-box .endoflist h1 {
  margin-bottom: 10px;
}
.side .recommend-box .endoflist .heading {
  color: #555;
  font-weight: bold;
}
.side .recommend-box .endoflist ul {
  font-size: x-small;
  list-style-type: disc;
  margin: 4px 0 0 20px;
}
.side .recommend-box .endoflist .reset {
  cursor: pointer;
}
.readonly .recommend-box li > button {
  display: none;
}
.hover-bubble.multi-add-notice {
  padding: 10px 15px;
  margin-top: -5px;
  margin-right: 10px;
  background: #fff1d6;
  border-color: #ffb599;
  border-radius: 4px;
}
.hover-bubble.multi-add-notice:before {
  border-left-color: #ffb599;
}
.hover-bubble.multi-add-notice:after {
  border-left-color: #fff1d6;
}
.hover-bubble.multi-add-notice h3 {
  font-size: 2em;
}
.hover-bubble.multi-add-notice p {
  font-size: 1.5em;
  color: gray;
}
.sidecontentbox {
  font-size: normal;
}
.sidecontentbox .content {
  margin: 0;
  padding: 5px;
  border: 1px solid gray;
  font-size: larger;
  list-style: none;
}
.sidecontentbox .more {
  margin-top: 5px;
  text-align: right;
  font-size: smaller;
}
.sidecontentbox .more a {
  color: gray;
}
.sidecontentbox .title h1 {
  display: inline;
  text-transform: uppercase;
  margin: 0;
  color: gray;
  font-size: 130%;
}
.sidecontentbox.collapsible .title {
  cursor: pointer;
}
.sidecontentbox .collapse-button {
  display: inline-block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  font-size: 10px;
  background: #eee;
  color: #333;
  border: 1px solid #999;
  border-radius: 2px;
  margin: 1px 8px;
  vertical-align: bottom;
}
.sidecontentbox .stamp {
  margin-left: 3px;
}
.titlebox form.toggle,
.leavemoderator {
  margin: 0;
  padding: 5px 0px;
  font-size: smaller;
  color: gray;
  background: white none no-repeat scroll center left;
}
.usertable .moderator.toggle .main:before,
.titlebox .leavemoderator:before,
.titlebox form.leavecontributor-button:before,
.icon-menu .reddit-edit:before,
.icon-menu .reddit-traffic:before,
.icon-menu .reddit-reported:before,
.icon-menu .reddit-spam:before,
.icon-menu .reddit-edited:before,
.icon-menu .reddit-automod:before,
.icon-menu .wikiaction-pages:before,
.icon-menu .wikiaction-revisions:before,
.icon-menu .reddit-ban:before,
.icon-menu .reddit-mute:before,
.icon-menu .reddit-flair:before,
.icon-menu .reddit-moderationlog:before,
.icon-menu .reddit-unmoderated:before,
.icon-menu .reddit-moderators:before,
.icon-menu .moderator-mail:before,
.icon-menu .edit-stylesheet:before,
.icon-menu .community-rules:before,
.icon-menu .reddit-contributors:before,
.icon-menu .reddit-modqueue:before,
.giftgold a:before,
.gilded-link a:before,
.infobar.gold:before,
.users-online:before,
.notice-taken:before,
.notice-available:before,
.user-form .error:before {
  height: 16px;
  width: 16px;
  display: block;
  content: " ";
  float: left;
  margin-right: 5px;
}
.titlebox .leavemoderator:before,
.moderator.toggle .main:before {
  background-image: url(../shield.png);
  /* SPRITE */
}
.moderator.accept-invite .main:before {
  background-image: url(../addmoderator.png);
  /* SPRITE */
}
.titlebox form.leavecontributor-button:before {
  background-image: url(../pencil.png);
  /* SPRITE */
}
.titlebox form.flairtoggle {
  padding: 0;
}
.titlebox .tagline,
.titlebox .search-result-meta {
  margin: 5px 0 5px 20px;
}
.icon-menu a {
  background: white none no-repeat scroll center left;
}
.icon-menu li {
  margin: 5px 0;
}
.icon-menu .reddit-edit:before {
  background-image: url(../reddit_edit.png);
  /* SPRITE */
}
.icon-menu .edit-stylesheet:before {
  background-image: url(../css.png);
  /* SPRITE */
}
.icon-menu .community-rules:before {
  background-image: url(../reddit_rules.png);
  /* SPRITE */
}
.icon-menu .reddit-traffic:before {
  background-image: url(../reddit_traffic.png);
  /* SPRITE */
}
.icon-menu .reddit-reported:before {
  background-image: url(../reddit_reported.png);
  /* SPRITE */
}
.icon-menu .reddit-spam:before {
  background-image: url(../reddit_spam.png);
  /* SPRITE */
}
.icon-menu .reddit-ban:before {
  background-image: url(../reddit_ban.png);
  /* SPRITE */
}
.icon-menu .reddit-mute:before {
  background-image: url(../reddit_mute.png);
  /* SPRITE */
}
.icon-menu .reddit-flair:before {
  background-image: url(../reddit_flair.png);
  /* SPRITE */
  /* Work around a centering difference between this icon and reddit_ban.png */
  margin-left: 1px;
}
.icon-menu .reddit-moderationlog:before {
  background-image: url(../reddit_moderationlog.png);
  /* SPRITE */
  margin-left: 1px;
}
.icon-menu .reddit-unmoderated:before {
  background-image: url(../reddit_unmoderated.png);
  /* SPRITE */
  margin-left: 1px;
}
.icon-menu .reddit-edited:before {
  background-image: url(../reddit_edited.png);
  /* SPRITE */
  margin-left: 1px;
}
.icon-menu .reddit-automod:before {
  background-image: url(../reddit_automod.png);
  /* SPRITE */
}
.icon-menu .reddit-moderators:before {
  background-image: url(../shield.png);
  /* SPRITE */
}
.icon-menu .moderator-mail:before {
  background-image: url(../mailgray.png);
  /* SPRITE */
  width: 15px;
  height: 10px;
  margin-top: 4px;
  margin-left: 1px;
}
.icon-menu .reddit-contributors:before {
  background-image: url(../pencil.png);
  /* SPRITE */
}
.icon-menu .reddit-modqueue:before {
  background-image: url(../reddit_modqueue.png);
  /* SPRITE */
}
.users-online:before {
  background-image: url(../online.png);
  /* SPRITE */
}
.notice-taken:before,
.notice-available:before {
  margin-right: 3px;
}
.notice-taken:before,
.user-form .error:before {
  background-image: url(../icon-circle-exclamation.png);
  /* SPRITE */
}
.notice-available:before {
  background-image: url(../icon-circle-check.png);
  /* SPRITE */
}
.linkinfo {
  padding: 5px;
  border: 1px solid #5f99cf;
  background-color: #EFF7FF;
  font-family: arial, helvetica, sans-serif;
  font-size: larger;
  border-radius: 3px;
}
.linkinfo .score .number {
  font-size: 22px;
  font-weight: bold;
}
.linkinfo .score .word {
  font-size: 15px;
  font-weight: bold;
}
.linkinfo .shortlink {
  font-size: 80%;
  margin-top: 3px;
}
.linkinfo .shortlink input {
  border: 1px solid gray;
  font-family: monospace;
  font-size: 140%;
  padding: 3px 2px;
  width: 175px;
}
.linkinfo .shortlink input:hover {
  cursor: text;
}
.linkinfo table {
  margin-top: 5px;
}
.linkinfo td,
.linkinfo th {
  padding: 2px;
  font-size: smaller;
  border: 1px solid gray;
}
a.adminbox {
  border: solid 1px #eeeeee;
  color: #cdcdcd;
  font-family: monospace;
  text-align: center;
  padding-right: 1px;
}
a.adminbox:hover {
  text-decoration: none;
  color: orangered;
  border: solid 1px orangered;
}
.email {
  font-family: monospace;
  font-size: larger;
}
.lined-table,
.lined-table th,
.lined-table td {
  border: solid #cdcdcd 1px;
  border-collapse: collapse;
  padding: 2px;
  margin-bottom: 10px;
}
.lined-table th {
  font-weight: bold;
}
.wide {
  width: 100%;
}
.centered {
  text-align: center;
  vertical-align: middle;
}
.sr-ad-table .inherited {
  background-color: #ddeeff;
}
.sr-ad-table .overridden {
  background-color: #ffeedd;
}
.sr-ad-table .unused {
  background-color: #eee;
}
.sr-ad-table .inherited .whence {
  font-style: italic;
}
.sr-ad-table .overridden .whence {
  font-weight: bold;
}
.sr-ad-table .details {
  font-size: 150%;
  padding: 10px;
  vertical-align: top;
}
.sr-ad-table .details .codename {
  font-size: 150%;
  margin-bottom: 20px;
}
.sr-ad-table .weight {
  width: 4em;
}
.ad-assign-table .warning {
  font-weight: bold;
  color: red;
}
a.pretty-button:hover {
  text-decoration: none !important;
}
.pretty-button {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 5px;
  border: 1px solid #666;
  padding: 1px 6px;
  background: white none repeat-x scroll center left;
  color: #111;
  font-size: 10px;
  font-weight: normal;
  border-radius: 3px;
  outline-style: none;
}
.pretty-button {
  color: black;
}
.pretty-button.pressed {
  color: white;
}
.pretty-button.negative {
  background-image: url(../bg-button-negative-unpressed.png);
  /* SPRITE stretch-x */
}
.pretty-button.negative.pressed {
  background-image: url(../bg-button-negative-pressed.png);
  /* SPRITE stretch-x */
}
.pretty-button.neutral {
  background-image: url(../bg-button-neutral-unpressed.png);
  /* SPRITE stretch-x */
}
.pretty-button.neutral.pressed {
  background-image: url(../bg-button-neutral-pressed.png);
  /* SPRITE stretch-x */
}
.pretty-button.positive {
  background-image: url(../bg-button-positive-unpressed.png);
  /* SPRITE stretch-x */
}
.pretty-button.positive.pressed {
  background-image: url(../bg-button-positive-pressed.png);
  /* SPRITE stretch-x */
}
.oatmeal img {
  display: block;
  margin: 5px auto;
}
.gold-thanks.gold-accent {
  font-size: small;
  margin: 35px auto 0;
  padding: 20px;
  width: 600px;
  position: relative;
  display: block;
  border-radius: 3px;
}
.gold-thanks p {
  margin: 15px 0;
  text-align: center;
}
.gold-thanks .lounge-msg p {
  font-size: medium;
}
.gold-thanks .fancy-snoo img {
  margin: 10px auto;
  position: relative;
  display: block;
}
.gold-accent {
  margin-top: 10px;
  padding: 0 10px 5px;
  background-color: #fffdcc;
  border: solid 1px #e1b000;
  color: #9a7d2e;
  display: inline-block;
}
tr.gold-accent {
  display: table-row;
  border-radius: 3px;
}
tr.gold-accent + tr > td {
  padding-top: 10px;
}
.gold-accent.titlebox {
  margin-top: 0;
  padding-top: .5em;
}
.allminus-link {
  margin-top: 1em;
}
body:not(.gold) .allminus-link {
  opacity: .75;
}
.allminus-link a {
  font-size: 1.15em;
}
.gilded-link {
  margin-top: 1em;
}
.gilded-link a {
  color: #9a7d2e;
  font-weight: bold;
  font-size: 1.15em;
}
.gilded-link a:before {
  height: 14px;
  width: 14px;
  margin: 0 6px 0 1px;
  background-image: url(../gold-coin.png);
  /* SPRITE */
}
#per-sr-karma {
  width: 300px;
  margin: .6em auto 0 auto;
  table-layout: fixed;
}
#per-sr-karma thead th,
#per-sr-karma td {
  text-align: right;
}
#per-sr-karma tbody th {
  text-align: left;
}
#per-sr-karma #sr-karma-header {
  width: 150px;
  text-align: left;
}
#per-sr-karma thead th {
  font-weight: bold;
  padding-bottom: 2px;
}
#per-sr-karma tbody th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
#per-sr-karma tbody td {
  font-weight: bold;
  color: #666;
}
#per-sr-karma th.helpful span {
  border-bottom: 1px dotted #666;
  cursor: help;
  display: inline-block;
}
.more-karmas {
  display: none;
}
.karma-breakdown {
  margin-top: .6em;
  margin-bottom: 5px;
}
.karma-breakdown a {
  font-weight: bold;
}
.rel-note button[type=submit] {
  visibility: hidden;
  font-size: x-small;
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 0px;
  margin-left: 5px;
}
.rel-note.edited button[type=submit] {
  visibility: visible;
}
.rel-note.edited input[name=note] {
  width: 65%;
}
.rel-note input[name=note] {
  font-size: xx-small;
  max-width: 200px;
  width: 100%;
}
form#banned textarea {
  display: block;
  margin-left: 0;
}
.gold-accent h1,
.gold-accent th {
  color: #6a4d00;
  font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, georgia, garamond, FreeSerif, serif;
  font-variant: small-caps;
}
.gold-accent .pretty-form input[type=text] {
  margin-top: 1px;
  margin-bottom: 2px;
  margin-left: 0;
  /* or else friends with benefits'
                        "note" td and th don't line up */
}
.gold-accent .pretty-form input[type=text]#name {
  border-radius: 3px;
}
.gold-accent .pretty-form button {
  background-color: #fff088;
  color: #6a4d00;
  border: 1px solid #9a7d2e;
  border-radius: 3px;
}
.gold-accent.snoovatar-link {
  color: #9A7D2E;
  display: block;
  padding: 0;
  margin: 3px 0;
  border-radius: 5px;
  text-align: center;
  position: relative;
  line-height: 30px;
}
.gold-accent.snoovatar-link:before {
  background-image: url(../gold/snoo-head.png);
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  background-size: 27px;
  width: 27px;
  height: 27px;
  vertical-align: top;
  background-position: center left;
  margin-top: 1px;
  margin-left: -13px;
  margin-right: 7px;
}
.gold-expiration-info {
  display: block;
  margin: 3px 0;
  text-align: center;
}
.gold-expiration-info div:last-of-type {
  margin-top: -10px;
}
.gold-expiration-info .karma {
  color: #583800;
}
.giftgold {
  margin-bottom: 5px;
}
.giftgold a {
  color: #9a7d2e;
  font-weight: bold;
}
.giftgold a:before,
.infobar.gold:before {
  background-image: url(../giftgold.png);
  /* SPRITE */
}
.gold-accent.comment-visits-box {
  color: #583800;
  margin: 0px 5px 15px;
  padding: 7px 10px 7px 7px;
  max-width: 550px;
}
.gold-accent.roundfield {
  margin-top: 0px;
}
.gold-form .note {
  font-size: 13px;
  line-height: 16px;
  font-style: italic;
  color: #222;
  margin-top: 25px;
}
.gold-form p.goldtype-note {
  font-size: 13px;
  line-height: 16px;
  font-style: italic;
  color: #222;
  margin-top: 25px;
  margin-top: 0;
  margin-left: 22px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e1b000;
}
.gold-form label:last-of-type {
  padding-right: 0;
}
.gold-form label:last-of-type p.goldtype-note {
  border-bottom: 0;
  padding: 0;
}
.gold-form .spacer {
  margin-top: 20px !important;
}
.gold-subsection {
  display: none;
  position: absolute;
}
.gold-wrap.inline-gold .fancy {
  width: 620px;
  margin: 0;
}
.gold-wrap.inline-gold .fancy-content {
  margin: 10px auto;
}
.gold-wrap.inline-gold .sidelines {
  display: none;
}
.gold-wrap.cloneable-link,
.gold-wrap.cloneable-comment {
  display: none;
}
.gold-form .credit-card-input {
  display: inline;
}
.gold-form .stripe-submit {
  display: block;
  margin-top: 10px;
}
.gold-wrap form {
  display: inline;
}
.gold-logo {
  float: left;
  margin: 5px 0;
}
.thing .gold-form {
  margin: 10px 0 10px 4px;
  min-height: 0;
}
.gold-payment .roundfield-content {
  margin-left: 80px;
}
.gold-payment .close-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  height: 13px;
  margin: 6px 4px 6px 8px;
  border: none;
  background: url(../close.png) no-repeat;
  /* SPRITE */
  text-indent: -9999px;
  opacity: .25;
}
.gold-payment .close-button:hover {
  opacity: .55;
}
.giftmessage {
  background-color: white;
  border-radius: 3px;
  border: solid #888 1px;
  color: black;
  margin-bottom: 15px;
  margin-left: 20px;
  padding: 0 10px;
  max-width: 300px;
  width: 90%;
}
.gold-button {
  margin-left: 5px;
  padding: 10px 20px;
  color: #fff;
  font-size: 1.1em;
  font-family: Palatino, georgia, garamond, FreeSerif, serif;
  text-align: center;
  background-color: #938870;
  border-radius: 4px;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease 0s;
  -moz-transition: background-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s;
  -ms-transition: background-color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.27);
}
.gold-button:hover {
  background-color: #B8AB90;
}
.gold-button:active {
  background-color: #B8AB90;
  border: 1px solid #5E5137;
  box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.27);
}
.gold-button.disabled,
.gold-button:disabled {
  color: #999;
  background-color: #ccc;
  border-color: #aaa;
  text-shadow: none;
}
.creddits-gold .remaining {
  font-size: 10px;
  text-align: center;
  width: 125px;
  position: absolute;
  display: block;
  line-height: 1.5;
}
.creddits-gold .gold-button {
  padding-left: 35px;
  position: relative;
}
.creddits-gold .gold-button .snoo-head {
  background-image: url(../gold/snoo-head.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 7px;
  left: 7px;
  right: 0;
  bottom: 0;
  background-size: 23px;
  width: 23px;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}
.creddits-gold .gold-button:hover .snoo-head {
  opacity: 1;
}
.gold-dropdown,
.goldvertisement {
  font-family: "Bitstream Charter", "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, georgia, garamond, FreeSerif, serif;
}
.gold-dropdown {
  color: #482800;
  background-color: #fff088;
  font-size: 16px;
}
.gold-expiration-info,
.server-seconds {
  padding: 6px;
  border-radius: 5px;
}
.server-seconds {
  background-color: #EFF7FF;
  border: 1px solid #5F99CF;
  text-align: center;
}
.server-seconds p {
  padding: 5px 0;
}
.server-seconds em {
  font-weight: bold;
  color: #393939;
}
.server-seconds-public.bottom {
  border-top-style: dashed;
  border-top-color: #ccc;
  margin-top: 6px;
  padding-top: 10px;
  text-align: left;
}
.server-seconds-public * {
  vertical-align: middle;
}
.server-seconds-public input[type=radio] {
  margin-top: 0;
}
.server-seconds-public label {
  margin: 0 5px;
  position: relative;
  top: -2px;
}
.server-seconds-public .title {
  float: left;
  padding-left: 20px;
  margin-right: 10px;
}
.server-seconds-public .note {
  font-style: italic;
  margin-top: 10px;
  text-align: center;
}
.comment-visits-box .title {
  font-weight: bold;
  font-size: 12px;
}
.new-comment .usertext-body {
  background-color: #e5efff;
  border: solid 1px #cddaf3;
  margin: -1px 0;
  padding: 0 4px;
}
.role {
  width: 800px;
}
/* Style that can override other styles. Applied as a class per-field */
.styled-input {
  border: 1px solid gray;
  padding: 2px;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.6);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.6);
}
.infobar.client-info {
  position: relative;
  margin: 10px 2%;
  width: 94%;
  height: 48px;
}
.infobar.client-info .icon img {
  position: absolute;
  left: 10px;
  width: 48px;
  height: 48px;
}
.infobar.client-info div {
  line-height: 48px;
  margin-left: 56px;
}
.infobar.client-info div p {
  white-space: nowrap;
}
.oauth2-authorize {
  position: relative;
  background: url(../snoo-tray.png) no-repeat;
  width: 542px;
  height: 235px;
  margin: 40px auto 0;
  padding-left: 268px;
  padding-top: 18px;
}
.oauth2-authorize h1 {
  margin-left: 10px;
}
.oauth2-authorize h1 a {
  font-weight: bold;
  letter-spacing: -0.04em;
}
.oauth2-authorize .icon {
  position: absolute;
  left: 160px;
  top: 69px;
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  white-space: nowrap;
}
.oauth2-authorize .icon img {
  vertical-align: middle;
}
.oauth2-authorize .access,
.infobar.client-info {
  background: #f7f7f7;
  border: 1px solid #b3b3b3;
}
.oauth2-authorize .access {
  position: relative;
  float: right;
  width: 510px;
  padding: 10px 15px;
  font-size: 1.5em;
  line-height: 1.5em;
}
.oauth2-authorize .access:before {
  position: absolute;
  display: block;
  content: '';
  border-width: 9px;
  border-style: solid solid outset;
  /* mitigates firefox drawing a thicker arrow */
  border-color: transparent #b3b3b3 transparent transparent;
  left: -19px;
  top: 13px;
}
.oauth2-authorize .access:after {
  position: absolute;
  display: block;
  content: '';
  border: 9px solid;
  border-color: transparent #f7f7f7 transparent transparent;
  left: -18px;
  top: 13px;
}
.oauth2-authorize .access .notice {
  line-height: normal;
}
.oauth2-authorize h2 {
  font-size: 1em;
  font-weight: normal;
  color: black;
}
.oauth2-authorize ul {
  list-style-type: disc;
  padding-left: 25px;
}
.oauth2-authorize .notice {
  color: #333;
  font-size: .85em;
  margin: .5em 0;
}
.oauth2-authorize .fancybutton {
  margin: 0;
  margin-right: 1em;
  cursor: pointer;
}
.oauth2-authorize .fancybutton.allow {
  color: white;
  background: #ff4500;
  border-color: #541700;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.25);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.7);
}
.oauth2-authorize .fancybutton.allow:hover {
  background: #ff571a;
}
.oauth2-authorize .fancybutton.allow:active {
  background: #eb3f00;
  box-shadow: inset 0px -1px 0px rgba(255, 255, 255, 0.25);
}
.oauth2-authorize .fancybutton.decline {
  color: black;
  background: #eee;
  border-color: #555;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.oauth2-authorize .fancybutton.decline:hover {
  background: #f7f7f7;
}
.oauth2-authorize .fancybutton.decline:active {
  background: #e4e4e4;
  box-shadow: inset 0px -1px 0px white;
}
.modactionlisting table {
  margin: 0 5px;
}
.modactionlisting td.timestamp,
.modactionlisting td.subreddit {
  white-space: nowrap;
}
.modactionlisting td.button {
  padding-right: 0;
  padding-left: 1.5em;
}
.modactionlisting td.description em {
  font-style: italic;
}
.modactions td {
  font-size: small;
  text-align: left;
  padding: 2px 10px;
}
.modactions.banuser,
.modactions.unbanuser,
.modactions.muteuser,
.modactions.unmuteuser,
.modactions.removelink,
.modactions.approvelink,
.modactions.removecomment,
.modactions.approvecomment,
.modactions.addmoderator,
.modactions.removemoderator,
.modactions.invitemoderator,
.modactions.uninvitemoderator,
.modactions.acceptmoderatorinvite,
.modactions.addcontributor,
.modactions.removecontributor,
.modactions.editsettings,
.modactions.editflair,
.modactions.distinguish,
.modactions.marknsfw,
.modactions.wikirevise,
.modactions.wikipermlevel,
.modactions.wikibanned,
.modactions.wikiunbanned,
.modactions.wikicontributor,
.modactions.wikipagelisted,
.modactions.removewikicontributor,
.modactions.ignorereports,
.modactions.unignorereports,
.modactions.setpermissions,
.modactions.setsuggestedsort,
.modactions.sticky,
.modactions.unsticky,
.modactions.setcontestmode,
.modactions.unsetcontestmode,
.modactions.lock,
.modactions.unlock,
.modactions.createrule,
.modactions.editrule,
.modactions.deleterule {
  height: 16px;
  width: 16px;
  display: block;
  content: " ";
  float: left;
  margin-right: 5px;
}
.modactions.banuser {
  background-image: url(../modactions_banuser.png);
  /* SPRITE */
}
.modactions.unbanuser {
  background-image: url(../modactions_unbanuser.png);
  /* SPRITE */
}
.modactions.muteuser {
  background-image: url(../modactions_mute.png);
  /* SPRITE */
}
.modactions.unmuteuser {
  background-image: url(../modactions_unmute.png);
  /* SPRITE */
}
.modactions.removelink {
  background-image: url(../modactions_removelink.png);
  /* SPRITE */
}
.modactions.approvelink {
  background-image: url(../modactions_approvelink.png);
  /* SPRITE */
}
.modactions.removecomment {
  background-image: url(../modactions_removecomment.png);
  /* SPRITE */
}
.modactions.approvecomment {
  background-image: url(../modactions_approvecomment.png);
  /* SPRITE */
}
.modactions.addmoderator,
.modactions.invitemoderator,
.modactions.acceptmoderatorinvite {
  background-image: url(../modactions_addmoderator.png);
  /* SPRITE */
}
.modactions.removemoderator,
.modactions.uninvitemoderator {
  background-image: url(../modactions_removemoderator.png);
  /* SPRITE */
}
.modactions.addcontributor {
  background-image: url(../modactions_addcontributor.png);
  /* SPRITE */
}
.modactions.removecontributor {
  background-image: url(../modactions_removecontributor.png);
  /* SPRITE */
}
.modactions.wikipagelisted,
.modactions.editsettings {
  background-image: url(../modactions_editsettings.png);
  /* SPRITE */
}
.modactions.editflair {
  background-image: url(../modactions_editflair.png);
  /* SPRITE */
}
.modactions.distinguish {
  background-image: url(../modactions_distinguish.png);
  /* SPRITE */
}
.modactions.marknsfw {
  background-image: url(../modactions_marknsfw.png);
  /* SPRITE */
}
.modactions.wikirevise {
  background-image: url(../modactions_wikirevise.png);
  /* SPRITE */
}
.modactions.wikipermlevel {
  background-image: url(../modactions_wikipermlevel.png);
  /* SPRITE */
}
.modactions.wikibanned {
  background-image: url(../modactions_banuser.png);
  /* SPRITE */
}
.modactions.wikiunbanned {
  background-image: url(../modactions_unbanuser.png);
  /* SPRITE */
}
.modactions.wikicontributor {
  background-image: url(../modactions_addcontributor.png);
  /* SPRITE */
}
.modactions.removewikicontributor {
  background-image: url(../modactions_removecontributor.png);
  /* SPRITE */
}
.modactions.ignorereports {
  background-image: url(../modactions_mute.png);
  /* SPRITE */
}
.modactions.unignorereports {
  background-image: url(../modactions_unmute.png);
  /* SPRITE */
}
.modactions.setpermissions {
  background-image: url(../modactions_setpermissions.png);
  /* SPRITE */
}
.modactions.setsuggestedsort {
  background-image: url(../modactions_setsuggestedsort.png);
  /* SPRITE */
}
.modactions.sticky {
  background-image: url(../modactions_sticky.png);
  /* SPRITE */
}
.modactions.unsticky {
  background-image: url(../modactions_unsticky.png);
  /* SPRITE */
}
.modactions.setcontestmode {
  background-image: url(../modactions_setcontestmode.png);
  /* SPRITE */
}
.modactions.unsetcontestmode {
  background-image: url(../modactions_unsetcontestmode.png);
  /* SPRITE */
}
.modactions.lock {
  background-image: url(../modactions_lock.png);
  /* SPRITE */
}
.modactions.unlock {
  background-image: url(../modactions_unlock.png);
  /* SPRITE */
}
.modactions.createrule {
  background-image: url(../modactions_createrule.png);
  /* SPRITE */
}
.modactions.editrule {
  background-image: url(../modactions_editrule.png);
  /* SPRITE */
}
.modactions.deleterule {
  background-image: url(../modactions_deleterule.png);
  /* SPRITE */
}
.adminpasswordform {
  display: block;
  margin: .5em auto 0 auto;
}
.adminpasswordform label {
  display: block;
  padding: .5em;
}
.content.api-help {
  font-size: 1.25em;
  margin: 0 auto;
  max-width: 950px;
}
.api-help .contents {
  padding: 0 20px;
  margin-left: 24em;
  margin-top: 20px;
}
.api-help .contents .section {
  margin-bottom: 2em;
}
.api-help .sidebar {
  float: left;
  margin-left: 10px;
}
.api-help .sidebar .head {
  position: relative;
  background: url(../xray-snoo-head.png) top center no-repeat;
  height: 188px;
  margin-bottom: -78px;
  z-index: 2;
}
.api-help .sidebar .feet {
  position: relative;
  background: url(../xray-snoo-feet.png) top center no-repeat;
  height: 75px;
  margin-top: -42px;
  z-index: 2;
}
.api-help .toc {
  background: #181818 url(../xray-snoo-body.png) center repeat-y;
  border: 5px solid #959595;
  border-radius: 8px;
  padding: 15px 2em 0 2em;
  width: 18em;
}
.api-help .contents .introduction {
  position: relative;
  border: 2px solid #ccc;
  border-radius: 12px;
  margin-bottom: -1em;
}
.api-help .contents .introduction p {
  margin: 1em 14px;
}
.api-help .contents .introduction strong {
  color: #222;
  font-weight: bold;
}
.api-help .contents .overview h3 {
  margin-top: 1.5em;
}
.api-help .contents .overview p {
  margin: .8em 0;
}
.api-help .contents .overview code {
  background-color: #f0f0f0;
  padding: 0 .5em;
  border-radius: 3px;
}
.api-help .toc ul {
  position: relative;
  margin-top: .5em;
  margin-bottom: 1.5em;
  z-index: 10;
}
.api-help .toc > ul > li > strong {
  color: #aaa;
}
.api-help .toc a.section {
  color: #888;
  font-weight: bold;
}
.api-help .toc a {
  display: block;
  color: #8EB0D2;
}
.api-help .toc a:hover,
.api-help .endpoint a:hover {
  text-decoration: underline;
}
.api-help .toc .mode-selector {
  display: inline-block;
  font-size: x-small;
  border-radius: 5px;
  border: 1px solid #888;
  margin-top: 6px;
  vertical-align: middle;
}
.api-help .toc .mode-selector .mode {
  display: inline-block;
  margin: 2px;
  padding-top: 2px;
  padding-bottom: 3px;
  border-radius: 3px;
  text-align: center;
  width: 107px;
  color: #ddd;
}
.api-help .toc .mode-selector .mode:hover {
  background-color: #ccc;
  color: black;
  text-decoration: none;
}
.api-help .toc .mode-selector .mode-current {
  color: black;
  background-color: #eee;
}
.api-help .toc .mode-selector .mode-current:hover {
  background-color: #ddd;
}
.api-help em.placeholder {
  font-style: italic;
  font-weight: normal;
}
.api-help .toc em.placeholder {
  color: #8EB0D2;
}
.api-help .toc li.supports-oauth a {
  background: none;
}
.api-help .toc li.supports-oauth a:after {
  content: 'oauth';
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: .75em;
  background: #29440e;
  color: #ddc;
  padding: 0 2px;
  margin-left: 2px;
  border-radius: 2px;
}
.api-help .endpoint em.placeholder {
  color: #369;
}
.api-help .endpoint,
.api-help .section .description {
  margin-bottom: 1.5em;
}
.api-help .oauth-scope-list {
  display: inline;
  margin-left: 1em;
}
.api-help .api-badge {
  display: inline-block;
  margin-left: 0.5em;
  font-size: .75em;
  font-weight: normal;
  vertical-align: bottom;
  color: #fbfbf9;
  padding: 2px 6px;
  border-radius: 2px;
}
.api-badge.oauth-scope {
  background: #577439;
}
.api-badge.rss-support {
  background: #f38f35;
}
.api-help .overview h2,
.api-help .methods h2 {
  color: black;
  font-size: 1.45em;
  text-align: middle;
  margin-top: 1.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid #aaa;
}
.api-help .methods h2 .scope-id {
  margin-left: 1em;
  font-size: small;
  font-weight: normal;
  font-style: italic;
}
.api-help .endpoint .info {
  padding-left: 1em;
  border-left: 1px solid #ddd;
}
.api-help .endpoint h3,
.api-help .endpoint .uri-variants {
  color: #369;
  margin-bottom: .5em;
}
.api-help .endpoint .uri-variants {
  opacity: .85;
  font-weight: bold;
  margin-top: -0.5em;
  margin-left: 3em;
}
.api-help .endpoint .method,
.api-help .endpoint .extensions {
  font-weight: normal;
  color: gray;
}
.api-help .endpoint .extensions {
  margin-left: .5em;
}
.api-help .endpoint .links {
  float: right;
}
.api-help .endpoint .links a {
  margin-left: .85em;
  opacity: .45;
}
.api-help .endpoint:hover .links a {
  opacity: 1;
}
.api-help .parameters {
  background: #f0f0f0;
  border-collapse: separate;
  border-radius: 3px;
  padding: 5px 10px;
  border-spacing: 0;
  width: 100%;
}
.api-help caption {
  font-weight: bold;
  margin: 1em 0 .5em .5em;
}
.api-help .parameters th,
.api-help .parameters td {
  vertical-align: top;
  border-bottom: 1px dotted #ccc;
  padding: 5px 0;
  margin: 0;
}
.api-help .parameters tr:last-child th,
.api-help .parameters tr:last-child td {
  border: none;
}
.api-help .parameters th {
  font-family: 'Courier New', monospace;
  line-height: 1.6;
  width: 30%;
  padding-right: 10px;
}
.api-help .parameters td pre {
  margin: .5em 0;
}
.api-help .parameters code {
  white-space: pre-wrap;
}
#classy-error {
  text-align: center;
}
.errorpage-message {
  margin: 1em auto;
  width: 500px;
  font-size: small;
}
.errorpage-message.sr-description {
  border-top: 1px solid black;
  margin-top: 2em;
  padding-top: 2em;
}
.errorpage-message.sr-description h2 {
  color: black;
  font-weight: bold;
  font-size: 125%;
  margin-bottom: .7em;
}
.sr-description p {
  margin: .75em 0;
}
#private-subreddit-message-link {
  border-top: 1px solid black;
  margin-top: 1em;
  padding-top: 2em;
  font-size: 1.4em;
}
/** one-time password stuff **/
#pref-otp .roundfield {
  margin: 1em 0;
}
#pref-otp-qr {
  display: none;
}
#otp-secret-info {
  margin: 2em;
  width: 512px;
  font-size: small;
}
#otp-secret-info div {
  margin: 1em 0;
}
#otp-secret-info .secret {
  font-weight: bold;
}
.users-online {
  margin-bottom: .25em;
}
.users-online .word,
.users-online .number:after {
  cursor: help;
}
.sr-interest-bar {
  position: relative;
  background: #cee3f8 url(../snoo-upside-down.png) 15px top no-repeat;
  padding: 5px;
  overflow: hidden;
  border: 1px solid #336699;
  margin-bottom: 10px;
}
.organic-listing .sr-interest-bar {
  border: none;
  margin: 0;
}
.sr-interest-bar .bubble {
  position: relative;
  margin-left: 85px;
  margin-right: 68px;
  max-width: 700px;
  font-size: 13px;
  background: white;
  padding: 6px;
  border-radius: 8px;
}
.sr-interest-bar .bubble:after {
  position: absolute;
  display: block;
  content: '';
  border: 10px solid;
  border-style: solid solid outset;
  border-color: transparent;
  border-right-color: white;
  left: -20px;
  top: 15px;
}
.sr-interest-bar .bubble p {
  margin: 6px 3px;
  margin-top: 0;
}
.sr-interest-bar .subscribe {
  background-image: url(../bg-button-add.png);
  /* SPRITE stretch-x */
  border: 1px solid #444;
  border-radius: 3px;
  padding: 0 6px;
  color: white;
  font-weight: bold;
}
.sr-interest-bar .query-box {
  position: relative;
  padding: 2px 4px;
  border: 2px solid #979797;
  border-radius: 5px;
}
.sr-interest-bar.focus .query-box {
  border-color: #5f99cf;
}
.sr-interest-bar.error .query-box {
  border-color: #cf5e5e;
}
.sr-interest-bar .error-caption,
.sr-interest-bar.error .caption {
  display: none;
}
.sr-interest-bar.error .error-caption {
  display: block;
}
.sr-interest-bar .query {
  width: 100%;
  font-size: 20px;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
.sr-interest-bar .throbber {
  position: absolute;
  right: 3px;
  top: 5px;
}
.sr-interest-bar ul.results {
  margin: 0;
  margin-top: 6px;
  padding-top: 2px;
  border-top: 1px dotted #bbb;
  display: none;
}
.sr-interest-bar li {
  display: inline-block;
  margin: 6px 3px;
}
.sr-interest-bar a {
  padding: 1px 2px;
}
.sr-interest-bar a:hover {
  text-decoration: underline;
}
.sr-interest-bar .results .random {
  color: gray;
  font-weight: bold;
}
.ajax-upload-form iframe {
  display: none;
}
.developed-app,
.authorized-app {
  border: solid 1px black;
  margin-left: 20px;
  margin-bottom: 0.5em;
  padding: 7px;
  position: relative;
  width: 880px;
  font-size: x-small;
}
.developed-app.collapsed,
.authorized-app {
  min-height: 100px;
}
.developed-app .collapsed {
  display: none;
}
.developed-app .ajax-upload-form {
  display: none;
}
.app-details {
  display: inline-block;
  width: 200px;
  min-height: 72px;
  margin-left: 1em;
  vertical-align: top;
}
.app-details h2 {
  font-size: medium;
  margin: 0px;
}
.app-details h3 {
  font-size: x-small;
  margin: 0px;
}
.app-icon {
  display: inline-block;
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  white-space: nowrap;
}
.app-icon img {
  vertical-align: middle;
}
.app-permissions li {
  position: relative;
}
.app-permissions-details {
  margin-top: 1em;
}
.app-scope {
  display: none;
  position: absolute;
  top: 1ex;
  left: 3ex;
  border: 1px solid black;
  background: #fffdcc;
  z-index: 1;
}
.app-description {
  display: inline-block;
  font-size: small;
  width: 597px;
  height: 80px;
  overflow-y: auto;
  vertical-align: top;
}
.app-developers {
  position: absolute;
  left: 289px;
  bottom: 1ex;
  width: 600px;
}
.edit-app-button,
.revoke-app-button {
  position: absolute;
  bottom: 1ex;
  left: 12px;
  width: 200px;
}
.edit-app.collapsed,
.edit-app-icon,
.developed-app .collapsed {
  display: none;
}
.edit-app-icon-button {
  display: block;
  text-align: center;
  width: 72px;
}
.edit-app-form,
.edit-app-form form {
  display: inline-block;
}
.edit-app-form th,
.edit-app-icon th {
  width: 12ex;
}
.edit-app-form input.text {
  margin: 0px;
  width: 50ex;
}
.edit-app-form input[name="name"] {
  width: 20ex !important;
}
.edit-app-form input[type="file"] {
  width: auto !important;
}
.edit-app-form input[type="submit"] {
  margin-left: 10px;
  width: auto !important;
}
.delete-app-button {
  position: absolute;
  bottom: 7px;
  left: 100px;
}
#create-app {
  display: none;
}
table.diff {
  font-size: small;
}
.diff_header {
  background-color: lightgrey;
}
.diff_next {
  background-color: lightgrey;
}
.diff_add {
  background-color: lightgreen;
}
.diff_chg {
  background-color: yellow;
}
.diff_sub {
  background-color: lightcoral;
}
.gilded-icon {
  position: relative;
  display: inline-block;
  margin: 0 0 -15px 8px;
  top: -8px;
  color: #99895F;
  font-size: .9em;
  vertical-align: middle;
}
.gilded-icon:before {
  display: inline-block;
  content: '';
  background-image: url(../gold-coin.png);
  /* SPRITE */
  background-repeat: no-repeat;
  height: 14px;
  width: 13px;
  margin-right: 2px;
  vertical-align: -3px;
}
.user-gilded > .entry .gilded-icon:before {
  width: 23px;
}
body.post-under-6h-old .gilded-icon {
  opacity: .55;
}
.goldvertisement {
  border: 1px solid #c4b487;
  text-align: center;
  line-height: 1.3em;
  box-shadow: 0 0 10px #dad0b3 inset;
  color: #554a2a;
}
.goldvertisement .inner {
  margin: 1px;
  border: 1px solid #dbd1b5;
  padding: 6px 8px;
}
.goldvertisement li {
  display: inline-block;
  margin-right: 2em;
}
.goldvertisement h2 {
  margin: 0;
  font-weight: normal;
  color: inherit;
}
.goldvertisement .progress {
  padding: 7.5px 0;
}
.goldvertisement .progress .bar {
  border: 1px solid #dad0b3;
  height: 17px;
  overflow: auto;
  border-radius: 10px;
}
.goldvertisement .progress .bar span {
  display: block;
  height: 100%;
  background-color: #f3e287;
  background-image: -webkit-linear-gradient(top, #fff8ba, #eccf90);
  background-image: linear-gradient(to bottom, #fff8ba 0%, #eccf90 100%);
  border-radius: 8.5px;
}
.goldvertisement .progress p {
  float: right;
  font-weight: bold;
  font-size: 15px;
  color: #5a3f1a;
  line-height: 19px;
  margin-left: 6px;
  margin-top: 0;
}
.goldvertisement a {
  display: inline-block;
  margin: 0;
  padding: 2px 4px;
  border-radius: 3px;
  background: #fbfaf8;
  border: 1px solid #d5c9a9;
  border-bottom-width: 2px;
  color: #554a2a;
}
.goldvertisement a:hover {
  background: #fdf4c5;
}
.goldvertisement a:active {
  margin-top: 1px;
  border-bottom-width: 1px;
}
.gold-bubble {
  width: 290px;
  border-radius: 4px;
  font-size: 125%;
  line-height: 1.13;
  font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, georgia, garamond, FreeSerif, serif;
  border-color: #907c47;
  padding: 4px;
}
.gold-bubble.anchor-top-centered:before {
  border-bottom-color: #907c47;
}
.gold-bubble p + p {
  margin-top: 1em;
}
.gold-bubble span.gold-branding {
  display: inline-block;
  vertical-align: bottom;
  text-indent: -9999px;
  background: transparent url(../gold/goldvertisement-logo.png) top left no-repeat;
  width: 79px;
  height: 18px;
  margin-right: 1px;
}
.gold-bubble p.buy-gold {
  background: transparent url(../gold/goldvertisement-gold.png) top left no-repeat;
  margin-left: 13px;
  padding-left: 67px;
  min-height: 45px;
}
.gold-bubble p.buy-gold a {
  color: #825b25;
}
.gold-bubble p.give-gold {
  background: transparent url(../gold/goldvertisement-gild.png) top left no-repeat;
  margin-left: 23px;
  padding-left: 57px;
  min-height: 39px;
}
.gold-bubble p.aside {
  color: #777;
  font-style: italic;
}
.gold-bubble p.aside a {
  color: inherit;
}
.gold-bubble div.history {
  margin: 5px 0;
  padding-top: 2px;
  border-top: 1px solid #e2ddcf;
}
.gold-bubble div.history p {
  margin-bottom: 0;
}
.gold-bubble div.history .progress {
  padding: 5px 0;
  margin: 0 7px;
  opacity: 0.8;
}
.gold-bubble div.history .progress .bar {
  border: 1px solid #dad0b3;
  height: 12px;
  overflow: auto;
  border-radius: 10px;
}
.gold-bubble div.history .progress .bar span {
  display: block;
  height: 100%;
  background-color: #f3e287;
  background-image: -webkit-linear-gradient(top, #fff8ba, #eccf90);
  background-image: linear-gradient(to bottom, #fff8ba 0%, #eccf90 100%);
  border-radius: 6px;
}
.gold-bubble div.history .progress p {
  float: right;
  font-weight: bold;
  font-size: 10px;
  color: #5a3f1a;
  line-height: 14px;
  margin-left: 6px;
  margin-top: 0;
}
.gold-bubble div.history .progress p {
  margin-right: 0;
  font-weight: normal;
}
#stripe-payment th {
  padding: 5px;
  vertical-align: top;
  text-align: right;
  white-space: nowrap;
  font-size: smaller;
}
#stripe-payment {
  padding-top: 15px;
}
#stripe-payment .credit-card-amount,
#stripe-payment .credit-card-interval {
  text-align: left;
}
#stripe-payment th label {
  display: inline;
}
#stripe-payment td input {
  font-size: small;
  width: 200px;
}
#stripe-payment input.card-cvc {
  width: 9ex;
}
#stripe-payment input.card-address_zip {
  width: 13ex;
}
.stripe-note a.icon {
  position: relative;
  float: left;
  text-indent: -9999px;
  margin-right: 10px;
  width: 119px;
  height: 33px;
  background-image: url(../stripe.png);
}
.stripe-note div {
  float: left;
  width: 250px;
  font-size: small;
}
.gold-subscription {
  font-size: small;
  padding: 2px;
}
.gold-subscription div.buttons {
  padding: 10px 0;
}
.gold-subscription .cancel-button,
.gold-subscription .edit-button {
  margin: 5px;
  display: inline;
}
.gold-subscription .status,
.gold-subscription .error {
  font-size: small;
  margin: 0;
}
.gold-subscription .roundfield {
  background-color: #fffdd7;
  width: 400px;
}
.gold-subscription #stripe-cancel {
  display: inline;
}
.permissions {
  display: inline-block;
  font-size: small;
  text-align: right;
  width: 36ex;
}
#moderator_invite .permissions {
  width: 30ex;
}
.permissions > form {
  display: none;
}
.permission-summary {
  display: inline-block;
  font-size: small;
  border: 1px solid white;
}
.permission-summary.edited {
  border: dashed 1px black;
}
.permission-bit.added {
  font-weight: bold;
}
.permission-bit.removed {
  text-decoration: line-through;
}
.permission-bit.none {
  font-style: italic;
}
.permissions-edit {
  font-size: x-small;
}
.permission-selector {
  border: 1px solid black;
  background-color: white;
  position: absolute;
  width: 24ex;
}
.permission-selector.active {
  display: block;
}
.permission-selector label {
  display: block;
  text-align: left;
  padding: 0px 2px 1px 2px;
}
.permission-selector label:first-child {
  border-bottom: 1px solid black;
}
.permission-selector label:hover {
  background-color: #bbb;
}
.permission-selector label.disabled {
  background-color: #ddd;
}
.permission-selector form {
  text-align: right;
}
.permission-selector .status,
.permission-selector .error {
  text-align: left;
  white-space: normal;
}
.light-button {
  background: none;
  border: 1px solid #777;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  opacity: .75;
}
.light-button:active {
  position: relative;
  top: 1px;
  box-shadow: none;
}
.light-text-input {
  background: white;
  border: 1px solid #ccc;
  padding: 2px 5px;
}
body.with-listing-chooser {
  position: relative;
}
body.with-listing-chooser #header .tabmenu {
  margin-left: 8px;
}
body.with-listing-chooser #header .tabmenu li:first-child.selected {
  margin-left: 2px;
}
body.with-listing-chooser #header .pagename {
  position: absolute;
  bottom: 20px;
  margin-left: 10px;
}
body.with-listing-chooser > .content,
body.with-listing-chooser .footer-parent {
  margin-left: 148px;
}
body.with-listing-chooser .listing-chooser {
  position: absolute;
  top: 65px;
  left: 0;
  bottom: 0;
  width: 130px;
  padding-right: 14px;
  background: #f7f7f7;
  overflow: hidden;
}
body.with-listing-chooser .listing-chooser.initialized {
  -webkit-transition: width 0.25s ease 0s;
  -moz-transition: width 0.25s ease 0s;
  -o-transition: width 0.25s ease 0s;
  -ms-transition: width 0.25s ease 0s;
  transition: width 0.25s ease 0s;
}
body.with-listing-chooser .listing-chooser.initialized .grippy,
body.with-listing-chooser .listing-chooser.initialized .grippy:before,
body.with-listing-chooser .listing-chooser.initialized .grippy:after {
  -webkit-transition: all 0.1s ease 0.03s;
  -moz-transition: all 0.1s ease 0.03s;
  -o-transition: all 0.1s ease 0.03s;
  -ms-transition: all 0.1s ease 0.03s;
  transition: all 0.1s ease 0.03s;
}
body.with-listing-chooser .listing-chooser .grippy {
  position: absolute;
  right: 0;
  width: 14px;
  height: 100%;
  background: white;
  border-left: 1px solid #ccc;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  z-index: 25;
  cursor: pointer;
}
body.with-listing-chooser .listing-chooser .grippy:before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 100%;
  background: url(../sidebar-grippy-hide.png) fixed no-repeat;
  background-position: 131px center;
  margin-left: 1px;
  opacity: .5;
}
body.with-listing-chooser .listing-chooser .grippy:after {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  right: 5px;
  width: 8px;
  border-right: 1px dotted #e5e5e5;
  z-index: -1;
}
body.with-listing-chooser .listing-chooser .grippy:hover:before {
  opacity: 1;
}
body.with-listing-chooser .listing-chooser .grippy:hover:after {
  background: #f4f4f4;
}
body.with-listing-chooser .listing-chooser:hover .grippy:before {
  opacity: .8;
}
body.with-listing-chooser.listing-chooser-collapsed #header .tabmenu {
  margin-left: 0;
}
body.with-listing-chooser.listing-chooser-collapsed #header .pagename {
  margin-left: 2px;
}
body.with-listing-chooser.listing-chooser-collapsed > .content,
body.with-listing-chooser.listing-chooser-collapsed .footer-parent {
  margin-left: 15px;
}
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser {
  width: 0;
  padding-right: 15px;
  z-index: -1;
}
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy {
  z-index: 40;
  width: 15px;
}
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:before {
  background-image: url(../sidebar-grippy-show.png);
  background-position: 2.5px center;
  margin-left: 1.5px;
  width: 9px;
}
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:after {
  right: 5px;
  width: 9px;
  border-right: 1px solid #ccc;
}
.listing-chooser h3 {
  color: #777;
  text-align: right;
  padding: 4px;
}
.listing-chooser .intro {
  background: #f8ecb6;
  border: 1px solid #ffae1a;
  border-left: none;
  border-right: none;
  margin-bottom: 10px;
  width: 130px;
}
.listing-chooser .intro p {
  font-size: 1.15em;
  margin: 4px;
  margin-left: 8px;
}
.listing-chooser .intro ul.multis {
  margin: 6px 0;
}
.listing-chooser ul.global,
.listing-chooser ul.other {
  padding: 8px 0;
}
.listing-chooser ul.global li,
.listing-chooser ul.other li {
  margin-left: 4px;
}
.listing-chooser ul.global li a,
.listing-chooser ul.other li a {
  font-size: 1.3em;
  padding: 1em 5px;
  padding-left: 12px;
}
.listing-chooser ul.other {
  margin-top: 10px;
}
.listing-chooser ul.multis li {
  margin-left: 12px;
  -webkit-transition: all 0.15s ease 0s;
  -moz-transition: all 0.15s ease 0s;
  -o-transition: all 0.15s ease 0s;
  -ms-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
}
.listing-chooser ul.multis li:hover {
  margin-left: 9px;
}
.listing-chooser ul.multis li a {
  font-size: 1.2em;
  padding: .8em 5px;
  padding-left: 10px;
}
.listing-chooser li {
  text-align: left;
  margin-bottom: 3px;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  border-right: none;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.listing-chooser li a {
  display: block;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
}
.listing-chooser li a .description {
  color: gray;
  font-size: .8em;
  font-weight: normal;
  white-space: nowrap;
}
.listing-chooser li:last-child a {
  border-bottom: none;
}
.listing-chooser li.selected {
  position: relative;
  background: #e9f2fc;
  border-color: #b3cce6;
  margin-right: -8px;
  padding-right: 8px;
  box-shadow: -30px 0 30px -15px rgba(255, 255, 255, 0.5) inset, 0 2px 6px -1px rgba(0, 0, 0, 0.2);
  z-index: 35;
}
.listing-chooser li.selected a {
  font-weight: bold;
}
.listing-chooser li.selected:before {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  display: block;
  content: '';
  border: 5px solid transparent;
  border-style: solid solid outset;
  border-left-color: #79a6d2;
}
.listing-chooser li.gold-perks {
  background: #fdfbf2;
}
.listing-chooser li.gold-perks a {
  color: #9a7d2e;
}
.listing-chooser li.gold-perks.selected {
  border-color: #cec19c;
}
.listing-chooser li.gold-perks.selected:before {
  border-left-color: #c9a74b;
}
.listing-chooser .create {
  padding: 5px;
}
.listing-chooser .create input[type="text"] {
  background: white;
  border: 1px solid #ccc;
  padding: 2px 5px;
  width: 95px;
  margin-bottom: 3px;
  display: none;
}
.listing-chooser .create .error {
  margin: 4px 0;
  width: 100px;
}
.listing-chooser .create button {
  display: inline;
  text-align: center;
  padding: 1px 4px;
  margin: 0;
  background: none;
  border: 1px solid #777;
  border-radius: 3px;
  opacity: .5;
}
.listing-chooser .create button:hover {
  opacity: .90;
}
.listing-chooser .create button:active {
  background: #e9e9e9;
}
.listing-chooser .create button,
.listing-chooser .create .throbber {
  vertical-align: middle;
}
.listing-chooser .create .throbber {
  float: right;
}
.listing-chooser .create.expanded input[type="text"] {
  display: block;
}
.listing-chooser .create.expanded button {
  background: none;
  border: 1px solid #777;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  opacity: .75;
}
.listing-chooser .create.expanded button:active {
  position: relative;
  top: 1px;
  box-shadow: none;
}
.user-jumped-to {
  border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #DDF;
  display: inline-block;
  margin-top: 10px;
  padding: 10px 15px;
  background-color: #EEF;
}
.submit_text {
  display: none;
  max-height: 250px;
  overflow: auto;
}
.submit_text ol,
.submit_text ul {
  margin: 0;
  margin-left: 2em;
}
.submit_text.working .content:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background-image: url(../throbber.gif);
}
.submit_text h1 {
  color: #336699;
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.submit_text .content {
  margin: 0;
}
.submit_text .content p {
  word-wrap: break-word;
  clear: both;
}
.submit_text.enabled {
  display: inline-block;
}
.hover-bubble.save-selector {
  display: none;
}
.hover-bubble.save-selector label {
  display: block;
  font-weight: bold;
  margin-left: 5px;
  font-size: 10px;
}
.hover-bubble.save-selector .savedcategory {
  border: 1px solid #ccc;
  padding: 1px 3px;
  margin: 0 2px;
}
.save-category {
  margin-left: 2px;
  background-color: #DDF;
  padding: 2px 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.save-category.hidden {
  display: none;
}
#adminnotes-form textarea {
  width: 285px;
}
#adminnotes-form .notes-button {
  margin: 3px 0px;
  display: block;
}
#past-notes {
  overflow-y: auto;
  max-height: 150px;
}
#past-notes li.adminnote {
  border-top: 1px solid black;
  overflow-x: auto;
}
#past-notes .adminnote-info {
  text-align: right;
  font-size: small;
  font-style: italic;
}
.trending-subreddits {
  margin-top: -2px;
  margin-bottom: 8px;
  line-height: 1.75em;
  margin-left: 17px;
}
body.compressed-display .trending-subreddits {
  margin-left: 15px;
}
body.compressed-display .trending-subreddits .midcol-spacer {
  width: 15px;
}
.trending-subreddits .rank-spacer,
.trending-subreddits .midcol-spacer {
  float: left;
  height: 1px;
}
.trending-subreddits .trending-subreddits-content {
  overflow: hidden;
}
.trending-subreddits strong {
  color: #29541c;
}
.trending-subreddits strong:before {
  height: 14px;
  width: 14px;
  display: inline-block;
  content: " ";
  margin-right: 5px;
  background-image: url(../trending.png);
  /* SPRITE */
  vertical-align: middle;
}
.trending-subreddits ul {
  display: inline;
}
.trending-subreddits li {
  display: inline-block;
  margin-left: 0.5em;
}
.trending-subreddits li:first-child {
  margin-left: 0;
}
.trending-subreddits ul,
.trending-subreddits .comments {
  margin-left: 1em;
}
.trending-subreddits .comments {
  color: #888;
  font-weight: bold;
  white-space: nowrap;
}
.trending-subreddits .comments:hover {
  text-decoration: underline;
}
/* Responsive gold paper-style fancy borders with endcaps */
.fancy {
  background-color: #FFFCFC;
  border: 2px solid #D4D3CF;
  margin: 10px auto;
  max-width: 974px;
  padding: 0;
  position: relative;
  width: 100%;
}
.fancy .fancy-inner {
  background-image: url(../gold/gold-laurel-bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  border: 1px solid #e3e2df;
  margin: 12px;
  padding: 0;
  position: relative;
}
.fancy:before,
.fancy:after,
.fancy .fancy-inner:before,
.fancy .fancy-inner:after {
  background-image: url(../gold/endcap.png);
  background-repeat: no-repeat;
  background-size: 27px 27px;
  content: '';
  display: block;
  height: 27px;
  position: absolute;
  width: 100%;
}
.fancy:before {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  background-position: top left;
  margin-left: 3px;
  margin-top: -3px;
}
.fancy:after {
  transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  background-position: top left;
  margin-left: -3px;
  margin-top: -24px;
}
.fancy .fancy-inner:before {
  background-position: top left;
  margin-left: -16px;
  margin-top: -16px;
}
.fancy .fancy-inner:after {
  transform: scaleY(-1) scaleX(-1);
  -webkit-transform: scaleY(-1) scaleX(-1);
  -moz-transform: scaleY(-1) scaleX(-1);
  -o-transform: scaleY(-1) scaleX(-1);
  -ms-transform: scaleY(-1) scaleX(-1);
  background-position: top left;
  margin-left: 16px;
  margin-top: -11px;
}
.fancy .fancy-content {
  margin: 30px auto;
  max-width: 600px;
  padding: 3px;
}
.sidelines {
  overflow: hidden;
  text-align: center;
  font-size: 1.75em;
  color: #444;
  font-weight: bold;
  line-height: 1.6;
}
.sidelines span {
  display: inline-block;
  position: relative;
}
.sidelines span:before,
.sidelines span:after {
  content: '';
  position: absolute;
  border: 0 solid #ccc;
  height: 1px;
  border-top-width: 1px;
  top: 50%;
  width: 600px;
}
.sidelines span:before {
  right: 100%;
  margin-right: 15px;
}
.sidelines span:after {
  left: 100%;
  margin-left: 15px;
}
.gold-page,
.gilding {
  overflow-y: scroll;
}
.gold-wrap {
  font-family: Palatino, georgia, garamond, FreeSerif, serif;
  color: #686868;
  font-size: 1.5em;
  line-height: 1.6em;
}
.gold-wrap.inline-gold {
  margin: 10px 0;
}
.gold-wrap.inline-gold h1 {
  display: none;
}
.gold-wrap.inline-gold .fancy-inner {
  background-position: bottom center;
}
.gold-wrap.inline-gold .gold-snoo {
  display: none;
}
.gold-wrap.inline-gold .gold-form {
  margin: 0 20px 5px;
  font-size: 1em;
}
.gold-wrap.inline-gold .gold-form .gold-button {
  font-size: 1em;
}
.gold-wrap.inline-gold .gold-form .container {
  padding: 0;
  border: none;
  background-color: transparent;
}
.gold-wrap.inline-gold .gold-form .transaction-summary {
  padding-bottom: 0;
}
.gold-wrap .gold-banner {
  background: transparent url(../gold/reddit-golds.png) center center no-repeat;
  background-size: contain;
  height: 80px;
  margin: 30px auto 20px;
  text-indent: -9999px;
  text-align: center;
  max-width: 500px;
}
.gold-wrap .gold-banner a {
  display: block;
  height: 100%;
  width: 100%;
}
.gold-wrap .container {
  padding: 10px 30px;
  border: 1px solid #cccccb;
  background-color: #fffdfd;
}
.gold-wrap .container a {
  color: #686868;
  text-decoration: underline;
}
.gold-wrap .tab {
  display: none;
}
.gold-wrap .tab.active {
  display: block;
}
.gold-wrap .error {
  background: transparent center left no-repeat;
  background-image: url(../icon-circle-exclamation.png);
  /* SPRITE */
  padding-left: 20px;
  white-space: nowrap;
  line-height: 1;
}
.gold-wrap #form-options section {
  padding: 10px 0;
}
.gold-wrap .tab-chooser {
  margin-bottom: 10px;
  width: 100%;
  display: inline-block;
}
.gold-wrap .tab-chooser h3 {
  text-align: center;
  font-weight: normal;
  font-size: 1em;
  font-style: italic;
  margin: 0;
  line-height: 3em;
}
.gold-wrap a.tab-toggle {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #938870;
  border-radius: 0px;
  border-top: 1px solid #5E5137;
  border-bottom: 1px solid #5E5137;
  border-right: 1px solid #5E5137;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.27);
  color: #fffdfd;
  display: inline-block;
  float: left;
  font-family: Palatino, georgia, garamond, FreeSerif, serif;
  font-size: 1.1em;
  height: 66px;
  line-height: 66px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 33%;
}
.gold-wrap a.tab-toggle.active {
  background-color: #C3B598;
  box-shadow: inset 0px 0px 14px rgba(0, 0, 0, 0.27);
}
.gold-wrap a.tab-toggle:not(.active):hover {
  background-color: #B8AB90;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.27);
}
.gold-wrap a.tab-toggle:first-of-type {
  border-radius: 3px 0 0 3px;
  border-left: 1px solid #5E5137;
}
.gold-wrap a.tab-toggle:last-of-type {
  border-right-width: 1px;
  border-radius: 0 3px 3px 0;
}
.gold-wrap .buttons {
  margin-top: 10px;
}
.gold-wrap h2 {
  color: #686868;
}
.gold-wrap h3 {
  font-size: 1.1em;
  color: #686868;
  margin-bottom: 10px;
}
.gold-wrap h3.toggle,
.gold-wrap dt.toggle {
  cursor: pointer;
  margin-bottom: 0;
}
.gold-wrap dt.toggle:before {
  content: "[+] ";
}
.gold-wrap dt.toggle.toggled:before {
  content: "[–] ";
}
.gold-wrap section#redeem-a-code {
  margin-top: -10px;
}
.gold-wrap section#redeem-a-code .sidelines {
  font-size: 1em;
  font-weight: normal;
  padding: 0.7em;
  color: #686868;
}
.gold-wrap .gold-payment .gift-message {
  background-color: #fff;
  margin: 10px 30px;
  padding: 0 10px;
  border: 1px solid #cccccb;
}
.gold-wrap .gold-payment .transaction-summary {
  padding-bottom: 10px;
}
.gold-wrap .gold-payment .transaction-summary p {
  padding: 5px 0;
}
.gold-wrap .gold-payment .transaction-summary p strong {
  font-weight: bold;
}
.gold-wrap .gold-payment .transaction-summary blockquote {
  font-size: 0.8em;
  font-style: italic;
}
.gold-wrap .gold-payment .divider-text {
  font-weight: bold;
  font-size: 1.75em;
  color: #444;
}
.gold-wrap .gold-payment .status {
  margin: 5px 0 0 0;
}
.gold-wrap span.gold-snoo {
  background: transparent url(../gold/gold-snoo.png) center center no-repeat;
  background-size: 100px;
  position: absolute;
  right: 160px;
  margin-top: -85px;
  width: 100px;
  height: 171px;
  text-indent: -9999px;
}
.gold-wrap .login-note {
  text-align: center;
  font-size: 13px;
  font-style: italic;
  line-height: 1;
  margin-bottom: 20px;
}
.gold-wrap .login-note a {
  text-decoration: underline;
}
.gold-wrap section.gold-question {
  margin-top: 20px;
}
.gold-wrap section.gold-question h3.toggle {
  font-weight: normal;
  font-size: 0.9em;
}
.gold-wrap section.gold-question h3.toggle:before {
  content: "[+] ";
}
.gold-wrap section.gold-question h3.toggle.toggled:before {
  content: "[–] ";
}
.gold-wrap section#give-as-gift {
  padding-top: 10px;
}
.gold-wrap input[type=checkbox],
.gold-wrap input[type=radio] {
  margin: 0 0.5em 0 0;
}
.gold-wrap input[type=text].inline,
.gold-wrap input[type=email].inline {
  font-size: 0.9em;
  margin: 2px 5px 5px 5px;
}
.gold-wrap input[type=text],
.gold-wrap input[type=email],
.gold-wrap textarea {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #cccccb;
  color: #686868;
  background-color: #fff;
  font-family: Palatino, georgia, garamond, FreeSerif, serif;
  font-style: italic;
  padding: 5px;
  font-size: 1em;
}
.gold-wrap input[name="code"] {
  width: 100%;
  padding: 10px;
}
.gold-wrap input:focus::-webkit-input-placeholder,
.gold-wrap textarea:focus::-webkit-input-placeholder,
.gold-wrap input:focus:-moz-placeholder,
.gold-wrap textarea:focus:-moz-placeholder,
.gold-wrap input:focus:-ms-input-placeholder,
.gold-wrap textarea:focus:-ms-input-placeholder {
  opacity: 0.3;
}
.gold-wrap .hidden {
  display: none;
}
.gold-wrap .gift-details {
  margin-left: 1em;
  overflow: hidden;
  -webkit-transition: max-height 0.75s ease 0s;
  -moz-transition: max-height 0.75s ease 0s;
  -o-transition: max-height 0.75s ease 0s;
  -ms-transition: max-height 0.75s ease 0s;
  transition: max-height 0.75s ease 0s;
}
.gold-wrap .gift-details.hidden {
  display: block;
  max-height: 0;
}
.gold-wrap .gift-details:not(.hidden) {
  max-height: 400px;
}
.gold-wrap .details {
  font-size: 0.9em;
  margin: 10px 0 0 0;
  width: 600px;
}
.gold-wrap .gilding-info .details {
  width: 538px;
}
.gold-wrap .gilding-info .examples {
  margin-top: 10px;
}
.gold-wrap .gilding-info .examples img {
  display: block;
  margin: 0 auto;
}
.gold-wrap .gilding-info .examples p {
  text-align: center;
  font-size: 0.7em;
}
.gold-wrap .gold-dropdown {
  color: #686868;
  background-color: #fffdfd;
  font-size: 16px;
}
.gold-wrap .indent {
  margin-left: 20px;
}
.gold-wrap .loggedout-gold-form .loggedout-email {
  display: block;
  margin: 10px 0;
}
.gold-wrap .loggedout-gold-form .hint {
  font-size: 12px;
  font-style: italic;
}
@media screen and (max-width: 1024px) {
  .gold-wrap .buttons {
    text-align: center;
  }
  .gold-wrap span.gold-snoo {
    display: block;
    position: static;
    width: 100%;
    text-align: center;
    margin-top: 25px;
  }
}
/* Page level logic for gold pages, outside of gold-wrap so we can use body classes. */
.gold-page.creddits-purchase .gold-snoo,
.gold-page.creddits-payment .gold-snoo {
  background-image: url(../gold/creddits-snoo.png);
}
.gold-page.gilding .gold-banner {
  background-image: url(../gold/reddit-gilding.png);
}
.gold-page.gilding dt {
  margin: 0.9em 0 0.5em;
  font-weight: bold;
  padding-top: 1em;
  border-top: 1px solid #CCC;
  font-size: 1.2em;
}
.gold-page.gilding dt:first-of-type {
  padding-top: 0;
  border-top-width: 0;
}
.gold-page.gilding dd {
  margin-left: 0;
  line-height: 1.8em;
}
.gold-page.gilding .example {
  margin: 1em 0;
}
.gold-page.gilding .example figure {
  margin: 0 auto;
  padding: 0;
  width: 339px;
  border: 1px solid #cccccb;
}
.gold-page.gilding .example figure.userpage-gild {
  height: 227px;
  background: url('../gold/userpage-gild.png') no-repeat center center;
}
.gold-page.gilding .example figure.comment-gild {
  height: 160px;
  background: url('../gold/comment-gild.png') no-repeat top left;
}
.gold-page.gilding .example figure.using-creddits {
  height: 90px;
  background: url('../gold/using-creddits.png') no-repeat top left;
}
.gold-page.gilding .gold-button {
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0;
  font-size: 1.3em;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .gold-page.gilding .example figure.userpage-gild {
    background: url('../gold/userpage-gild-x2.png') no-repeat center center;
    background-size: 339px 227px;
  }
  .gold-page.gilding .example figure.comment-gild {
    background: url('../gold/comment-gild-x2.png') no-repeat top left;
    background-size: 339px 160px;
  }
  .gold-page.gilding .example figure.using-creddits {
    background: url('../gold/using-creddits-x2.png') no-repeat top left;
    background-size: 339px 90px;
  }
}
/* Gold only subreddits */
.gold-only #header {
  border-bottom-color: #9a7d2e;
  background: #d7cc7e;
  background: -moz-linear-gradient(top, #d7cc7e 0%, #e2ce3e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7cc7e), color-stop(100%, #e2ce3e));
  background: -webkit-linear-gradient(top, #d7cc7e 0%, #e2ce3e 100%);
  background: -o-linear-gradient(top, #d7cc7e 0%, #e2ce3e 100%);
  background: -ms-linear-gradient(top, #d7cc7e 0%, #e2ce3e 100%);
  background: linear-gradient(to bottom, #d7cc7e 0%, #e2ce3e 100%);
}
.gold-only #header #header-bottom-right {
  background-color: #faf1b3;
}
.gold-only #header #header-bottom-right a {
  color: #9a7d2e;
}
.gold-only #header #header-bottom-right .message-count {
  background-color: #e2ce3e;
}
.gold-only #header #header-bottom-right #mail.havemail {
  background-image: url(../gold/gold-only-mail-havemail.png);
  /* SPRITE */
}
.gold-only #header #header-bottom-right #modmail.havemail {
  background-image: url(../gold/gold-only-modmail-havemail.png);
  /* SPRITE */
}
.gold-only #header .tabmenu li a {
  background-color: #faf1b3;
  color: #9a7d2e;
}
.gold-only #header .tabmenu li.selected a {
  background-color: #ffffff;
  border-color: #9a7d2e;
  border-bottom-color: #ffffff;
}
.gold-only #header #sr-header-area {
  background-color: transparent;
  border: none;
  opacity: 0.5;
}
.gold-only #header #sr-header-area:hover {
  opacity: 1;
}
.gold-only .arrow.upmod {
  background-image: url(../gold/gold-only-upvote-mod.png);
  /* SPRITE */
}
.gold-only .arrow.downmod {
  background-image: url(../gold/gold-only-downvote-mod.png);
  /* SPRITE */
}
.gold-only .link .score.dislikes {
  color: #a98d79;
}
.gold-only .link .score.likes {
  color: #dec145;
}
/* Quarantined subreddits */
.quarantine #header-img.default-header {
  background-image: url(../quarantine-header.png);
  /* SPRITE */
  width: 40px;
  height: 40px;
  margin-left: 3px;
}
.quarantine .sidebox.create .spacer {
  display: none;
}
.fraud-reason {
  display: none;
}
.fraud-reason:not(:empty) {
  display: block;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #d8bb3c;
}
.fraud-reason:before {
  content: 'reason(s): ';
  display: inline;
}
.report-action-form {
  max-width: 300px;
}
.subreddit-report-form,
.action-form {
  display: none;
  background-color: #f6e69f;
  border: thin solid #d8bb3c;
  padding: 5px;
  margin: 5px 0;
  font-size: larger;
}
.subreddit-report-form input[type="radio"],
.action-form input[type="radio"] {
  margin: 2px 0.5em 0 0;
}
.subreddit-report-form input[type="text"],
.action-form input[type="text"] {
  margin-top: 5px;
  width: 95%;
}
.subreddit-report-form input:disabled,
.action-form input:disabled {
  background: #dddddd;
}
.subreddit-report-form ol,
.action-form ol {
  margin-bottom: 5px;
}
.subreddit-report-form {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background-color: #FBFBFB;
  border: 1px solid #e2e2e2;
  border-radius: 0;
  color: #222222;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
.subreddit-report-form .report-header {
  margin-bottom: 10px;
  font-weight: 500;
}
.subreddit-report-form .report-reason-list {
  margin-top: 10px;
  margin-bottom: 10px;
}
.subreddit-report-form .report-reason-item {
  margin-top: 5px;
  margin-bottom: 5px;
}
.subreddit-report-form .report-reason-item label {
  cursor: pointer;
}
.subreddit-report-form .report-reason-item input[type=radio] {
  margin-right: 15px;
  float: left;
}
.subreddit-report-form .report-reason-item select {
  max-width: 100%;
}
.subreddit-report-form .report-reason-item .report-reason-display {
  vertical-align: top;
  overflow: auto;
}
.subreddit-report-form .report-reason-other input[type=text] {
  width: 100%;
}
.subreddit-report-form .c-submit-group {
  text-align: right;
  margin-top: 10px;
}
.subreddit-report-form .action-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}
.subreddit-report-form .action-icon-info {
  background-image: url(../action-icon-info-color.png);
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .subreddit-report-form .action-icon-info {
    background-image: url(../action-icon-info-color_2x.png);
    background-size: 100%;
  }
}
.subreddit-report-form .action-icon {
  position: absolute;
  top: 12px;
  right: 15px;
}
.reported-stamp.has-reasons {
  cursor: pointer;
}
ul.report-reasons {
  width: 80%;
  background-color: #f6e69f;
  border: thin solid black;
  display: none;
}
ul.report-reasons li.report-reason {
  padding: 1px 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.report-reasons li.report-reason-title {
  padding: 1px 10px;
  font-weight: bold;
}
body.deleted #header,
body.user-deleted #header {
  background-color: #c6c6c6;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255, 255, 255, 0.5) 30px, rgba(255, 255, 255, 0.5) 60px);
}
body.banned #header,
body.user-banned #header,
body.user-in-timeout-perma #header {
  background-color: #cc0000;
}
body.user-in-timeout-temp #header {
  background-color: #ff0000;
}
body.user-spam #header {
  background-color: #ff8b60;
}
.author.user-banned {
  color: #cc0000;
  font-weight: bold;
}
.author.user-in-timeout-temp {
  color: #ff0000;
  font-weight: bold;
}
.author.user-in-timeout-perma {
  color: #cc0000;
  font-weight: bold;
}
.author.user-spam {
  color: #ff8b60;
  font-weight: bold;
}
#compose-message select {
  font-size: 100%;
}
.embed-modal .modal-body,
.embed-modal .modal-footer {
  padding: 40px;
}
.embed-modal .modal-body {
  padding-bottom: 10px;
}
.embed-modal .modal-body .c-checkbox {
  margin: 10px 0;
}
.embed-modal .modal-footer {
  padding-top: 20px;
}
.embed-modal .modal-footer .c-form-control {
  margin-top: 10px;
}
.embed-modal .modal-title {
  margin: 0;
}
.embed-modal #embed-preview {
  overflow-y: hidden;
}
#related-srs {
  margin: 3px;
  font-size: smaller;
}
#add-related-sr {
  margin-left: 3px;
  font-size: smaller;
}
#add-related-sr #sr-autocomplete-area,
#add-related-sr div.error {
  display: inline-block;
}
#add-related-sr #sr-autocomplete {
  width: 200px;
}
#add-related-sr #sr-drop-down {
  width: 206px;
}
.more-actions .title {
  color: #888;
}
.more-actions .title:hover {
  cursor: pointer;
}
.full-context-info .md {
  padding: 10px 5px 5px;
  border: 1px solid #EA0027;
  border-radius: 5px;
  background: #E5E3DA;
}
.full-context-info .parent {
  padding: 0 9px;
}
.full-context-info td {
  color: #4F4F4F;
}
.full-context-info .arrow {
  display: inline-block;
  margin-right: 100px;
}
.full-context-info .arrow:after {
  display: inline-block;
  margin-left: 20px;
  width: 100px;
}
.full-context-info .arrow.unvoted:after {
  content: "did not vote";
  margin-left: 0;
}
.full-context-info .arrow.vote-changed {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACcSURBVCiRfdExDgFBFIDhj2w2rkfjNrQSeoXYC7iHRhToNAoHeZohu+NRvGbyvszkH5jjjg2aiFAPGuxwK/vOiDKHGhZw6O1clRsigwkILGGMLoGTBHQYv5+QwWcGIkL/7Rn8AgNUYItHBR5oB3t/KqVxPugHuP+pmoKunGdVG1j9rJTH2So//D7YY1TFqeEJpjhi3c+awAUumL0ArW/DzGYDKjsAAAAASUVORK5CYII=") no-repeat;
  background-size: 13px 13px;
}
.full-context-info .arrow.vote-changed:after {
  content: "changed vote";
}
.full-context-info .arrow.upmod:after {
  content: "upvoted";
}
.full-context-info .arrow.downmod:after {
  content: "downvoted";
}
.mobile-web-redirect {
  background-color: #4a7fc5;
  box-sizing: border-box;
  color: #FFF;
  font-size: 40px;
  font-weight: bold;
  padding: 30px 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  display: block;
  position: relative;
  z-index: 50;
}
body:not(.loggedin) .comment-save-button,
body:not(.loggedin) .give-gold-button,
body:not(.loggedin) .reply-button,
body:not(.loggedin) .report-button {
  display: none;
}
.sr-type-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.sr-type-icon.sr-type-icon-banned {
  background-image: url(../sr-type-icon-banned.png);
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .sr-type-icon.sr-type-icon-banned {
    background-image: url(../sr-type-icon-banned_2x.png);
    background-size: 100%;
  }
}
.sr-type-icon.sr-type-icon-moderator {
  background-image: url(../sr-type-icon-moderator.png);
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .sr-type-icon.sr-type-icon-moderator {
    background-image: url(../sr-type-icon-moderator_2x.png);
    background-size: 100%;
  }
}
.sr-type-icon.sr-type-icon-approved {
  background-image: url(../sr-type-icon-approved.png);
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .sr-type-icon.sr-type-icon-approved {
    background-image: url(../sr-type-icon-approved_2x.png);
    background-size: 100%;
  }
}
.sr-type-icon.sr-type-icon-restricted {
  background-image: url(../sr-type-icon-restricted.png);
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .sr-type-icon.sr-type-icon-restricted {
    background-image: url(../sr-type-icon-restricted_2x.png);
    background-size: 100%;
  }
}
.sr-type-icon.sr-type-icon-private {
  background-image: url(../sr-type-icon-private.png);
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .sr-type-icon.sr-type-icon-private {
    background-image: url(../sr-type-icon-private_2x.png);
    background-size: 100%;
  }
}
.sr-type-icon.sr-type-icon-quarantined {
  background-image: url(../sr-type-icon-quarantined.png);
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .sr-type-icon.sr-type-icon-quarantined {
    background-image: url(../sr-type-icon-quarantined_2x.png);
    background-size: 100%;
  }
}
.sr-type-icon.sr-type-icon-nsfw {
  background-image: url(../sr-type-icon-nsfw.png);
  background-repeat: no-repeat;
}
@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  .sr-type-icon.sr-type-icon-nsfw {
    background-image: url(../sr-type-icon-nsfw_2x.png);
    background-size: 100%;
  }
}
.subscription-box .sr-type-icon {
  margin-right: 3px;
}
.subreddit .midcol .sr-type-icon {
  margin-left: 3px;
}
#auction-announcement-container #auction-announcement {
  width: 100%;
  margin: -5px 5px 0 5px;
  background-color: #336699;
  height: 86px;
  text-align: center;
  color: #FFF;
}
#auction-announcement-container #auction-announcement h1 {
  font-size: 20px;
  padding-top: 18px;
  font-weight: bold;
}
#auction-announcement-container #auction-announcement p {
  font-size: 12px;
  font-weight: bold;
}
#auction-announcement-container #auction-announcement p a {
  color: #B2D6EE;
}
