#titleBar {
    /* Need to go above 9999 to allow notifications appear above sticky siderbar from Snigel */
    z-index: 10000;
}

/* Buffer for container when "no ads" permission is set */
.noad-top {
    margin-top: 50px;
}

/* main content width */

.Container {
    /*margin-left: 150px !important;*/
    max-width: 1370px !important;
    padding: 0 !important;
    margin: 0 auto;
}

@media only screen and (max-width: 1380px) {
    .Container {
        margin-left: 0 !important;
        padding: 0 10px !important;
    }
}

.Container .Frame-row {
    display: flex;
    padding: 0;
    flex-wrap: nowrap;
}

.Content.MainContent {
    padding: 0;
}

@media only screen and (max-width: 991px) {
    .Content.MainContent {
        flex-shrink: 0 !important;
       }
}

.Panel.Panel-main {
    position: relative;
    top: 19px; /* With Pockets enabled this aligns Panel with Latest Posts header when logged in */
    min-width: 300px;
    margin-left: 10px;
}

@media only screen and (max-width: 1200px) {
    /* keep panel side by side with container and allow user to scroll */
    .Panel.Panel-main {
        flex-shrink:0 !important;
        width: 300px;
       }

    .Container .Frame-contentWrap .Frame-row {
        flex-wrap: nowrap !important;
    }
}

.boards-button-utils-as-text {
    user-select: none;
    appearance: none;
    border: 0px;
    padding: 0px;
    background: none;
    cursor: pointer;
    text-align: left;
    overflow-wrap: break-word;
    overflow: hidden;
    line-height: 1.5;
    font-weight: 600;
    white-space: nowrap;
    color: inherit;
    min-width: 0px !important;
}

.CrumbLabel a:hover span,
.Message.userContent a:hover,
.userinfo-username a:hover .userinfo-username-title,
a:hover,

[class^="vanilla-"][class$="-quoteEmbed-footerMain"] > [class^="vanilla-"][class$="-quoteEmbed-postLink"]:hover:not(:disabled),
.forum-threadlist-table a:hover {
    text-decoration: underline !important;
}

.postbit-postbody .Reactions a:hover,
a.DraftButton {
    text-decoration: none !important;
}

/* Prevent underline from appearing under caret to latest post */
.forum-threadlist-table div.forum-threadlist-thread-lastposter > :first-child:hover {
    text-decoration: none !important;
}

#Form_Comment .Buttons a:hover {
    text-decoration: none;
}

.boards-button-utils-as-text a {
    text-decoration: none !important;
}

.ReactButton-Promote {
    display: none !important;
}
.ReactButton-Disagree {
    display: none !important;
}
.ReactButton-Agree {
    display: none !important;
}
.ReactButton-LOL {
    display: none !important;
}
.ReactButton-Log {
    display: none !important;
}

.Reactions {
    width: unset !important;
    margin-right: 20px !important; /*come back to this */
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    padding-left: 10px;
}

.Reactions .Flyout.Flags {
    top: -80px;
    left: -55px;
}

.Reactions .ReactButton.Quote,
.Reactions .ReactButton.ReactButton-Like,
.Reactions .FlagMenu.ToggleFlyout {
    width: 69px !important;
    height: 30px !important;
    background: linear-gradient(#fdfdfd, #d8d8d8);
    border: 1px solid #d8d8d8;
    display: flex !important;
    justify-content: center !important;
    margin: 4px !important;
}

.Reactions .ReactButton:hover,
.Reactions .ReactButton:hover,
.Reactions .FlagMenu.ToggleFlyout:hover {
    background: #3c5587;
    color: #ffffff;
}

.Reactions .ReactButton:hover:not(:disabled),
.FlagMenu.ToggleFlyout:hover .ReactButton-Flag {
    color: #ffffff !important;
}

ul.Flyout.MenuItems.Flags li:hover {
    background: #3c5587;
    color: #ffffff;
}

/* Usernames listed in like popup menu on hover */
.ReactButton .MenuItems.MenuItems-Reactions.Up  {
    left: -70px !important; /* Prevents pop up menu from being cut off at the side */
}

.MenuItems.MenuItems-Reactions li a.js-userCard:hover {
    text-decoration: underline !important;
    color: rgb(85, 90, 98) !important;
    background: #fff;
}

/* hide page title and description */

.Frame-content .HomepageTitle {
    display: none!important;
}
.Frame-content .PageDescription {
    display: none!important;
}

/* Buttons */
.gradient_button {
    white-space: nowrap !important;
    border: 1px solid #ccc !important;
    padding: 8px 13px 7px 13px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    display: inline-block !important;
    color: #fff !important;
    background: #304c82
    url("https://b-static.net/www/i/default/gradient_buttons.png") repeat-x 0px -34px !important;
    margin: 0px !important;
}

.gradient_button_lrg {
    display: inline-block !important;
    background: #304c82
    url("https://b-static.net/www/i/default/gradient_buttons_large.png") repeat-x 0px 0px !important;
    white-space: nowrap;
    border: 1px solid #ccc;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.gradient_button_lrg:hover {
    cursor: pointer;
    background: #304c82
    url("https://b-static.net/www/i/default/gradient_buttons.png") repeat-x 0px 10px !important
}

/* Sign In / Register buttons */
.titleBar-guestNav [class^="vanilla-"][class$="-button-transparent"]:not([disabled]):hover {
    background: rgb(48, 69, 109);
    text-decoration: none !important;
}

.titleBar-guestNav [class^="vanilla"][class$="-button-translucid"]:not([disabled]):hover {
    background-color: rgb(59, 85, 134);
    text-decoration: none !important;
}

.Button.PreviewButton {
    white-space: nowrap;
    border: 1px solid #ccc;
    padding: 8px 13px 7px 13px;
    font-size: 13px;
    font-weight: 700;
    display: inline-block !important;
    color: #fff;

    /* from button */

    font-family: Verdana, Arial, Helvetica, sans-serif;

    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: center;
    cursor: default;
    font: 400 13.3333px Arial;

    background: #304c82
    url("https://b-static.net/www/i/default/gradient_buttons.png") repeat-x 0px -34px !important;
    margin: 0px !important;
}


.moveme {
    position: relative;
    top: -2px;
    color:#fff;
}

/* Sign In Page / Registration Page / Forgot Password Page */
.Dashboard.Entry .Frame-row {
    justify-content: center;
}

.Dashboard.Entry .Frame-row .Content.MainContent {
    border-radius: 6px;
    border: 1px solid #333;
    border-top: 40px solid #304c82;
    background-color: #f2f2f2;
    padding: 15px;
    width: 60% !important;
}

.Dashboard.Entry .Frame-row .Content.MainContent .FormTitleWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Dashboard.Entry .Frame-row .Content.MainContent .FormTitleWrapper .FormWrapper {
    width: 80%;
}

.Content.MainContent .MainForm .InputBox {
    max-width: unset;
}

#Form_Email,
#Form_Password,
#Form_PasswordMatch,
#PasswordsDontMatch,
#Form_Name,
#NameUnavailable,
a.ForgotPassword,
#Form_SignIn {
    margin-bottom: 10px;
}

#Form_User_SignIn .Buttons {
    display: flex;
    flex-direction: column;
}

.FormWrapper #Form_User_SignIn .Buttons .Button.Primary,
.FormWrapper .Buttons #Form_SignUp.Button.Primary,
.FormWrapper .Buttons #Form_Requestanewpassword.Button.Primary {
    padding: 10px 16px;
    font-size: 18px;
}

.FormWrapper .Buttons #Form_SignUp.Button.Primary {
    width: 100%;
}

#Form_User_Register > div {
    display: flex;
    justify-content: center;
}

#Form_User_Register div.PasswordStrength {
    width: 100% !important;
}

.passwordrequest .Content.MainContent .Buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.FormWrapper .Buttons #Form_Requestanewpassword.Button.Primary {
    margin-right: 6px;
}

.Entry.Section-Entry .Frame-top {
    background: url("//static.boards.ie/b/assets-built/gr/backgrounds/2.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
}

/*editor */
.richEditor-text {
    background-color:#fff;
}

.richEditor-menuItem #embedPopover-0-contents,
.richEditor-menuItem #embedPopover-0-contents h2,
.richEditor-menuItem #embedPopover-0-contents button {
    color: #fff;
}

.BreadcrumbsBox {
    width: 100%;
    color: black;
    background: #d6d5d3;
    z-index: 9;
}

.Breadcrumbs {
    color: #282828 !important;
    position: relative;
    padding: 1px 0 !important;
    background: #d6d5d3;
    border-bottom: 1px solid #c5c5c5;
    font-size: 10px !important;
    display: flex;
    max-width: 1370px;
    margin: 0 auto;
}

@media only screen and (max-width: 1380px) {
    .Breadcrumbs {
        padding-left: 10px !important;
    }
}

.CrumbLabel span {
    text-transform: none;
}


.Content.MainContent {
    width: 85% !important;
}

.page-content {
    width: 100% !important;
}

/*discussion styling */

.DataTable thead {
    background-color: #3b5586 !important;
    color: #fff;
}

/* other user dropdown on pages */

.userContent, .UserContent, .MessageList.Discussion {
    color:unset!important;
    font-size:13px!important;
}

nav .dropDown-sectionHeading + ul.dropDown-sectionContents li:first-child {
    padding-top: 0 !important; /* Remove padding from first list item under a section heading */
}

li .dropDown-sectionHeading {
    margin-bottom: 8px;
}

/* .vanilla-1f7qmz8-dropDown-action.vanilla-1f7qmz8-dropDown-action*/

.meBox.titleBar-meBox * {
    color: #fff !important;
}

[class^="vanilla"][class$="-dropDown-item"] [class^="vanilla"][class$="-dropDown-action"] {
    color: #fff !important;
}

/* Hover on dropdown items */
[class^="vanilla"][class$="-dropDown-item"]:hover {
    background-color: #3d5686;
}

.dropDown-contents .frameFooter a:hover,
.dropDown-contents .frameFooter button:hover {
    background-color: #3d5686;
}

/* Search Suggestions */
[class^="vanilla"][class*="-titleBar-compactSearchResults"] * {
    background-color: #fff !important;
    color: #333 !important;
}

ul.suggestedTextInput-menuItems li.suggestedTextInput-item:hover * {
    background-color: #3d5686 !important;
    color: #fff !important;
}

.suggestedTextInput-menu.dropDown-contents.isParentWidth {
    width: 100% !important; /* Fix display on Firefox */
}

.dropDown-section [class^="vanilla-"][class$="-dropDown-section"] {
    color:#fff!important;
}

[class^="vanilla-"][class$="-dropDown-items-dropDown-items"] {
    color: #fff !important;
}

[class^="vanilla-"][class$="-popupUserCard-name-popupUserCard-name"] {
    color: #fff !important;
}

[class^="vanilla-"][class$="-popupUserCard-statLeft"] {
    color: #fff !important;
}
[class^="vanilla-"][class$="-popupUserCard-statRight"] {
    color: #fff !important;
}
[class^="vanilla-"][class$="-popupUserCard-date"] {
    color: #fff !important;
}

[class^="vanilla-"][class$="-popupUserCard-email"] {
    color: #fff !important;
}

[class^="vanilla-"][class$="-dropDown-contents-dropDown-contents"] {
    color: #fff !important;
}

[class^="vanilla-"][class$="-dropDown-action"] {
    color: #fff !important;
}

/* meBox Styling */
/*
[class^="vanilla-"][class$="-dropDown-action"] {
    color: #fff !important;
}

[class^="vanilla-"][class$="-dropDown-item"]:hover {
    background-color: #4c6e99;
}
*/
/* line up logo with tending threads. */

@media only screen and (max-width: 1380px) {
    [class^="vanilla-"][class$="-container-fullGutter-container-fullGutter-container-fullGutter"] {
        padding-left: 10px !important;
        padding-right: 10px !important;
        max-width: 1370px !important;
    }
}

[class^="vanilla-"][class$="-container-fullGutter-container-fullGutter-container-fullGutter"] {
    max-width: 1370px !important;
    padding-left: 0;
    padding-right: 10px;
}

.dropDown-contents {
    width: 200px;
    background-color: #516c9d !important;
}

.userDropDown-userCardName {
    color: #fff !important;
}

.dropDown-sectionHeading {
    color: #fff !important;
}

/* moderate dropdown */

.MenuItems,
.Flyout.Flyout {
    /*background-color: #3b5586 !important;*/
    color: #fff;
}

.UserInfoRowDotted {
    display: block;
    padding: 10px 0;
    border-bottom: 1px dotted #b7b7b7;
}

.UserInfoRow {
    display: block;
    padding-left: 0px;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-gap: 20px;
}

.CommentHeaderBoards {
    color: #fff;
    background-color: #3b5586;
    padding: 0 15px 0 25px;
    height: 28px;
    line-height: 28px;
    font-size: 11px;
}

.PostBitUser {
    background-color: #f9f9f9;
}

.postbit-header {
    color: #fff;
    background-color: #3b5586;
    padding: 0 15px 0 25px;
    height: 28px;
    line-height: 28px;
    font-size: 11px;
}

.ProfilePhotoBoards {
    width: 100%;
    height: 100%;
}

.UserContentBoards {
    padding-top: 50px;
}

.MainContentBoards {
    outline: 1px solid #333;
}

.QuoteWrapperBoards {
    padding: 15px;
    margin: 10px 0 0 0;
    border: 1px solid #e5e5e5;
    background: #f9f7f8;
    color: #707070;
    font-size: 12px;
}

.quote-wrapper {
    padding: 15px;
    margin: 10px 0 0 0;
    border: 1px solid #e5e5e5;
    background: #f9f7f8;
    color: #707070;
    font-size: 12px;
}
.QuotedTextBoards {
    font-style: italic;
    margin: 7px 0 0 0;
}
.quote-wrapper .user-arrow {
    width: 16px;
    height: 15px;
    position: relative;
    top: 3px;
    margin: 0 0 0 4px;
    background-position: -227px -93px;
}

.CommentHeading {
    display: none !important;
}

.DateCreatedBoards {
    color: #fff !important;
    text-decoration: none !important;
}

.DateCreatedFirstVisited {
}

.Header {
    background-color: #3d5686;
}

/** discussions **/

.BoardsDiscussions ul > li:nth-child(2n + 2) a {
    background-color: #96e8e5;
}

/* Moderation menu on posts in discussions */
.pageHeadingBox .Options {
    align-items: center;
}

.pageHeadingBox .Options .AdminCheck {
    margin-left: 10px;
}

.postbit-header .Options {
    display: flex;
    align-items: center;
}

.postbit-header .Options ul,
.Options .mobileFlyoutOverlay ul {
    background-color: #516c9d;
}

.postbit-header .Options .Flyout.MenuItems li a,
.Options .Flyout.MenuItems li a {
    color: #fff !important;
}

.postbit-header .Options li:hover,
.Options .Flyout.MenuItems li.no-icon:hover {
    background-color: #3d5686;
}


/*page controlls, remove flex */

.PageControls {
    position: relative;
    float: right;
    /*color: #193d80;*/
}

/*
.meBox {
    background-color:red;
}*/

.dropDownItems {
    /*background-color:#516c9d; works
      color: #fff;*/
}

.Primary {
    white-space: nowrap;
    border: 1px solid #ccc;
    padding: 8px 13px 7px 13px;
    font-size: 13px;
    font-weight: 700;
    display: inline-block !important;
    color: #fff;
    background: #304c82
    url(https://b-static.net/www/i/default/gradient_buttons.png) repeat-x 0 -34px;
    margin: 0;
}

.PageControls.PageControls .BoxButtons.BoxNewDiscussion,
.PageControls.PageControls .BoxButtons.BoxNewDiscussion {
    display: unset;
}

.BoxButtons.BoxNewDiscussion > .ButtonGroup.Multi.Primary.Action.NewDiscussion {
    background: unset;
    border: none;
}

.Frame .ButtonGroup.Multi.NewDiscussion .Button.Handle.Handle {
    right: 13px;
}

/*homepage*/

.page {
    min-width: 710px;
}
.hidden {
    display: none;
}
.bold {
    font-weight: 700;
}
.float-left {
    float: left;
}
.border-top {
    border-top: 1px solid #dbdbdb;
}
.float-right {
    float: right;
}
.centeralign {
    text-align: center;
}
.centermargin {
    margin: 0 auto;
}
.pipe {
    color: #999;
}
.generic-block-wrapper {
    padding: 1px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
}
.generic-block-wrapper a {
    font: 13px Verdana, Geneva, sans-serif;
    font-weight: 700;
    color: #2e4a80;
}
.generic-block-padding {
    padding: 15px 13px 15px 15px;
}
.generic-wrapper-loading {
    height: 32px;
    width: 100%;
    padding: 200px 0;
    text-align: center;
    visibility: hidden;
}
.generic-viewmore-row {
    padding: 16px 16px 15px 16px;
}
.GenericWrapperHeader {
    height: 70px;
    font: 13px/13px Verdana, Geneva, sans-serif;
    background-color: #3d5686;
    color: #fff;
}

h1.GenericWrapperHeader {
    height: 40px;
    font: 13px/13px Verdana, Geneva, sans-serif;
    background-color: #3d5686;
    color: #fff;
}

.generic-wrapper-header {
    height: 42px;
    font: 13px/13px Verdana, Geneva, sans-serif;
    background-color: #3d5686;
    color: #fff;
}

.generic-wrapper-header .active {
    height: 35px;
    margin: 0;
    padding: 3px 0 4px 0;
    background-color: #3d5686;
}
.generic-tabs {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.generic-tabs li {
    display: inline;
}
.generic-tabs li a {
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    padding: 10px 19px;
    margin: 0;
    background-image: url(https://b-static.net/www/i/default/gradient_buttons_grey.png);
    color: #2e4a80;
    border: solid #ccc;
    border-width: 1px 1px 0;
}
.generic-tabs li a.active {
    position: relative;
    top: 1px;
    padding-top: 11px;
    color: #525252;
    background: #fff;
}
.generic-tabs li a:hover {
    text-decoration: none;
}
.generic-tab-page {
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ccc;
}
.generic-tab-page .generic-block-padding {
    padding: 21px 20px 25px 20px;
}
.generic-big-blue-button {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    padding: 0 22px;
    vertical-align: middle;
    margin-right: 20px;
    color: #fff;
    background-color: #3f5787;
    background-image: url("https://b-static.net/www/i/default/gradient_637dae_3f5787.svg");
    background-image: linear-gradient(top, #637dae 0, #3f5787 100%);
    background-image: -o-linear-gradient(top, #637dae 0, #3f5787 100%);
    background-image: -moz-linear-gradient(top, #637dae 0, #3f5787 100%);
    background-image: -webkit-linear-gradient(top, #637dae 0, #3f5787 100%);
    background-image: -ms-linear-gradient(top, #637dae 0, #3f5787 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #637dae),
        color-stop(1, #3f5787)
    );
}
.right-hand-col-widget {
    margin-bottom: 10px;
}
.homepage-container {
    color: #333;
}
.header-topmargin {
    margin-top: 120px;
}
.homepage-threads-wrapper {
    margin-bottom: 10px;
}
.threads-wrapper-heading {
    font-weight: 400;
    margin-right: 137px;
    color: #fff;
}

h1.threads-wrapper-heading {
    font-weight: 900;
    margin-right: 137px;
    font-size: 14px;
    color: #fff;
}

.threads-wrapper-header-filterblock,
.threads-wrapper-header-paginationblock {
    position: relative;
    height: 36px;
    margin: 3px 0;
    border-left: 1px solid #637faf;
}
.threads-wrapper-header-filterblock {
    width: 150px;
}
.threads-wrapper-header-paginationblock {
    width: 111px;
}
.filter-selected-option {
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    width: 71px;
    padding: 13px 60px 7px 15px;
    background: transparent url(https://b-static.net/www/i/default/arrow-nav.png)
    no-repeat 85% 62%;
    background-size: 9px 5px;
}
.threads-wrapper-body {
    position: relative;
    display: none;
    margin-top: -432px;
    background-color: #fff;
}
.threads-wrapper-body .error-message {
    padding: 200px 0;
    height: 32px;
    text-align: center;
    line-height: 32px;
}
.threadrow-container-zebra {
    background-color: #f6f6f6;
}
.module-wrapper {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    position: relative;
}
.module-wrapper th {
    color: #444;
    background-color: #dedede;
    height: 34px;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #fff;
    border-bottom: none;
    border-right: none;
    vertical-align: middle;
    text-align: left;
    padding: 2px 0 0 15px;
}
.module-wrapper th.forumtitle {
    width: 145px;
}
.module-wrapper th.lastpost {
    width: 135px;
}
.module-wrapper th.postcount,
.module-wrapper th.thankcount {
    font-size: 11px;
    padding-left: 0;
    text-align: center;
    width: 55px;
}
.module-wrapper th.thankcount-noposts {
    width: 111px;
}
.module-wrapper td {
    border: 1px solid #dedede;
    border-bottom: 0;
    border-right: 0;
    padding: 8px 14px;
}
.module-wrapper th:first-child,
.module-wrapper tr td:first-child {
    border-left: 0;
}
.module-wrapper td.post-count,
.module-wrapper td.thanks-count {
    text-align: center;
    padding: 8px 0;
    font-size: 12px;
}
.module-wrapper td.post-count a {
    font-weight: 400;
}
.threadlink-wrapper {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
.oplink-wrapper a {
    font-weight: 400;
    color: #333;
}
.timestamp-wrapper {
    margin-bottom: 5px;
    font-size: 12px;
    color: #333;
}
.lastposter-wrapper {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.lastposter-wrapper a {
    font-weight: 400;
}
.threadrow-container-zebra td {
    background-color: #f6f6f6;
}
.read-thread {
    font-weight: 400 !important;
}
.spritethreadrow {
    width: 13px;
    height: 11px;
    display: inline-block;
    background: url(https://b-static.net/www/i/sprite-hp-threadrow-buttons.png)
    no-repeat top left;
    margin-right: 3px;
    position: relative;
    top: 1px;
}
.next-unread-button {
    background-position: 0 -12px;
}
.next-unread-button:hover {
    background-position: 0 0;
}
.latest-button {
    background-position: 0 -36px;
}
.latest-button:hover {
    background-position: 0 -24px;
}
.threadbody-viewmore {
    border-top: 1px solid #dbdbdb;
    padding: 16px 20px 16px 16px;
}
.threadbody-pagination-refresh {
    position: relative;
    height: 16px;
    padding: 16px 20px 16px 16px;
    border-top: 1px solid #dbdbdb;
}
.pagination-threads {
    display: table;
}
.pagination-arrow,
.pagination-pages {
    display: table-cell;
}
.pagination-pages {
    padding: 0 12px;
    vertical-align: middle;
}
.pagination-arrow {
    cursor: pointer;
}
.arrow-disable {
    cursor: default;
}
.threads-wrapper-header-paginationblock > .pagination-threads {
    padding: 12px 15px 7px 17px;
}
@media only screen and (max-width: 1024px) {
    .module-wrapper th.forumtitle {
        width: 115px;
    }
    .threadlink-wrapper {
        overflow: auto;
        white-space: normal;
        text-overflow: clip;
    }
}
.homepage-filter {
    position: absolute;
    top: 42px;
    left: -1px;
    width: 148px;
    display: none;
    padding: 1px;
    z-index: 5;
    border: 1px solid silver;
    border-top: 0;
    background-color: #fff;
}
.homepage-filter li {
    border-bottom: 1px solid #f1f1f1;
}
.homepage-filter .zebra {
    background-color: #fff;
}
.homepage-filter .zebra-stripe {
    background-color: #f6f6f6;
}
.homepage-filter li a {
    display: block;
    overflow: hidden;
    font-weight: 400;
    padding: 10px 0 10px 15px;
}
.homepage-filter li a:hover {
    text-decoration: none;
    background-color: #d7dbe4;
}
.homepage-filter li:last-child {
    border: 0;
}
.homepage-filter-header {
    padding: 8px 10px;
    color: #333;
    background-color: #e3e3e3;
}
.dropdown-norightborder > .homepage-filter {
    border-right: 0;
}
.top-adslot-wrapper {
    font-size: 0;
    margin: 132px auto 12px;
    overflow: hidden;
    max-width: 970px;
}
.homepage-mpu-ad {
    width: 300px;
    min-height: 250px;
    max-height: 600px;
}
.logged-in-right-col {
    padding-top: 56px;
}
.announcements-wrapper-body .generic-block-padding {
    border-bottom: 1px solid #dbdbdb;
    margin: 0 16px;
    padding: 11px 0 11px;
}
.announcements-wrapper-body .generic-block-padding.last {
    border-bottom: none;
    padding-bottom: 14px;
}
.announcements-wrapper-body .image-holder {
    height: 45px;
    width: 45px;
}
.announcement-title-holder {
    width: 195px;
    height: 45px;
    margin-left: 15px;
    display: table;
    table-layout: fixed;
}
.announcement-title-holder span {
    display: table-cell;
    word-wrap: break-word;
    vertical-align: middle;
    max-width: 200px;
}
.announcement-title-holder span:hover {
    text-decoration: underline;
}
.loggedout_widget_container .form .row {
    width: 260px;
}
.loggedout_widget_container .form .text-input {
    width: 240px;
    border-radius: 4px;
}
.row label {
    color: #525252;
}
.row.error .terms input {
    margin-top: 1px;
    margin-left: 3px;
}
.form .error-message {
    width: 260px;
}
.form .error-message label {
    color: #b60202;
}
#login-form .row .login-adjacent label {
    font-weight: 400;
}
.form .row .login-adjacent p {
    margin-bottom: 5px;
}
.form .row {
    margin-bottom: 0;
    padding-bottom: 10px;
}
.form .row p {
    margin-bottom: 10px;
}
.form .row p.last,
.form .row.last {
    margin-bottom: 0;
    padding-bottom: 0;
}
.form .row.last {
    padding-top: 5px;
}
.homepage-tabs {
    border-bottom: 1px solid #b7b7b7;
    padding: 20px 0 9px 0;
    color: #2e4a80;
}
.homepage-tabs li {
    display: inline;
    list-style: none;
    color: #2e4a80;
}
.homepage-tabs li:first-child {
    margin-left: 10px;
    color: #2e4a80;
}
.homepage-tabs li a {
    padding: 11px 13px 9px 13px;
    font-weight: 700;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-bottom-color: #b7b7b7;
    color: #2e4a80;
}
.homepage-tabs li a.active {
    background-color: #f2f2f2;
    border-color: #b7b7b7;
    border-bottom: 1px solid #f2f2f2;
    color: #2e4a80;
}
.tabs-container {
    padding-top: 10px;
}
.sponsored-content {
    margin: 10px 0 0 0;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    position: relative;
    width: 100%;
    table-layout: fixed;
}
.sponsored-content .image-wrapper {
    padding: 10px 20px;
    width: 122px;
    text-align: center;
    border-right: 1px solid #dbdbdb;
    background-color: #fff;
}
.sponsored-content .link-wrapper {
    padding: 16px 40px 20px 14px;
}
.sponsored-content .link-wrapper .thread-link-wrapper {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sponsored-content .link-wrapper .user-link-wrapper {
    font-size: 13px;
    margin-left: 1px;
}
.sponsored-content .sponsored-tag-wrapper {
    position: absolute;
    right: 16px;
    bottom: 16px;
}
.sponsored-content .sponsored-close-wrapper {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 10px;
    height: 10px;
}
.sponsored-content .oplink-wrapper .newpost:hover {
    text-decoration: none;
}
.sponsored-content .sponsored-close-wrapper img {
    cursor: pointer;
}
.loggedout-sponsored-wrapper .sponsored-content {
    margin: 0 0 10px 0;
}

/** talk to forum base **/

/*
General Styles
*/
.ttf-highlight {
    font-weight: bold;
}
.ttf-underline {
    text-decoration: underline;
}
.ttf-opacity {
    opacity: 0.2;
    /* For IE8 and earlier */
    filter: e("alpha(opacity = 20)");
}
button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Content Structure/Filtering */
.ttf-home {
    margin-top: 10px;
    margin-bottom: 60px;
}
.ttf-main {
    margin: 0 0 20px 0;
    padding: 0;
    border: 1px solid #e0e0e0;
    background-color: white;
    color: #525252;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
}
.ttf-sortheader-clearfix {
    height: 30px;
    margin-bottom: 20px;
    zoom: 1;
    overflow: hidden;
}
.ttf-sortheader {
    float: right;
    margin-bottom: 20px;
}
.ttf-sortbox {
    margin: 0;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-autocomplete li.ui-menu-item a.ui-state-hover,
.ui-widget-header .ui-state-focus {
    border: 1px solid #111;
    background: #333;
    color: #ffffff;
}

.forum-buttons-pagination {
    margin-top: 20px;
    margin-bottom: 35px;
}
.ttforum-pagination {
    display: inline;
}
.ttforum-pagination .pagination {
    float: right;
    margin: 0;
}

.thread-buttons-pagination {
    margin-bottom: 10px;
}
.thread-buttons-pagination.bottom {
    margin: 10px 0 20px 0;
}

.ttf-forumactivity {
    border: 1px solid #e0e0e0;
    padding: 1px;
    background-color: white;
    color: #525252;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
}

.ttf-active-mods {
    display: table-cell;
    vertical-align: top;
    width: 320px;
    margin-left: 1px;
}

.ttf-active-users {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    border-right: 1px solid #e2e2e2;
}

.ttf-forumactivity-heading {
    background: #dfdfdf;
    padding: 15px;
    height: 15px;
    text-overflow: ellipsis;
}

.ttf-forumactivity-heading.mods {
    border-left: 1px solid #ffffff;
    margin-left: -1px;
}

.ttf-active-user-list {
    padding: 15px;
}

.ttf-mod-wrapper {
    width: 290px;
    padding: 15px;
}

.ttf-active-mod-list {
    margin-bottom: 5px;
}

.inlinemoderation-thread {
    text-align: right;
    margin-bottom: 20px;
}

.question-prefix.show {
    margin-right: 10px;
}

/* Modals */
#modal-container {
    display: none;
    width: 460px;
    border: 10px solid rgba(20, 20, 20, 0.75);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.modal-title {
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    margin: 1px 1px 0 1px;
    padding: 0 10px 0 20px;
    background: #3b5586;
    border: 1px solid #cccccc;
    border-bottom: none;
    color: #ffffff;
    font-weight: bold;
}
.close-modal {
    float: right;
    width: 24px;
    height: 50px;
    background: red;
    vertical-align: middle;
    background: url("https://b-static.net/www/i/modal_close.png") 0px 13px
    no-repeat;
    cursor: pointer;
}
.close-modal:hover {
    background: url("https://b-static.net/www/i/modal_close_hover.png") 0px 13px
    no-repeat;
}
.modal-content {
    padding: 10px 20px;
}
.modal-content .guest-message p {
    text-align: center;
}
.modal-content .guest-message .gradient_button {
    text-align: right;
}
.modal-content .ui-widget-overlay {
    background: #000000;
}
.modal-content .ui-widget-content a {
    color: #ffffff;
}

/* Follow forum modal */
.follow-forum-modal .ui-dialog-titlebar,
.follow-thread-modal .ui-dialog-titlebar {
    display: none;
}

#followoptions {
    padding-left: 20px;
}
#followoptions li {
    list-style: none;
}
#follow-forum-button,
#follow-thread-button {
    float: right;
}
.unfollow_forum.hide,
.follow_forum.hide,
.unfollow_thread.hide,
.follow_thread.hide {
    display: none;
}
.follow-loading {
    display: none;
    height: 150px;
    line-height: 150px;
    vertical-align: middle;
    text-align: center;
}
.follow-loading span {
    height: 12px;
    line-height: 12px;
    margin-left: 15px;
}

/* Threadlist */
.forum-threadlist-wrapper {
    background-color: white !important;
    border: 1px solid #ccc !important;
    padding: 1px !important;
    margin-top: 50px !important;
    position: relative !important;
}

.forum-threadlist-header {
    margin: 0 !important;
    padding: 17px 0 16px 20px !important;
    font-size: 15px !important;
    background-color: #3b5586 !important;
    color: #fff !important;
    font-weight: 900 !important;
}

.forum-threadlist-forumtools {
    margin: -17px 0 -18px 0 !important;
    float: right !important;
    font-size: 11px !important;
    min-width: 144px !important;
    padding: 18px 0 17px 45px !important;
    cursor: pointer !important;
    background: transparent
    url(https://b-static.net/www/i/dropdown-whitearrow-down.png) no-repeat 140px
    22px !important;
    border-left: 1px solid #6177a6 !important;
    position: relative !important;
}
.forum-threadlist-forumtools.active {
    background-color: #4b6393 !important;
}

table.forum-threadlist-table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    font-size: 13px !important;
}

.forum-threadlist-thread {
    text-align: left !important;
    padding: 12px 10px 12px 15px !important;
}

.forum-threadlist-table th {
    color: #525252 !important;
    background-color: #dedede !important;
    height: 40px !important;
    font-size: 13px !important;
    border: 1px solid white !important;
    border-bottom: none !important;
    border-right: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    vertical-align: middle !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Threadlist - Thread Icon column */
.forum-threadlist-table th:first-child,
.forum-threadlist-table tr td:first-child {
    border-left: none !important;
    width: 50px !important;
}

tr th.CheckBoxColumn + th.forum-threadlist-icon {
    width: 50px !important;
    text-align: center;
}

tr th.forum-threadlist-icon .spritethreadbit {
    display: inline-block;
}

.forum-threadlist-table th:first-child div,
.forum-threadlist-table tr td:first-child div {
    margin: auto;
}

/* Threadlist - Checkbox column */
th.CheckBoxColumn, td.CheckBoxColumn {
    border-left: none !important;
    width: 50px !important;
    margin: auto;
}

.forum-threadlist-lastpost,
.forum-threadlist-replies,
.forum-threadlist-views,
.forum-threadlist-deleteinfo {
    background-color: #fafafa !important;
    width: 17% !important;
    text-align: center !important;
    color: #333;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}

/* Inline moderation for threads in the threadlist */
.forum-threadlist-table .inlinemod-selected,
.inlinemod-selected .forum-threadlist-lastpost,
.inlinemod-selected .forum-threadlist-replies,
.inlinemod-selected .forum-threadlist-views,
.inlinemod-selected .forum-threadlist-deleteinfo {
    background: #ffc !important;
}

.forum-threadlist-lastpost,
.forum-threadlist-deleteinfo {
    text-align: left !important;
    padding: 0 10px 0 15px !important; /* Bumps width to 135px */
}
.forum-threadlist-thread-lastposter {
    position: relative !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 90% !important;
}

.threadbit-lastposter {
    text-decoration: none !important;
    color: #2e4a80 !important;
}

.forum-threadlist-replies {
    width: 9% !important;
    padding: 0 !important;
}

.forum-threadlist-views {
    width: 9% !important;
    padding: 0 !important;
}

.forum-threadlist-moderation {
    width: 51px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.forum-threadlist-deleteinfo {
    width: 292px !important;
}

.forum-threadlist-table tbody td {
    border: 1px solid #dedede !important;
    border-bottom: none !important;
    border-right: none !important;
    vertical-align: middle !important;
    padding: 12px 10px 12px 15px !important;
}

.forum-threadlist-table tbody td.search-noresults {
    font-size: 13px !important;
    color: #333 !important;
    padding: 20px !important;
}
.forum-threadlist-table tbody td.sr-notification-icon {
    padding-top: 15px !important;
    vertical-align: top !important;
}

.forum-threadlist-thread-lastpost,
.forum-threadlist-thread-threadlink {
    line-height: 16px !important;
    padding-bottom: 5px;
}

.forum-threadlist-thread-threadlink {
    font-size: 13px !important;
}

.deleted .forum-threadlist-thread-threadlink {
    font-style: italic !important;
}

.forum-threadlist-thread-threadicons {
    float: right !important;
}

.forum-threadlist-thread-threadicons .spritethreadbit {
    display: inline-block !important;
    margin-right: 3px !important;
}

.forum-threadlist-thread-textsnippet {
    padding: 3px 10px 8px 0 !important;
    font-size: 12px !important;
    color: #484848 !important;
}

a.threadbit-threadlink {
    cursor: pointer !important;
    color: #2e4a80 !important;
    text-decoration: none !important;
}

table a.threadbit-threadlink {
    color: #2e4a80 !important;
}

.threadbit-threadlink .threadbit-prefix {
    color: #cb0000 !important;
    font-weight: 700 !important;
}

.forum-threadlist-thread-threadstarter {
    font-size: 12px !important;
}

.threadbit-moderated,
.threadbit-sticky,
.threadbit-threadlink.unread {
    font-weight: bold !important;
}

.threadbit-threadlink-pages {
    color: #2e4a80;
    display: inline-block !important;
}

table a.threadbit-threadstarter.search-result {
    color: #2d4780 !important;
}

table a.threadbit-threadstarter {
    color: #333333 !important;
}

.spritethreadbit {
    background: url(https://b-static.net/www/i/sprite-threadbit.png) no-repeat !important;
}

.spritethreadbit.search-result {
    position: relative !important;
    top: -30px !important;
}

.spritethreadbit-threadread {
    width: 20px !important;
    height: 18px !important;
    background-position: 0 0 !important;
}

.spritethreadbit-threadunread {
    width: 20px !important;
    height: 12px !important;
    background-position: -36px -32px !important;
}

.spritethreadbit-threadlocked {
    width: 12px !important;
    height: 16px !important;
    background-position: -74px -16px !important;
}

.spritethreadbit-firstunread {
    display: inline-block !important;
    vertical-align: bottom !important;
    width: 17px !important;
    height: 15px !important;
    background-position: -18px -32px !important;
}

.spritethreadbit-firstunread:hover {
    background-position: 0 -32px !important;
}

.spritethreadbit-latestpost {
    display: inline-block !important;
    vertical-align: bottom !important;
    width: 17px !important;
    height: 15px !important;
    background-position: -56px -16px !important;
}

.spritethreadbit-latestpost:hover {
    background-position: -73px 0 !important;
}

/* Unused threadbit icon */
.spritethreadbit-threadtags {
    width: 17px !important;
    height: 17px !important;
    background-position: -21px 0 !important;
}

.spritethreadbit-threadattachments {
    width: 16px !important;
    height: 17px !important;
    background-position: -39px 0 !important;
}

.spritethreadbit-threadfollowed {
    width: 17px !important;
    height: 13px !important;
    background-position: -57px -32px !important;
}

.spritethreadbit-deletedposts {
    width: 12px !important;
    height: 15px !important;
    background-position: -75px -33px !important;
}

.spritethreadbit-unapprovedposts {
    width: 16px !important;
    height: 16px !important;
    background-position: -56px 0 !important;
}

#tabs-search-newthread {
    margin-top: 15px;
}

#tabs-newthread:before {
    display: block;
    content: "";
    height: 225px;
    margin: -225px 0 0;
}

.Meta.Meta-Discussion .Tag.Tag-Sticky {
    color: #333;
    margin: 5px 0;
}

/* Forum tools */
.forum-tools {
    border: 1px solid #ccc;
    background: #fff;
    font-weight: normal;
    display: none;
    padding: 0;
    width: 189px;
    position: absolute;
    top: 48px;
    left: -2px;
    z-index: 5;
}
.forum-tools ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.forum-tools li {
    border-bottom: 1px solid #ccc;
}
.forum-tools li a {
    padding: 8px 10px;
    display: block;
    overflow: hidden;
    background-color: #fff;
    background-image: none;
    line-height: 13px;
    height: auto;
}
.forum-tools li a:hover {
    background-color: #efefef;
    color: #333;
    text-decoration: none;
}
.forum-tools li:last-child {
    border: 0;
}
.forum-tools-header {
    color: #333;
    background-color: #e3e3e3;
    padding: 8px 10px;
}

.username-mod,
.username-cmod,
.username-admin,
.username-employee,
.username-companyrep {
    font-weight: bold;
}

.username-subscriber {
    font-style: italic;
}

.username-companyrep {
    color: red;
}
/* Instant Search Results */

/* loading spinner */
.ttf-loading {
    display: none;
    position: absolute;
    left: 50%;
    top: 200px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    color: #525252;
    background: #fff;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=1);
    z-index: 100;
}
.ttf-loading img {
    margin: 0 0 7px 0;
}

.sr-show-more {
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #2e4a80;
}
.sr-show-more:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #f40;
}
.sr-loader-row td {
    text-align: center;
    padding: 15px 10px;
}
.sr-loader-row #sr-spinner {
    display: none;
    position: relative;
    left: 15px;
    vertical-align: middle;
}
.meBox [class^="vanilla"][class$="-loader-smallLoader"]::after {
    border-color: rgb(255, 255, 255) rgba(61, 86, 134, 0.5) rgba(61, 86, 134, 0.3)
}
/** Mpu **/
.ttf-mpu {
    min-width: 300px;
    max-height: 250px;
    border: 1px #e2e2e2 solid;
    margin-top: 37px;
}

.ttf-mpu.single-post {
    margin-top: 0px;
}

/*post view css */
/* Generic */
.postbit-wrapper {
    overflow: hidden !important;
    color: #525252 !important;
    position: relative !important;
    width: 100% !important;
    background-color: #fff !important;
}
.postbit-wrapper.single-post {
    border: 1px solid #e2e2e2 !important;
}
.postbit-unapproved,
.postbit-unapproved .postbit-postdetails,
.postbit-unapproved .postbit-postbody,
.postbit-unapproved .postbit-actions {
    background-color: #cccccc !important;
}
.inlinemod-selected,
.inlinemod-selected .postbit-postdetails,
.inlinemod-selected .postbit-userinfo,
.inlinemod-selected .postbit-postbody,
.inlinemod-selected .postbit-actionscontainer,
.inlinemod-selected .postbit-posttools,
.inlinemod-selected .postbit-actions {
    background-color: #ffffcc !important;
    color: #525252 !important;
}
.postbit-postdetails,
.postbit-actionscontainer {
    background-color: #f9f9f9 !important;
}
.postbit-content {
    height: 100% !important;
    padding: 0 0 30px 0 !important;
}
.clearleft {
    clear: left;
}
/* Header */
.postbit-header {
    color: #fff !important;
    background-color: #3b5586 !important;
    padding: 0 15px 0 25px !important;
    height: 28 px !important;
    line-height: 28px !important;
    font-size: 11px !important;
}
.postbit-header .post-count {
    font-weight: bold !important;
    float: right !important;
}

/* Postbit Sprite */
.postbit-header .new-post,
.quote-wrapper .user-arrow,
.userinfo-username .online,
.userinfo-username .offline,
.userinfo-username .invisible,
.postbit-buttons-wrapper .postbit-button {
    display: inline-block !important;
    background: url("https://b-static.net/www/i/sprite-postbit.png") no-repeat;
}

.postbit-header .new-post {
    width: 26px !important;
    height: 14px !important;
    background-position: -218px -31px !important;
    position: relative !important;
    top: 3px !important;
    margin: 0 3px 0 0 !important;
}
.postbit-header .post-count a {
    color: #fff !important;
}
.postbit-anchor {
    display: block !important;
    position: relative !important;
    top: -90px !important;
    visibility: hidden !important;
}
/* Userinfo */
.postbit-posttools,
.postbit-userinfo {
    float: left !important;
    padding: 20px 25px 0 20px !important;
    background-color: #f9f9f9 !important;
}
.userinfo-row {
    margin: 0 !important;
    padding: 7px 0 !important;
    border-bottom: 1px dotted #b7b7b7 !important;
    display: flex;
    flex-direction: column;
}
.userinfo-row:first-child {
    padding: 0 0 10px 0 !important;
}
.userinfo-row:last-child {
    border: 0;
}
.userinfo-row.account-data {
    line-height: 18px !important;
}
.userinfo-username-title {
    color: #2d4780 !important;
    font-weight: bold !important;
    font-size: 13px !important;
    max-width: 200px;
    overflow-wrap: break-word !important;
}
.userinfo-username:hover {
    cursor: pointer !important;
}
.userinfo-username span.online {
    width: 15px !important;
    height: 12px !important;
    background-position: -227px -109px !important;
    margin: 0 5px 0 0 !important;
}
.userinfo-username span.offline {
    width: 15px !important;
    height: 12px !important;
    background-position: 0 -157px !important;
    margin: 0 5px 0 0 !important;
}
.userinfo-username span.invisible {
    width: 15px !important;
    height: 12px !important;
    background-position: -16px -157px !important;
    margin: 0 5px 0 0 !important;
}
.userinfo-title {
    margin: 0 0 5px 0 !important;
}
.userinfo-avatar img {
    margin: 15px 0 0 35px !important;
    border: 1px solid #dfdfdf !important;
}
.Discussion .DataList .PhotoWrap, .MessageList .PhotoWrap {
    align-self: center;
    margin: 10px 0 0 0;
}
.user-tools {
    padding-top: 8px !important;
    display: none !important;
    position: absolute !important;
    z-index: 10 !important;
    background: transparent url("https://b-static.net/www/i//user-menu-notch.png")
    no-repeat 0 top;
}
.user-tools ul {
    min-width: 160px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none !important;
    border: 1px solid #ccc !important;
    border-top: 0 !important;
    background: #fff !important;
    /* Drop shadow */
    -moz-box-shadow: 3px 3px 2px 0 #ccc !important;
    -webkit-box-shadow: 3px 3px 2px 0 #ccc !important;
    box-shadow: 3px 3px 2px 0 #ccc !important;
}
.user-tools li {
    border-bottom: 1px solid #ccc !important;
}
.user-tools li a {
    color: #2e4a80 !important;
    padding: 8px 10px !important;
    display: block !important;
    overflow: hidden !important;
    line-height: 13px !important;
    height: auto !important;
}
.user-tools li a:hover {
    background-color: #efefef !important;
    color: #333 !important;
    text-decoration: none !important;
}
.user-tools li:last-child {
    border: 0;
}
/* Postbit Message */
.postbit-postbody,
.postbit-actions {
    margin-left: 195px !important;
    border-left: 1px solid #e2e2e2 !important;
    background-color: white !important;
    overflow-wrap: break-word;
}
.postbit-message {
    padding: 20px 25px !important;
    font-size: 13px !important;
    line-height: 17px !important;
    vertical-align: top !important;
    word-wrap: break-word !important;
}
.postbit-message .bbcode_url {
    text-decoration: underline !important;
}
.postbit-message .bbcode_url:hover {
    color: #ff4400 !important;
}
/* Message Quote */
.quote-wrapper {
    padding: 15px !important;
    margin: 10px 0 0 0 !important;
    border: 1px solid #e5e5e5 !important;
    background: #f9f7f8 !important;
    color: #707070 !important;
    font-size: 12px !important;
}
.quoted-text {
    font-style: italic !important;
    margin: 7px 0 0 0 !important;
}
.quote-wrapper .user-arrow {
    width: 16px !important;
    height: 15px !important;
    position: relative !important;
    top: 3px !important;
    margin: 0 0 0 4px !important;
    background-position: -227px -93px !important;
}
/* BBcode */
.bbcode_code {
    width: 95% !important;
    padding: 20px !important;
}
.bbcode_code_body {
    overflow: auto !important;
    max-height: 400px !important;
    word-wrap: normal !important;
    font-family: monospace !important;
}
/* Deleted Message */
.message-wrapper-deleted {
    display: none !important;
    margin-bottom: 10px !important;
}
.message-wrapper-deleted.show-deleted-post {
    display: block !important;
}
.deleted-post {
    padding: 20px !important;
    font-size: 12px !important;
    background: #fff5f4 !important;
    border: 1px solid #f6b5b3 !important;
    text-align: center !important;
}
.deleted-post a,
.deleted-post .view-deleted-post {
    color: #c80000 !important;
}
.deleted-post .view-deleted-post:hover {
    text-decoration: underline !important;
    cursor: pointer !important;
}
/* Attachments */
.attachments-wrapper {
    padding: 10px !important;
    border: 1px solid #e5e5e5 !important;
    background: #f9f7f8 !important;
    margin: 20px 0 0 0 !important;
}
.attachments-wrapper h2 {
    font-size: 11px !important;
    margin: 0 0 3px 0 !important;
    padding: 0 !important;
}
.attachments-wrapper ul {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.attachments-wrapper li .attachment-filesize {
    font-size: 11px !important;
}
.attachments-wrapper li {
    color: #777576 !important;
}
/* Signature */
.signature-wrapper {
    margin: 10px 0 15px 0 !important;
    padding-top: 10px !important;
    border-top: 1px solid #d9d9d9 !important;
}
/* History */
.history-wrapper {
    font-style: italic !important;
    font-size: 11px !important;
    color: #777777 !important;
    margin: 15px 0 0 0 !important;
    padding: 10px 0 !important;
    border-top: 1px dotted #b7b7b7 !important;
    border-bottom: 1px dotted #b7b7b7 !important;
}
.history-wrapper a {
    color: #777777 !important;
}
/* Postbit Tools */
.postbit-posttools {
    padding-top: 0 !important;
    line-height: 30px !important;
    padding-bottom: 25px !important;
}
.postbit-actions {
    text-align: right !important;
    padding-bottom: 25px !important;
}
.postbit-actionpost,
.postbit-muppetcheck {
    display: none !important;
    text-decoration: none !important;
}
.postbit-actionpost:hover,
.postbit-muppetcheck:hover {
    text-decoration: none !important;
}
/* Buttons */
.postbit-buttons-wrapper {
    padding: 0 25px !important;
    min-height: 33px !important;
}
.postbit-buttons-wrapper .postbit-button:hover {
    cursor: pointer !important;
}
.postbit-buttons-wrapper .reply {
    width: 76px !important;
    height: 30px !important;
    background-position: -77px -62px !important;
}
.postbit-buttons-wrapper .reply:hover {
    width: 76px !important;
    height: 30px !important;
    background-position: 0 -62px !important;
}
.postbit-buttons-wrapper .edit {
    width: 69px !important;
    height: 30px !important;
    background-position: -70px -124px !important;
}
.postbit-buttons-wrapper .edit:hover {
    background-position: 0 -124px !important;
}
.postbit-buttons-wrapper .quote {
    width: 80px !important;
    height: 30px !important;
    background-position: -81px -62px !important;
}
.postbit-buttons-wrapper .quote:hover {
    width: 80px !important;
    height: 30px !important;
    background-position: 0 -62px !important;
}
.postbit-buttons-wrapper .reply {
    width: 76px !important;
    height: 30px !important;
    background-position: 0 -93px !important;
}
.postbit-buttons-wrapper .reply:hover {
    width: 76px !important;
    height: 30px !important;
    background-position: -162px -62px !important;
}
.postbit-buttons-wrapper .multiquote {
    width: 108px !important;
    height: 30px !important;
    background-position: -109px 0 !important;
}
.postbit-buttons-wrapper .multiquote:hover,
.postbit-buttons-wrapper .mqselected {
    background-position: 0 0 !important;
}
.postbit-buttons-wrapper .deleted {
    width: 38px !important;
    height: 32px !important;
    background-position: -179px -124px !important;
}
.postbit-buttons-wrapper .deleted:hover {
    background-position: -140px -124px !important;
}
.postbit-buttons-wrapper .unapproved,
.postbit-buttons-wrapper .unapproved:hover {
    width: 29px !important;
    height: 32px !important;
    background-position: -218px -124px !important;
    cursor: default;
}
.postbit-buttons-wrapper .thank {
    width: 74px !important;
    height: 30px !important;
    background-position: -152px -93px !important;
}
.postbit-buttons-wrapper .thank:hover {
    background-position: -77px -93px !important;
}

.postbit-buttons-wrapper .thank.no-thanks,
.postbit-buttons-wrapper .remove-thank.no-thanks {
    border-right: 1px solid #cccccc !important;
}

.postbit-buttons-wrapper .thanking {
    width: 31px !important;
    height: 30px !important;
    background: url("https://b-static.net/www/i/ajax-loader-small.gif") 5px 7px
    no-repeat !important;
}
.postbit-buttons-wrapper .remove-thank {
    width: 92px !important;
    height: 30px !important;
    background-position: -93px -31px !important;
}
.postbit-buttons-wrapper .remove-thank:hover {
    background-position: 0 -31px !important;
}
.postbit-buttons-thanks {
    display: block;
    float: right;
    padding: 0 10px;
    border: 1px solid #cccccc;
    cursor: pointer;
    height: 28px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    line-height: 28px;
    text-align: center;
    color: #2e4a80;
}
.postbit-buttons-thanks:hover {
    text-decoration: underline;
}
.postbit-buttons-thanks.no-thanks {
    display: none !important;
}

.postbit-buttons-thanks.expanded {
    height: 38px;
    background: #ffffff;
    border-bottom: 0;
}

/* Thanks */
.thanks-wrapper .thanks-count {
    color: #343434;
}
.thanks-wrapper {
    display: none;
    margin: 5px 25px 0px 25px;
    padding: 15px 15px 15px 15px;
    font-size: 10px;
    border: 1px solid #cccccc;
}
.thanks-wrapper a {
    font-weight: normal;
    color: #525252;
}
.thanks-wrapper a:hover {
    text-decoration: underline;
}
.thanks-wrapper.expanded {
    margin-top: 5px;
}
/* Ads */
.postbit-advertisement {
    width: 728px;
    margin: 25px auto;
}
@media only screen and (max-width: 1190px) {
    .postbit-wrapper.advertisement {
        display: none;
    }
}

.feedback_complete_message {
    margin-top: 10px;
    color: #3b5586;
}

#feedback_message {
    position: relative;
}

#feedback_message::after {
    position: absolute;
    z-index: -1;
}

/* TTF feedback */
#submit_feedback_container {
    width: 90%;
}

#submit_feedback_container > div:first-of-type {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

#submit_feedback_container a {
    text-decoration: none;
    width: 75px;
    height: 75px;
}

body {
    font: 12px Verdana, Arial, Helvetica, sans-serif !important;
}

/** topbox ttf */

/* Topbox Tabs */
.topbox-tabs {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.topbox-tabs li {
    display: inline !important;
}

.gradient_button.grey {
    background: #ccc url("https://b-static.net/www/i/gradient_buttons_grey.png") repeat-x 0 0 !important;
    color: #444 !important;
}

.topbox-tabs li a {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #333 !important;
    display: inline-block !important;
    border: solid #cccccc !important;
    border-width: 1px 1px 0 !important;
    padding: 10px 19px !important;
    margin: 0 !important;
    background-image: url("https://b-static.net/www/i/gradient_buttons_grey.png") !important;
}
.topbox-tabs li a.active {
    position: relative !important;
    top: 1px !important;
    padding-top: 11px !important;
    background: #fff !important;
}
.topbox-tabs li a:hover {
    text-decoration: none !important;
}
.topbox-tab {
    background: #fff !important;
    border: 1px solid #ccc !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Top Box Search  */
.search-table {
    display: table !important;
    width: 100% !important;
}
.search-table-row {
    display: table-row !important;
}
.search-table-cell {
    padding: 30px !important;
    margin: 0 !important;
    display: table-cell !important;
}
.topbox-search-form {
    width: 65% !important;
    background-color: #fff !important;
    vertical-align: middle !important;
}
.topbox-search-form .search-form-wrapper {
    margin-right: 110px !important;
    position: relative !important;
}
.topbox-search-form #topbox-query {
    width: 100% !important;
    background: #f7f7f7 !important;
    border: 1px solid #cfcfcf !important;
    padding: 12px 7px !important;
    font-size: 13px !important;
}
.topbox-search-form #topbox-query::-ms-clear {
    display: none !important;
}
.topbox-search-form #submit {
    position: absolute !important;
    margin-left: 20px !important;
    left: 100% !important;
    top: 1px !important;
}
.topbox-search-form #search-clear {
    width: 20px !important;
    height: 20px !important;
    background-image: url("https://b-static.net/www/i/search_clear.png") !important;
    position: absolute !important;
    top: 11px !important;
    right: 1px !important;
    cursor: pointer !important;
    display: none !important;
}
.topbox-search-text {
    width: 35% !important;
    background-color: #fafafa !important;
    border-left: 1px solid #e2e2e2 !important;
}

/* Topbox new thread */
.newthread-table {
    display: table !important;
    width: 100% !important;
}
.newthread-table-row {
    display: table-row !important;
}
.newthread-table-cell {
    padding: 20px !important;
    margin: 0 !important;
    display: table-cell !important;
}
.topbox-newthread-text {
    width: 35% !important;
    background-color: #fafafa !important;
    border-left: 1px solid #e2e2e2 !important;
}
.topbox-newthread-text ul {
    padding-left: 15px !important;
}
.topbox-newthread-text li {
    margin: 0 0 15px 0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
}
/* Form Styling */
.topbox-newthread-form {
    display: block !important;
}
.topbox-newthread-form label {
    display: block !important;
    font-size: 13px !important;
    margin: 6px 0 !important;
    color: #525252 !important;
}
.topbox-newthread-form #thread_title,
.topbox-newthread-form #thread_text {
    width: 100% !important;
    background: #f7f7f7 !important;
    border: 1px solid #cfcfcf !important;
    padding: 12px 0 12px 7px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

.thread_title {
    padding: 12px 0 12px 7px !important;
}

.topbox-newthread-form .thread_title,
.topbox-newthread-form .thread_text {
    width: 100% !important;
    background: #f7f7f7 !important;
    border: 1px solid #cfcfcf !important;
    padding: 12px 0 12px 7px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}


/* Dropdown styling */
.topbox-newthread-form .dropdown-wrapper {
    margin: 15px 0 0 0 !important;
}
.topbox-newthread-form .dropdown-wrapper select {
    width: 100% !important;
    font-size: 13px !important;
    background: #f7f7f7 !important;
    border: 1px solid #cfcfcf !important;
    padding: 8px !important;
}
.topbox-newthread-form .dropdown-wrapper .alignleft,
.topbox-newthread-form .dropdown-wrapper .alignright {
    width: 47% !important;
}
/* Attachments wrapper */
.topbox-newthread-form .attachment-wrapper {
    margin: 15px 0 0 0 !important;
}
.topbox-newthread-form .attachment-wrapper label {
    margin-bottom: 0 !important;
}
.topbox-newthread-form .attachment-wrapper .att-input {
    visibility: hidden !important;
    width: 0 !important;
}
.topbox-newthread-form .attachment-wrapper .att-display {
    color: #333 !important;
    font-size: 12px !important;
    font-family: Verdana, Arial, Sans-Serif !important;
    height: 0 !important;
    visibility: hidden !important;
    margin: 10px 0 0 0 !important;
}
.topbox-newthread-form .attachment-wrapper .att-display img {
    margin: -3px 5px 0 0 !important;
}
.topbox-newthread-form .attachment-wrapper .att-label {
    font-weight: bold !important;
    margin: 0 5px 0 0 !important;
}
.topbox-newthread-form .attachment-wrapper .att-ext-label {
    color: #777777 !important;
    font-size: 11px !important;
}
#att-button {
    cursor: pointer !important;
}
.topbox-newthread-form .row .error-message label {
    color: #b60202 !important;
}
/* Button Wrapper */
.topbox-newthread-form .form-submission-spinner {
    width: 16px !important;
    height: 16px !important;
    position: relative !important;
    right: 15px !important;
    top: 3px !important;
    background: url("https://b-static.net/www/i/ajax-loader-small.gif") no-repeat !important;
    display: none !important;
}

.button-center {
    margin: auto;
    width: 50%;
    padding: 10px;
}

.topbox-newthread-form .button-wrapper {
    margin: 15px 0 0 0 !important;
    text-align: right !important;
}
/* Below 960px window width... */
@media only screen and (max-width: 1230px) {
    /* ...lose the text */
    .topbox-newthread-text {
        display: none !important;
    }
}

/* Login Form */
.login-table {
    display: table !important;
    width: 100% !important;
}
.login-table-row {
    display: table-row !important;
}
.login-table-cell {
    padding: 20px !important;
    margin: 0 !important;
    display: table-cell !important;
}
.ttflogin-header {
    display: block !important;
    font-size: 15px !important;
    font-weight: bold !important;
    margin: 0 0 6px 0 !important;
}
.ttflogin-sub-header {
    display: block !important;
    border-bottom: 1px solid #e2e2e2 !important;
    padding: 0 0 12px 0 !important;
}
.topbox-login-form {
    width: 65% !important;
    background-color: #fff !important;
}
.topbox-login-form form {
    display: block !important;
    margin: 20px 0 0 0 !important;
}
.topbox-login-form label {
    display: block !important;
    font-size: 12px !important;
    margin: 6px 0 !important;
    color: #525252 !important;
}
.topbox-login-form #username,
.topbox-login-form #password {
    width: 300px !important;
    background: #f7f7f7 !important;
    border: 1px solid #cfcfcf !important;
    padding: 12px 8px !important;
}
.topbox-login-form .button-wrapper {
    margin: 15px 0 0 0 !important;
}
#ttflogin-form .focus #username,
#ttflogin-form .focus #password {
    border: 1px solid #8093b9 !important;
    outline: none !important;
}
#ttflogin-form .error-message {
    display: inline-block !important;
    width: 190px !important;
    vertical-align: middle !important;
    position: absolute !important;
    left: -9999px !important;
    top: 0 !important;
}
#ttflogin-form .error-message label {
    color: #b60202 !important;
    font-size: 0.917em !important;
}
* + html #ttflogin-form .error-message {
    display: inline !important;
}
#ttflogin-form .error-message p {
    margin: 0 !important;
}
#ttflogin-form .error .error-message {
    position: static !important;
}
#ttflogin-form .error #username,
#ttflogin-form .error #password {
    border: 1px solid #b60202 !important;
}
#ttflogin-form .checkbox-label {
    display: inline-block !important;
    vertical-align: middle !important;
}
.topbox-login-text {
    width: 35% !important;
    background-color: #fafafa !important;
    border-left: 1px solid #e2e2e2 !important;
}
.topbox-login-text ul {
    padding-left: 15px !important;
}
.topbox-login-text li {
    margin: 0 0 5px 0 !important;
    font-size: 12px !important;
}

/* TALK TO FORUM REPS */

#ttf-reps {
    background-color: white !important;
    border: 1px solid #ccc !important;
    padding: 1px !important;
    margin-top: 10px !important;
    width: 298px !important;
}
#ttf-reps .sticky {
    position: fixed !important;
    top: 0 !important;
}
#ttf-reps h2 {
    margin: 0px !important;
    padding: 20px !important;
    font-size: 13px !important;
    background-color: #3b5586 !important;
    color: #fff !important;
}
#ttf-reps h2 span {
    font-weight: normal !important;
}
#ttf-reps h3 {
    margin: 18px 0px 0px 0px !important;
    font-size: 12px !important;
}
#ttf-reps .rep-wrapper {
    padding: 19px !important;
    overflow: hidden !important;
}
#ttf-reps .rep-wrapper .reps {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none !important;
}
#ttf-reps .rep-wrapper .reps li {
    padding: 10px 0 !important;
    border-bottom: 1px solid #dfdfdf !important;
}
#ttf-reps .rep-wrapper .reps li img {
    float: left !important;
    width: 37px !important;
    height: 37px !important;
    border: 1px solid #dfdfdf !important;
}
#ttf-reps .rep-wrapper .reps li .rep-name {
    float: left !important;
    margin-left: 5px !important;
    padding-top: 12px !important;
    padding-left: 6px !important;
    color: #3b5586 !important;
}
#ttf-reps #rep-stats {
    float: left !important;
    border-bottom: 1px solid #dfdfdf !important;
    padding: 0 0 15px 0 !important;
    margin: 0 0 10px 0 !important;
}
#ttf-reps #rep-stats .container {
    float: left !important;
    text-align: center !important;
    padding: 2px 1px 7px 0px !important;
}
#ttf-reps #rep-stats .container.first {
    border-right: 1px solid #ccc !important;
    padding-right: 8px !important;
}
#ttf-reps #rep-stats .data {
    font-size: 17px !important;
    font-weight: bold !important;
    width: 120px !important;
    margin-bottom: 1px !important;
}
#ttf-reps #rep-stats .label {
    color: #777 !important;
    font-size: 11px !important;
}
#ttf-reps #rep-opening p {
    margin: 8px 0px 0px 0px !important;
    line-height: 15px !important;
    color: #777 !important;
}


/* Ad container spacing and style */
.ad-container {
    text-align: center;
    margin: 15px auto;
}
.ad-container .ad-text {
    font: 13px Verdana, Geneva, sans-serif;
    margin: 5px;
}
/* Utility classes, to allow us to reduce CLS */
.min-h-90 {
    min-height: 90px;
}
.min-h-250 {
    min-height: 250px;
}
.min-h-50 {
    min-height: 50px;
}


.Frame-content .Container {
    /* TODO: Remove from pocket? Lot of spacing at the top of each container. */
    margin-top: 0;
}
.top-ad.ad-container {
    margin-top: 90px;
}
.pageBox.non-home {
    margin-top: 50px;
}

.sideNavContainer {
    margin-bottom: 20px;
}
.sideNavContainer .Box.BoxCategories.SideNav:last-child {
    border-bottom: 1px solid #3d5686;
}
.sideNavContainer .Box.BoxCategories.SideNav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}


 /* Side Navigation Menu */
 .toggle-dropdown:hover {
    cursor: pointer;
}

.Box.SideNav .SideNav-header {
    background: #3d5686;
    padding: 5px;
    color: #fff;
}


.Box.SideNav .SideNav-header h2 {
    color: #fff;
    font-size: 16px;
}
.Box.SideNav .SideNav-header .small-text {
    font-size: 10px;
}

.Box.BoxCategories.SideNav .Heading {
    padding-left: 5px;
}

.Box.BoxCategories.SideNav {
    border-bottom: 1px solid rgba(0,0,0,0.2)
}

.sideNavContainer {
    width: 300px;
}
.sideNavContainer  .Box.BoxCategories.SideNav a,
.sideNavContainer  .Box.BoxCategories.SideNav toggle-dropdown {
     font-family: Verdana,Geneva,sans-serif;
     /* Hyper-specific box selectors. Override */
     font-weight: 700 !important;
     font-size: 14px;
     color: #2e4a80;
}
.sideNavContainer .Box.BoxCategories.SideNav a:hover {
     color: rgb(44, 64, 101);
}
.Box.BoxCategories.SideNav {
    border-left: 1px solid #3d5686;
    border-right: 1px solid #3d5686;
}

.Panel .Box.BoxCategories.SideNav li {
    padding-top: 0;
}

.Panel .BoxCategories.SideNav a {
    padding: 2px;
}

.Panel .Box.SideNav {
    margin: 0;
}

.dropdown {
     display: none;
}

.dropdown.active {
    display: block;
    padding-left: 10px;
}

.Box.BoxCategories .Heading {
   display: inline-block;
   width: unset;
}

.Box.BoxCategories.SideNav .toggle-dropdown {
   display: inline-block;
}

@media screen and (max-width: 992px) {
   .Panel.Panel-main .sideNavContainer .Box.BoxCategories.SideNav {
        display: block;
    }
}


.right {
    float: right;
}
.no-scroll {
    overflow-y: hidden;
}

nav.BreadcrumbsBox {
    /* Offset padding added by nested boxes, causing breadcrumb bar to not go full width */
    margin-left: -8px;
}

/* Slide-out nav menu */
#body-overlay {
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
}

#nav_back_container {
    font-size: 16px;
    border:  1px solid white;
    border-radius: 5px;
    padding: 0px 5px;
    display: inline-block;
    margin-right: 5px;
}

#nav_back_container.hidden {
    display: none;
}
#nav_back_container:hover {
    background: white;
    color: #3d5686;
}

#nav_title_container {
    background: #3d5686;
    padding: 1rem;
    color: #fff;
    cursor: pointer;
}

#nav_title_container h2 {
    color: #fff;
    font-size: 16px;
    display: inline-block;
}
#sidebar_nav li .back_up_submenu {
    font-size: 11px;
    text-transform: uppercase;
    border-bottom: 1px solid #3d5686;
}
#sidebar_nav li a,
#sidebar_nav li div {
    font: 13px Verdana, Geneva, sans-serif;
    font-weight: 700;
    color: #2e4a80;
    display: block;
    width: 100%;
    padding: 1rem;
}
#sidebar_nav li div > a {
    padding: 0;
    display: inline;
}
#sidebar_nav li a:hover,
#sidebar_nav li div:hover {
    background: #d6d5d3;
    text-decoration: none !important;
    cursor: pointer;
}
#sidebar_nav li div.unclickable:hover {
    background: inherit;
    cursor: default;
}
.real-menu {
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 999999;
    width: 300px;
    height: 100%;
    padding: 0;
    box-shadow: 0 6px 12px rgba(107, 82, 82, 0.3);
    background-color: white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: ease 0.2s all;
    overflow-y: scroll;
}

body.menu-open #body-overlay {
    display: block;
}
body.menu-open .real-menu {
    left: 0;
}
/* Move snigel sticky footer over so menu isn't obscured, and ads aren't behind menu */
body.menu-open .snigel-adhesive.bottom {
    left: 300px;
}
/* End slide-out nav menu */

/* Search dropdown styles - text not contrasting enough with background */
.suggestedTextInput-searchingFor,
.suggestedTextInput-head .suggestedTextInput-title,
.suggestedTextInput-main .isFlexed time.css-nopxru-Metas-styles-meta,
.suggestedTextInput-main .isFlexed span.breadCrumbAsString {
    color: white;
}


.Item.ItemComment #latest,
.Item.ItemComment[id^="Comment_"] {
    /* Stop the nav hiding the top of the comment */
    scroll-margin-top: 90px;
}

/* "No notes" box on profile page */
.DataList.DataList-Notes.pageBox .Empty {
    padding: 10px;
}

.spritethreadrow {
    width: 13px;
    height: 11px;
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSJVEYuIOGSo4mBBVMRRq1CECqFWaNXB5NIvaNKQpLg4Cq4FBz8Wqw4uzro6uAqC4AeIo5OToouU+L+00CLGg+N+vLv3uHsHCNUi06y2cUDTbTMRi4qp9KoYeIUf/ejFKLplZhlzkhSH5/i6h4+vdxGe5X3uz9GlZiwG+ETiWWaYNvEG8fSmbXDeJw6xvKwSnxOPmXRB4keuK3V+45xzWeCZITOZmCcOEYu5FlZamOVNjXiKOKxqOuULqTqrnLc4a8Uya9yTvzCY0VeWuU5zCDEsYgkSRCgoo4AibERo1UmxkKD9qId/0PVL5FLIVQAjxwJK0CC7fvA/+N2tlZ2cqCcFo0D7i+N8DAOBXaBWcZzvY8epnQD+Z+BKb/pLVWDmk/RKUwsfAT3bwMV1U1P2gMsdYODJkE3Zlfw0hWwWeD+jb0oDfbdA51q9t8Y+Th+AJHUVvwEODoGRHGWve7y7o7W3f880+vsBXz1yn6RZIH8AAAAGYktHRAAAAAAAAPlDu38AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfmAxYRLSbR2Db5AAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAOtJREFUKM+Vkj1Lw1AUhh8Pp4FrlUAhxa1LcdO9FBdnxw7FqUv7o5Tu2tnZzfwB12bo2ovRgiFaL0cnpTFK9d1eDs/53smy7L0sS8yMbRIRnHNoWZYkSYKqboVCCHjvUTNDVYmiiL/IzJBqJuPhqSAE+9F/tblp8lXBdJYyXyx5eX1jvlgynaXkq6IC1QbJH5+5vLrj7PSIm9t7Gir1hWyaVtxkNOgBcHGdAjAa9GjFzd8hVaHbaTMe9jk+PGA87NPttNFv1WrtfYKT8xPiPVcDAFRECCHUAvu7DcwC63X1TiKCOufw3v/rIz4Ar6Zd6ZWOk80AAAAASUVORK5CYII=");
    margin-right: 3px;
    position: relative;
    top: 2px;
}
.spritethreadrow.latest-button {
    transform: rotate(-90deg);
    top: 1px;
}
.userinfo-username span.offline {
    background-position: 0!important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAABHNCSVQICAgIfAhkiAAAAYJJREFUKFNtUUtqAkEUrPaLH9QJ4saNxg+6FLyKV0jOlFwhd/AE4lrEycCAG5GMih/8vrzqZMwQrMX0dPerV/WqzfF4BCEiWK/Xz4vFwtUVp9MJ1+sV8XgcqVQKxWIRlUqloeunMcZyDMmbzQaz2Uy22y0SiQRKpRKy2SySySTO5zP2+z1WqxUulwvy+TyazaYpFAownueJEpFOp1Gv14NyufwUi8UsKVRmk9vthuVy+aX1DgW1AcxwOBTHcdButw0L5vO5qHWE49AeG6tlVKtVw8bT6VSCIIChJR7o5mUymbxRTdXtjDrrh84+YAaqaufvdDqvKvZOITszMRqNhE263a7JZDI2QM7IDBgQRbS5kNTv921idzILSeYlc6D1cGZa1jysZd6zIfHz5c/vgeu6Qou1Wg25XK6x2+1c3/dZK61WyzYIcVcOD5gywSJa5ZNRjWDqUdyVw0MW0O54PJbD4WDJvV7PMKz/+PMQuWGIJBJUjz5btMFDMtPmcxFcuX+EbyBM2p5ur7JiAAAAAElFTkSuQmCC");
    width: 15px;
    height: 12px;
}

/* Snigel CMP header background */
.snigel-cmp-framework .sn-header-tab {
    background: #3b5586;
}

#snigel-cmp-framework.snigel-cmp-framework .sn-selector ul li {
    color: white !important;
}

/** Groups Page start **/
/* Hack to line up CTA near section titles */
body.Groups.Section-GroupList .groupToolbar {
    margin-bottom: -30px;
}

body.Groups.Section-GroupList .pageHeadingBox.pageHeadingBox.pageHeadingBox {
    margin-bottom: 0;
    padding: 10px 0 5px 0;
    border: 0;
    font: 13px/13px Verdana,Geneva,sans-serif;
    background-color: #3d5686;
    width: 100%;
}

body.Groups.Section-GroupList .pageHeadingBox.pageHeadingBox.pageHeadingBox h2.Groups.H {
    margin-bottom: 0;
    font-weight: 900;
    font-size: 17px;
    color: #fff;
    padding-left: 8px;
}


/* Dropdown hanging over edge of button */
body.Groups.Section-GroupList .Frame .ButtonGroup.Multi.NewDiscussion .Button.Handle.Handle,
body.Groups.Section-Group .Frame .ButtonGroup.Multi.NewDiscussion .Button.Handle.Handle {
    right: 13px;
}

body.Groups.Section-GroupList .MainContent .Groups.H, body.Groups.Section-GroupList .MainContent .H {
    text-align: left;
}


/* Headers on group table */
body.Groups.Section-GroupList .DataTable thead td,
body.Groups .DataTable thead td:last-child,
body.Groups.Section-Group .DataTable thead th {
    color: #444;
    background-color: #dedede;
    height: 34px;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #fff;
    border-bottom: none;
    border-right: none;
    vertical-align: middle;
    text-align: left;
    padding: 2px 0 0 8px;
}

body.Groups .DataTable thead td.Buttons:last-child {
    background: none;
    border: none;
}
body.Groups.Section-GroupList .DataTable td:first-child .Wrap {
    padding-left: 0;
}


body.Groups.Section-GroupList .DataTable tbody tr.secretGroup,
body.Groups.Section-Group .DataTable.DiscussionsTable tbody tr,
body.Groups .DataTableWrap.GroupWrap .DataTable .Item.Invitation,
body.Groups.Section-Group.Section-Members .DataTableWrap.GroupWrap .DataTable .Item {
    background-color: #fff;
}

body.Groups.Section-GroupList .DataTable tbody td,
body.Groups.Section-Group .DataTable.DiscussionsTable tbody td,
body.Groups .DataTableWrap.GroupWrap .DataTable .Item.Invitation td,
body.Groups.Section-Group.Section-Members .DataTableWrap.GroupWrap .DataTable .Item td {
    border: 1px solid #dedede;
    border-bottom: 0;
    border-right: 0;
    padding: 6px 8px;
    vertical-align: middle;
}
body.Groups .DataTableWrap.GroupWrap .DataTable .Item.Invitation td:last-child,
body.Groups.Section-Group.Section-Members .DataTableWrap.GroupWrap .DataTable .Item td:last-child {
    border-right: 1px solid #dedede;
}

body.Groups.Section-Group.Section-Members .groupsMemberFilter {
    margin-top: 0;
}

/* Rework hardcoded widths on member tables */
body.Groups.Section-Group.Section-Members .DataTableWrap.GroupWrap .DataTable td.UserName {
    width: 50%;
}
body.Groups.Section-Group.Section-Members .DataTableWrap.GroupWrap .DataTable td.JoinDate,
body.Groups.Section-Group.Section-Members .DataTableWrap.GroupWrap .DataTable td.Buttons {
    width: 25%;
}

/* Get rid of massive gap between CTA and header */
body.Groups.Section-GroupList .DataTableContainer.Group-Box:first-of-type {
    margin-top: 0;
}

/* Stop stretching beyond header width */
body.Groups.Section-GroupList .DataTable,
body.Groups.Section-Group .DataTableWrap.GroupWrap .DataTable,
body.Groups.Section-Group .DataTableWrap .DataTable.DiscussionsTable {
    margin: 0;
    width: 100%;
}

/** New Discussion button hidden on group pages */
body.Groups.Section-DiscussionList .PageControls.Top {
    float: none;
    margin-bottom: -60px;
    justify-content: right;
}

body.Groups.Section-GroupList .DataTable a.BlockTitle.LatestPostTitle {
    font: 13px Verdana,Geneva,sans-serif;
    font-weight: 700;
    color: rgb(44, 64, 101);
}

body.Groups.Section-GroupList .DataTable a.BlockTitle.LatestPostTitle:hover {
    text-decoration: underline !important;
}
body.Groups.Section-GroupList .DataTable a.Title,
body.Groups.Section-Group .DataTable a.Title {
    color: rgb(44, 64, 101);
}

body.Groups.Section-Group .DataTable td.DiscussionName .MiniPager {
    text-align: left;
}

body.Groups .Group-Box .EmptyMessage.pageBox {
    background: white;
    width: 100%;
    margin-left: 0;
}
/** Groups Page end **/


/** Group Page (individual group) start **/
body.Groups.Group .PageControls.pageHeadingBox {
    width: 100%;
}

body.Groups.Section-Group .DataTable thead th.forum-threadlist-lastpost,
body.Groups.Section-Group .DataTable thead th.forum-threadlist-replies,
body.Groups.Section-Group .DataTable thead th.forum-threadlist-views {

    background-color: #dedede !important;
    width: unset !important;
}

body.Groups.Section-Group .Group-Header.NoBanner {
    margin-top: 30px;
}

body.Groups.Section-Group .Group-Box.Group-MembersPreview .PageControls {
    float: none;
}

/* Allow group table styles to match content */
body.Groups .DataTable th.BigCount {
    width: 110px;
    padding: 0;
}
body.Groups .DataTable th.LatestPost, body.Groups .DataTable th.FirstUser {
    width: 170px;
    max-width: 170px;
}
/** Group Page (individual group) end **/


/** Discussions page, re-show the toggle for all vs filtered, while keeping pagination aligned **/

.DiscussionsList .PageControls.Top {
    width: 100%;
}
.DiscussionsList #PagerBefore {
    order: 2;
    margin-right: 10%;
}

.DiscussionsList .PageControls.Top .PageControls-filters {
    order: 1;
    width: auto;
}

.DiscussionsList .PageControls.Top  .BoxButtons.BoxNewDiscussion {
    order: 3;
}

/** Discussions page, re-show the toggle for all vs filtered, while keeping pagination aligned (end) **/