/* set backgrounds and generic element rules */
body {
    background: #fafafa;
}

.wrap {
    width: 100%;
}

.overflow-auto {
  overflow: auto;
}

a {
    color: #008f5d;
    text-decoration: none;
}
a:focus,
a:hover {
    color: #008f5d;
}
a.active {
    background: #008f5d !important;
    color: #ffffff !important;
}

h1, h2, h3 { font-family: 'OpenSansCondensed', arial, serif; }

h2 {
    background: #ccc;
    padding: 10px;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
}

thead th {
    border: 1px solid #ccc;
    border-width: 1px 0;
    font-weight: bold;
}
th, td {
    padding: 5px;
}
tbody tr:nth-child(odd) {
    background: #f5f5f5;
}
.textwidget table {
    margin: 0;
}

/* set up main page regions */

#pre-header {
    min-height: 100px;
}
#pre-header .col12 {
    position: relative;
}
#pre-header .col12 img {
    margin-top: 10px;
}

#logo-area {
  background: #008f5d;
  display: flex;
}
#logo-area img {
  position: relative;
  height: 50px;
  object-fit: contain;
  width: 100px;
  margin: 2px 0;
}
#main-nav {
  display: flex;
}
#main-nav li {
  background: #000;
  padding: 0 10px;
  background: rgb(0, 0, 0);
  background: transparent;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#main-nav li a {
    font-family: 'OpenSansCondensed', arial, serif;
    font-size: 107%;
    color: #fff;
    text-transform: uppercase;
}
.wf-loading #main-nav li a {
    visibility: hidden;
}
.wf-active #main-nav li a {
    visibility: visible;
    font-size: 16px;
}
.wf-inactive #main-nav li a {
    visibility: visible;
}
#main-nav li a:hover {
    color: #ffdf1b;
}
#main-nav li.current_page_item a {
    color: #ffdf1b;
}
#search-bar {
    overflow: hidden;
    background: #008f5d;
    padding: 20px 0 20px 310px;
}
#breadcrumb, #site-search {
    float: left;
    position: relative;
    width: 45%;
}
#q {
    position: absolute;
    background: transparent;
    border: none;
    width: 250px;
    min-height: 23px;
    top: -2px;
    left: 20px;

    color: #008f5d;

    outline: none;
    -moz-outline-style: none;
}

@-moz-document url-prefix() {
    #q {
        top: 1px;
    }
}
#breadcrumb li {
    display: inline;
    font-size: 85%;
    text-transform: uppercase;
}
#breadcrumb a {
    color: #ffdf1b;
}
#breadcrumb a:hover {
    color: #fff;
}
#header {
    margin-bottom: 0;
}
#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#content {
    margin: 0;
    flex: 1;
    display: flex;

}
#content > div {
    background: #eee;
}
#footer {
    margin: 0;
    font-size: 92%;
    color: #fff;
}
#footer p {
    float: left;
    clear: left;
}
#footer p.license {
    margin-top: 10px;
    font-size: 85%;
}
#footer ul, #footer li {
    display: inline;
}
#footer li {
    margin-left: 10px;
}
#footer a {
    font-size: 85%;
    color: #fff;
    text-transform: uppercase;
}
#footer a:hover {
    color: #ffdf1b;
}
#footer div div {
    overflow: hidden;
    background: #008f5d;
    padding: 20px;
    text-align: right;
}

#welcome {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100; /* pull the welcome box above the logo/menu div so that links are clickable */
    width: 210px;
    padding: 10px;
    font-family: 'OpenSansCondensed', arial, serif;
    font-size: 116%;
    color: #fff;

    text-transform: uppercase;

    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.9 opacity */
    background: rgba(0, 0, 0, 0.8);
}
#welcome strong {
    display: block;
    color: #ffdf1b;
}
#welcome li {
    float: left;
    width: 50%;
    margin-top: 20px;
    font-size: 77%;
    text-align: right;
}
#welcome li:first-child {
    text-align: left;
}
#welcome li.your-profile {
    width: 60%;
}
#welcome li.logout {
    width: 40%;
}
#welcome a {
    font-family: arial, serif;
    font-weight: bold;
    color: #ffdf1b;
}
#welcome a:hover {
    color: #fff;
}
#welcome #wp-submit {
    float: right;
    border: none;
    background: none;
    color: #FFDF1B;
    font-family: arial,serif;
    font-size: 85%;
    font-weight: bold;
}
#welcome #wp-submit:hover {
    color: #fff;
}
#welcome .secondary-account-links {
    clear: right;
}
#welcome .secondary-account-links li {
    display: inline;
    float: none;
    margin-right: 10px;
}
#welcome .secondary-account-links a {
    font-weight: normal;
    text-transform: none;
}

/* date/calendar sub-module display */

.cal {
    width: 5.5em;
    font-family: 'OpenSansCondensed', arial, serif;
    text-transform: uppercase;
}
.cal .month {
    background: #008f5d;
    padding: 5px;
    color: #fff;
    text-align: center;
}
.cal .day {
    background: #eee;
    padding: 2px;
    font-size: 350%;
    color: #000;
    line-height: 1;
    text-align: center;
}

/* modules for home page and sidebar */

.follow-us-module {
    overflow: hidden;
}
.follow-us-module li {
    float: left;
    background: #cdcdcd;
    width: 77px;
    padding: 10px;
    margin-left: 1px;
    font-family: 'OpenSansCondensed', arial, serif;
    font-size: 115%;
    color: #333;
    text-transform: uppercase;
}
.wf-loading .follow-us-module li {
    visibility: hidden;
}
.wf-active .follow-us-module li {
    visibility: visible;
    font-size: 123.1%;
}
.wf-inactive .follow-us-module li {
    visibility: visible;
}
.follow-us-module a {
    color: #333;
}
.follow-us-module a:hover {
    color: #fff;
}
.follow-us-module li:first-child {
    width: 124px;
    margin-left: 0;
    color: #222;
}

.articles-module li.post {
    background: #000;
    overflow: hidden;
    margin: 20px 0;
    color: #a4a4a4;
}

.articles-module .cal {
    float: left;
    margin-right: 10px;
}

.articles-module .head {
    overflow: hidden;
}

.articles-module .head,
.articles-module .teaser,
.articles-module .more {
    padding: 10px;
}

.aticles-module .teaser {
    clear: left;
    margin-top: 10px;
}

.post-module h1, .main-feature-module h2, .articles-module h3 {
    font-size: 174%;
    color: #fff;
    text-transform: uppercase;
}

.post-module h1 a, .main-feature-module h2 a, .articles-module h3 a {
    color: #fff;
}
.main-feature-module h2 a:hover, .articles-module h3 a:hover {
    color: #ffdf1b;
}
.articles-module .title p {
    font-size: 85%;
    color: #a4a4a4;
    text-transform: uppercase;
}
.articles-module  .title p a {
    font-weight: bold;
    color: #ffdf1b;
}
.articles-module .title p a:hover {
    color: #fff;
}
.articles-module .title p strong {
    font-weight: bold;
    color: #fff;
}
.articles-module ul {
    overflow: hidden;
}
.articles-module .more li {
    float: left;
    width: 224px;
    text-align: right;
}
.articles-module .more li:first-child {
    text-align: left;
}
.articles-module .more a {
    font-size: 85%;
    font-weight: bold;
    color: #ffdf1b;
    text-transform: uppercase;
}
.articles-module .more a:hover {
    color: #fff;
}
.articles-module .body {
    overflow: hidden;
    background: #fff;
    border-bottom: 5px solid #ccc;
    padding: 10px;
}
.main-feature-module .main {
    background: #000;
    color: #a4a4a4;
}
.post-module .img, .main-feature-module .img {
    position: relative;
    height: 258px;
}
.post-module .head, .main-feature-module .head {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    width: 450px;
}
.post-module .head h1, .main-feature-module .head h2 {
    background: none;
    padding: 0;
}
.post-module .body .lead-in {
    display: block;
    margin-bottom: 10px;
    font-family: 'OpenSansCondensed', arial, serif;
    font-size: 182%;
    font-weight: normal;
    color: #3c3c3c;
    line-height: 1.2;
}
.main-feature-module .more li {
    width: 307px;
}

.social-module .buttons {
    margin-top: 20px;
}

.about-author-module p {
    background: #ccc;
    padding: 10px;
    font-family: 'OpenSansCondensed', arial, serif;
    font-size: 123.1%;
    color: #333;
    text-align: center;
    text-transform: uppercase;
}
.about-author-module cite {
    display: inline-block;
    padding: 5px 25px 0 0;
    font-size: 85%;
}
.about-author-module blockquote cite {
    background: url(../images/triangle.png) no-repeat top right;
}
.about-author-module strong {
    font-weight: bold;
}
.about-author-module a {
    color: #333;
}

.about-author-module .avatar {
    float: right;
    margin: 10px 0 10px 10px;
}
.about-author-module .author-posts {
    clear: right;
}

.ffs_comment_search_box {
    background-color: black;
    padding: 10px;
}

.ffs_comment_search_box input[type="text"] {
    border: 1px solid #FFF;
    width: 450px !important;
}

.ffs_comment_search_box input[type="submit"] {
    border: none;
    background-color: #CCC;
    color: #333;
    padding: 5px;
    text-transform: uppercase;
}

.comments-module h2 {
    margin-bottom: 0;
}
.comments-module .controls {
    overflow: hidden;
    margin-top: 10px;
    background-color: #000;
}
.comments-module .controls > li {
    float: left;
    background: #000;
    width: 263px;
    min-height: 22px;
    padding: 5px 3px;
    margin-left: 3px;
    font-size: 85%;
    color: #fff;
    text-transform: uppercase;
}
.comments-module .controls li:first-child {
    margin-left: 0;
}
.comments-module .controls .sorting {
    width: 165px;
}
.comments-module .sorting ul li {
    display: inline;
    margin-left: 0;
}
.comments-module .sorting .rating {
    border-left: 1px solid #ccc;
    padding-left: 5px;
}
.comments-module .ffs_comment_sort_options_box form, .comments-module .ffs_comment_filter_options_box form {
    padding: 0;
    margin: 0;
    display: inline;
}
.comments-module .controls .seeking-advice {
    width: 175px;
    padding-left: 10px;
}
.comments-module .controls .seeking-advice * {
    vertical-align: middle;
}
.comments-module .controls .seeking-advice label {
    position: absolute;
    top: 0;
    left: -2000px;
}
.comments-module .controls .seeking-advice select {
    margin-top: 3px;
    text-transform: none;
}
.comments-module .controls .seeking-advice form, .comments-module .controls .seeking-advice input {
    display: inline;
    line-height: 1;
}
.comments-module .paging {
    float: none;
    margin: 0;
}
.comments-module .paging li {
    border-color: #fff;
}
.comments-module .sorting ul, .comments-module .paging {
    position: relative;
    top: 5px;
    text-align: center;
}
.comments-module .ffs_sort_comments_submit, .comments-module .ffs_filter_comments_submit  {
    margin: 0px;
    padding: 0px;
    border: none;
    color: #FFDF1B;
    text-transform: uppercase;
    background: transparent;
}
.comments-module .controls a {
    color: #ffdf1b;
}
.comments-module .controls a:hover {
    color: #fff;
    text-decoration: none;
}
.comments-module .comments {
    clear: right;
}
.comments-module .comments > li {
    padding-top: 10px; /* use padding rather than margin to prevent margin collapsing when using JS collapse/expand */
}
.comments-module .comment-details {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}
.comments-module .comments .children .comment-details {
    background: transparent;
    border: 10px solid #ccc;
    border-width: 0 0 0 10px;
    padding-left: 20px;
    margin: 10px 0 0 10px;
}
.comments-module .comments .children .children .comment-details {
    margin-left: 40px;
}
.comments-module .comments .children .children .children .comment-details {
    margin-left: 70px;
}
.comments-module .comments .children .children .children .children .comment-details {
    margin-left: 100px;
}
.comments-module .comments .children .children .children .children .children .comment-details {
    margin-left: 130px;
}
.comments-module .comments .children .children .children .children .children .children .comment-details {
    border-left: 10px solid #ddd;
}
.comments-module .photo-reputation, .comments-module .body {
    float: left;
    margin-bottom: 10px;
}
.comments-module .photo-reputation {
    width: 60px;
    margin-right: 20px;
    font-size: 92%;
}
.comments-module .reputation {
    overflow: hidden;
    text-align: right;
}
.comments-module .reputation span {
    float: left;
    color: #777;
}
.comments-module .body {
    width: 532px;
}
.comments-module .comments .children .comment-details .body {
    width: 504px;
}
.comments-module .comments .children .children .comment-details .body {
    width: 474px;
}
.comments-module .comments .children .children .children .comment-details .body {
    width: 444px;
}
.comments-module .comments .children .children .children .children .comment-details .body {
    width: 404px;
}
.comments-module .comments .children .children .children .children .children .comment-details .body {
    width: 384px;
}
.comments-module .author {
    margin-bottom: 10px;
    font-family: 'OpenSansCondensed', arial, serif;
    font-size: 116%;
    text-transform: uppercase;
}
.comments-module .author a {
    color: #008F5D;
}
.comments-module .date {
    float: right;
    font-size: 85%;
    color: #777;
}
.comments-module .typo {
    margin: 10px 0;
}
.comments-module .actions {
    clear: left;
    overflow: hidden;
    text-align: right;
}
.comments-module .actions li {
    margin-left: 5px;
}
.comments-module .actions li:first-child {
    margin-left: 0;
}
.comments-module .actions li,
.comments-module .actions form,
.comments-module .actions div {
    display: inline-block;
}
.comments-module .actions li > div {
    display: inline-block;
    padding: 5px 0;
}
.comments-module .actions .left {
    float: left;
}
.comments-module .actions .rating span {
    display: block;
    background: #008f5d;
    padding: 3px 10px;
    color: #fff;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.comments-module .actions .report .cta {
    width: 15px;
}
.comments-module .actions .replies {
    color: #777;
}
.comments-module .actions .show {
    background: url(../images/show-arrow.png) no-repeat center bottom;
}
.comments-module .actions .hide {
    background: url(../images/hide-arrow.png) no-repeat center top;
}
.comments-module .actions .reply.selected div {
    background: url(../images/reply-arrow.png) no-repeat center bottom;
}
.comments-module .actions .reply.selected .cta, .comments-module .actions .reply.selected .comment-reply-link {
    background: #6d6d6d;
    color: #fff;
}
.seeking_help_icon {
    background-image: url(../images/icon_seeking_advice.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 15px;
    margin-right: 10px;
    display: inline-block;
}
.comments-module .wp-paginate {
    float: none;
    margin: 0;
}
.comments-module .wp-paginate li {
    border-color: #fff;
}
.comments-module .sorting ul, .comments-module .wp-paginate {
    position: relative;
    top: 5px;
    text-align: center;
}
.comments-module .sticky {
    margin: 10px 0;
}
.wp-paginate {
    float: right;
    clear: both;
    margin: 10px 0;
}
.wp-paginate li {
    display: inline;
    border-left: 1px solid #000;
    padding-left: 5px;
    margin-left: 4px;
    list-style: none;
}
.wp-paginate li:first-child {
    border: none;
    padding-left: 0;
    margin-left: 0;
}
/* move this into the JS */
.ffs_force_open {
    display: block !important;
}

.ffs_force_open > .children {
    display: block !important;
}
/* end move this into the JS */
a.comment-reply-link {
    color: #fff;
}

a.comment-edit-link {
    color: #777;
}

.post-comment-module h2 {
    overflow: hidden;
    margin-bottom: -1px;
}
.post-comment-module label {
    float: left;
}

.post-comment-module label, .post-comment-module textarea {
    display: block;
}
.post-comment-module textarea {
    border: 1px solid #ccc;
    width: 622px;
    padding: 5px;
}
.comments .post-comment-module textarea {
    border: 1px solid #ccc;
    width: 590px;
    padding: 5px;
}
.comments .children .post-comment-module textarea {
    width: 562px;
}
.comments .children .children .post-comment-module textarea {
    width: 532px;
}
.comments .children .children .children .post-comment-module textarea {
    width: 502px;
}
.comments .children .children .children .children .post-comment-module textarea {
    width: 472px;
}
.comments .children .children .children .children .children .post-comment-module textarea {
    width: 442px;
}

.post-comment-module form div {
    margin: 10px 0;
}
.post-comment-module .flag-as-seeking-advice {
    float: left;
}
.post-comment-module .cta {
    float: right;
}
.post-comment-module .tandc {
    clear: right;
    padding-top: 10px;
    text-align: right;
    font-size: 85%;
    color: #333;
}
.post-comment-module .tandc a {
    color: #000;
}
.post-comment-module .tandc a:hover {
    text-decoration: underline;
}

.post-comment-module form .ffs_comment_reply_notify, .post-comment-module form .ffs_comment_reply_seeking_help {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 510px;
}
#respond h2 a {
    color: #fff;
}

.scout-tweets-module li {
    background: url(../images/triangle.png) no-repeat 20px bottom;
    padding-bottom: 16px;
    margin-top: 10px;
    font-size: 85%;
}
.scout-tweets-module li:first-child {
    margin-top: 20px;
}
.scout-tweets-module blockquote, .scout-tweets-module cite {
    background: #ccc;
    padding: 10px;
}
.scout-tweets-module cite {
    display: block;
}
.scout-tweets-module a {
    display: block;
    margin-top: 5px;
    font-weight: bold;
    color: #333;
    text-decoration: underline;
    text-transform: uppercase;
}

.podcast-module a {
    display: block;
    background: #ccc url(../images/podcast-arrow.png) no-repeat 10px center;
    padding: 10px 10px 10px 35px;
    font-family: 'OpenSansCondensed', arial, serif;
    font-size: 123.1%;
    color: #333;
    text-transform: uppercase;
}
.podcast-module a:hover {
    text-decoration: underline;
}

.recent-module li {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
}
.recent-module li:first-child {
    border: none;
    padding-top: 0;
}
.recent-module a {
    font-size: 85%;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}
.recent-module a:hover {
    text-decoration: underline;
}

.quote-module p {
    background: #ccc;
    padding: 10px;
    font-family: 'OpenSansCondensed', arial, serif;
    font-size: 123.1%;
    color: #333;
    text-align: center;
    text-transform: uppercase;
}
.quote-module cite {
    display: inline-block;
    background: url(../images/triangle.png) no-repeat top right;
    padding: 5px 25px 0 0;
    font-size: 85%;
}
.quote-module strong {
    font-weight: bold;
}

.twitter-users-module li {
    float: left;
    background: #ccc;
    width: 108px;
    padding: 10px;
    margin-left: 10px;
    font-size: 92%;
}
.twitter-users-module li:first-child {
    margin-left: 0;
}
.twitter-users-module li a {
    color: #000;
}
.twitter-users-module strong {
    display: block;
    font-weight: bold;
}
.twitter-users-module img {
    margin-top: -20px;
}

.footer-logo-module {
    position: relative;
}
.footer-logo-module .footer-logo {
    position: absolute;
    right: 10px;
    bottom: -20px;
}

.cta, .comment-reply-link {
    display: inline-block;
    background: #008f5d;
    border: none;
    padding: 4px 5px;
    margin: 0;
    font-size: 85%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.cta.secondary {
    background: #ccc;
    color: #333;
}
.cta.disabled {
    background: #ccc;
    color: #999;
}

.paging {
    float: right;
    clear: both;
    margin: 10px 0;
}
.paging li {
    display: inline;
    border-left: 1px solid #000;
    padding-left: 4px;
    margin-left: 3px;
    list-style: none;
}
.paging li:first-child {
    border: none;
    padding-left: 0;
    margin-left: 0;
}

/* general styles for normal pages */
.page .typo, .page-full .typo {
    background: #fff;
    padding: 10px;
    margin: 10px 0 10px 10px;
}
.page-full .typo {
    margin: 10px;
}
.page h1, .page-full h1 {
    border-bottom: 2px solid #000;
    font-family: 'OpenSansCondensed', arial, serif;
    font-size: 197%;
}
.typo {
    line-height: 1.5;
}
.typo h2, .typo h3 {
    font-family: 'OpenSansCondensed', arial, serif;
}
.typo h3 {
    font-size: 123.1%;
    color: #333;
}

.typo .align-left {
    float: left;
}
.typo .align-right {
    float: right;
}

.typo a {
    font-weight: bold;
    color: #008f5d;
}
.typo a:hover {
    color: #777;
}
.typo blockquote p {
    background: #eee;
    padding: 20px;
    margin: 10px 0 0 0;
    font-family: arial, serif;
    font-weight: bold;
    color: #969696;
}
.typo blockquote cite {
    display: inline-block;
    padding: 5px 25px 0 0;
    font-size: 85%;
    background: url(../images/blockquote-triangle.png) no-repeat top right;
}
.typo blockquote strong {
    font-weight: bold;
}

/* styles specific to team profiles */
.page .team-profiles li, .page-full .team-profiles li {
    border-bottom: 2px solid #ccc;
    margin: 0;
    list-style: none;
}
.page .team-profiles li:last-child, .page-full .team-profiles li:last-child {
    border: none;
}
.page .team-profiles li img, .page-full .team-profiles li img {
    float: left;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 0 10px 10px 0;
}

/* homepage navigation buttons */

.page_navigation a {
    padding: 10px;
    background-color: #000;
    color: #FFDF1B;
    font-family: 'OpenSansCondensed',arial,serif;
    text-transform: uppercase;
}

.page_navigation .nav-previous {
    float: left;
}

.page_navigation .nav-next {
    float: right;
}

/* misc rules */

.fb_ltr {
    height: 25px !important;
}

#loginform label {
    font-family: 'OpenSansCondensed', arial, serif;
    text-transform: uppercase;
}
#loginform .login-remember label {
    font-family: helvetica, arial, clean, sans-serif;
    font-size: 72%;
}
#user_login, #user_pass {
    border: 1px solid #777;
    width: 202px;
    padding: 3px;
    font-size: 85%;
}

.loginform label {
    display: block;
}
.loginform label[for="rememberme"] {
    display: inline;
}

#tickerTeams, #tickerTable {
    margin: 0;
}

/* f-nested and l-nested classes can't be used in the footer "sidebar" */

div.home_bottom_sidebar > .col3 {
    margin: 0 0 0 17px;
}

.sg div.home_bottom_sidebar>:first-child {
    margin-left: 0px;
}

/* used in admin */

.clear {
    clear: both;
    width: 0px;
    height: 0px;
}

/* override lightness theme for tabs */

.recent_comments_tabs .ui-tabs {
    padding: 0;
}
.recent_comments_tabs .ui-widget {
    font-family: inherit;
    font-size: inherit;
}
.recent_comments_tabs .ui-widget-header {
    background: none;
    border: none;
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.recent_comments_tabs .ui-widget-content {
    border: none;
}
.recent_comments_tabs .ui-tabs-panel {
    padding: 0;
}

.recent_comments_tabs .ui-state-active, .recent_comments_tabs .ui-widget-content .ui-state-active, .recent_comments_tabs .ui-widget-header .ui-state-active {
    background-image: none !important;
    background-color: white !important;
}

.recent_comments_tabs .comment_avatar {
    float: left;
    width: 35px;
    margin-right: 10px;
}

.recent_comments_tabs .comment_summary {
    float: left;
    width: 240px;
}

.recent_comments_tabs .comment_author {
    font-weight: bold;
}

.recent_comments_tabs ul li {
    margin-bottom: 10px;

}

#tabs.ui-widget-content, #tabs .ui-widget-content {
    border: none !important;
}

/* override lightness theme for tabs */

#profile_tabs .ui-tabs {
    padding: 0;
}
#profile_tabs .ui-widget {
    font-family: inherit;
    font-size: inherit;
}
#profile_tabs .ui-widget-header {
    background: none;
    border: none;
    border-bottom: 1px solid #aaa;
    margin-bottom: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#profile_tabs .ui-widget-content {
    border: none;
}
#profile_tabs .ui-tabs-panel {
    padding: 0;
}

#profile_tabs.ui-widget-content, #profile_tabs .ui-widget-content {
    border: none !important;
}

#profile_tabs .ui-state-active, #profile_tabs .ui-widget-content .ui-state-active, #profile_tabs .ui-widget-header .ui-state-active {
    background-image: none !important;
    background-color: white !important;
}
.ffs_own_activity_list {
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
}
.ffs_user_reputation_figure {
    font-weight: bold;
}

#your-profile fieldset {
    border: 1px solid #ccc;
    padding: 0 10px 10px 10px;
    margin: 20px 0;
}
#your-profile legend {
    font-weight: bold;
}
#your-profile fieldset div {
    overflow: hidden;
    margin: 10px 0;
}
#your-profile label,
#your-profile input[type="text"],
#your-profile input[type="password"],
#your-profile select,
#your-profile textarea,
#your-profile .tip {
    float: left;
}
#your-profile label {
    width: 150px;
}
#your-profile input[type="text"], #your-profile input[type="password"], #your-profile textarea {
    border: 1px solid #777;
    width: 200px;
    padding: 3px;
}
#your-profile .tip {
    width: 210px;
    margin-left: 10px;
    font-size: 92%;
    color: #777;
}

.footer-logo-module {
    min-height: 75px;
}
.actions .report a:hover {
    color: white;
}
.comments-module .ffs_submit {
    cursor: pointer;
}
.comments-module .ffs_submit.ffs_button_disabled {
    color: white;
}
.not_seeking_help {
    margin: 0px;
    padding: 0px;
}

.pad_left {
    margin-left: 5px;
}

.comment_content {
    overflow: hidden;
    text-overflow: ellipsis;
}

.twitter_more {
    margin-top: 20px;
}

.comments-module .controls > li.width_100pc {
    width: 100%;
}

#no_tabs {
    background-color: white;
    padding: 5px;
}

.author-box {
    overflow: hidden;
    border: 1px solid #ccc;
    background: #eee;
    padding: 5px;
    margin: 10px 0;
}
.author-box img {
    float: left;
    margin-right: 10px;
}
.author-box p {
    margin: 5px 0;
}

.homepage .wp-polls {
    font-size: 85%;
}

.sign-up-strapline {
    font-family: 'OpenSansCondensed', arial, serif;
    font-size: 123.1%;
}

.imgbox {
    border: 1px solid #aaa;
    padding: 5px;
    margin: 10px 0;
    text-align: center;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
}

.imgbox.small {
    float: right;
    width: 295px;
    margin: 10px 0 10px 10px;
}

.imgbox span {
    font-size: 92%;
    font-style: italic;
    color: #777;
}
.ticker-spinner {
    background: #fff;
    width: 300px;
    padding: 20px 0;
    color: #8e8e8e;
    text-align: center;
}

.team-disc {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 29px;
    height: 29px;
    margin-right: 3px;
    vertical-align: middle;
}

.ars-dark, .nfo-dark  { background: url(/images/teams/arsenal.svg) no-repeat center center;}
.ars-light, .nfo-light { background: url(/images/teams/arsenal-l.svg) no-repeat center center;}
.avl-dark { background: url(/images/teams/villa.svg) no-repeat center center;}
.avl-light{ background: url(/images/teams/villa-l.svg) no-repeat center center;}
.bha-dark { background: url(/images/teams/brighton.svg) no-repeat center center;}
.bha-light{ background: url(/images/teams/brighton-l.svg) no-repeat center center;}
.bou-dark { background: url(/images/teams/bournemouth.svg) no-repeat center center;}
.bou-light{ background: url(/images/teams/bournemouth-l.svg) no-repeat center center;}
.brn-dark, .bur-dark { background: url(/images/teams/burnley.svg) no-repeat center center;}
.brn-light, .bur-light { background: url(/images/teams/burnley-l.svg) no-repeat center center;}
.che-dark { background: url(/images/teams/chelsea.svg) no-repeat center center;}
.che-light{ background: url(/images/teams/chelsea-l.svg) no-repeat center center;}
.cpl-dark, .cry-dark { background: url(/images/teams/palace.svg) no-repeat center center;}
.cpl-light, .cry-light { background: url(/images/teams/palace-l.svg) no-repeat center center;}
.eve-dark { background: url(/images/teams/everton.svg) no-repeat center center;}
.eve-light{ background: url(/images/teams/everton-l.svg) no-repeat center center;}
.hud-dark { background: url(/images/teams/huddersfield.svg) no-repeat center center;}
.hud-light{ background: url(/images/teams/huddersfield-l.svg) no-repeat center center;}
.hul-dark { background: url(/images/teams/hull.svg) no-repeat center center;}
.hul-light{ background: url(/images/teams/hull-l.svg) no-repeat center center;}
.ips-dark { background: url(/images/teams/ipswich.svg) no-repeat center center;}
.ips-light{ background: url(/images/teams/ipswich-l.svg) no-repeat center center;}
.lei-dark { background: url(/images/teams/leicester.svg) no-repeat center center;}
.lei-light{ background: url(/images/teams/leicester-l.svg) no-repeat center center;}
.liv-dark { background: url(/images/teams/liverpool.svg) no-repeat center center;}
.liv-light{ background: url(/images/teams/liverpool-l.svg) no-repeat center center;}
.mci-dark { background: url(/images/teams/mancity.svg) no-repeat center center;}
.mci-light{ background: url(/images/teams/mancity-l.svg) no-repeat center center;}
.mid-dark { background: url(/images/teams/boro.svg) no-repeat center center;}
.mid-light{ background: url(/images/teams/boro-l.svg) no-repeat center center;}
.mun-dark { background: url(/images/teams/manu.svg) no-repeat center center;}
.mun-light{ background: url(/images/teams/manu-l.svg) no-repeat center center;}
.new-dark { background: url(/images/teams/newcastle.svg) no-repeat center center;}
.new-light{ background: url(/images/teams/newcastle-l.svg) no-repeat center center;}
.nor-dark { background: url(/images/teams/norwich.svg) no-repeat center center;}
.nor-light{ background: url(/images/teams/norwich-l.svg) no-repeat center center;}
.qpr-dark { background: url(/images/teams/qpr.svg) no-repeat center center;}
.qpr-light{ background: url(/images/teams/qpr-l.svg) no-repeat center center;}
.sot-dark { background: url(/images/teams/soton.svg) no-repeat center center;}
.sot-light{ background: url(/images/teams/soton-l.svg) no-repeat center center;}
.sto-dark, .stk-dark, .shu-dark, .bre-dark { background: url(/images/teams/stoke.svg) no-repeat center center;}
.sto-light, .stk-light, .shu-light, .bre-light { background: url(/images/teams/stoke-l.svg) no-repeat center center;}
.sun-dark { background: url(/images/teams/sunderland.svg) no-repeat center center;}
.sun-light{ background: url(/images/teams/sunderland-l.svg) no-repeat center center;}
.swa-dark { background: url(/images/teams/swansea.svg) no-repeat center center;}
.swa-light{ background: url(/images/teams/swansea-l.svg) no-repeat center center;}
.tot-dark { background: url(/images/teams/spurs.svg) no-repeat center center;}
.tot-light{ background: url(/images/teams/spurs-l.svg) no-repeat center center;}
.wba-dark { background: url(/images/teams/wbrom.svg) no-repeat center center;}
.wba-light{ background: url(/images/teams/wbrom-l.svg) no-repeat center center;}
.whm-dark, .whu-dark { background: url(/images/teams/wham.svg) no-repeat center center;}
.whm-light, .whu-light { background: url(/images/teams/wham-l.svg) no-repeat center center;}
.wat-dark { background: url(/images/teams/watford.svg) no-repeat center center;}
.wat-light{ background: url(/images/teams/watford-l.svg) no-repeat center center;}

.status {
    display: inline-block;
    background-image: url(../images/statuses.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
    margin-right: 3px;
    vertical-align: middle;
}
.available-for-selection, .available { background-position: 0 0; }
.doubt-25 { background-position: 0 -79px; }
.doubt-50 { background-position: 0 -158px; }
.doubt-75 { background-position: 0 -237px; }
.injured { background-position: 0 -316px; }
.knock { background-position: 0 -395px; }
.on-loan { background-position: 0 -474px; }
.suspended, .disciplinary, .appeal-lodged, disciplinary-charge { background-position: 0 -553px; }
.unavailable { background-position: 0 -632px; }

.arrow {
    display: inline-block;
    background-image: url(../images/arrows.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
    margin-right: 3px;
    vertical-align: middle;
}
.down{ background-position: 0 0; }
.no-change{ background-position: 0 -79px; }
.up{ background-position: 0 -158px; }

.status span, .arrow span {
    position: absolute;
    top: 0;
    left: -3000px;
}

#cookie-bar {
    background: #008f5d;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
}
#cookie-bar .inner {
    background: #008f5d url(../images/cookie-bar.png) no-repeat left 10px;
    width: 886px;
    padding: 10px 10px 5px 80px;
    min-height: 40px;
    margin: 0 auto;
}
#cookie-bar .hide {
    background: #fff;
    margin: 3px 0;
    color: #000;
}
#cookie-bar .hide:hover {
    text-decoration: none;
}
#cookie-bar a.more {
    color: #fff;
    text-decoration: underline;
}

.arrow-down {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
}

th.votes {
    width: 60px;
}

div.public-stats-tables-filter {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

ol.team-profiles-list li {
    width: 100%;
}

.user-display {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  margin-right: 15px;
}

.user-display img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50%;
  object-fit: cover;
}

.avatar-container {
  position: relative;
  cursor: pointer;
}
.dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  min-width: 150px;
  z-index: 1000;
}
.dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dropdown-menu li {
  padding: 8px 15px;
}
.dropdown-menu li:hover {
  background: #f5f5f5;
}
.dropdown-menu a {
  color: #333;
  text-decoration: none;
  display: block;
}
.dropdown-menu.show {
  display: block;
}