button,
input:focus,
textarea:focus {
    outline: 0
}

#hsts_pixel,
#jumpToContent,
.listing-chooser,
.sidebox.create .spacer,
.trending-subreddits {
    display: none
}

button,
ul.tabmenu li a {
    text-transform: uppercase
}

#header #header-bottom-left .redditname a,
.goldvertisement h2,
.md,
.side .titlebox h1.redditname,
.submit-page div.content form.content button[type=submit],
body {
    font-family: helvetica, verdana, arial, sans-serif
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

#RESConsoleContainer *,
#tb-bottombar,
#tb-bottombar *,
.RESDialogSmall.livePreview *,
.goldvertisement .inner a,
button {
    box-sizing: content-box
}

.spacer {
    margin: 0!important
}

.link.last-clicked {
    border: none;
    overflow: visible
}

.md {
    color: #444;
    font-size: 12px
}

.md a,
a {
    color: #5777A8
}

a:visited {
    color: #8D5BA4
}

.md a:hover,
a:hover {
    color: #8aa0c1
}

button {
    padding: 6px 16px;
    border-radius: 0;
    background: rgba(255, 255, 255, .8);
    border: 1px solid #DDD;
    -webkit-transition: background .2s;
    transition: background .2s
}

.content input[type=email],
.content input[type=password],
.content input[type=text],
.content input[type=url],
.content textarea {
    padding: 8px;
    border: 1px solid #DDD;
    -webkit-transition: background .2s;
    transition: background .2s;
    background: rgba(255, 255, 255, .8);
    border-radius: 0;
    box-shadow: none
}

.content input[type=email]:focus,
.content input[type=password]:focus,
.content input[type=text]:focus,
.content input[type=url]:focus,
.content textarea:focus,
button:hover {
    background: rgba(0, 0, 0, .1)
}

.content input[type=email]:disabled,
.content input[type=password]:disabled,
.content input[type=text]:disabled,
.content input[type=url]:disabled,
.content textarea:disabled,
button:disabled {
    background: rgba(0, 0, 0, .1);
    cursor: not-allowed
}

.content input[type=email]:active,
.content input[type=password]:active,
.content input[type=text]:active,
.content input[type=url]:active,
.content textarea:active,
button:active {
    background: rgba(0, 0, 0, .2)
}

body {
    position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 210px 0 0;
    background: url(%%background%%) no-repeat #474f52;
    background-size: 100% auto;
    color: #444
}

body::before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: url(%%tile%%);
    opacity: .4;
    top: 0;
    z-index: -1
}

.debuginfo {
    position: absolute;
    right: 10px;
    bottom: 10px
}

.flair,
.linkflairlabel {
    margin: 0 4px 0 0;
    padding: 2px 8px;
    border-radius: 0;
    border: 1px solid #e7e7e7;
    font-size: 10px
}

.side .flair {
    border-color: #BBB
}

.menuarea {
    text-align: center;
    border-bottom: none;
    padding-top: 12px
}

ul.tabmenu,
ul.tabmenu li {
    margin: 0;
    display: inline-block
}

ul.tabmenu {
    font-size: 12px;
    max-width: 100%;
    white-space: normal
}

ul.tabmenu li {
    height: 48px;
    line-height: 48px;
    padding: 0 8px;
    min-width: 60px;
    -webkit-transition: background .2s;
    transition: background .2s
}

#noresults,
ul.tabmenu li a {
    display: block;
    font-weight: 100
}

ul.tabmenu li:hover {
    background: rgba(255, 255, 255, .1);
    border-bottom: 3px solid rgba(255, 255, 255, .1)
}

ul.tabmenu li.selected {
    border-bottom: 3px solid #9CD3E6
}

ul.tabmenu li.selected a {
    background: 0 0;
    border: none;
    color: #FF5C72!important
}

ul.tabmenu li a {
    letter-spacing: 1px;
    background: 0 0;
    color: #EEE;
    height: 100%
}

.sheets {
    margin-right: 0
}

.stylesheet-customize-container h2 {
    margin-left: 10px;
    text-transform: capitalize
}

#noresults {
    text-align: center;
    width: 100%;
    padding: 80px;
    font-size: 25px;
    color: #BF4040
}

#header {
    position: absolute;
    width: 100%;
    top: 0;
    background: 0 0;
    border-bottom: none;
    height: 210px;
    z-index: 4
}

#header #header-bottom-left {
    position: absolute;
    bottom: 0;
    left: 60px;
    right: 400px;
    background: rgba(50, 60, 70, .8);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    text-align: center;
    min-height: 48px;
    font-size: 0
}

@media (max-width:1150px) {
    #header #header-bottom-left {
        right: 288px;
        left: 8px
    }
}

.side,
.thing .entry .flat-list.buttons .del-button .option.error.active {
    right: 0
}

.submit-page #header #header-bottom-left {
    visibility: hidden
}

#header #header-bottom-left #header-img {
    visibility: visible;
    position: absolute;
    left: -40px;
    top: -150px;
    background-image: url(%%spritesheet%%);
    background-position: -68px -68px;
    width: 64px;
    height: 64px;
    margin-top: 10px;
    opacity: .8;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@media (max-width:1150px) {
    #header #header-bottom-left #header-img {
        left: 4px
    }
}

#header #header-bottom-left #header-img:hover {
    opacity: 1
}

#header #header-bottom-left .redditname {
    visibility: visible;
    position: absolute;
    height: 80px;
    line-height: 80px;
    top: -80px;
    left: 0;
    width: 100%;
    color: #fff
}

#header #header-bottom-left .redditname a {
    color: #fff;
    font-size: 50px;
    font-weight: 100;
    letter-spacing: 14px;
    font-variant: small-caps;
    text-transform: lowercase
}

#header #header-bottom-left .redditname a:hover {
    text-decoration: none
}

#header #header-bottom-left .redditname a::before {
    content: '/r/'
}

#header #header-bottom-right {
    position: absolute;
    top: 25px;
    bottom: initial;
    background: 0 0;
    margin: 10px 18px 10px 10px
}

#header #header-bottom-right:not(.res-navTop) {
    padding: 12px;
    background: rgba(255, 255, 255, .5);
    border-radius: 0
}

#header #header-bottom-right .beta-hint,
#header #header-bottom-right .beta-hint[style] {
    display: none!important
}

.side #search input[type=submit],
.side .sidebox .nub,
.side .sidebox.create {
    display: none
}

#header #header-bottom-right .message-count {
    background: rgba(255, 92, 92, .63)
}

#header #header-bottom-right #userbarToggle {
    border-radius: 0;
    background: rgba(60, 60, 60, .8);
    -webkit-transition: background .2s, color .2s;
    transition: background .2s, color .2s;
    border: none;
    width: 40px;
    left: -40px;
    text-align: center;
    line-height: 35px;
    padding: 0;
    font-size: 40px;
    font-weight: 100;
    color: #DDD
}

#header #header-bottom-right #userbarToggle:hover {
    color: #FFF;
    background: rgba(60, 60, 60, .9)
}

#header #header-bottom-right.res-navTop {
    background: rgba(40, 40, 40, .3);
    margin-right: 0;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    font-weight: 100
}

#header #sr-header-area,
#header #sr-header-area .dropdown.srdrop .selected,
#header #sr-header-area a {
    line-height: 24px;
    color: #AAA;
    height: 24px
}

#header #header-bottom-right.res-navTop * {
    text-transform: capitalize;
    font-weight: 400
}

#header #header-bottom-right.res-navTop a,
#header #header-bottom-right.res-navTop a:visited {
    color: #fff
}

#header #header-bottom-right.res-navTop .separator {
    margin: 0 10px;
    width: 1px;
    height: 100%;
    text-indent: 10px;
    background: #999
}

#header #header-bottom-right.res-navTop .message-count {
    border-radius: 0;
    width: 30px;
    text-align: center;
    font-size: 12px;
    margin-left: 6px
}

#header #header-bottom-right.res-navTop .user {
    margin-left: 12px
}

#header #header-bottom-right.res-navTop .logout {
    margin-right: 12px
}

#header #sr-header-area {
    background: rgba(0, 0, 0, .2);
    border: none;
    padding: 0 12px
}

#header #sr-header-area .dropdown.srdrop .selected:hover,
#header #sr-header-area a:hover {
    color: #DDD
}

#header #sr-header-area #RESShortcutsEditContainer,
#header #sr-header-area #RESShortcutsEditContainer>* {
    background: 0 0;
    color: #AAA;
    height: 24px;
    line-height: 24px
}

#header #sr-header-area #RESShortcutsEditContainer>:hover {
    color: #DDD
}

.side {
    z-index: 1;
    min-width: 0;
    width: 340px;
    background: rgba(255, 255, 255, .8);
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    padding: 20px 25px;
    margin: 40px 35px 40px 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    position: relative
}

.side::before {
    content: ""
}

@media (max-width:1150px) {
    .side {
        width: 280px;
        margin-right: 0
    }
}

.side #login_login-main {
    margin-top: 12px;
    background: rgba(255, 255, 255, .3);
    padding: 16px;
    border: 1px solid #BBB
}

.side #login_login-main>input {
    width: 100%;
    margin: 4px 0
}

.side #search input[type=text] {
    border: 1px solid #CCC;
    padding: 12px;
    text-transform: uppercase;
    width: 100%
}

.side #search input:focus {
    border: 1px solid #BBB
}

.side #search #searchexpando {
    padding: 12px;
    background: #FAFAFA;
    border: 1px solid #DDD;
    margin-bottom: 40px
}

.side #search #searchexpando p {
    margin: 0
}

.side #search #searchexpando #moresearchinfo {
    color: #555
}

.side #search #searchexpando #moresearchinfo #search_hidemore {
    letter-spacing: 4px
}

.side #search #searchexpando #moresearchinfo p:first-of-type::first-letter {
    text-transform: uppercase
}

.side #search #searchexpando #moresearchinfo p:last-child {
    text-align: center;
    margin-top: 10px
}

.side #search #searchexpando #moresearchinfo dt,
.side .linkinfo {
    margin-top: 12px
}

.side .linkinfo {
    border: 1px solid #BBB;
    background: #FAFAFA;
    padding: 12px;
    border-radius: 0;
    font-size: 12px;
    color: #444;
    text-align: center
}

.side .linkinfo .date {
    padding-bottom: 3px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.side .linkinfo .date span {
    font-size: 0
}

.side .linkinfo .date span::before {
    font-size: 12px;
    content: 'Submitted on '
}

.side .linkinfo .score {
    font-weight: 300
}

.side .linkinfo .score .number {
    font-size: 35px
}

.side .linkinfo .score .word {
    text-transform: uppercase
}

.side .linkinfo .shortlink>input[type=text] {
    border: 1px solid #BBB
}

.side .sidebox {
    margin: 12px 0
}

.side .sidebox a {
    font-weight: 100;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 12px
}

.side .sidebox .morelink {
    background: rgba(60, 94, 111, .8);
    height: initial;
    height: auto;
    border: none;
    -webkit-transition: background .4s;
    transition: background .4s
}

.side .sidebox:hover .morelink {
    background: #3c5e6f
}

.side .titlebox {
    margin-top: 12px
}

.side .titlebox .md hr {
    height: 1px;
    margin: 12px 0;
    color: #BBB
}

.side .titlebox .md blockquote {
    margin-left: 12px;
    border-left: 2px solid #BFBFBF
}

.side .titlebox h1.redditname {
    overflow: hidden;
    font-size: 24px;
    text-align: center;
    margin: 30px 0 12px;
    padding-bottom: 2px;
    border-bottom: 1px solid #BBB
}

.side .titlebox h1.redditname a {
    color: #777;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 3px
}

.side .titlebox h1.redditname a:hover {
    color: #000
}

.side .titlebox .fancy-toggle-button {
    background: 0 0;
    height: 25px;
    margin: 12px 0;
    display: block;
    text-align: center
}

.side .titlebox .fancy-toggle-button a {
    background-image: none;
    -webkit-transition: background .3s;
    transition: background .3s;
    border-radius: 0;
    margin-right: 10px;
    padding: 5px 24px;
    text-transform: uppercase;
    font-weight: 100;
    border: none
}

.side .titlebox .fancy-toggle-button a.active {
    display: inline-block
}

.side .titlebox .fancy-toggle-button.subscribe-button a {
    background: rgba(134, 36, 53, .6)
}

.side .titlebox .fancy-toggle-button.subscribe-button a:hover {
    background: rgba(134, 36, 53, .8)
}

.side .titlebox .fancy-toggle-button.unsubscribe-button a {
    background: rgba(38, 134, 36, .6)
}

.side .titlebox .fancy-toggle-button.unsubscribe-button a:hover {
    background: rgba(38, 134, 36, .8)
}

.side .titlebox .subButtons {
    text-align: center;
    margin: 12px 0
}

.side .titlebox .subButtons span.RESshortcut,
.side .titlebox .subButtons span.REStoggle {
    display: inline-block;
    padding: 4px 12px;
    width: auto;
    width: initial;
    border-radius: 0;
    border: 1px solid #BBB;
    background: rgba(255, 255, 255, .4);
    font-weight: 100;
    text-transform: uppercase;
    -webkit-transition: background .2s;
    transition: background .2s;
    margin-bottom: 12px;
    color: #555
}

.side .titlebox .subButtons span.RESshortcut:hover,
.side .titlebox .subButtons span.REStoggle:hover {
    background: rgba(255, 255, 255, .8)
}

.side .titlebox .users-online {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize
}

#siteTable .thing .entry .report-action-form .reason-prompt:first-letter,
.goldvertisement .inner a,
.goldvertisement h2,
.side .account-activity-box,
.side .titlebox .usertext h2,
.thing .entry .flat-list.buttons,
.thing .entry .flat-list.buttons li.first {
    text-transform: uppercase
}

.side .titlebox .users-online .number {
    margin-right: 4px
}

.side .titlebox .users-online::before {
    background: #50914e;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    display: inline-block
}

.side .titlebox form.flairtoggle {
    background: 0 0
}

.side .titlebox .users-online,
.side .titlebox form.flairtoggle {
    color: #555;
    font-size: 11px
}

.side .titlebox>.tagline {
    padding: 8px 12px;
    display: table;
    margin: 10px auto 24px;
    background: rgba(255, 255, 255, .4);
    border: 1px solid #CCC
}

.side .titlebox .subscribers {
    display: block;
    text-align: center;
    margin-bottom: 18px;
    float: right;
    color: #777;
    font-size: 11px
}

.side .titlebox .leavemoderator,
.side .titlebox form.leavecontributor-button {
    background: #FAFAFA;
    padding: 12px;
    font-size: 11px;
    border: 1px solid #BBB
}

.side .titlebox .leavemoderator {
    margin-top: 12px;
    border-bottom: none
}

.side .titlebox form.leavecontributor-button {
    margin-bottom: 12px;
    border-top: none
}

.side .titlebox .bottom {
    margin-top: 10px;
    border-top: 1px solid #BBB
}

.side .titlebox .usertext p {
    margin-top: 12px
}

.side .titlebox .usertext table th {
    background: rgba(0, 0, 0, .05)
}

.side .titlebox .usertext table td,
.side .titlebox .usertext table th {
    border-color: #BBB
}

.side .titlebox .usertext pre {
    border: 1px solid #BBB;
    background: #FAFAFA;
    padding: 12px;
    border-radius: 0;
    font-size: 12px
}

.side .titlebox .usertext h2 {
    text-align: center;
    margin-top: 40px;
    font-weight: 700
}

.side .titlebox .usertext h2 strong::after,
.side .titlebox .usertext h2 strong::before {
    content: "";
    height: 50%;
    width: 30px;
    display: inline-block;
    margin: 0 12px;
    border-bottom: 1px solid #777;
    position: relative;
    top: -6px
}

.side .titlebox .usertext h4 {
    font-size: 15px;
    background: #DBDBDB;
    left: 14px;
    top: 10px;
    display: inline;
    padding: 0 6px;
    font-weight: 100;
    line-height: 20px;
    position: relative
}

.side .titlebox .usertext h4+blockquote {
    border: 1px solid #AAA;
    margin-left: 0;
    padding: 14px 16px 16px;
    margin-top: 0;
    margin-bottom: 10px
}

.side .titlebox .usertext h4+blockquote blockquote {
    max-height: 0;
    -webkit-transition: max-height .4s ease;
    transition: max-height .4s ease;
    overflow: hidden
}

.side .titlebox .usertext h4+blockquote:hover blockquote {
    max-height: 400px
}

.side .titlebox .usertext h6 {
    display: none
}

.side .titlebox .usertext h6+h1,
.side .titlebox .usertext h6+h2,
.side .titlebox .usertext h6+h3,
.side .titlebox .usertext h6+h5 {
    text-align: center;
    margin: 20px 0;
    padding: 0 30px;
    line-height: initial
}

.side #ad_main,
.side .sidecontentbox {
    margin-top: 30px
}

.side .titlebox .usertext h6+h1 a,
.side .titlebox .usertext h6+h2 a,
.side .titlebox .usertext h6+h3 a,
.side .titlebox .usertext h6+h5 a {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 100;
    color: #EEE;
    display: block;
    padding: 12px 24px;
    -webkit-transition: background .3s;
    transition: background .3s
}

.side .titlebox .usertext h6+h5 a {
    background: rgba(110, 110, 110, .8)
}

.side .titlebox .usertext h6+h5 a:hover {
    background: #6e6e6e
}

.side .titlebox .usertext h6+h1 a {
    background: rgba(60, 94, 111, .8)
}

.side .titlebox .usertext h6+h1 a:hover {
    background: #3c5e6f
}

.side .titlebox .usertext h6+h2 a {
    background: rgba(60, 111, 67, .8)
}

.side .titlebox .usertext h6+h2 a:hover {
    background: #3c6f43
}

.side .titlebox .usertext h6+h3 a {
    background: rgba(111, 60, 60, .8)
}

.side .titlebox .usertext h6+h3 a:hover {
    background: #6f3c3c
}

.side #ad_main {
    width: 100%
}

.side .sidecontentbox li.more {
    border-top: 1px solid #BBB;
    padding-top: 3px;
    margin-top: 8px
}

.side .sidecontentbox .linkflairlabel {
    display: none
}

.side .sidecontentbox .title {
    padding: 4px;
    text-align: center;
    border-bottom: 1px solid #AAA;
    margin-bottom: 20px;
    color: #444
}

.side .sidecontentbox .title h1 {
    color: #444
}

.side .sidecontentbox .content {
    padding: 0;
    border: 0
}

.side .sidecontentbox .content .right a {
    font-size: 0
}

.side .sidecontentbox .content .right a::after {
    font-size: 10px;
    content: '[ CLEAR ]'
}

.side .sidecontentbox .midcol .arrow {
    margin-right: 0;
    margin-left: 0
}

.side .sidecontentbox .entry {
    margin: 6px 0;
    position: relative;
    left: -8px
}

.side .sidecontentbox a.reddit-link-title {
    font-weight: 100;
    color: #555;
    border-bottom: 1px solid #CCC;
    display: inline-block;
    padding-bottom: 3px;
    margin-bottom: 1px;
    width: 100%
}

.side .sidecontentbox a.reddit-link-title:hover {
    color: #888
}

.side .sidecontentbox .reddit-entry small {
    font-weight: 100;
    padding-left: 1px
}

.side .icon-menu a {
    background: 0 0
}

.goldvertisement {
    margin: 50px 0;
    border: none;
    box-shadow: none;
    padding: 10px
}

.goldvertisement h2 {
    padding: 4px;
    text-align: center;
    border-bottom: 1px solid #AAA;
    color: #444;
    margin-bottom: 10px
}

.goldvertisement .progress .bar {
    border-radius: 0;
    border-color: #A19868
}

.goldvertisement .progress .bar span {
    background-image: none;
    border-radius: 0;
    background-color: #BFB57C
}

.goldvertisement .inner {
    border: none
}

.goldvertisement .inner a {
    -webkit-transition: background .3s;
    transition: background .3s;
    border: 1px solid #BFBFBF;
    background: #FAFAFA;
    padding: 3px 12px 2px;
    height: 16px;
    line-height: 16px;
    font-size: 0;
    margin: 0;
    color: #666;
    border-radius: 1px
}

.goldvertisement .inner a:hover,
body>.content {
    background: #fff
}

.goldvertisement .inner a::before {
    content: "Support Reddit";
    font-size: 9px
}

body>.content {
    z-index: 3;
    position: relative;
    border-radius: 2px;
    margin: 0 375px 0 35px!important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3)
}

@media (max-width:1150px) {
    body>.content {
        margin-left: 0!important;
        margin-right: 280px!important
    }
}

body.submit-page>.content {
    z-index: 4
}

#siteTable {
    padding-bottom: 45px
}

#siteTable .thing {
    padding: 8px 20px;
    margin: 0
}

@media (max-width:1150px) {
    #siteTable .thing {
        padding: 8px
    }
}

#siteTable .thing:first-child {
    padding-top: 20px
}

#siteTable .thing:hover {
    background: #F2F2F2
}

#siteTable .thing .entry {
    overflow: visible;
    position: relative;
    padding-right: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 150px
}

@media (max-width:1150px) {
    #siteTable .thing .entry {
        margin-left: 120px
    }
}

.res #siteTable .thing .entry {
    padding: 4px 10px 10px 12px;
    border-radius: 3px
}

#siteTable .thing .entry .tagline {
    height: 22px;
    line-height: 22px
}

#siteTable .thing .entry .expando-button {
    height: 18px;
    margin-top: 0;
    background: 0 0;
    margin-bottom: 0;
    cursor: pointer;
    opacity: .6;
    position: relative
}

#siteTable .thing .entry .expando-button.image,
#siteTable .thing .entry .expando-button.video {
    background-image: url(%%spritesheet%%);
    background-position: -36px -136px;
    width: 18px;
    height: 18px;
    top: 2px
}

#siteTable .thing .entry .expando-button.image:hover,
#siteTable .thing .entry .expando-button.video:hover {
    background-image: url(%%spritesheet%%);
    background-position: -18px -136px;
    width: 18px;
    height: 18px
}

#siteTable .thing .entry .expando-button.selftext {
    background-image: url(%%spritesheet%%);
    background-position: -136px -116px;
    width: 18px;
    height: 18px;
    top: 1px
}

#siteTable .thing .entry .expando-button.selftext:hover {
    background-image: url(%%spritesheet%%);
    background-position: -136px -98px;
    width: 18px;
    height: 18px
}

#siteTable .thing .entry .expando {
    width: 100%
}

#siteTable .thing .entry .expando .usertext-body .md {
    border: 1px solid #DDD;
    border-radius: 0
}

#siteTable .thing .entry .post-sharing,
#siteTable .thing .entry .report-action-form {
    background: #FAFAFA;
    border-radius: 0;
    padding: 12px;
    max-width: none;
    border: 1px solid #BBB;
    width: 100%;
    margin: 12px 65% 12px 12px
}

#siteTable .thing .entry .report-action-form .reason-prompt {
    display: inline-block;
    padding-bottom: 2px;
    margin-bottom: 8px;
    border-bottom: 1px solid #DDD;
    width: 80%;
    font-weight: 700
}

.thing .midcol .arrow.down,
.thing .midcol .arrow.downmod,
.thing .midcol .arrow.up,
.thing .midcol .arrow.upmod {
    background-image: url(%%spritesheet%%);
    width: 18px;
    height: 20px
}

#siteTable .thing .entry .report-action-form label>input[type=radio] {
    margin-right: 12px
}

#siteTable .thing .entry .report-action-form button[type=submit] {
    margin-right: 6px
}

#siteTable .thing .entry .post-sharing .post-sharing-main {
    pointer-events: none
}

.thing .rank {
    display: none
}

.thing .midcol {
    min-width: 40px!important;
    margin: 8px 0 0;
    overflow: visible
}

.thing .midcol .score {
    font-weight: 400;
    color: #757575
}

.thing .midcol .arrow {
    opacity: .5;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.thing .midcol .arrow:hover {
    opacity: 1
}

.thing .midcol .arrow.up {
    background-position: -136px -60px
}

.thing .midcol .arrow.down {
    background-position: -136px -20px
}

.thing .midcol .arrow.up,
.thing .midcol .arrow.upmod {
    margin-bottom: 3px
}

.thing .midcol .arrow.down,
.thing .midcol .arrow.downmod {
    margin-top: 3px
}

.thing .midcol .arrow.upmod {
    background-position: -136px -40px;
    opacity: 1
}

.thing .midcol .arrow.downmod {
    background-position: -136px 0;
    opacity: 1
}

.thing .midcol .arrow.upmod,
.thing .midcol .score.likes {
    color: #B37159
}

.thing .midcol .arrow.downmod,
.thing .midcol .link .score.dislikes {
    color: #5959B3
}

.thing .thumbnail {
    background: #475866;
    height: 70px!important;
    min-width: 70px;
    margin: 6px 20px 0;
    border-radius: 5px;
    border: 1px solid #DDD;
    overflow: hidden;
    text-align: center;
    position: relative
}

@media (max-width:1150px) {
    .thing .thumbnail {
        margin: 0 0 6px
    }
}

.thing .thumbnail.default::before,
.thing .thumbnail.nsfw::before,
.thing .thumbnail.self::before,
.thing .thumbnail::after {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    overflow: hidden
}

.thing .thumbnail.default,
.thing .thumbnail.nsfw,
.thing .thumbnail.self {
    background-image: none
}

.thing .thumbnail::after {
    background: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.thing .thumbnail.default::before,
.thing .thumbnail.nsfw::before,
.thing .thumbnail.self::before {
    background-image: url(%%spritesheet%%);
    width: 68px;
    height: 68px
}

.thing .thumbnail:hover::after {
    opacity: .2
}

.thing .thumbnail.default::before {
    background-position: 0 -68px
}

.thing .thumbnail.self::before {
    background-position: -68px 0
}

.thing .thumbnail.nsfw::before {
    background-position: 0 0
}

.thing .thumbnail img {
    display: inline-block;
    height: 100%;
    width: auto
}

.thing .entry>.madeVisible {
    display: block;
    width: 100%;
    margin: 30px
}

.thing .entry p.title {
    line-height: 20px;
    padding: 7px 30px 7px 0;
    margin: 5px 0 2px;
    border-bottom: 1px solid #DDD;
    width: 100%
}

.thing .entry p.title a.title {
    color: #444
}

.thing .entry p.title a.title:hover {
    color: #5777A8
}

.thing .entry p.title a.title:visited {
    color: #666
}

.thing .entry p.title a.title:visited:hover {
    color: #8D5BA4
}

.thing .entry .tagline {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    line-height: 12px;
    font-size: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.thing .entry .tagline .RESUserTag,
.thing .entry .tagline .author,
.thing .entry .tagline time {
    font-size: 10px
}

.thing .entry .tagline time::after {
    content: 'by';
    padding: 0 3px
}

.thing .entry .tagline .flair {
    display: inline;
    margin-left: 4px
}

.thing .entry .domain,
.thing .entry .linkflairlabel {
    display: inline
}

.thing .entry .domain,
.thing .entry .domain a {
    color: #BBB;
    font-weight: 100
}

.thing .entry .flat-list.buttons {
    margin-right: 14px;
    height: 22px;
    line-height: 22px;
    padding: 0
}

.thing .entry .flat-list.buttons li.first {
    line-height: 18px
}

.thing .entry .flat-list.buttons li a {
    font-weight: 400;
    font-size: 9px
}

.thing .entry .flat-list.buttons .nsfw-stamp {
    border-radius: 1px;
    color: #B93F4F;
    border-color: #B93F4F
}

.thing .entry .flat-list.buttons .option.error.active {
    background: #fafafa;
    padding: 12px;
    display: block;
    z-index: 999;
    opacity: 1;
    color: #333;
    font-weight: 300;
    font-size: 0;
    position: absolute;
    border: 1px solid #BBB
}

.thing .entry .flat-list.buttons .option.error.active::before {
    font-size: 14px;
    content: "Are you sure?";
    margin-bottom: 12px;
    display: block
}

.thing .entry .flat-list.buttons .option.error.active .no,
.thing .entry .flat-list.buttons .option.error.active .yes {
    display: inline;
    margin: 0 8px;
    font-size: 12px
}

.thing .entry .flat-list.buttons .option.error.active .no:hover,
.thing .entry .flat-list.buttons .option.error.active .yes:hover {
    color: #000
}

.thing .entry .flat-list.buttons .option.error.active .no::after,
.thing .entry .flat-list.buttons .option.error.active .yes::after {
    display: none
}

.thing .entry .flat-list.buttons .del-button .option.error.active .no,
.thing .entry .flat-list.buttons .del-button .option.error.active .yes {
    opacity: 1;
    color: #333;
    position: static
}

@media (min-width:1150px) {
    .loggedin.listing-page .thing:hover .flat-list.buttons li.share,
    .loggedin.listing-page .thing:hover .flat-list.buttons li.share~li {
        opacity: 1
    }
    .loggedin.listing-page .thing .flat-list.buttons li.share,
    .loggedin.listing-page .thing .flat-list.buttons li.share~li {
        opacity: 0;
        white-space: nowrap;
        width: 15px;
        position: absolute;
        top: 0;
        text-align: center;
        color: #fff
    }
    .loggedin.listing-page .thing .flat-list.buttons li.share::after,
    .loggedin.listing-page .thing .flat-list.buttons li.share~li::after {
        opacity: .6;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        background-repeat: no-repeat;
        content: '';
        width: 18px;
        height: 18px;
        pointer-events: none;
        -webkit-transition: opacity .15s;
        transition: opacity .15s
    }
    .loggedin.listing-page .thing .flat-list.buttons li.share:hover::after,
    .loggedin.listing-page .thing .flat-list.buttons li.share~li:hover::after {
        opacity: 1
    }
    .loggedin.listing-page .thing .flat-list.buttons li.share a,
    .loggedin.listing-page .thing .flat-list.buttons li.share~li a {
        opacity: 0;
        position: absolute;
        top: -20px;
        left: 0;
        bottom: 0;
        display: block;
        height: 40px;
        color: #fff;
        font-weight: 100;
        text-transform: uppercase
    }
    .loggedin.listing-page .thing .flat-list.buttons li.share a:hover,
    .loggedin.listing-page .thing .flat-list.buttons li.share~li a:hover {
        text-decoration: none;
        opacity: .9
    }
    .loggedin.listing-page .thing .flat-list.buttons li.share a::after,
    .loggedin.listing-page .thing .flat-list.buttons li.share~li a::after {
        content: "";
        border-radius: 2px;
        background: rgba(0, 0, 0, .7);
        display: block;
        height: 22px;
        position: absolute;
        top: -3px;
        left: -7px;
        right: -7px;
        padding-right: 10px;
        z-index: -1
    }
    .moderator.listing-page .thing .flat-list.buttons li.first+li:not(.share),
    .moderator.listing-page .thing .flat-list.buttons li.share+li+li+li~li,
    .res.loggedin.listing-page .thing .flat-list.buttons li.report-button+li {
        opacity: 1;
        position: static;
        width: auto;
        width: initial
    }
    .moderator.listing-page .thing .flat-list.buttons li.share+li+li+li~li a {
        opacity: 1;
        position: static;
        height: initial;
        font-weight: initial;
        color: #777
    }
    .listing-page .flat-list.buttons li.share+li+li+li~li::after,
    .moderator.listing-page .thing .flat-list.buttons li.share+li+li+li~li a::after {
        display: none
    }
    .listing-page .flat-list.buttons li.share {
        right: 131px
    }
    .listing-page .flat-list.buttons li.share::after {
        background-image: url(%%spritesheet%%);
        background-position: -108px -136px;
        width: 18px;
        height: 18px
    }
    .listing-page .flat-list.buttons li.link-save-button,
    .listing-page .flat-list.buttons li.link-unsave-button {
        right: 94px
    }
    .listing-page .flat-list.buttons li.link-save-button::after,
    .listing-page .flat-list.buttons li.link-unsave-button::after {
        background-image: url(%%spritesheet%%);
        background-position: -154px 0;
        width: 18px;
        height: 18px
    }
    .listing-page .flat-list.buttons li.report-button {
        right: 57px
    }
    .listing-page .flat-list.buttons li.report-button::after {
        background-image: url(%%spritesheet%%);
        background-position: 0 -136px;
        width: 18px;
        height: 18px
    }
    .listing-page .flat-list.buttons li.share+li+li {
        right: 20px
    }
    .listing-page .flat-list.buttons li.share+li+li::after {
        background-image: url(%%spritesheet%%);
        background-position: -126px -136px;
        width: 18px;
        height: 18px
    }
    .moderator.listing-page .flat-list.buttons li.share+li+li+li {
        right: 57px
    }
    .moderator.listing-page .flat-list.buttons li.share+li+li+li::after {
        background-image: url(%%spritesheet%%);
        background-position: 0 -136px;
        width: 18px;
        height: 18px
    }
    .content .infobar {
        border: 1px solid #DDD;
        background: #FAFAFA;
        margin: 15px auto 0;
        max-width: 500px;
        width: 100%;
        text-align: center
    }
    .content .nav-buttons {
        height: 50px;
        line-height: 50px;
        text-align: right;
        padding-right: 30px;
        position: absolute;
        bottom: 0;
        width: 100%
    }
    .content .nav-buttons .next-suggestions a::before,
    .content .nav-buttons .nextprev a {
        border-radius: 0;
        padding: 4px 12px;
        font-weight: 100;
        color: #444;
        height: 24px;
        line-height: 24px;
        border: 1px solid #AAA;
        background: #FAFAFA;
        -webkit-transition: background .3s;
        transition: background .3s
    }
    .content .nav-buttons .next-suggestions a:hover::before,
    .content .nav-buttons .nextprev a:hover {
        background: #CCC
    }
    .content .nav-buttons .next-suggestions a:active::before,
    .content .nav-buttons .nextprev a:active {
        background: #BBB
    }
    .content .nav-buttons .nextprev {
        text-transform: capitalize;
        margin-right: 24px
    }
    .content .nav-buttons .nextprev a {
        text-transform: uppercase
    }
    .content .nav-buttons .next-suggestions a {
        visibility: hidden;
        font-size: 0
    }
    .content .nav-buttons .next-suggestions a::before {
        visibility: visible;
        font-size: 12px;
        content: 'Explore Subreddits';
        margin-left: 4px
    }
}

.comments-page .thing a.title:visited {
    color: #444
}

.commentarea {
    padding: 12px;
    color: #555
}

.commentarea .comment-visits-box {
    border: 1px solid #BBB;
    border-radius: 0;
    background: #FAFAFA;
    padding: 10px 24px
}

.commentarea .panestack-title {
    border-bottom: 1px solid #DDD;
    text-transform: capitalize;
    text-align: center;
    width: 75%;
    margin: 0 auto
}

.commentarea .panestack-title .title {
    font-size: 18px;
    font-weight: 100
}

.commentarea .panestack-title #REScommentSubToggle {
    padding: 4px 12px;
    border-radius: 0;
    background: #FAFAFA;
    -webkit-transition: background .2s;
    transition: background .2s;
    color: #666;
    font-weight: 400
}

.commentarea .panestack-title #REScommentSubToggle:hover {
    background: #DDD
}

.commentarea .menuarea {
    margin: 12px 0 0;
    font-weight: 100;
    text-align: center;
    display: block;
    overflow: visible
}

.commentarea .menuarea .loadFlat {
    margin-left: 12px
}

.commentarea .menuarea>.spacer:first-child {
    display: block;
    height: 35px;
    width: 100%
}

.commentarea .menuarea>.spacer+.spacer {
    width: 100%
}

.commentarea .menuarea #REScommentNavToggle [id^=nav],
.commentarea .menuarea .toggle .togglebutton {
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: color .15s;
    transition: color .15s
}

.commentarea .menuarea #REScommentNavToggle [id^=nav]:hover,
.commentarea .menuarea .toggle .togglebutton:hover {
    color: #000
}

.commentarea .menuarea form.toggle:first-child {
    margin-left: 0
}

.commentarea .menuarea .spacer .dropdown-title:first-letter {
    text-transform: uppercase
}

.commentarea .menuarea .spacer .dropdown {
    text-transform: uppercase;
    border: 1px solid #DDD;
    margin-left: 4px;
    padding: 5px 5px 5px 12px;
    text-decoration: none;
    -webkit-transition: background .2s;
    transition: background .2s;
    background: rgba(0, 0, 0, .1)
}

.commentarea .menuarea .spacer .dropdown:hover {
    background: rgba(0, 0, 0, .2);
    cursor: pointer
}

.commentarea .menuarea .spacer .dropdown .selected {
    text-decoration: none;
    font-weight: 400
}

.commentarea .menuarea .spacer .drop-choices {
    margin-top: 14px;
    background: 0 0
}

.commentarea .menuarea .spacer .drop-choices>:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.commentarea .menuarea .spacer .drop-choices>:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.commentarea .menuarea .spacer .drop-choices a {
    background: rgba(60, 60, 60, .9);
    padding: 6px 24px;
    color: #EEE;
    text-transform: capitalize;
    text-align: left
}

.commentarea .menuarea .spacer .drop-choices a:hover {
    background: rgba(60, 60, 60, .95)
}

.commentarea .usertext-edit {
    width: 100%;
    max-width: 500px;
    margin: 20px auto 60px
}

.commentarea .usertext-edit .usertext-buttons button {
    background: rgba(0, 0, 0, .05);
    font-size: 11px;
    letter-spacing: 2px;
    color: #777;
    margin-top: 0
}

.commentarea .usertext-edit .usertext-buttons button:hover {
    background: rgba(0, 0, 0, .15)
}

.commentarea .usertext-edit .usertext-buttons button:active {
    background: rgba(0, 0, 0, .25)
}

.commentarea>.sitetable>.comment {
    background: #FAFAFA;
    padding: 12px;
    border-radius: 2px;
    margin: 0!important;
    overflow: visible
}

.commentarea .comment {
    overflow: visible!important;
    border: none!important;
    background: 0 0!important;
    padding: 0!important;
    margin: 0!important
}

.commentarea .comment .child {
    margin-left: 20px;
    margin-top: 0;
    border-left: none
}

.commentarea .comment.collapsed .entry {
    padding-bottom: 14px
}

.commentarea .comment .entry {
    position: relative;
    overflow: visible;
    padding: 14px 18px 12px;
    margin: 12px 12px 12px 40px;
    background: #FAFAFA;
    border-left: 3px solid #86abbe
}

.commentarea .comment .entry .flat-list.buttons {
    position: relative
}

.commentarea .comment .entry .usertext {
    clear: none;
    margin-top: 6px
}

.commentarea .comment .entry .usertext .md-container {
    display: inline-block;
    position: relative
}

.commentarea .comment .entry .usertext .md-container .md {
    background: 0 0!important
}

.commentarea .comment .entry .tagline {
    font-size: 10px;
    line-height: 16px;
    height: 16px;
    display: inline-block
}

.commentarea .comment .entry .tagline .author,
.commentarea .comment .entry .tagline .usertext-edit,
.commentarea .comment .entry .tagline span {
    position: relative
}

.commentarea .comment .entry .tagline .author.submitter {
    padding: 1px 6px;
    border-radius: 0;
    font-weight: 100;
    background: #6594ac!important;
    -webkit-transition: background .15s;
    transition: background .15s;
    color: #fff
}

.commentarea .comment .entry .tagline .author.submitter:hover {
    background: #3c5e6f!important
}

.commentarea .comment .entry .tagline blockquote {
    color: #777
}

.commentarea .comment .entry .tagline .author {
    font-size: 12px;
    font-weight: 400
}

.commentarea .comment .entry .tagline .submitter {
    color: #af882a
}

.commentarea .comment .entry .tagline time::after {
    display: none
}

.commentarea .comment .comment {
    margin-left: 18px!important
}

.commentarea .expand {
    margin-right: 4px
}

.footer-parent {
    position: relative
}

.footer-parent .footer {
    border-radius: 0;
    border: none;
    background: rgba(255, 255, 255, .1)
}

.footer-parent .footer a {
    color: #7D92B3
}

.footer-parent .footer a:first-letter {
    text-transform: uppercase
}

.footer-parent .footer a:visited {
    color: #A27DB3
}

.footer-parent .footer a.buygold {
    font-weight: 400
}

.footer-parent .footer .col {
    border-color: #666
}

.footer-parent .footer .col .title {
    color: #CCC;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 14px;
    text-align: center;
    padding-bottom: 4px;
    margin-bottom: 10px;
    border-bottom: 1px solid #777
}

.submit-page div.content {
    text-align: center;
    padding-top: 34px;
    padding-bottom: 50px
}

.submit-page div.content .md {
    color: #666
}

.submit-page div.content input,
.submit-page div.content textarea {
    border: 1px solid #DFDFDF;
    font-size: 16px;
    text-align: center
}

.submit-page div.content>h1 {
    border-bottom: 1px solid #DDD;
    padding-bottom: 4px;
    font-size: 30px;
    font-weight: 100;
    text-transform: capitalize;
    width: 95%;
    margin: 0 auto 10px
}

.submit-page div.content form.content {
    margin: 0;
    width: 100%;
    max-width: 700px;
    display: inline-block
}

.submit-page div.content form.content .formtabs-content {
    width: 100%;
    text-align: center;
    border: none
}

.submit-page div.content form.content .formtabs-content .spacer {
    display: inline-block;
    width: 100%
}

.submit-page div.content form.content .formtabs-content .spacer .roundfield {
    font-size: inherit;
    margin: 12px!important;
    width: inherit;
    padding: 12px;
    background: #FAFAFA;
    border: 1px solid #DDD;
    border-radius: 2px;
    color: #666
}

.submit-page div.content form.content .formtabs-content .spacer .roundfield .usertext-edit {
    margin: 0 auto
}

.submit-page div.content form.content .formtabs-content .spacer .roundfield label {
    font-size: 13px
}

.submit-page div.content form.content .formtabs-content .spacer .roundfield #suggested-reddits h3 {
    margin-top: 16px;
    margin-bottom: 6px;
    text-transform: capitalize
}

.submit-page div.content form.content .formtabs-content .spacer .roundfield#url-field #suggest-title {
    text-align: center;
    margin-top: 10px
}

.submit-page div.content form.content .formtabs-content .spacer .roundfield#url-field #suggest-title button {
    margin: 0;
    display: inline-block
}

.submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text {
    color: inherit;
    max-height: none
}

.submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text .content {
    text-align: left
}

.submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text .md {
    font-size: inherit
}

.submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text .md>h1,
.submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text .md>p {
    text-align: center
}

.submit-page div.content form.content .formtabs-content .spacer .roundfield.submit_text .md>h1 {
    font-size: 22px;
    padding-bottom: 0;
    text-align: left;
    border: none;
    font-weight: 700
}

.submit-page div.content form.content .spacer>.roundfield .title,
.submit-page div.content form.content h1 {
    color: #444;
    text-transform: capitalize;
    display: block;
    width: 100%;
    border-bottom: 1px solid #DDD;
    padding-bottom: 2px;
    margin-bottom: 10px;
    font-weight: 100;
    font-size: 18px;
    position: relative
}

.submit-page div.content form.content .spacer>.roundfield .title .RESCharCounter,
.submit-page div.content form.content h1 .RESCharCounter {
    position: absolute;
    right: 0
}

.submit-page div.content form.content .tabmenu {
    position: absolute;
    z-index: 50;
    left: 15px;
    right: 15px;
    top: -48px;
    background: rgba(0, 0, 0, .5);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 0;
    text-align: center
}

.submit-page div.content form.content .tabmenu li a {
    border: none;
    background: 0 0
}

.submit-page div.content form.content .tabmenu li:selected a {
    font-size: inherit
}

.submit-page div.content form.content .info-notice {
    width: 80%;
    font-size: 13px;
    margin-left: auto!important;
    margin-right: auto!important
}

.submit-page div.content form.content button[type=submit] {
    padding: 14px 80px;
    background: #4d6e80;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: 2px;
    margin-top: 40px;
    color: #EEE
}

.submit-page div.content form.content button[type=submit]:focus,
.submit-page div.content form.content button[type=submit]:hover {
    background: #395260
}

.submit-page div.content form.content button[type=submit]:active {
    background: #304550
}

.wiki-page .infobar {
    margin-bottom: 30px
}

.wiki-page .wikititle {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px
}

.wiki-page .wikititle strong {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 30px
}

.wiki-page .pageactions {
    margin: 0;
    width: 100%;
    border-right: none;
    border-left: none;
    text-align: center;
    padding: 0;
    height: 50px;
    border-radius: 0;
    background: #FAFAFA
}

.wiki-page .pageactions a.wikiaction {
    margin: 0;
    border-radius: 0;
    width: 90px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    height: 50px;
    line-height: 50px
}

.wiki-page .wiki-page-content {
    padding: 20px 100px 100px;
    width: 100%;
    margin: 0;
    font-size: 12px
}

.wiki-page .wiki-page-content em,
.wiki-page .wiki-page-content li,
.wiki-page .wiki-page-content p {
    font-size: 12px;
    font-family: helvetica, verdana, arial, sans-serif
}

.wiki-page .wiki-page-content em {
    color: #999
}

.wiki-page .wiki-page-content .wiki>.toc>ul {
    background: #FAFAFA;
    border: 1px solid #BBB;
    font-size: 13px;
    max-width: 400px;
    padding: 16px 34px
}

.wiki-page .wiki-page-content .wiki>.toc>ul ul {
    border-left: 1px solid #CCC
}

.flair-settings {
    padding-top: 20px
}

.flair-settings>h1 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 300
}

.flair-settings>h1 strong {
    font-weight: 300;
    text-transform: none
}

.flair-settings .linefield {
    margin: 15px auto;
    border: 1px solid #BBB;
    background: #FAFAFA;
    padding: 12px;
    border-radius: 0;
    font-size: 12px
}

.flair-settings .linefield .title {
    color: #222;
    font-weight: 300;
    text-transform: capitalize;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    border-bottom: 1px solid #CCC;
    padding-bottom: 4px
}

.flair-settings .linefield label,
.tabpane-content .linefield.flair-jump .linefield-content {
    font-size: 12px
}

.flair-settings .save-button {
    text-align: center
}

.flair-settings+.tabmenu {
    text-align: center;
    width: 100%;
    background: #EEE;
    margin-top: 50px;
    display: block;
    border-bottom: 1px solid #BBB;
    border-top: 1px solid #BBB
}

.flair-settings+.tabmenu li.selected {
    border-color: #2F6C82
}

.flair-settings+.tabmenu li.selected a {
    color: #B92035!important
}

.flair-settings+.tabmenu li:hover {
    background: rgba(0, 0, 0, .1)
}

.flair-settings+.tabmenu li:hover a {
    color: #333
}

.tabpane-content {
    background: #FAFAFA;
    border: none;
    padding: 30px 30px 50px
}

.tabpane-content .linefield.flair-jump {
    margin: 0 auto 15px;
    background: #E4E4E4
}

li .flairselector {
    background: #FAFAFA;
    padding: 12px!important
}

li .flairselector h2 {
    margin-bottom: 14px;
    font-weight: 300;
    color: #333;
    text-transform: capitalize;
    font-size: 14px;
    background: 0 0
}

li .flairselector .linkflair {
    text-align: center
}

li .flairselector .flairoptionpane ul {
    width: 100%
}

li .flairselector .flairoptionpane ul>li,
li .flairselector .flairselection .linkflair {
    padding: 6px
}

li .flairselector .flairoptionpane ul .linkflair a.title,
li .flairselector .flairselection .linkflair a {
    display: inline!important
}

#userTaggerToolTip {
    border-radius: 0;
    height: auto;
    height: initial!important
}

#userTaggerToolTip h3 {
    height: 40px;
    background: #FAFAFA;
    color: #444;
    font-weight: 300
}

#userTaggerToolTip #userTaggerClose {
    border-radius: 0
}

#userTaggerToolTip #userTaggerPreview,
#userTaggerToolTip #userTaggerToolTip input[type=text],
#userTaggerToolTip .userTagLink.hasTag {
    border-radius: 0;
    padding: 3px 6px;
    height: auto;
    height: initial
}

#userTaggerToolTip #userTaggerPreview {
    min-height: 22px
}

#userTaggerToolTip #userTaggerToolTip #userTaggerSave {
    border-radius: 0;
    border: 1px solid #64AF70;
    border: none;
    padding: 6px 16px;
    font-weight: 100;
    text-transform: uppercase;
    background: rgba(91, 136, 98, .85);
    -webkit-transition: background .2s;
    transition: background .2s
}

#userTaggerToolTip #userTaggerToolTip #userTaggerSave:hover {
    background: #5b8862
}

#userTaggerToolTip #userTaggerToolTip .toggleButton {
    height: initial;
    width: 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#userTaggerToolTip #userTaggerToolTip .toggleButton:not(.enabled) .toggleOn {
    background: rgba(16, 122, 196, .8);
    border-right: none
}

#userTaggerToolTip #userTaggerToolTip .toggleButton.enabled .toggleOff {
    border-left: none;
    background: rgba(208, 32, 32, .8)
}

#userTaggerToolTip #userTaggerToolTip .toggleButton .toggleOff,
#userTaggerToolTip #userTaggerToolTip .toggleButton .toggleOn {
    box-sizing: content-box;
    border-radius: 0;
    border: 1px solid #BBB;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%
}

#RESShortcutsAdd,
#RESShortcutsEditContainer,
#RESShortcutsLeft,
#RESShortcutsRight,
#RESShortcutsSort,
#RESShortcutsTrash {
    background: 0 0!important;
    color: #EEE!important
}

.RESDialogSmall.livePreview {
    margin-top: 20px
}

@media (min-width:1150px) {
    #header #header-bottom-right:not(.res-navTop) {
        padding: 0;
        background: 0 0
    }
    #header #header-bottom-right:not(.res-navTop) a {
        color: #FFF;
        font-weight: 100;
        font-size: 13px
    }
    #header #header-bottom-right:not(.res-navTop) .separator {
        background: rgba(60, 60, 60, .9);
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        display: block;
        overflow: hidden;
        font-size: 0;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        border-radius: 2px
    }
    #header #header-bottom-right:not(.res-navTop) .separator::before {
        content: '☰';
        color: #fff;
        font-size: 20px
    }
    #header #header-bottom-right:not(.res-navTop) .separator~.separator {
        display: none;
        padding: 12px
    }
    #header #header-bottom-right:not(.res-navTop):hover .separator {
        background: #3c3c3c
    }
    #header #header-bottom-right:not(.res-navTop):hover .message-count {
        display: none
    }
    #header #header-bottom-right:not(.res-navTop)>.user a,
    #header #header-bottom-right:not(.res-navTop)>a#mail,
    #header #header-bottom-right:not(.res-navTop)>a#modmail,
    #header #header-bottom-right:not(.res-navTop)>form.logout a,
    #header #header-bottom-right:not(.res-navTop)>ul a {
        padding: 13px 10px 13px 40px;
        display: inline-block;
        text-decoration: none
    }
    #header #header-bottom-right:not(.res-navTop):hover>a#modmail {
        display: block
    }
    #header #header-bottom-right:not(.res-navTop)>a#modmail {
        display: none;
        margin: 0;
        background: rgba(60, 60, 60, .9);
        width: 100%;
        position: static;
        text-transform: capitalize
    }
    #header #header-bottom-right:not(.res-navTop)>a#modmail:hover {
        background: #3c3c3c
    }
    #header #header-bottom-right:not(.res-navTop):hover>a#mail {
        display: block
    }
    #header #header-bottom-right:not(.res-navTop)>a#mail {
        display: none;
        margin: 0;
        background: rgba(60, 60, 60, .9);
        width: 100%;
        position: static;
        text-transform: capitalize
    }
    #header #header-bottom-right:not(.res-navTop)>a#mail:hover {
        background: #3c3c3c
    }
    #header #header-bottom-right:not(.res-navTop):hover>ul {
        display: block
    }
    #header #header-bottom-right:not(.res-navTop)>ul {
        display: none;
        margin: 0;
        background: rgba(60, 60, 60, .9);
        width: 100%;
        position: static;
        text-transform: capitalize
    }
    #header #header-bottom-right:not(.res-navTop)>ul:hover {
        background: #3c3c3c
    }
    #header #header-bottom-right:not(.res-navTop):hover>.user {
        display: block
    }
    #header #header-bottom-right:not(.res-navTop)>.user {
        display: none;
        margin: 0;
        background: rgba(60, 60, 60, .9);
        width: 100%;
        position: static;
        text-transform: capitalize
    }
    #header #header-bottom-right:not(.res-navTop)>.user:hover {
        background: #3c3c3c
    }
    #header #header-bottom-right:not(.res-navTop):hover>form.logout {
        display: block
    }
    #header #header-bottom-right:not(.res-navTop)>form.logout {
        display: none;
        margin: 0;
        background: rgba(60, 60, 60, .9);
        width: 100%;
        position: static;
        text-transform: capitalize
    }
    #header #header-bottom-right:not(.res-navTop)>form.logout:hover {
        background: #3c3c3c
    }
    #header #header-bottom-right:not(.res-navTop) #mail,
    #header #header-bottom-right:not(.res-navTop) #modmail {
        text-indent: 0;
        height: initial
    }
    #header #header-bottom-right:not(.res-navTop) .user {
        margin-top: 50px;
        padding-right: 55px;
        font-size: 0
    }
    #header #header-bottom-right:not(.res-navTop)>a#mail.havemail {
        background: rgba(105, 38, 38, .6)
    }
    #header #header-bottom-right:not(.res-navTop)>a#mail.havemail:hover {
        background: rgba(105, 38, 38, .7)
    }
}