reddit09102014

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.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.09999999999999998)
}
.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%
}
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
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled], html input[disabled] {
    cursor: default
}
input[type=hidden] {
    position: absolute
}
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: #336699
}
h2 a:hover {
    text-decoration: underline
}
h3 {
    font-size: 110%
}
a img {
    border: 0 none
}
a {
    text-decoration: none;
    color: #369
}
.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
}
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
}
.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
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -313px;
    background-repeat: no-repeat;
    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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -20px -838px;
    background-repeat: no-repeat
}
#mail.nohavemail {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -41px -838px;
    background-repeat: no-repeat
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -730px;
    background-repeat: no-repeat
}
#modmail.nohavemail {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -730px;
    background-repeat: no-repeat
}
.user {
    color: gray
}
.user .userkarma {
    cursor: help;
    font-weight: bold;
    border-bottom: 1px dotted gray
}
.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;
    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
}
.dropdown.tabdrop .selected {
    position: relative;
    background: #ffffff 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
}
#search input[type=text] {
    border: 1px solid gray;
    font-size: 18px;
    width: 300px;
    box-sizing: border-box;
    padding: 2px
}
.content {
    z-index: 1;
    margin: 7px 5px 0px 5px
}
.content .spacer {
    margin-bottom: 5px
}
.state-button {
    display: inline
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -88px -642px;
    background-repeat: no-repeat;
    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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -84px -818px;
    background-repeat: no-repeat;
    width: 13px;
    height: 14px;
    margin-top: 1px
}
.morelink {
    display: block;
    text-align: center;
    position: relative;
    border: 1px solid #c4dbf1;
    background: #ffffff none repeat-x scroll center left;
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -278px;
    background-repeat: repeat;
    font-size: 150%;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 29px;
    height: 29px
}
.morelink:hover, .mlh {
    border-color: #879eb4;
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -243px;
    background-repeat: repeat
}
.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: #ffffff none no-repeat scroll center left;
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -30px -547px;
    background-repeat: no-repeat
}
.morelink:hover .nub, .mlhn {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -547px;
    background-repeat: no-repeat
}
.disabled .morelink, .disabled .morelink:hover {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -208px;
    background-repeat: repeat;
    border-color: #dadada
}
.disabled .morelink a {
    cursor: default;
    color: #aaa
}
.disabled .morelink .nub, .disabled .morelink:hover .nub {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -76px -491px;
    background-repeat: no-repeat
}
.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: #ffffff 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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -76px -359px;
    background-repeat: no-repeat
}
.sidebox.gold .spacer a {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -76px -435px;
    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: #ffc0cb
}
.infotable .organic-vote {
    border: 1px solid green
}
.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
}
.preload {
    position: absolute;
    top: -1000px;
    left: -1000px
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -63px -818px;
    background-repeat: no-repeat
}
.arrow.downmod {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -21px -818px;
    background-repeat: no-repeat
}
.arrow.up {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -42px -818px;
    background-repeat: no-repeat
}
.arrow.down {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -818px;
    background-repeat: no-repeat
}
.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
}
.tagline {
    color: #888;
    font-size: x-small
}
.tagline a {
    color: #369;
    text-decoration: none
}
.tagline .friend {
    color: #ff4500
}
.tagline .submitter {
    color: #0055df
}
.tagline .moderator, .green {
    color: #228822
}
.tagline .admin {
    color: #ff0011
}
.tagline .alum {
    color: #BE1337
}
.tagline a.author.admin {
    font-weight: bold
}
.tagline a:hover {
    text-decoration: underline
}
.tagline .edited-timestamp {
    cursor: default
}
.tagline .stickied-tagline {
    color: #228822
}
.tagline .userattrs .cakeday {
    display: inline-block;
    text-indent: -9999px;
    width: 11px;
    height: 8px;
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -108px -796px;
    background-repeat: no-repeat;
    vertical-align: middle
}
a.author {
    margin-right: 0.5em
}
a.banned-user {
    color: red
}
.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 {
    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
}
.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: 3px;
    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
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -107px -491px;
    background-repeat: no-repeat;
    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 a.title, .thing.stickied a.title:visited, .thing.stickied a.title.visited {
    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-discuss-link {
    float: right;
    margin: 0.3em 10px 0 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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px 0px;
    background-repeat: repeat
}
.explore-item .explore-feedback .fancy-toggle-button .remove:hover {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -182px;
    background-repeat: repeat
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -110px -642px;
    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 {}.explore-comment .explore-label {
    background-color: #cee3f8;
    border: solid thin #5f99cf
}
.explore-comment .tagline, .explore-comment .buttons, .explore-comment .thumbnail, .explore-comment .expando-button {
    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
}
.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.anchor-right:before, .hover-bubble.anchor-left.anchor-right:before {
    right: -19px;
    border-left-color: gray
}
.hover-bubble.anchor-right.anchor-right:after, .hover-bubble.anchor-left.anchor-right:after {
    right: -18px;
    border-left-color: white
}
.hover-bubble.anchor-right.anchor-left:before, .hover-bubble.anchor-left.anchor-left:before {
    left: -19px;
    border-right-color: gray
}
.hover-bubble.anchor-right.anchor-left:after, .hover-bubble.anchor-left.anchor-left:after {
    left: -18px;
    border-right-color: white
}
.help-bubble {
    width: 35em
}
.help-bubble p, .help-bubble form {
    margin: .5em
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -796px;
    background-repeat: no-repeat
}
.wikiaction-pages::before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -88px -730px;
    background-repeat: no-repeat
}
.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;
    text-indent: 50px
}
.organic-listing .nextprev .arrow.prev {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -83px -613px;
    background-repeat: no-repeat
}
.organic-listing .nextprev .arrow.next {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -58px -613px;
    background-repeat: no-repeat
}
.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 {
    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
}
#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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -664px;
    background-repeat: no-repeat
}
.geotarget-notice.country div:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -796px;
    background-repeat: no-repeat
}
.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 h1 {
    margin: 10px 310px 0px 10px;
    padding-bottom: 3px;
    border-bottom: 1px dotted gray
}
.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 {
    background-color: #f6e69f;
    padding: 5px 10px;
    margin: 5px 305px 5px 0px;
    border: 1px solid #ffa500;
    font-size: small
}
.infobar img {
    display: inline;
    vertical-align: middle
}
.infobar strong {
    font-weight: bold
}
.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;
    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: #ffffff 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
}
.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
}
a.star {
    text-decoration: none;
    color: #ff8b60
}
.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
}
.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 {
    display: inline;
    margin-right: 12px
}
.link.compressed .expando-button {
    display: none
}
.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
}
.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
}
.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
}
.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 {
    color: gray
}
.comment.collapsed .tagline:not(.expand), .comment.collapsed .tagline 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
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -62px -838px;
    background-repeat: no-repeat;
    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: #808080
}
.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 .midcol {
    visibility: hidden;
    height: 20px
}
.message {
    padding-left: 5px;
    margin: 10px 10px 20px 5px;
    padding: 7px
}
.message.focal>.entry .md {
    background-color: #FFFFCC
}
.message .collapsed .head {
    color: #888888;
    font-style: italic
}
.message.message-parent .tagline, .message.message-reply .tagline {
    color: #485
}
.message.message-parent>.entry, .message.message-reply>.entry {
    color: #485
}
.message.recipient>.entry {
    color: black
}
.message.message-reply.recipient>.entry .head, .message.message-parent.recipient>.entry .head {
    color: black;
    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 .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
}
.message.message-parent .child, .message.message-reply .child {
    margin: 0;
    padding: 0
}
.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 {
    margin-left: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-left: 2px dashed #E7E7E7
}
.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 .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 {
    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: #ffffff 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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -182px;
    background-repeat: repeat
}
.fancy-toggle-button .add {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px 0px;
    background-repeat: repeat
}
.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-parent {
    font-size: larger;
    padding-top: 40px;
    clear: both;
    text-align: center
}
.footer {
    color: gray;
    padding: 5px;
    margin: 15px;
    border: 1px solid #F0F0F0;
    display: inline-block
}
.footer .col {
    float: left;
    margin: 10px 0;
    padding: 0 15px;
    border-left: 1px solid #E0E0E0;
    height: 9.5em
}
.footer .col:first-child {
    border: none
}
.notes-button {
    margin-top: 3px
}
.notes-status {
    font-size: larger
}
.load0 {
    background-color: #FFFFFF
}
.load1 {
    background-color: #f0f5FF
}
.load2 {
    background-color: #E2ECFF
}
.load3 {
    background-color: #d6f5cb
}
.load4 {
    background-color: #CAFF98
}
.load5 {
    background-color: #e4f484
}
.load6 {
    background-color: #FFEA71
}
.load7 {
    background-color: #ffdb81
}
.load8 {
    background-color: #FF9191
}
.load9 {
    background-color: #FF0000;
    color: #ffffff
}
.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] {
    border: 1px solid #999;
    width: 137px;
    height: 17px;
    margin: 5px 0px 0px 5px;
    top: 5px;
    padding: 1px
}
.login-form-side input[type=password] {
    width: 138px
}
.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
}
.login-form-side #remember-me * {
    vertical-align: middle
}
#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
}
.status {
    margin: 5px 0 0 5px;
    font-size: small
}
.error {
    color: red;
    font-size: small
}
.red {
    color: #ff0000
}
.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
}
#searchmenu {
    margin: 10px 0 0px 0;
    padding: 2px 0 0 0;
    border-bottom: 2px solid #369;
    background-color: #f5f5f5
}
#searchmenu .searchlabel {
    background-color: white;
    padding: 2px 15px 0px 0px;
    font-weight: bold;
    color: #336699
}
#searchmenu .searchtime {
    font-weight: bold;
    display: inline;
    width: 305px
}
#searchexpando {
    display: none;
    margin: 5px 0 0 0;
    border-radius: 3px
}
#searchexpando input, #searchexpando p {
    margin-bottom: 10px
}
#searchexpando {
    padding-top: 10px
}
#searchexpando dl {
    margin: 10px 0
}
#searchexpando dt {
    margin: 0
}
#previoussearch p {
    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
}
.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 #cccccc 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 {
    font-weight: bold;
    color: #888888
}
#search input[type='submit'] {
    padding: 1px 10px
}
.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
}
.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
}
.cover {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: gray;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 1000
}
.popup {
    position: absolute;
    left: 10%;
    background-color: white;
    top: 0;
    margin-top: 40px;
    width: 80%;
    text-align: left;
    z-index: 1001;
    padding: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 10px
}
.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
}
.popup .hidecover {
    float: right;
    margin-right: 3px
}
.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
}
body.rulespage-body {
    overflow-y: scroll
}
.rulespage {
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    width: 600px
}
.rulespage h1 {
    font-size: xx-large;
    text-align: center;
    margin-top: 20px
}
.rulespage .info {
    font-size: larger;
    padding-top: 10px
}
.rulespage .rule-list {
    margin: 10px;
    padding: 10px;
    font-size: medium
}
.rulespage li {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin: 10px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}
.rulespage li.first-rule {
    border-top: 1px solid #ddd;
    padding-top: 18px
}
.rulespage li#minors {
    padding-bottom: 18px
}
.rulespage .expander {
    color: gray;
    cursor: help;
    padding: 10px
}
.rulespage .examples {
    font-size: small
}
.rulespage li.example {
    border: none
}
.rulespage li.good-example {
    background: #bcf5a9
}
.rulespage li.bad-example {
    background: #f5a9a9
}
.rulespage em {
    font-weight: bold
}
.rulespage em.toggle {
    font-weight: normal
}
.rulespage .info {
    text-align: center
}
.rulespage img.bottom {
    margin-top: 30px;
    text-align: center;
    padding-bottom: -40px
}
.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: #808080
}
.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
}
.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: #008000
}
.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
}
.toolbar {
    font-size: small;
    border-bottom: 1px solid #336699;
    background-color: #CEE3F8
}
.toolbar .left-side {
    height: 19px;
    float: left;
    border-right: solid #336699 1px;
    background-color: #EFF7FF
}
.toolbar .middle-side {
    text-align: center;
    background-color: #EFF7FF;
    cursor: pointer
}
.toolbar .middle-side a, .toolbar .middle-side b {
    display: block;
    border-left: none
}
.toolbar .middle-side input[type=text] {
    font-size: 14px;
    vertical-align: baseline;
    width: 100%;
    height: 18px;
    border: none;
    border-top: solid transparent 1px;
    margin-left: 2px
}
.toolbar .middle-side .url {
    overflow: hidden
}
.toolbar .middle-side .domain {
    color: #888;
    font-size: small
}
.toolbar .right-side {
    float: right;
    background-color: #EFF7FF;
    margin-top: -1px;
    height: 19px
}
.toolbar a, .toolbar b {
    font-weight: normal;
    display: inline-block;
    height: 18px;
    border-left: solid #336699 1px;
    white-space: nowrap;
    padding: 1px 4px 0px;
    overflow: hidden;
    outline: none;
    -moz-outline: none
}
.toolbar .likes .score.likes {
    display: inline-block
}
.toolbar .dislikes .score.dislikes {
    display: inline-block
}
.toolbar a, .toolbar .clickable {
    cursor: pointer;
    color: #336699;
    text-decoration: none
}
.toolbar .clickable:active, .pushed-button {
    background-color: #cee3f8!important;
    color: orangered!important
}
.toolbar a img, toolbar b img {
    vertical-align: middle;
    padding-top: 3px;
    vertical-align: -3px
}
.toolbar .content {
    float: left;
    vertical-align: middle
}
.toolbar .logo {
    margin: 0px;
    padding: 0 2px;
    border-left: none;
    vertical-align: top
}
.toolbar .title {
    padding-left: 1em;
    padding-right: 1em;
    color: black;
    display: block;
    overflow: hidden
}
.toolbar .title:active {
    color: orangered
}
.toolbar .controls {
    float: right
}
.toolbar .arrow {
    display: inline-block;
    width: auto;
    margin: 0px;
    background-position: left center;
    padding-left: 16px
}
.toolbar .arrow.upmod {
    background-image: url(../aminiupmod.gif)
}
.toolbar .arrow.downmod {
    background-image: url(../aminidownmod.gif)
}
.toolbar .arrow.up {
    background-image: url(../aminiupgray.gif)
}
.toolbar .arrow.down {
    background-image: url(../aminidowngray.gif)
}
.toolbar-status-bar {
    border-top: solid #336699 1px;
    border-bottom: solid #336699 1px;
    background-color: #F6E69F;
    padding: 0px 2px;
    overflow: auto
}
.toolbar-status-bar .login-arrow-left {
    overflow: auto;
    background-image: url(../tb-loginarrow-left.png);
    background-position: top right
}
.toolbar-status-bar .login-arrow-right {
    float: right;
    margin-right: 75px
}
.toolbar-status-bar .login-message {
    float: left;
    background-color: #F6E69F;
    padding-right: 3px
}
.comments-panel .infobar {
    padding: 3px 10px 7px;
    margin: 5px 10px 10px 3px
}
#inner_toolbar #reddit_panel, #inner_toolbar #reddit_link_container, #inner_toolbar #reddit_link {
    position: absolute;
    height: 100%;
    border: none
}
#inner_toolbar #reddit_panel {
    width: 0
}
#inner_toolbar #reddit_link_container, #inner_toolbar #reddit_link {
    width: 100%
}
#inner_toolbar.expanded #reddit_panel {
    width: 400px
}
#inner_toolbar.expanded #reddit_link_container {
    left: 400px;
    right: 0;
    width: auto
}
.min-body {
    height: 100%
}
.min-body .content {
    margin-top: 0px;
    border-right: solid #369 1px;
    min-height: 100%;
    max-width: 60em;
    overflow: auto
}
.min-body .content h1, .min-body .content h2 {
    padding-left: 13px;
    display: inline-block;
    margin-bottom: 15px
}
.min-body .content #noresults {
    margin: 0 0 0 13px
}
.starkcomment+.clearleft+.starkcomment {
    margin-top: 10px
}
.starkcomment .commentbox {
    color: black;
    background-color: #f0f0f0;
    padding: 5px;
    margin-left: 0px;
    margin-right: 10px
}
.starkcomment .tagline {
    text-align: right
}
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 .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
}
.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-delete textarea#delete-message {
    font-size: smaller;
    height: 5em
}
#pref-delete .md ul {
    margin-top: 0;
    margin-bottom: 0
}
#pref-delete .md ul li {
    margin: .5em 0
}
#pref-delete .credentials input {
    margin: .2em 0
}
#pref-delete .credentials .error, #pref-delete .error.RATELIMIT {
    margin-left: 5px
}
.pretty-form.short-text input[type=text], .pretty-form.short-text textarea, .pretty-form.short-text input[type=password] {
    width: 2em
}
#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-form {
    font-size: larger
}
.opt-form form {
    display: inline
}
.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: 8px 0
}
.preftable .spacer {
    margin-bottom: 5px
}
.preftable .note {
    width: 100%;
    vertical-align: top;
    padding-top: 10px
}
.over18 button {
    margin: 0 10px 0 10px;
    padding: 5px
}
.entry .buttons li.nsfw-stamp {
    font-size: x-small
}
.nsfw-stamp acronym {
    color: #ac3939;
    font-size: x-small;
    text-decoration: none;
    padding: 0 2px;
    border: 1px solid #d27979!important;
    border-radius: 3px
}
.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 {}div.banned-user {
    overflow: hidden;
    opacity: .7;
    filter: alpha(opacity=70)
}
div.banned-user .title {
    text-decoration: line-through
}
.approval-checkmark {
    cursor: pointer;
    height: 0.8em;
    vertical-align: baseline;
    margin-left: 3px
}
.tagline .approval-checkmark {
    height: 1em
}
.little {
    font-size: smaller
}
.gray {
    color: #808080
}
.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: #336699
}
.stats a:hover {
    text-decoration: underline
}
.stats td.k {
    color: #808080
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -359px;
    background-repeat: no-repeat
}
.thumbnail.self {
    height: 50px;
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -491px;
    background-repeat: no-repeat
}
.thumbnail.default {
    height: 50px;
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -435px;
    background-repeat: no-repeat
}
.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
}
.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: #ff0000
}
#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
}
.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;
    color: black;
    font-weight: normal;
    margin-left: -5px;
    margin-right: 10px;
    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: #808080 none no-repeat scroll center center;
    background-color: url(../throbber.gif);
    height: 100%;
    width: 100%;
    opacity: .7;
    filter: alpha(opacity=70);
    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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -108px -613px;
    background-repeat: no-repeat
}
.sr-arrow {
    width: 10px;
    height: 12px
}
#sr-autocomplete-area {
    position: relative;
    z-index: 100
}
#sr-drop-down {
    position: absolute;
    width: 498px;
    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
}
.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
}
.expando {
    clear: left;
    margin: 5px 0 5px 0
}
.expando-content {
    display: none
}
.expando-button {
    float: left;
    height: 23px;
    width: 23px;
    margin: 2px 5px 2px 0;
    background: #ffffff none no-repeat scroll center center
}
.expando-button.selftext.collapsed {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -90px -547px;
    background-repeat: no-repeat
}
.expando-button.selftext.collapsed:hover, .eb-sch {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -61px -547px;
    background-repeat: no-repeat
}
.expando-button.selftext.expanded, .eb-se {
    margin-bottom: 5px;
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -29px -584px;
    background-repeat: no-repeat
}
.expando-button.selftext.expanded:hover, .eb-seh {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -584px;
    background-repeat: no-repeat
}
.expando-button.video.collapsed {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -87px -584px;
    background-repeat: no-repeat
}
.expando-button.video.collapsed:hover, .eb-vch {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -58px -584px;
    background-repeat: no-repeat
}
.expando-button.video.expanded, .eb-ve {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -29px -613px;
    background-repeat: no-repeat
}
.expando-button.video.expanded:hover, .eb-veh {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -613px;
    background-repeat: no-repeat
}
.expando .psuedo-selftext {
    border-radius: 7px;
    border: 1px solid #369;
    overflow: hidden;
    max-width: 710px;
    -webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC')
}
.expando .psuedo-selftext iframe {
    padding: 0;
    margin: 0;
    width: 100%;
    border: 0
}
.subreddit .usertext .md {
    padding: 2px 5px;
    background-color: #fafafa;
    border: 1px solid #CCC;
    border-radius: 7px
}
.link .usertext .md {
    background-color: #fafafa;
    border: 1px solid #369;
    border-radius: 7px
}
.usertext {
    font-size: small
}
.usertext-edit {
    margin-top: 5px;
    padding: 0 1px;
    width: 500px
}
.usertext-edit textarea {
    width: 500px;
    height: 100px
}
.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 {
    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 {
    width: 500px;
    background-color: #cee3f8;
    border-radius: 4px;
    padding: 5px 10px 10px 10px;
    font-size: large
}
.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] {
    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 {
    width: 514px;
    padding: 7px 5px;
    font-size: large;
    background-color: #CEE3F8;
    margin-bottom: 10px
}
.linefield .title {
    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
}
.campaign .linefield span+span {
    margin-left: 0
}
.linefield .info {
    font-style: italic;
    color: red;
    font-size: small
}
.linefield .linefield-content {
    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.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;
    padding-right: 2px
}
.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
}
.existing-campaigns>table {
    font-size: x-small;
    width: 100%;
    margin: 0px 0;
    border: none
}
.existing-campaigns td.campaign-bid span {
    display: inline-block;
    margin-right: 5px;
    line-height: 20px;
    margin-top: 3px;
    vertical-align: top
}
.existing-campaigns td.campaign-bid.paid {
    background: url(../green-check.png) no-repeat scroll center right
}
.existing-campaigns tr.refund {
    color: red;
    font-weight: bold
}
.minimum-spend.error {
    font-weight: bold;
    color: red
}
.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 td>button {
    margin: 2px;
    padding: 2px 4px
}
.existing-campaigns .campaign-target, .existing-campaigns .campaign-location {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px
}
.existing-campaigns td, .existing-campaigns 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-bid, .existing-campaigns .campaign-duration, .existing-campaigns .campaign-spent {
    text-align: right;
    padding-right: 8px;
    padding-left: 2px
}
.existing-campaigns thead .campaign-start-date, .existing-campaigns thead .campaign-end-date, .existing-campaigns thead .campaign-spent {
    width: 10%
}
.existing-campaigns thead .campaign-spent, .existing-campaigns thead .campaign-priority, .existing-campaigns thead .campaign-duration {
    width: 8%
}
.existing-campaigns thead .campaign-bid {
    width: 12%
}
.existing-campaigns 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 {
    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 td, #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;
    transition: all 0.2s
}
.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;
    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-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
}
.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;
    color: #900;
    margin: 1em 0;
    max-width: 60em
}
.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
}
.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 {
    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)
}
.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
}
.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
}
.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: 100px;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: #666666;
    letter-spacing: 0.6px
}
.sponsored-page .radio-group .form-group {
    margin-bottom: 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 .budget-field .group, .sponsored-page .timing-field .group {
    display: flex;
    margin-bottom: 10px
}
.sponsored-page .budget-field .form-group, .sponsored-page .timing-field .form-group {
    flex-basis: 0;
    flex-grow: 1
}
.sponsored-page .budget-field .form-group label, .sponsored-page .timing-field .form-group label, .sponsored-page .budget-field .form-group .label, .sponsored-page .timing-field .form-group .label {
    display: block
}
.sponsored-page .display-text {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin: 5px 0
}
.sponsored-page .budget-field .group {
    margin-bottom: 10px
}
.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-bid button {
    font-size: 10px;
    font-weight: normal;
    border-top-width: 1px;
    box-shadow: none;
    margin-bottom: 0
}
.sponsored-page .campaign-buttons button:active, .sponsored-page .campaign-bid button:active {
    box-shadow: inset 0 1px 0 1px rgba(0, 0, 0, 0.09999999999999998)
}
.sponsored-page .campaign-buttons button:hover, .sponsored-page .campaign-bid button:hover, .sponsored-page .campaign-buttons button:active, .sponsored-page .campaign-bid 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 .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 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.has-image .linefield-content {
    margin-left: 110px
}
.sponsored-page .editor .image-field.has-image .img-preview-container {
    position: absolute;
    left: 20px;
    top: 45px;
    margin: 0;
    padding: 5px
}
.sponsored-page .editor .image-field.has-image .img-preview-container img {
    display: block
}
.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 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;
    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
}
.inventory-table {
    font-size: smaller;
    text-align: right;
    margin-top: 20px
}
.inventory-table th, .inventory-table td {
    padding: 3px
}
.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
}
.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
}
.titlebox .md {
    font-size: 90%
}
#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
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -110px -642px;
    background-repeat: no-repeat
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -66px -796px;
    background-repeat: no-repeat
}
.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;
    transition: all 0.1s ease-in-out
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -66px -796px;
    background-repeat: no-repeat;
    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
}
.titlebox form.toggle, .leavemoderator {
    margin: 0;
    padding: 5px 0px;
    font-size: smaller;
    color: gray;
    background: #ffffff 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 .wikiaction-pages:before, .icon-menu .wikiaction-revisions:before, .icon-menu .reddit-ban: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 .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, .info-notice: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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -796px;
    background-repeat: no-repeat
}
.moderator.accept-invite .main:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -642px;
    background-repeat: no-repeat
}
.titlebox form.leavecontributor-button:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -752px;
    background-repeat: no-repeat
}
.titlebox form.flairtoggle {
    padding: 0
}
.titlebox .tagline {
    margin: 5px 0 5px 20px
}
.icon-menu a {
    background: #ffffff none no-repeat scroll center left
}
.icon-menu li {
    margin: 5px 0
}
.icon-menu .reddit-edit:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -752px;
    background-repeat: no-repeat
}
.icon-menu .edit-stylesheet:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -642px;
    background-repeat: no-repeat
}
.icon-menu .reddit-traffic:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -66px -774px;
    background-repeat: no-repeat
}
.icon-menu .reddit-reported:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -774px;
    background-repeat: no-repeat
}
.icon-menu .reddit-spam:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -774px;
    background-repeat: no-repeat
}
.icon-menu .reddit-ban:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -752px;
    background-repeat: no-repeat
}
.icon-menu .reddit-flair:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -88px -752px;
    background-repeat: no-repeat;
    margin-left: 1px
}
.icon-menu .reddit-moderationlog:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -796px;
    background-repeat: no-repeat;
    margin-left: 1px
}
.icon-menu .reddit-unmoderated:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -88px -774px;
    background-repeat: no-repeat;
    margin-left: 1px
}
.icon-menu .reddit-edited:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -66px -752px;
    background-repeat: no-repeat;
    margin-left: 1px
}
.icon-menu .reddit-moderators:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -796px;
    background-repeat: no-repeat
}
.icon-menu .moderator-mail:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -41px -838px;
    background-repeat: no-repeat;
    width: 15px;
    height: 10px;
    margin-top: 4px;
    margin-left: 1px
}
.icon-menu .reddit-contributors:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -752px;
    background-repeat: no-repeat
}
.icon-menu .reddit-modqueue:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -774px;
    background-repeat: no-repeat
}
.users-online:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -66px -730px;
    background-repeat: no-repeat
}
.notice-taken:before, .notice-available:before {
    margin-right: 3px
}
.notice-taken:before, .user-form .error:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -774px;
    background-repeat: no-repeat
}
.notice-available:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -66px -642px;
    background-repeat: no-repeat
}
.info-notice:before {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -642px;
    background-repeat: no-repeat
}
.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: #ffffff 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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -52px;
    background-repeat: repeat
}
.pretty-button.negative.pressed {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -26px;
    background-repeat: repeat
}
.pretty-button.neutral {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -104px;
    background-repeat: repeat
}
.pretty-button.neutral.pressed {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -78px;
    background-repeat: repeat
}
.pretty-button.positive {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -156px;
    background-repeat: repeat
}
.pretty-button.positive.pressed {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -130px;
    background-repeat: repeat
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -84px -818px;
    background-repeat: no-repeat
}
#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 input[name=note] {
    font-size: xx-small;
    max-width: 200px;
    width: 100%
}
.friend-add.edited .ban-details {
    display: block
}
.ban-details {
    display: none
}
.ban-details>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
}
.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-expiration-info {
    display: block;
    margin: 3px 0;
    text-align: center
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -87px -796px;
    background-repeat: no-repeat
}
.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-payment 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;
    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;
    transition: background-color 0.2s;
    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
}
.role {
    width: 800px
}
.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;
    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 #ffffff
}
.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.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.sticky, .modactions.unsticky {
    height: 16px;
    width: 16px;
    display: block;
    content: " ";
    float: left;
    margin-right: 5px
}
.modactions.banuser {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -752px;
    background-repeat: no-repeat
}
.modactions.unbanuser {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -708px;
    background-repeat: no-repeat
}
.modactions.removelink {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -66px -686px;
    background-repeat: no-repeat
}
.modactions.approvelink {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -66px -642px;
    background-repeat: no-repeat
}
.modactions.removecomment {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -686px;
    background-repeat: no-repeat
}
.modactions.approvecomment {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -664px;
    background-repeat: no-repeat
}
.modactions.addmoderator, .modactions.invitemoderator, .modactions.acceptmoderatorinvite {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -642px;
    background-repeat: no-repeat
}
.modactions.removemoderator, .modactions.uninvitemoderator {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -88px -686px;
    background-repeat: no-repeat
}
.modactions.addcontributor {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -664px;
    background-repeat: no-repeat
}
.modactions.removecontributor {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -686px;
    background-repeat: no-repeat
}
.modactions.wikipagelisted, .modactions.editsettings {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -752px;
    background-repeat: no-repeat
}
.modactions.editflair {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -88px -752px;
    background-repeat: no-repeat
}
.modactions.distinguish {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -66px -664px;
    background-repeat: no-repeat
}
.modactions.marknsfw {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -88px -664px;
    background-repeat: no-repeat
}
.modactions.wikirevise {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -730px;
    background-repeat: no-repeat
}
.modactions.wikipermlevel {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -88px -708px;
    background-repeat: no-repeat
}
.modactions.wikibanned {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -752px;
    background-repeat: no-repeat
}
.modactions.wikiunbanned {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -708px;
    background-repeat: no-repeat
}
.modactions.wikicontributor {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -22px -664px;
    background-repeat: no-repeat
}
.modactions.removewikicontributor {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -686px;
    background-repeat: no-repeat
}
.modactions.ignorereports {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -686px;
    background-repeat: no-repeat
}
.modactions.unignorereports {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -708px;
    background-repeat: no-repeat
}
.modactions.sticky {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -708px;
    background-repeat: no-repeat
}
.modactions.unsticky {
    background-image: url(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -66px -708px;
    background-repeat: no-repeat
}
.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 .introduction:before, .api-help .introduction:after {
    position: absolute;
    display: block;
    content: '';
    border: 15px solid;
    border-style: solid solid outset
}
.api-help .introduction:before {
    border-color: transparent #ccc transparent transparent;
    left: -31px;
    top: 58px
}
.api-help .introduction:after {
    border-color: transparent white transparent transparent;
    left: -28px;
    top: 58px
}
.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 .oauth-scope {
    display: inline-block;
    margin-left: 0.5em;
    font-size: .75em;
    font-weight: normal;
    vertical-align: bottom;
    background: #577439;
    color: #fbfbf9;
    padding: 2px 6px;
    border-radius: 2px
}
.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;
    width: 50%
}
.api-help .parameters td pre {
    margin: .5em 0
}
#classy-error {
    text-align: center
}
.errorpage-message {
    margin: 1em auto;
    width: 500px;
    font-size: small
}
.errorpage-message.sr-description {
    border-top: 2px 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
}
#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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px 0px;
    background-repeat: repeat;
    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: #d3d3d3
}
.diff_next {
    background-color: #d3d3d3
}
.diff_add {
    background-color: #90ee90
}
.diff_chg {
    background-color: #ffff00
}
.diff_sub {
    background-color: #f08080
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -84px -818px;
    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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: 0px -838px;
    background-repeat: no-repeat;
    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
}
.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(sprite-reddit.jzJhk9_9j8Q.png);
    background-position: -44px -774px;
    background-repeat: no-repeat;
    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 .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;
    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
    }
}
.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;
    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
    }
}
.report-form {
    display: none;
    background-color: #f6e69f;
    border: thin solid #d8bb3c;
    max-width: 300px;
    padding: 5px;
    margin: 5px 0;
    font-size: larger
}
.report-form input {
    margin: 5px 0
}
.report-form input[type="radio"] {
    margin: 2px 0.5em 0 0
}
.report-form input[name="other_reason"] {
    width: 95%
}
.report-form input:disabled {
    background: #dddddd
}
.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.banned div#header {
    background-color: #cf6165
}
body.deleted div#header {
    background-color: #999
}
body.banned.deleted div#header {
    background-color: #999;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 30px, #cf6165 30px, #cf6165 60px)
}
#compose-message select {
    font-size: 100%
}