#spMainContainer {
margin: 0;
padding: 0;
}
#spMainContainer div,
#spMainContainer span,
#spMainContainer h1,
#spMainContainer h2,
#spMainContainer h3,
#spMainContainer h4,
#spMainContainer h5,
#spMainContainer h6,
#spMainContainer p,
#spMainContainer blockquote,
#spMainContainer pre,
#spMainContainer code,
#spMainContainer img,
#spMainContainer big,
#spMainContainer small,
#spMainContainer strong,
#spMainContainer b,
#spMainContainer i,
#spMainContainer ol,
#spMainContainer ul,
#spMainContainer li,
#spMainContainer form,
#spMainContainer label,
#spMainContainer input,
#spMainContainer textarea,
#spMainContainer select,
#spMainContainer legend {
margin: 0;
padding: 0;
border: none;
outline: 0;
vertical-align: baseline;
background-color: inherit;
color: inherit;
font-family: inherit;
font-size: 100%;
font-weight: normal;
line-height: 1.1em;
min-height: 0;
min-width: 0;
float: none;
border-radius: 0;
box-shadow: none;
box-sizing: content-box;
text-transform: none;
letter-spacing: normal;
}
#spMainContainer fieldset{
margin: 0;
border: none;
outline: 0;
vertical-align: baseline;
background-color: inherit;
color: inherit;
font-family: inherit;
font-size: 100%;
font-weight: normal;
line-height: 1.1em;
min-height: 0;
min-width: 0;
float: none;
border-radius: 0;
box-shadow: none;
}
#spMainContainer strong,
#spMainContainer b {
font-weight: bold;
}
#spMainContainer a,
#spMainContainer a:link,
#spMainContainer a:active,
#spMainContainer a:visited {
color: #000000;
text-decoration: none;
box-shadow: none;
box-sizing: content-box;
border: none;
cursor: pointer;
}
#spMainContainer a:hover {
color: #000000;
}
#spMainContainer small {
font-size: 90%;
padding: 0;
}
#spMainContainer ol,
#spMainContainer ul {
list-style-position: inside;
}
#spMainContainer img,
#spMainContainer a img {
display: inline;
border: none;
vertical-align: middle;
}
#spMainContainer table {
table-layout: auto !important;
}
#spMainContainer table,
#spMainContainer tr td,
#spMainContainer tr,
#spMainContainer td {
margin: 0;
padding: 0;
border: none;
vertical-align: middle;
width: auto;
border-collapse: collapse;
border-spacing: 0;
}
#spMainContainer input[type="button" i], 
#spMainContainer input[type="submit" i], 
#spMainContainer input[type="reset" i], 
#spMainContainer input[type="file" i]::-webkit-file-upload-button, button {
align-items: flex-start;
text-align: center;
cursor: default;
background-color: inherit;
color: inherit;
box-sizing: border-box;
padding: 2px 6px 3px;
border-width: 0px;
border-style: none;
border-color: none;
border-image: none;
} #spMainContainer .spClear {
clear: both;
}
#spMainContainer .spClearRight {
clear: right;
}
#spMainContainer .spClearLeft {
clear: left;
}
#spMainContainer .spLeft {
float: left;
}
#spMainContainer .spRight {
float: right;
}
#spMainContainer .spTextRight {
text-align: right;
}
#spMainContainer .spTextLeft {
text-align: left;
}
#spMainContainer .spCenter {
text-align: center;
margin-left: auto;
margin-right: auto;
}  #spMainContainer {
width: 100%;
max-width:80%;
margin-left:10%;
margin-right:10%;
padding: 3%;
border-radius:10px;
background-color: #FAFAFA;
}
#spMainContainer .spBold {
font-weight: bold;
} #spMainContainer .spLabelSmall {
color: #000000;
font-weight: bold;
font-size: 110%;
margin: 0px;
padding: 0px 0px 0px 5px;
line-height: 1.1em;
}
#spMainContainer .spLabelSmall.spRight {
color: #000000;
font-weight: normal;
font-size: 110%;
margin: 0px;
padding: 5px 5px 0px 0px;
line-height: 1.1em;
}
#spMainContainer .spHeadOne .spLabelSmall.spRight {
padding: 1px 5px 0px 0px;
}
#spMainContainer .spLogLabelSmall {
color: #000000;
font-weight: bold;
font-size: 110%;
margin: 0px;
padding: 1px 5px 0px 5px;
line-height: 1.1em;
border-left: 1px solid #F0F0F0;
}
#spMainContainer #spUnreadCount {
font-weight: bold;
}
#spMainContainer .spLabel,
#spMainContainer .spLabelBordered {
color: #000000;
font-size: inherit;
line-height: 1.1em;
}
#spMainContainer .spLabelBordered {
color: #000000;
font-size: inherit;
line-height: 1.1em;
}
#spMainContainer .spRecentPostSection .spListViewSection {
padding-top: 1em;
padding-bottom: 0.25em;
border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
}
#spMainContainer .spRecentPostSection .spMessage {
font-family: inherit;
font-size: 130%;
font-weight: bold;
text-transform: none;
color: #000000;
background: #ECEFF1;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin: 0;
padding-top: 1.5em;
padding-bottom: 1.5em;
}
#spMainContainer .spRecentPostSection .spRowIconSmall {
border-radius: 50%;
}
#spMainContainer .spInRowLabel {
font-size: 80%;
color: #000000;
padding: 0;
margin: 0;
}
#spMainContainer .spUniversalLabel .spInRowLabel {
color: #000000;
} #spMainContainer a:link,
#spMainContainer a:active,
#spMainContainer a:visited,
#spMainContainer .spLink:link,
#spMainContainer .spLink:active,
#spMainContainer .spLink:visited {
color: #000000;
outline: none;
}
#spMainContainer a:hover,
#spMainContainer .spLink:hover {
color: #000000;
} #spMainContainer #spSearchButton {
display: none;  
} #spMainContainer .spSearchLink,
#spMainContainer .spSearchLink a,
#spMainContainer .spSearchLink:link,
#spMainContainer .spSearchLink:active,
#spMainContainer .spSearchLink:visited {
font-size: 60%;
font-weight: bold;
color: #000000;
border: none;
vertical-align: middle;
padding-top: 5px;
cursor: pointer;
outline: none;
display: block;
}
#spMainContainer .spSearchLink:hover {
color: #000000;
}
#spMainContainer a.spButton,
#spMainContainer a.spButton:visited {
font-size: 80%;
font-weight: bold;
color: #FFFFFF;
background: #000000;
border: none;
border-radius: 3px;
vertical-align: middle;
padding: 5px;
margin: 5px 0px;
cursor: pointer;
outline: none;
}
#spMainContainer a.spButton:hover {
border: none;
background: #000000;
}
#spMainContainer a.spButton img {
vertical-align: middle;
margin: 0 3px 2px 0;
padding: 0;
}
#spMainContainer a.spButton span {
font-weight: bold;
}
#spMainContainer .spButton,
#spMainContainer .spButton:visited {
font-size: 80%;
font-weight: bold;
color: #FFFFFF;
background: #000000;
border: none;
vertical-align: middle;
padding: 5px;
margin: 5px 0px;
cursor: pointer;
outline: none;
}
#spMainContainer .spButton:hover {
color: #FFFFFF;
border: none;
background: #000000;
}
#spMainContainer .spButtonAsLabel {
cursor: default;
font-size: 80%;
font-weight: normal;
color: #000000;
background: none;
border: none;
width: auto;
height: auto;
text-align: left;
vertical-align: middle;
padding: 4px 5px 0px 5px;
margin: 0px 4px 5px 2px;
outline: none;
}
#spMainContainer input.spSubmit {
width: auto;
min-height: 32px;
height: auto;
text-align: center;
padding: 0.5em;
margin: 0.5em;
color: #FFFFFF;
background: #000000;
border: 1px solid #000000;
border-radius: 3px;
position: relative;
outline: none;
text-decoration: none;
}
#spMainContainer .spSubmit:hover {
background-color: #000000;
border-color: #000000;
cursor: pointer;
}
#spMainContainer input, select, textarea {
padding: 0;
border-radius: 0;
}
#spMainContainer textarea.spControl,
#spMainContainer select.spControl,
#spMainContainer input.spControl {
height: 27px;
border: 1px solid #ECEFF1;
color: #000000;
margin: 5px 0;
width: auto;
}
#spMainContainer input.spControl[type="text"] {
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px	
}
#spMainContainer textarea.spControl {
height: auto;
background: #FFFFFF;
box-shadow: none;
padding: 5px;
}
#spMainContainer #spPostForm .spEditor .spEditorTitle input {
border: 1px solid #ECEFF1;
}
#spMainContainer select.spSelect {
font-size: 100%;
border: 1px solid #ECEFF1;
color: #000000;
height: 1.5em;
width: auto;
line-height: 1.2em;
vertical-align: middle;
margin: 3px 10px;
padding: 1px;
}
#spMainContainer select.spSelect option{
background: #FFFFFF;
color: #000000;
}
#spMainContainer select.spSelect optgroup {
background: #ECEFF1;
outline: none;
box-shadow: none;
}
#spMainContainer select.spSelect:hover {
background: rgba(40, 40, 40, 0.1);
}
#spMainContainer #spPostForm select.spSelect {
border: 1px solid #ECEFF1;
} #spMainContainer fieldset {
background: none;
color: #000000;
margin: 0px 0px;
width: auto;
}
#spMainContainer fieldset .spLabel {
color: #000000;
font-size: 80%;
}
#spMainContainer fieldset legend {
padding: 5px;
margin: 0 0 7px 0;
font-weight: normal;
width: auto;
color: #000000;
font-weight: bold;
line-height: 1.3em;
font-size: 85%;
} #spMainContainer .spHeadControlBar {
color: #000000;
margin: 0 0 5px 0;
padding: 0;
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
#spMainContainer .spHeadOne {
margin: 0 0 -100px auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#spMainContainer .spHeadTwo {
width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 2px 0 0 0;
}
#spMainContainer .spHeadThree {
margin: 5px 0 0 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#spMainContainer .spHeadControls {
background: none;
border: none;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding: 5px 10px;
}
#spMainContainer .spHeadControls .spButton {
margin: 0px 0px 0px 10px;
} #spMainContainer #spLoginForm {
padding: 1em;
text-align: center;
font-size: 100%;
background: #F0F0F0;
}
#spMainContainer #spLoginForm label{
font-weight: bold;
}
#spMainContainer #spLoginForm .spLoginFormTitle {
font-size: 130%;
font-weight: bold;
padding-bottom: 1em;
float:left;
}
#spMainContainer #spLoginForm fieldset.spControl {
background: #ECEFF1;
vertical-align: top;
height: auto;
min-width: 250px;
width: 25%;
border: 1px solid #FFFFFF;
border-radius: 5px;
padding: 10px 0 20px 0;
margin: 10px 0 0 0;
margin-left: auto;
margin-right: auto;
padding: 2em;
box-shadow: 6px 6px 60px #ECEFF1;
}
#spMainContainer #spLoginForm form.spForm {
margin: 0 auto;
min-width: 200px;
width: 25%;
text-align: left;
}
#spMainContainer #spLoginForm form.spForm input {
background: #FFFFFF;
min-width: 200px;
width: 25%;
line-height: 2em;
height: 2em;
margin: 10px 0 0 0;
padding: 0 5px;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #ECEFF1;
}
#spMainContainer #spLoginForm form.spForm input[type="submit"] {
background: #000000;
color: #FFFFFF;
cursor: pointer;
}
#spMainContainer #spLoginForm form.spForm input[type="submit"]:hover {
background: #000000;
}
#spMainContainer #spLoginForm form.spForm p {
padding: 5px 0;
clear: both;
}
#spMainContainer #spLoginForm form.spForm p.spForm {
text-align: center;
background: none;
}
#spMainContainer #spMarkRead p,
#spMainContainer #spMarkReadForum p {
padding: 20px 0 10px;
text-align: center;
} #spMainContainer .spSearchForm {
margin-left: 1em;
}
#spMainContainer .spSearchForm input.spControl {
font-size: 100%;
color: #000000;
background: #FFFFFF;
border: 1px solid #F0F0F0;
line-height: 1em;
margin: 0px 0px 0px 0px;
padding: 25px;
box-sizing: border-box;
border-radius: 3px;
}
#spMainContainer .spSearchForm input.spControl:hover {
background: #FFFFFF;
}
#spMainContainer #spSearchFormAdvanced {
display: none;
font-size: 100%;
margin: 0;
padding: 0;
text-align: center;
}
#spMainContainer #spSearchFormAdvanced	fieldset.spSearchMember {
border: none;
}
#spMainContainer #spSearchFormAdvanced .spSearchMember .spSearchSectionUser img {
display: none;
}
#spMainContainer .spSearchMember .spSearchSection {
text-align: center;
}
#spMainContainer #spSearchFormAdvanced .spLabel,
#spMainContainer #spSearchFormAdvanced legend,
#spMainContainer #spSearchFormAdvanced p,
#spMainContainer #spSearchFormAdvanced b {
display: inline;
color: #000000;
font-size: 100%;
}
#spMainContainer #spSearchFormAdvanced .spSubmit {
font-size: 80%;
font-weight: bold;
color: #FFFFFF;
background: #000000;
border: none;
vertical-align: middle;
padding: 1em;
margin: 0px 1em 0px 0px;
cursor: pointer;
}
#spMainContainer #spSearchFormAdvanced .spSubmit:hover {
color: #FFFFFF;
border: none;
background: #000000;
}
#spMainContainer #spSearchFormAdvanced fieldset {
background: none;
border: 1px solid #000000;
padding: 10px;
margin-top: 10px;
}
#spMainContainer #spSearchFormAdvanced h2 {
margin: 0;
padding: 0;
clear: none;
}
#spMainContainer #spSearchFormAdvanced legend {
background: none;
font-size: 130%;
font-weight: bold;
display: none;
}
#spMainContainer .spSearchFormSubmit a {
float: right;
margin: 0;
padding: 1em;
}
#spMainContainer .spSearchSection .spTopicListSection {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
font-size: 85%;
padding: 10px;
box-sizing: border-box;
}
#spMainContainer .spSearchMember .spSearchSection,
#spMainContainer .spSearchTopicStatus .spSearchSection {
text-align: left;
}
#spMainContainer .spSearchSection .spRadioSection hr {
display: none;
}
#spMainContainer p.spSearchForumScope,
#spMainContainer p.spSearchSiteScope,
#spMainContainer p.spSearchMatch,
#spMainContainer p.spSearchOptions {
text-align: center;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
}
#spMainContainer p.spSearchSiteScope {
margin-top: 20px;
} #spMainContainer #spQuickLinksForumSelect_msdd,
#spMainContainer #spQuickLinksTopicSelect_msdd {
width: 100% !important;
}
#spMainContainer #spQuickLinksForumSelect_child,
#spMainContainer #spQuickLinksTopicSelect_child {
max-height: 550px !important;
min-height: auto;
width: 350px !important;
}
#spMainContainer .spQuickLinks {
display: none;
height: auto;
width: auto; padding: 5px;
margin-top: -7px;
text-decoration: none;
text-align:left;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
#spMainContainer #spQuickLinksTopic.spQuickLinks.spControl.spButton {
border: 1px solid #000000;
border-radius: 3px;
}
#spMainContainer .spQuickLinks:hover { }
#spMainContainer .spQuickLinks .dd .ddTitle {
padding:3px;
margin-top: 5px;
text-indent:0;
cursor: pointer;
overflow:hidden;
}
#spMainContainer .spQuickLinks .ddTitleText { }
#spMainContainer .spQuickLinks .ddTitleText span.ddlabel {
font-weight: bold;
cursor: pointer;
}
#spMainContainer .spQuickLinks .dd .ddChild {
position:absolute;
display:none;
height: auto !important;
width:	350px;
overflow:auto;
overflow-x:hidden !important;
border: 1px solid #F0F0F0;
background: #FAFAFA;
padding: 10px;
margin: 0 10px;
z-index: 100 !important;
cursor: pointer;
}
#spMainContainer .spQuickLinks .dd .ddChild ul li {
background: #FAFAFA;
margin: 0;
padding: 4px 0 4px 15px;
list-style-type:none;
}
#spMainContainer .spQuickLinks .dd .ddChild li .optgroupTitle {
font-weight: bold;
color: #000000;
}
#spMainContainer .spQuickLinks .dd .ddChild li img {
border: 0 none;
vertical-align: middle;
float: left;
margin-right: 10px;
padding-top: 3px;
}
#spMainContainer #spQuickLinksTopic .ddChild li.spPostRead span {
color: #000000;
}
#spMainContainer #spQuickLinksTopic .ddChild li.spPostNew span {
color: #000000;
}
#spMainContainer #spQuickLinksTopic .ddChild li.spPostMod span {
color: #000000;
} #spMainContainer .spCrumbHolder {
display: block;
margin-bottom: 1em;
margin-top: 0px;
width: 100%;
}
#spMainContainer #spBreadCrumbs {
font-size: 60%;
overflow: hidden;
height: auto;
margin: 0.5em;
vertical-align: middle;
}
#spMainContainer #spBreadCrumbs img {
margin: 0 5px 2px 0;
padding: 0;
opacity: 0.7;
min-width: 2px;
min-height: 2px;
}
#spMainContainer #spBreadCrumbs a {
color: #000000;
font-size: 110%;
padding: 5px;
}
#spMainContainer #spBreadCrumbs a:hover {
color: #000000;
text-decoration: none;
}
#spMainContainer #spBreadCrumbs .spCurrentBreadcrumb{
color: #000000;
font-weight: bold;
text-decoration: none;
}
#spMainContainer #spBreadCrumbs .spCurrentBreadcrumb:hover{
color: #000000;
}   #spMainContainer #spPersonalInfo {
float: right ;
display: grid;
grid-template-areas:
"j k"
"j k"
"j k" ;
grid-template-columns: 1fr 1fr;
padding: 1em;
border-radius: 5px;
border-width: 1px;
border-color: #FAFAFA;
margin-right: 1em;
}
#spMainContainer .spPersonalInfo-Row-1 { float: right ;
display: grid;
grid-template-columns: 1fr;
grid-area: k;
}
#spMainContainer .spPersonalInfo-Row-2 {
float: right ;
display: grid;
grid-template-columns: 1fr;
grid-area: j;
}
#spMainContainer .spLoggedInOutLabelWrapper{ display: grid;
grid-template-areas: 
"a b"
"c d"
"e f";
grid-template-columns: 1fr 1fr;
font-size: 60%;
}
#spMainContainer .spLoggedInOutLabelWrapper .spLoggedInOutButtonsWrapper { grid-area: f;	
} #spMainContainer .spLoggedInOutLabelWrapper a.spLogInOutButton,
#spMainContainer .spLoggedInOutLabelWrapper a.spRegisterButton {
display: block;
font-size: 100%;
text-align: center;
padding: 0.5em;
border-width: 1px;
border: solid;
border-color: #000000;
}
#spMainContainer .spLoggedInOutLabelWrapper a.spLogInOutButton:hover,
#spMainContainer .spLoggedInOutLabelWrapper a.spRegisterButton:hover {
border-color: #000000;
}	
#spMainContainer .spUnReadPostsWrapper { grid-area: d;
}
#spMainContainer .spLoggedInOutLabelWrapper a.spUnreadPostsInfo {
text-align: center;
display:block;
margin-bottom: 1em;
margin-top: -2em;
}
#spMainContainer .spLoggedInOutLabelWrapper a.spMarkAllPostsRead,
#spMainContainer .spLoggedInOutLabelWrapper a.spMarkAllPostsRead:visited,
#spMainContainer .spLoggedInOutLabelWrapper a.spMarkAllTopicsRead,
#spMainContainer .spLoggedInOutLabelWrapper a.spMarkAllTopicsRead:visited,
#spMainContainer .spLoggedInOutLabelWrapper .spMarkAllTopicsRead a.spMarkThisForumRead,
#spMainContainer .spLoggedInOutLabelWrapper .spMarkAllTopicsRead a.spMarkThisForumRead:visited {
color: #FFFFFF;
margin-bottom: 1em;
line-height: 2em;
width: auto;
} #spMainContainer .spPersonInfoAvatar .spAvatar{
float: right ;
margin-bottom: 0.25em;	
} #spMainContainer .spFlexHeadContainer {
display: flex;
flex-direction: row;
}
#spMainContainer .spGroupViewSection .spGroupViewHeader,
#spMainContainer .spForumViewSection .spForumViewHeader,
#spMainContainer .spTopicViewSection .spTopicViewHeader {
color: #000000;
background: #ECEFF1;
width: 100%;
padding: 0;
margin: -1px 0px 0px 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#spMainContainer .spTopicViewSection .spTopicViewHeader {
padding-top: 1em;
}
#spMainContainer .spTopicViewSection .spTopicViewHeader .spHeaderDescription {
padding: 0;
}
#spMainContainer .spHeaderIcon {
margin: 5px;
}
#spMainContainer .spHeaderName,
#spMainContainer .spHeaderName span {
font-family: inherit;
font-size: 130%;
font-weight: bold;
text-transform: none;
color: #000000;
margin: 0;
padding: 5px 10px 0px 0px;
}
#spMainContainer .spHeaderName p {
color: #000000;
font-weight: bold;
font-size: 130%;
}
#spMainContainer .spHeaderDescription {
font-family: inherit;
font-size: 100%;
font-weight: normal;
color: #000000;
margin: 0;
margin-top: 1em;
padding: 2px 4px 0px 0px;
opacity: 0.7;
float: left;
line-height: 1.4em;
}
#spMainContainer .spHeaderMessage {
font-family: inherit;
font-size: 100%;
font-weight: normal;
color: #000000;
margin: 0 5px 5px 5px;
padding: 5px;
opacity: 0.7;
line-height: 1.3em;
}
#spMainContainer .spRowIcon {
margin: 5px; }
#spMainContainer .spRowIconHidden {
margin: 5px;
visibility: hidden;
margin-top: -50%;
margin-bottom: -50%;
}
#spMainContainer a.spRowName,
#spMainContainer .spRowName {
font-size: 100%;
font-weight: bold;
color: #000000;
line-height: 1em;
}
#spMainContainer a.spRowName:hover,
#spMainContainer .spRowName:hover {
color: #000000;
}
#spMainContainer .spRowDescription {
font-size: 80%;
font-weight: normal;
color: #000000;
margin: 0 0 0 0;
margin-top: 1em;
padding: 0;
}
#spMainContainer .spRowDescriptionBold {
font-size: 80%;
font-weight: bold;
color: #000000;
margin: 0 0 0 0;
margin-top: 1em;
padding: 0;
}
#spMainContainer .spRowDescriptionBold span {
font-weight: bold;
}
#spMainContainer .spHeaderAddButton {
padding: 2px 0px 0px 0px;
margin: 0;
font-size: 80%;
white-space: nowrap;
font-weight: bold;
}
#spMainContainer .spTopicViewSection .spTopicViewHeader .spLink:link,
#spMainContainer .spForumViewSection .spForumViewHeader .spLink:link,
#spMainContainer .spGroupViewSection .spGroupViewHeader .spLink:link {
font-size: 80%;
font-weight: bold;
padding: 5px 0 0 0;
line-height: 1.1em;
}
#spMainContainer .spTopicViewSection .spTopicViewHeader a:link,
#spMainContainer .spForumViewSection .spForumViewHeader a:link,
#spMainContainer .spGroupViewSection .spGroupViewHeader a:link {
font-weight: bold;
}
#spMainContainer .spSubButton,
#spMainContainer .spSubButton a,
#spMainContainer .spPushNotificationsButton,
#spMainContainer .spPushNotificationsButton a {
font-size: 80%;
padding: 5px 0 0 0;
font-weight: bold;
line-height: 1.1em;
margin-left: 5px;
}
#spMainContainer .spPushNotificationsButton,
#spMainContainer .spPushNotificationsButton a {
font-size: 80%;
padding: 5px 0 0 0;
font-weight: bold;
line-height: 1.1em;
}
#spMainContainer .spHeaderButton,
#spMainContainer .spHeaderButton a {
font-size: 80%;
margin: 0 0 0 10px;
line-height: 1.1em;
}
#spMainContainer .spReplyButton,
#spMainContainer .spReplyButton a {
font-size: 80%;
font-weight: bold;
line-height: 1.1em;
padding: 5px;
margin: 5px 0;
} #spMainContainer .spUniversalLabel {
padding: 0;
}
#spMainContainer .spUniversalLabel .spColumnTitle {
font-family: inherit;
color: #000000;
font-size: 110%;
font-weight: bold;
float: left;
}
#spMainContainer .spUniversalLabel .spColumnTitleCentered {
font-family: inherit;
color: #000000;
font-size: 110%;
font-weight: bold;
float: left;
width: 100%;
text-align: center;
}
#spMainContainer .spTitleColumn {
min-height: 1px;
margin: 7px;
}
#spMainContainer .spTitleColumnHidden {
min-height: 1px;
margin: 7px;
width: auto;
}
#spMainContainer .spTitleColumnTitle {
float: none;
min-height: 1px;
padding: 7px 7px 7px 0px;
margin: 0;
}
#spMainContainer .spTitleColumnTitle .spButton {
margin: 0;
padding: 0;
color: #000000;
}
#spMainContainer .spTitleColumnTitle .spButton:hover {
color: #000000;
}
#spMainContainer .spHeadColumn3 {
margin-left: auto;
padding: 7px;
}
#spMainContainer .spCategoryLabels {
width: 100%;
padding: 0px;
margin: 0px;
display: flex;
-moz-box-flex: 1;
flex-direction: row;
align-items: center;
box-sizing: border-box;
background: #ECEFF1;
}
#spMainContainer .spSpacerIcon {
height: 0px;
} #spMainContainer .spPlainSection {
color: inherit;
background: transparent;
border: none;
padding: 0;
width: auto;
height: auto;
}
#spMainContainer .spInlineSection {
display: none;
}
#spMainContainer .spGroupViewSection {
color: #000000;
background: #ECEFF1;
width: 100%;
margin: 0px;
padding-top: 1em;
border-bottom: 2em solid #FAFAFA; border-top: 1px solid #ECEFF1;
border-top-left-radius: 10px;
border-top-right-radius: 10px;	
}
#spMainContainer .spForumViewSection {
color: #000000;
background: transparent;
border: none;
width: 100%;
padding: 0px;
margin: 0px;
}
#spMainContainer .spTopicViewSection {
color: #000000;
background: transparent;
border: none;
width: 100%;
padding: 0px;
margin: 0px;
}
#spMainContainer .spMemberGroupsSection { }
#spMainContainer .spColumnCountViews,
#spMainContainer .spColumnCountReplies {
display: flex;
flex-direction: column;
align-items: center;
margin: 7px;
}
#spMainContainer .spInRowCount .spInRowNumber {
font-weight: bold;
margin-top: 2em; }
#spMainContainer .spLastPostDescription .spInRowLabel {
margin-top: 1em; }
#spMainContainer .spForumViewSection .spForumViewHeader .spButton {
margin: 8px 5px 5px 5px;
}
#spMainContainer .spForumViewSection .spForumViewHeader .spButton:hover {
background: none;
}
#spMainContainer .spForumViewSection .spForumViewHeader .spIconNoAction{
margin: 6px 4px 0 0;
}
#spMainContainer .spForumViewSection .spForumViewHeader .spIconNoAction:hover {
background: transparent;
}
#spMainContainer .spForumViewSection .spForumViewHeader .spPageLinks span{
border: none;
}
#spMainContainer .spActionsColumnSection {
padding: 4px 4px 0 0;
}
#spMainContainer .spForumTopicContainer .spActionsColumnSection {
padding: 0px;
margin: 0 -4px 0 0;
}
#spMainContainer .spForumTopicSection a.spInRowLastPostLink {
font-size: 100%;
}
#spMainContainer .spTopicViewSection .spTopicViewHeader .spPageLinks  img {
margin: 3px 0 5px 0;
}
#spMainContainer .spTopicViewSection .spTopicViewHeader .ShareThisTopic {
margin: 5px -8px 5px 0;
padding: 3px;
} #spMainContainer .spGroupForumSection.spOdd,
#spMainContainer .spForumTopicSection.spOdd {
color: inherit;
background: none;
border: none;	
padding-top: 1em;
padding-bottom: 1em;
}
#spMainContainer .spGroupForumSection.spOdd:hover,
#spMainContainer .spForumTopicSection.spOdd:hover {
color: inherit;
background: none;
border: none;
}
#spMainContainer .spGroupForumSection.spEven,
#spMainContainer .spForumTopicSection.spEven {
color: inherit;
background: none;
border: none;
padding-top: 1em;
padding-bottom: 1em;
}
#spMainContainer .spGroupForumSection.spEven:hover,
#spMainContainer .spForumTopicSection.spEven:hover {
color: inherit;
background: none;
border: none;
}
#spMainContainer .spGroupForumSection,
#spMainContainer .spForumTopicSection {
width: 100%;
padding: 0px;
margin: 0px;
display: flex;
display: -webkit-flex;
-moz-box-flex:1.0; -webkit-box-flex:1.0; -ms-flex:1.0; box-flex:1.0;
flex-direction: row;
-webkit-flex-direction: row;
align-items: center;
-webkit-align-items: center;
box-sizing: border-box;
}
#spMainContainer .spTopicDescription {
font-size: 75%;
margin: 0;
opacity: 0.8;
}
#spMainContainer .spInRowLastPostLink {
font-size: 100%;
font-weight: bold;
color: #000000;
}
#spMainContainer .spInRowLastPostLink a{
font-size: 100%;
}
#spMainContainer .spInRowLastPostLink:hover,
#spMainContainer .spInRowLastPostLink a:hover {
color: #000000;
}
#spMainContainer .spInRowPostLink a:link {
font-size: 75%;
font-weight: normal;
color: #000000;
}
#spMainContainer .spInRowPostLink a:link:hover {
color: #000000;
}
#spMainContainer .spInRowPostLink .spIcon {
margin-top: 0px;
}
#spMainContainer .spInRowText,
#spMainContainer .spInRowRank,
#spMainContainer .spInRowDate,
#spMainContainer .spInRowNumber,
#spMainContainer .spForumModeratorList {
font-size: 100%;
line-height: 1.1em;
}
#spMainContainer .spInRowCountLabel { font-size: 80%;
} #spMainContainer .spIconColumnSection {
margin: 7px;
width: auto;
}
#spMainContainer .spIconColumnSectionTitle {
margin: 7px 13px 7px 7px;
width: auto;
}
#spMainContainer .spViewsLabel,
#spMainContainer .spPostsLabel {
font-size: 100%;
font-weight: bold;
padding-left: 0px;
}
#spMainContainer .spColumnSection {
margin: 7px;
}
#spMainContainer .spColumnSection a img{
opacity: 1;
}
#spMainContainer .spColumnSection a img:hover{
opacity: 1;
}
#spMainContainer .spColumnSection .spIconNoAction {
opacity: 1;
}
#spMainContainer .spColumnSection .spButton{
background: none;
color: #000000;
margin: 0;
padding: 9px 0px 4px 0;
text-align: center;
font-size: 75%;
border: none;
}
#spMainContainer .spColumnSection img {
justify-content: space-around;
align-content: space-around;
} #spMainContainer .spInRowSubForums {
font-size: 100%;
margin: 10px 0;
}
#spMainContainer .spInRowSubForums .spInRowLabel {
font-size: 100%;
}
#spMainContainer .spInRowSubForums .spIconSmall {
max-width: 16px;
max-height: 16px;
}
#spMainContainer .spInRowSubForums .spInRowLabel ul,
#spMainContainer .spInRowSubForums .spInRowLabel li {
list-style-type: none;
}
#spMainContainer .spInRowSubForums .spInRowLabel li {
margin: 3px 0 0 0;
}
#spMainContainer .spInRowSubForumlink {
margin: 0;
font-weight: bold;
}
#spMainContainer .spInRowSubForums .spInRowLabel .spInRowSubForumlink {
font-size: 100%;
}
#spMainContainer .spForumSubforumContainer .spColumnSection .spIcon {
margin: 0;
}
#spMainContainer .spGroupForumSection .spInRowSubForums .spInRowLabel{
font-size: 95%;
}
#spMainContainer .spGroupForumSection .spInRowSubForums .spInRowSubForumlink {
font-weight: bold;
}
#spMainContainer .spGroupForumSection .spInRowSubForums img {
max-width: 16px;
max-height: 16px;
padding: 0;
}
#spMainContainer .spForumSubforumContainer .spColumnSection .spInRowPostLink {
margin: 0;
} #spMainContainer .spTopicListSection .spColumnSection  {
display: flex;
}
#spMainContainer .spTopicListSection .spButton {
font-weight: bold;
color: #000000;
font-size: 80%;
padding: 0 0 0 10px;
margin: 0;
vertical-align: baseline;
}
#spMainContainer .spTopicListSection .spButton:hover {
color: #000000;
}
#spMainContainer .spListViewSection .spTopicListSection .spListTopicRowName{
font-weight: bold;
font-size: 80%;
padding: 0;
margin: 1px 0 0 0;
}
#spMainContainer .spRecentPostSection .spTopicListSection .spListForumRowName { }
#spMainContainer .spListForumRowName{
color: #000000;
padding: 4px 4px 4px 8px;
margin: 3px 0px 3px 0px;
font-weight: bold;
overflow: hidden;
width: 100%;
box-sizing: border-box;
}
#spMainContainer .spListSection .spListForumRowName {
border: none;
padding: 0;
font-size: 80%;
}
#spMainContainer .spListForumRowName a:link {
padding: 20px;
}
#spMainContainer .spTopicListSection {
background: #FFFFFF;
width: 100%;
margin: 0px 0px 10px 0px;
display: flex;
display: -webkit-flex;
-webkit-justify-content: space-around;
flex-direction: row;
-webkit-flex-direction: row;
align-items: center;
-webkit-align-items: center;
box-sizing: border-box;
}
#spMainContainer .spTopicListSection:hover {
background: #FFFFFF;
}
#spMainContainer .spTopicListSection.spEven {
background: none;
}
#spMainContainer .spListTopicRowName .spLink {
font-weight: bold;
} #spMainContainer .spInlineTopics .spTopicListSection .spListForumRowName,
#spMainContainer .spRecentPostSection .spTopicListSection .spListForumRowName,
#spMainContainer .spSearchSection .spTopicListSection .spListForumRowName {   }
#spMainContainer .spInlineTopics .spTopicListSection .spListTopicRowName,
#spMainContainer .spRecentPostSection .spTopicListSection .spListTopicRowName,
#spMainContainer .spSearchListSection .spTopicListSection .spListTopicRowName { }
#spMainContainer .spListViewSection .spTopicListSection .spListTopicRowName {
padding: 0 0 3px 0;
}
#spMainContainer .spInlineTopics .spTopicListSection .spListLabel,
#spMainContainer .spInlineTopics .spTopicListSection .spListPostLink,
#spMainContainer .spRecentPostSection .spTopicListSection .spListLabel,
#spMainContainer .spRecentPostSection .spTopicListSection .spListPostLink,
#spMainContainer .spSearchListSection .spTopicListSection .spListLabel { }
#spMainContainer .spRecentPostSection .spTopicListSection .spListPostLink {
font-size: 100%;
width: 100%;	
}
#spMainContainer .spRecentPostSection .spTopicListSection .spListPostLink .spProfilePopupLink {
font-weight: bold;
}
#spMainContainer .spSearchListSection .spTopicListSection .spListPostLink {
font-size: 100%;
}
#spMainContainer .spSearchListSection .spTopicListSection .spListPostLink .spProfilePopupLink {
font-weight: bold;
}
#spMainContainer .spListPostLink {
padding: 0 0 0 0px;
}
#spMainContainer .spListPostLink .spIcon {
margin: 0px 4px 0px 0px;
}
#spMainContainer .spListIconSmall {
border: none;
vertical-align: top;
padding: 0 0 3px 0;
margin: 0 5px 0 0;
}
#spMainContainer .spInlineTopics {
width: 100%;
padding: 0;
}
#spMainContainer .spGroupForumContainer .spListViewSection {
margin: 10px 0 20px 0;
}
#spMainContainer .spGroupForumContainer .spListViewSection .spTopicListSection {
color: #000000;
border: none;
width: 97%;
margin: 0px 0px 10px 0px;
margin-left: 3%;
display: flex;
display: -webkit-flex;
justify-content: space-around;
-webkit-justify-content: space-around;
flex-direction: row;
-webkit-flex-direction: row;
align-items: center;
-webkit-align-items: center;
box-sizing: border-box;
}
#spMainContainer .spListSection {
color: #000000;
background: inherit;
border: none;
padding: 0;
width: 100%;
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
}
#spMainContainer .spListSection .spPageLinks .spIcon img{
vertical-align: middle;
padding: 0 5px 2px 0;
}
#spMainContainer .spListSection .spPageLinksBottom .spIconNoAction {
margin: 0 0 0 0;
}
#spMainContainer .spListSection .spPageLinksBottom .spIconNoAction:hover {
background: transparent;
}
#spMainContainer .spListSection .spButton:hover{ } #spMainContainer .spTopicPostContainer { }
#spMainContainer .spTopicPostSection {
color: #000000;
background: #FFFFFF;
border: none;
border-top: 1px solid #FAFAFA;	
border-bottom: none;
margin: 25px 0px 25px 0px;
padding-top: 1em;
padding-bottom: 1em;
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
display: -webkit-flex;
}
#spMainContainer .statusHolder {
padding: 0 10px;
}
#spMainContainer .spTopicPostSection .spPostUserName,
#spMainContainer .spTopicPostSection .spPostUserLocation,
#spMainContainer .spTopicPostSection .spPostUserPosts,
#spMainContainer .spTopicPostSection .spPostUserRegistered,
#spMainContainer .spTopicPostSection .spPostUserRank,
#spMainContainer .spTopicPostSection .spPostUserStatus,
#spMainContainer .spTopicPostSection .spPostUserSpecialRank,
#spMainContainer .spTopicPostSection .spPostUserMemberships {
font-size: 80%;
margin: 0;
padding: 3px;
line-height: 1em;
color: #000000;
}
#spMainContainer .spTopicPostSection .spPostUserStatus .spIcon {
margin: 0px 4px 3px 0px;
}
#spMainContainer .spTopicPostSection .spPostUserName,
#spMainContainer .spTopicPostSection .spPostUserName a {
font-weight: bold;
}
#spMainContainer .spTopicPostSection .spPostUserRank img,
#spMainContainer .spTopicPostSection .spPostUserSpecialRank img {
margin: auto;
}
#spMainContainer .spAvatar {
border-radius: 50%;
}
#spMainContainer .spTopicPostSection .spPostUserAvatar img {
margin: auto;
}
#spMainContainer .spTopicPostSection .spPostUserWebsite img,
#spMainContainer .spTopicPostSection .spPostUserTwitter img,
#spMainContainer .spTopicPostSection .spPostUserFacebook img,
#spMainContainer .spTopicPostSection .spPostUserGooglePlus img,
#spMainContainer .spTopicPostSection .spPostUserYouTube img,
#spMainContainer .spTopicPostSection .spPostUserLinkedIn img,
#spMainContainer .spTopicPostSection .spPostUserMySpace img {
margin: 2px;
max-width: 16px;
max-height: 16px;
}
#spMainContainer .spTopicPostSection i.spUserBadge { margin: 2px;
}
#spMainContainer .spTopicPostSection .spUserSection {
font-size: 80%;	
border-right: 1px solid #FAFAFA;
background: none;
}
#spMainContainer .spPostSection .spPostUserDate {
font-size: 80%;	
margin: 0 2px 0 0;
padding: 3px;
line-height: 1em;
color: #000000;
}
#spMainContainer .spPostSection .spPostActionLabel {
font-size: 80%;	
font-weight: bold;
margin: 0 2px;
padding: 3px;
line-height: 1em;
color: #000000;
}
#spMainContainer .spPostSection .spPostActionLabel:hover {
color: #000000;
}
#spMainContainer .spPostSection .spButton {
padding: 0;
margin: 0 3px;
border: none;
}
#spMainContainer .spPostSection .spLabelBordered {
border: 0px;
padding: 0;
margin: 0px 5px 2px 0;
line-height: 1em;
font-weight: bold;
}
#spMainContainer .spTopicPostSection .spUserSection span {
color: #000000;
}
#spMainContainer .spTopicPostSection .spUserSection .spProfilePopupLink {
color: #000000;
}
#spMainContainer .spTopicPostSection .spUserSection .spProfilePopupLink:hover {
color: #000000;
}
#spMainContainer .spTopicPostSection .spPostActionSection {
border-bottom: 1px solid #FAFAFA;
padding-bottom: 1em;
padding-left: 4px;
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 0;
flex: 0 0 auto;
align-self: auto;
-webkit-align-self: auto;
height: 22px;
}
#spMainContainer .spTopicPostSection .spPostActionSection .spButton,
#spMainContainer .spTopicPostSection .spPostActionSection .spButton:hover {
border: none;
}
#spMainContainer .spTopicPostSection .spPostActionSection img{
min-width: 16px;
min-height: 16px;
max-width: 16px;
max-height: 16px;
opacity: 1;
}
#spMainContainer .spTopicPostSection .spPostActionSection img:hover{
min-width: 16px;
min-height: 16px;
max-width: 16px;
max-height: 16px;
opacity: 0.5;
border: none;
}
#spMainContainer .spPostContentSection {
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 1;
flex: 1 0 auto;
align-self: auto;
-webkit-align-self: auto;
background: #FFFFFF;
}
#spMainContainer .spPostContentSection .spProfilePopupLink {
font-weight: bold;
color: #000000;
}
#spMainContainer .spPostContentSection .spProfilePopupLinkHover {
color: #000000;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent {
font-size: 80%;	
color: #000000;
margin: 5px 0;
padding: 10px;
line-height: 1.3em;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h1,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h2,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h3,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h4,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h5,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h6 {
margin: 0;
padding: 5px 0px;
font-weight: bold;
letter-spacing: 0;
text-transform: none;
line-height: 10px;
word-wrap: break-word;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h1 {
font-size:	1.6em;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h2 {
font-size:	1.5em;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h3 {
font-size:	1.4em;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h4 {
font-size:	1.3em;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h5 {
font-size:	1.2em;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent h6 {
font-size:	1.1em;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent p {
line-height: 1.3em;
padding-bottom: 1em;
color: #000000;
word-wrap: break-word;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent blockquote {
overflow: hidden;
color: #000000;
border-left: 5px solid #F0F0F0;
margin: 0 0 1em 15px;
padding: 10px;
word-wrap: break-word;
opacity: 0.7;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent blockquote blockquote{
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:link,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:active,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:visited {
overflow: hidden;
color: #000000;
font-weight: bold;
word-wrap: break-word;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:hover {
color: #000000;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent ul,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent ol {
padding: 0 0 1em 2em;
list-style-position: inside;
word-wrap: break-word;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent ul li,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent ol li {
padding-bottom: 0.5em;
word-wrap: break-word;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent img {
overflow: hidden;
margin: 5px;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfimageright {
float: right;
margin: 0;
padding: 5px 0 5px 20px;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfimageleft {
float: left;
margin: 0;
padding: 5px 20px 5px 0;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfimagecenter {
display: block;
margin: 0 auto;
padding: 5px 20px;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfimagebaseline {
margin: 0;
padding: 10px
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfimagetop {
vertical-align: top;
margin: 0;
padding: 10px
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfimagemiddle {
vertical-align: middle;
margin: 0;
padding: 10px
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfimagebottom {
vertical-align: bottom;
margin: 0;
padding: 10px
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfimagetexttop {
vertical-align: text-top;
margin: 0;
padding: 10px
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfimagetextbottom {
vertical-align: text-bottom;
margin: 0;
padding: 10px
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfmouseright {
float: right;
margin-right: -39px;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfmouseleft {
float: left;
margin-left: -39px;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .sfmouseother {
margin: 0 0 0 -34px;
padding: 20px 0;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent pre {
margin: 0;
padding: 5px 0px;
word-wrap: break-word;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent cite {
overflow: hidden;
background: #FFFFFF;
color: #000000;
padding: 2px 5px;
font-style:;
word-wrap: break-word;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent table {
width: 100%;
margin: 1em 0;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent table td {
padding: 0.5em;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .spSpoiler {
margin: 10px 0;
padding: 0;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .spSpoilerContent {
padding: 10px 10px 0;
margin: 0 10px 10px;
background: #FFFFFF;
color: #000000;
display: none;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent .spSpoiler .spReveal {
padding: 10px 0;
text-align: left;
font-weight: bold;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent span.sfcode,
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent div.sfcode {
overflow: hidden;
background: #FFFFFF;
color: #393B66;
font-family: monospace, Courier;
font-size: inherit;
display: block;
margin: 2em;
padding: 0.5em;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent div.sfcode table.syntax {
width: 99%;
padding: 0;
margin: 0;
}
#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent div.sfcode table.syntax td {
padding: 0;
}
#spMainContainer .spPostContentSection fieldset{
background: transparent;
border: 1px solid #F0F0F0;
color: #000000;
}
#spMainContainer .spPostContentSection fieldset legend{
color: #000000;
}
#spMainContainer #spAnswersTopicAnswer { padding: 0 10px;
text-align: center;
width: auto;
margin-left: auto;
margin-right: auto;
}
#spMainContainer #spAnswersTopicAnswer .spInRowLabel {
font-weight: bold;
}
#spMainContainer .spTopicPostSection .spPostButton {
font-size: 60%;
color: #FFFFFF;
background: #000000;
border: none;
vertical-align: middle;
padding: 5px;
margin: 5px 0px;
cursor: pointer;
outline: none;	
text-align: right;
}
#spMainContainer .spTopicPostSection .spPostButton:hover {
border: none;
background: #000000;
}
#spMainContainer .spTopicPostSection .spPostContentHolder {
background: #FFFFFF;
}
#spMainContainer .spTopicPostSection .spPostSection {
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
box-sizing: border-box;
flex-wrap: nowrap;
}
#spMainContainer .spPluginSection {
width: 100%;
height: auto;
}
#spMainContainer .spPluginSection .spButton{
font-size: 70%;
color: #000000;
border: none;
}
#spMainContainer .spPluginSection .spButton:hover{
font-size: 70%;
color: #000000;
border: none;
}
#spMainContainer .spPostSignatureSection {
-moz-box-ordinal-group: 1;
order: 0;
-moz-box-flex: 0;
flex: 0 0 auto;
align-self: stretch;
-webkit-align-self: stretch;
}
#spMainContainer .spPostUserSignature {
font-size: 80%;
background: #FFFFFF;
border-top: 1px dotted #F0F0F0;
padding: 20px 5px;
margin: 0;
width: auto;
text-align: center;
}
#spMainContainer .spacer {
display: flex;
display: -webkit-flex;
flex:1;
height: 5px;
width: 100%;
border: 1px solid blue;
}
#spMainContainer .spTopicViewSection .spPostContentSection .spPostIndexAttachments {
margin-left: 20px;
}
#spMainContainer .spForumTopicSection .spButton,
#spMainContainer .spForumTopicSection .spButton:hover{
border: none;
}
#spMainContainer .spForumTopicSection .spInRowPageLinks {
margin: 5px 0 0 5px;
}
#spMainContainer .spForumTopicSection .spInRowPostLink img{
margin: 4px 2px 0 0;
max-height: 13px;
max-width: 9px;
min-height: 13px;
min-width: 9px;
opacity: 1;
}
#spMainContainer .spForumTopicSection .spInRowLabel {
font-size: 75%;
} #spMainContainer #spPostForm {
padding: 0 0 0px;
color: #000000;
font-size: 80%;
width: 100%;
}
#spMainContainer #spPostForm .spForm {
padding: 0px;
background: none;
}
#spMainContainer #spPostForm .spEditorFieldset {
margin: 0px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
}
#spMainContainer #spPostForm .spEditorFieldset legend {
font-size: 130%;
color: #000000;
background: #ECEFF1;
margin: 0;
padding-top: 1.5em;
padding-bottom: 1.5em;
border: 1px solid #ECEFF1;
border-radius: 3px;
width: 100%;
text-align: center;
margin-right: 1em;
}
#spMainContainer #spPostForm .spEditorSection {
background: transparent;
color: #000000;
padding: 10px 10px;
margin: 0px 0 0;
width: auto;
}
#spMainContainer #spPostForm .spEditorSectionLeft {
float: left;
width: 45%;
}
#spMainContainer #spPostForm .spEditorSectionRight {
float: right;
width: 45%;
}
#spMainContainer #spPostForm .spEditorHeading {
padding: 0 0 3px;
margin: 0 0 7px;
text-align: center;
font-weight: bold;
color: #000000;
}
#spMainContainer #spPostForm .spEditorSection .spEditorMessage {
margin: 5px 5px 15px;
padding: 10px;
text-align: center;
}
#spMainContainer #spPostForm .spEditorSection .spEditorMessage p {
color: #000000;
}
#spMainContainer #spPostForm .spEditor .spEditorTitle {
color: #000000;
width: 98%;
font-weight: bold;
padding: 5px 0;
}
#spMainContainer #spPostForm .spEditor .spEditorTitle input {
padding: 0 0 0 5px;
width: 100%;
margin: 5px 0;
box-sizing: border-box;
}
#spMainContainer #spPostForm .spEditor p.spLabelSmall {
padding: 10px 5px;
text-align: center;
font-size: 100%;
}
#spMainContainer #spPostForm #spEditorContent {
clear: both;
margin: 0;
padding: 0 10px;
}
#spMainContainer #spPostForm .spEditorSmileys {
padding: 0 10px;
}
#spMainContainer #spPostForm .spEditorSmileys img.spSmiley {
padding: 3px 1px;
cursor: pointer;
}
#spMainContainer #spPostForm .spEditorSmileys img.spSmiley:active {
border: 1px solid transparent;
}
#spMainContainer #spPostForm .spEditorSubmit {
text-align: center;
padding: 15px 0 5px;
clear: both;
}
#spMainContainer #spPostForm .spEditorSubmit .spEditorTitle {
text-align: center;
padding-top: 0;
}
#spMainContainer #spPostForm .spEditor .spEditorSubmit .spEditorSpam {
padding: 0 0 5px;
}
#spMainContainer #spPostForm .spEditor .spEditorSubmit .spEditorSpam input {
text-align: center;
}
#spMainContainer #spPostForm .spEditorSubmitButton {
margin: 0 3px 0 0;
padding: 0;
}
#spMainContainer #spPostForm .spEditorSubmitButton .spSubmit,
#spMainContainer #spPostForm .spEditorSection .spSubmit {
}
#spMainContainer #spPostForm .spEditorSubmitButton .spSubmit:hover {
}
#spMainContainer #spPostForm .spSubmit {
}
#spMainContainer #spPostForm .spSubmit:hover {
}
#spMainContainer .spEditor .spPtEditor {
width: 98%;
margin: 0 5px;
}
#spMainContainer #spProfileForumSubscriptions label,
#spMainContainer .spProfileManageWatches label.list,
#spMainContainer .spProfileTopicSubscriptions label.list {
color: #000000;
}
#spMainContainer #spRedirectDiv fieldset {
background: none;
padding: 10px 5px 5px 5px;
}
#spMainContainer #spRedirectDiv fieldset legend {
display: none;
}
#spEditorContent .mce-panel {
border: 0px solid #9E9E9E;
background-color: transparent;
background-image: linear-gradient(to bottom, #FDFDFD, #DDD);
background-repeat: repeat-x;
}
#spMainContainer #spPostForm .spEditor .spEditorSection label.spCheckbox {
color: #000000;
}
#spMainContainer #spPostForm .spEditor .spEditorSection label.spCheckbox:focus {
color: #000000;
font-weight: bold;
}
#spMainContainer #spHiddenTimestamp {
display: flex;
display: -webkit-flex;
display: none;
text-align: center;
font-size: 100%;
line-height: 31px;
color: #000000;
}
#spMainContainer #spHiddenTimestamp select.spControl {
margin-left: 15%;
}
#spMainContainer #spHiddenTimestamp .spControl	{
text-align: center;
} #spMainContainer .spMemberListControlLeft {
width: auto;
float: left;
}
#spMainContainer .spMemberListControlRight {
width: auto;
padding: 10px;
float: Right;
}
#spMainContainer #msearch {
font-size: 80%;
}
#spMainContainer #membersearch,
#spMainContainer #allmembers { }
#spMainContainer #membersearch:hover,
#spMainContainer #allmembers:hover {
color: #000000;
background: none;
}
#spMainContainer #spMembersListSearchForm .spForm fieldset {
background: none;
padding: 0px;
}
#spMainContainer #spMembersListSearchForm fieldset legend{
display: none
}
#spMainContainer #spMembersListSearchForm .spForm {
background: #ECEFF1;
padding: 10px;
border: none;
border-bottom: none;
}
#spMainContainer #spMembersListSearchForm .spForm input.spControl {
background: #FFFFFF;
height: 2em; }
#spMainContainer #spMembersListSearchForm .spForm input.spControl:hover {
background: #FFFFFF;
}
#spMainContainer #spMembersListSearchForm .spSearchDetails {
font-weight: bold;
display: flex;
font-size: 80%;
margin-top: 0.5em;
}
#spMainContainer .spMemberListControl {
background: #ECEFF1;
padding: 0;
}
#spMainContainer p.spSearchDetails {
width: 100%;
margin-top: 10px;
}
#spMainContainer .spSearchMember input.spControl {
height: 27px;
line-height: 1em;
margin: 10px;
}
#spMainContainer .spUsergroupSelect select {
font-size: 80%;
border: none;
color: #000000;
height: 27px;
line-height: 1.2em;
vertical-align: middle;
margin: 0;
padding: 1px;
background: #FFFFFF;
}
#spMainContainer .spUsergroupSelect select:hover,
#spMainContainer .spUsergroupSelect select:focus {
background: #FFFFFF;
}
#spMainContainer .spUsergroupSelect option {
color: #000000;
}
#spMainContainer .spMemberGroupsSection .spMemberGroupsHeader {
color: #000000;
background: #ECEFF1;
width: 100%;
padding: 10px;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
#spMainContainer .spMemberGroupsSection .spMemberGroupsHeader .spHeaderName {
padding: 0;
line-height: 1.1em;
}
#spMainContainer .spMemberGroupsSection .spMemberGroupsHeader .spHeaderDescription {
float: none;
line-height: 1.1em;
padding: 0;
}
#spMainContainer .spMemberListSection.spOdd {
color: inherit;
background: none;
border: none;
}
#spMainContainer .spMemberListSection.spOdd:hover {
color: inherit;
background: none;
border: none;
}
#spMainContainer .spMemberListSection.spEven {
background: none;
border: none;
}
#spMainContainer .spMemberListSection.spEven:hover {
color: inherit;
background: none;
border: none;
}
#spMainContainer .spMemberListSection .spColumnSection img {
max-height: 110px;
max-width: 110px;
}
#spMainContainer .spMemberListSection a {
font-size: 95%;
}
#spMainContainer .spMemberListSection {
font-size: 95%;
padding: 5px;
display: flex;
-moz-box-flex: 1;
display: -webkit-flex;
}
#spMainContainer .spMemberListSection .spColumnSection{
text-align: center;
display: flex;
align-content: center;
justify-content: flex-start;
flex-direction: column;
}
#spMainContainer .spMemberListSection .spRowName a{
line-height: 1.0em;
font-weight: bold !important;
}
#spMainContainer .spMemberListSection .spInRowDate {
font-size: 80%;
} #spMainContainer .spFootContainer {
background: #FFFFFF;
border: none;
padding: 0;
}
#spMainContainer .spFootContainer a.spButton span{
color: #000000;
}
#spMainContainer .spFootContainer .spGoToTop {
padding: 0;
margin: 0 -2px 0 0;
}
#spMainContainer .spFootContainer .spLink {
color: #000000;
}
#spMainContainer .spFootContainer .spButton a{
border: none;
color: #000000;
}
#spMainContainer .spFootContainer label {
color: #000000;
font-weight: bold;
font-size: 100%;
}
#spMainContainer .spFootContainer .spPlainSection {
padding: 3px 0 0 0;
}
#spMainContainer .spFootContainer .spPlainSection.spCenter {
border-top: none;
padding: 3px 0 0 0;
margin: 15px 0 0 0;
} #spMainContainer .spPageLinks {
font-size: 100%;
color: #000000;
margin: 3px;
padding: 8px 0 4px 0;
}
#spMainContainer .spPageLinksBottomSection {
margin: 10px;
}
#spMainContainer .spPageLinksBottomSection .spButton {
color: #000000;
}
#spMainContainer .spPageLinksBottomSection .spButton:hover {
color: #000000;
}
#spMainContainer .spPageLinksBottom {
box-sizing: border-box;
}
#spMainContainer a.spPageLinks {
margin: 0px 2px;
padding: 2px 6px;
background: #ECEFF1;
color: #000000;
transition: none;
font-weight: bold;
}
#spMainContainer a.spPageLinks:hover {
background: none;
color: #000000;
border: 2px solid #F0F0F0;
margin: 0px 2px;
padding: 0px 4px;
transition: none;
}
#spMainContainer a.spPageLinks.spCurrent {
font-weight: bold;
background: none;
color: #000000;
border: 2px solid #F0F0F0;
margin: 0px 2px;
padding: 0px 4px;
}
#spMainContainer .spPageLinks.spPageLinksBottom {
padding: 7px 4px 0px 4px;
margin: 0 0 -1px 0;
}
#spMainContainer .spFootContainer .spPageLinksBottom {
background: none;
}
#spMainContainer .spFootContainer .spPageLinksBottom .spIcon {
margin: 3px 6px;
padding: 0;
}
#spMainContainer .spPageLinksBottom .spButton{
margin: 3px 0px 3px 3px;
color: #000000;
}
#spMainContainer .spPageLinksBottom .spButton span{
color: #000000;
}
#spMainContainer .spPageLinksBottom	 .spButton:hover{
background: none;
}
#spMainContainer .spPageLinksBottom	 .spButton.spIcon:hover{
background: none;
}
#spMainContainer .spPageLinks a.spPageLinks.spIcon {
border: none;
padding: 0;
margin: 0 0 5px 0;
}
#spMainContainer .spPageLinks img {
border: none;
padding: 0;
margin: 0 0 4px 0;
}
#spMainContainer .spPageLinks .spHSpacer {
color: #000000;
margin: 0 0.2em;
padding: 3px 0px 2px 0px;
} #spMainContainer .spActionsBar {
padding: 5px 10px;
width: 100%;
background: #ECEFF1;
box-sizing: border-box;
}
#spMainContainer .spActionsBar .spFootButton,
#spMainContainer .spActionsBar .spFootButton a {
font-weight: bold;
color: #000000;
padding: 0;
margin: 0 0 0 15px;
font-size: 80%;
line-height: inherit;
cursor: pointer;
}
#spMainContainer .spActionsBar .spFootButton span {
font-size: 100%;
font-weight: bold;
}
#spMainContainer .spActionsBar .spFootButton:hover {
color: #000000;
}
#spMainContainer .spActionsBar .spLockIconWrap,
#spMainContainer .spActionsBar .spLockIconWrap:hover  {
background-color: transparent;
border-width: 0px;
} #spMainContainer .spTimeZoneBar {
width: 100%;
background: #FFFFFF;
padding: 6px 8px 6px 8px;
box-sizing: border-box;
}
#spMainContainer .spForumTimeZone,
#spMainContainer .spUserTimeZone {
width: auto;
padding: 0 8px 0 0;
border-bottom: none;
font-size: 60%;
color: #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#spMainContainer .spForumTimeZone {
text-align: left;
}
#spMainContainer .spUserTimeZone {
text-align: left;
}
#spMainContainer .spTimeZoneLabel {
font-weight: bold;
}
#spMainContainer .spUserTimeZone span,
#spMainContainer .spForumTimeZone span { }
#spMainContainer .spFootContainer #sp_OpenCloseControl { }
#spMainContainer .spFootContainer #sp_OpenCloseControl:hover { } #spMainContainer .spStatsSection {
color: #000000;
padding: 1em;
margin: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#spMainContainer .spStatsSection span { }
#spMainContainer .spStatsSection .spLink { }
#spMainContainer .spStatsSection .spLink:hover { }
#spMainContainer .spUserGroupList {
font-size: 80%;
margin-top: 10px;
padding: 5px 0 5px 7px;
width: 100%;
}
#spMainContainer .spUserGroupListTitle span{
font-weight: bold;
padding: 8px 0px 5px;
}
#spMainContainer .spAllRSSButton { }
#spMainContainer .spStatsSection p {
margin: 0;
padding: 0;
color: #000000;
}
#spMainContainer .spStatsSection .spColumnSection {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} #spMainContainer .spOnlineStats {
width: auto;
}
#spMainContainer .spOnlineStats .spMostOnline,
#spMainContainer .spOnlineStats .spCurrentOnline,
#spMainContainer .spOnlineStats .spGuestsOnline,
#spMainContainer .spOnlineStats .spCurrentBrowsing { margin-bottom: 1.5em;		
}
#spMainContainer .spOnlineStats .spGuestsOnline { margin-top: 1.5em;
}
#spMainContainer .spOnlineStats .spMostClassLabel,
#spMainContainer .spOnlineStats .spCurrentClassLabel,
#spMainContainer .spOnlineStats .spGuestsClassLabel,
#spMainContainer .spOnlineStats .spCurrentBrowsingLabel { font-size: 100%;
color: #000000;
font-weight: bold;
}
#spMainContainer .spOnlineStats .spMostClassData,
#spMainContainer .spOnlineStats .spGuestsClassData
{ font-size: 160%;
color: #000000;	
}
#spMainContainer .spOnlineStats .spCurrentClassLabel, 
#spMainContainer .spOnlineStats .spCurrentBrowsingLabel { line-height: 1.5em;
}
#spMainContainer .spOnlineStats .spOnlineUser { font-size: 80%;
font-weight: normal;
}  #spMainContainer .spForumStatsTitle,
#spMainContainer .spNewMembersTitle,
#spMainContainer .spMembershipStatsTitle,
#spMainContainer .spTopPosterStatsTitle,
#spMainContainer .spAdministratorsTitle {
padding: 0 0 5px 0;
font-weight: bold;
color: #000000;
display: block;
}
#spMainContainer #spForumStatsHolder {
margin: 0 0 10px 0;
}
#spMainContainer .spOnlineStats,
#spMainContainer .spGroupsStats,
#spMainContainer .spForumsStats,
#spMainContainer .spTopicsStats,
#spMainContainer .spPostsStats,
#spMainContainer .spMemberStats,
#spMainContainer .spModsStats,
#spMainContainer .spAdminsStats,
#spMainContainer .spNewMembers,
#spMainContainer .spModerators,
#spMainContainer .spAdministratorsList {
margin: 0 0 0 0;
font-size: 80%;
line-height: 1.5em;
}
#spMainContainer .spPosterStats {
margin: 0 0 0 0;
font-size: 80%;
line-height: 1.5em;	
} #spMainContainer .spFootInfo {
display: flex;
justify-content: center;
padding: 10px 0;
}
#spMainContainer #spAck {
padding: 0 75px;
color: #000000;
font-weight: bold;
font-size: 80%;
display: inline;
padding: 0 0 0 15px;
line-height: 0em;
}
#spMainContainer #spAck a:link {
margin: 0 5px 0 0;
}
#spMainContainer #spPolicyDoc,
#spMainContainer #spPrivacyDoc {
line-height: 0;
}
#spMainContainer #spPolicyDoc a:link,
#spMainContainer #spPrivacyDoc a:link {
color: #000000;
margin: 0 0 0 5px
}
#spMainContainer #spPolicyDoc a:link:visited,
#spMainContainer #spPrivacyDoc a:link:visited,
#spMainContainer #spPolicyDoc a:link:active,
#spMainContainer #spPrivacyDoc a:link:active,
#spMainContainer #spPolicyDoc a:active,
#spMainContainer #spPrivacyDoc a:active,
#spMainContainer #spPolicyDoc a:visited,
#spMainContainer #spPrivacyDoc a:visited {
color: #000000;
} .div.modal-bg {
background: black;
position:fixed;
top:0; left:0;
width:100%;
height:100%;
z-index:10;
}
.ui-dialog {
position: fixed !important;
padding: 0;
width: 300px;
background: #000000;
border: 1px solid #F0F0F0;
color: #000000;
z-index: 10;
box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.2);
margin: 30px 0 0 0;
outline: none;
}
.ui-dialog * {
box-sizing: content-box;
}
.ui-dialog .ui-dialog-titlebar {
background: #000000;
padding: 10px;
position: relative;
}
.ui-dialog .ui-dialog-title {
color: #FFFFFF;
float: left;
line-height: 18px;
font-size: 90%;
font-weight: bold;
padding: 0 0 10px 0;
width: 100%;
}
.ui-dialog .ui-dialog-titlebar-close:before {
content: " ";
}
.ui-dialog-content {
overflow: auto;
padding: 20px;
background: #FFFFFF;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 9px;
top: 19px;
width: 18px;
margin: -10px 0 0 0;
padding: 0;
height: 18px;
background: #E85454;
border-radius: 50%;
background-image: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/close.gif) !important;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
#spMainContainer .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
background: #D80000;
}
.ui-dialog .ui-dialog-titlebar-close:focus,
#spMainContainer .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
background: #000000;
}
#dialog.ui-dialog-content a:hover { }
#dialog.ui-dialog-content {
background: #FFFFFF;
}
#dialog.ui-dialog-content,
#dialog.ui-dialog-content p,
#dialog.ui-dialog-content td {
color: #000000;
font-weight: normal;
border: 0;
zoom: 1;
margin: 0;
clear: both;
}
#dialog.ui-dialog-content p {
background: transparent;
font-size: 80%;
}
#dialog.ui-dialog-content .spSubmit {
}
#dialog.ui-dialog-content .spSubmit:hover {
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
margin: .5em 0 0 0;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane button {
float: right;
margin: .5em .4em .5em 0;
cursor: pointer;
padding: .2em .6em .3em .6em;
line-height: 1.4em;
width: auto;
overflow: visible;
}
.ui-dialog .ui-resizable-se {
width: 11px;
height: 11px;
right: 3px !important;
bottom: 3px;
float: right;
background-image: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/resize.gif);
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-widget-header {
background: #FAFAFA;
color: #000000;
height: auto;
}
.ui-widget-overlay {
background: #666666 url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/sp_ImageOverlay.png) 50% 50% repeat !important;
opacity: .50 !important;
filter: Alpha(Opacity=50) !important;
z-index: 10 !important;
}
.ui-dialog .ui-dialog-content img.spPopupImg {
width: 99%;
height: 99%;
margin: 1px 0 0 1px;
}
#dialog.ui-dialog-content .spTopicListSection .spListLabel {
font-size: 75%;
}
#dialog.ui-dialog-content .spTopicListSection .spListViewSection {
font-size: 75%;
}
.ui-dialog form#pagejump {
text-align: center;
}
.ui-dialog form#pagejump label {
color: #000000;
font-size: 100%;
font-family: inherit;
}
.ui-dialog form#pagejump input {
padding: 5px;
border: none;
border-radius: 0px;
background: none;
color: #000000;
font-weight: bold;
margin: 10px 0 0 0;
}
.ui-dialog form#pagejump input:hover {
color: #000000;
}
.ui-dialog form#pagejump input.spSubmit {
font-size: 100%;
color: #000000;
font-weight: bold;
border: none;
background: #FFFFFF;
display: block;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
width: 30%;
cusor: pointer;
}
.ui-dialog form#pagejump input.spSubmit:hover {
border: none;
background: #FFFFFF;
}
#spMainContainer.spForumToolsPopup form label {
font-size: 80%;
margin-top: 10px;
}
#spMainContainer.spForumToolsPopup form select.spSelect {
border: 1px solid #F0F0F0;
width: 80%;
font-size: 80%;
height: auto;
}
#spMainContainer.spForumToolsPopup form select.spSelect optgroup {
border: none;
}
#spMainContainer.spForumToolsPopup fieldset {
background: none;
color: #000000;
font-size: 90%;
}
#spMainContainer.spForumToolsPopup fieldset legend{
color: #000000;
}
#spMainContainer.spForumToolsPopup .spHeaderName {
color: #000000;
}
#spMainContainer form#printopts span {
font-size: 80%;
}
#spMainContainer form#printopts .spSubmit {
font-size: 80%;
}
#spMainContainer form#printopts input.spControl {
font-size: 100%;
} #spMainContainer .spProfileShowSection {
color: inherit;
border: none;
width: 80%;
}
#spMainContainer .spProfileShowBasicSection,
#spMainContainer .spProfileShowDetailsSection,
#spMainContainer .spProfileShowPhotosSection,
#spMainContainer .spProfileShowSignatureSection {
color: #000000;
width: auto;
margin: 25px 10px;
}
#spMainContainer .spProfileShowBasicSection p {
font-size: 80%;
}
#spMainContainer .spProfileShowBasicSection .spProfileShowAvatarSection .spAvatar img {
margin-left: auto;
margin-right: auto;
}
#spMainContainer .spProfileShowDetailsSection .spButton:hover {
opacity: 1;
}
#spMainContainer .spProfileShowDetailsSection .spColumnSection {
margin: 1px;
}
#spMainContainer .spProfileShowBasicSection .spColumnSection {
margin: 1px;
}
#spMainContainer .spProfileShowBasicSection .spForumRank,
#spMainContainer .spProfileShowBasicSection .spSpecialRank {
background: transparent;
}
#spMainContainer .spProfileShowInfoSection {
min-width: 49%;
color: inherit;
background: transparent;
border: none;
margin: 0px;
}
#spMainContainer .spProfileShowAvatarSection {
width: 49%;
}
#spMainContainer .spProfileShowIdentitiesSection {
width: 49%;
}
#spMainContainer .spProfileShowStatsSection {
width: 49%;
}
#spMainContainer .spProfileShowStatsSection .spSubmit { }
#spMainContainer .spProfileShowStatsSection .spSubmit:hover { }
#spMainContainer .spProfileShowPhotosSection .spImg {
border: 1px solid #F0F0F0;
padding: 4px;
}
#spMainContainer .spProfileShowHeader {
font-size: 100%;
font-weight: bold;
margin: 0 5px 0 0;
color: #000000;
line-height: 0em;
}
#spMainContainer span.spProfileShowHeaderEdit {
font-size: 100%;
font-weight: bold;
color: #000000;
}
#spMainContainer span.spProfileShowHeaderEdit:hover {
color: #000000;
}
#spMainContainer img.spOnlineStatus {
padding-left: 5px;
}
#spMainContainer .spProfileShowSection hr {
background: #FAFAFA;
color: #000000;
border: none;
height: 1px;
margin: 5px 0 10px;
}
#spMainContainer .spProfileShowSection .spProfileLabel,
#spMainContainer .spProfileShowSection p.spProfileLabel {
font-size: 80%;
line-height: 1.2em;
margin: 0;
color: #000000;
padding: 0px 2px 4px 2px;
}
#spMainContainer .spProfileShowSection .spColumnSection	 {
margin: 0;
}
#spMainContainer .spProfileShowSection .spProfileLabel p {
font-size: 100%;
}
#spMainContainer .spProfileShowSection .spButton { }
#spMainContainer .spProfileShowSection .spPmButton {
border: none;
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
color: #000000;
}
#spMainContainer .spProfileShowSection .spPmButton:hover {
color: #000000;
}
#spMainContainer .spProfileShowSection .spButton:hover { }
#spMainContainer .spProfileShowSection .spProfileShowHeaderSection,
#spMainContainer .spProfileShowSection .spFlexSection {
display: flex;
justify-content: center;
}
#spMainContainer .spProfileShowSection .spPostedToSubmit {
text-align: center;
}
#spMainContainer .spProfileShowSection .spPostedToSubmit .spSubmit { }
#spMainContainer .spProfileShowSection .spPostedToSubmit .spSubmit:hover { }
#spMainContainer .spProfileShowSection .spButton:hover { }
#spMainContainer .spProfileShowSection p.spProfileTitle {
font-weight: bold;
color: #000000;
font-size: 100%;
} #spMainContainer .spBodyContainer .spProfileShowSection {
width: 100%;
}
#spMainContainer .spBodyContainer .spProfileShowSection .spProfileShowHeaderSection {
padding: 1em;
background: #ECEFF1;
}
#spMainContainer .spProfileShowSection .spFlexSection .spLabel {
font-size: 80%;
clear: both;
}
#spMainContainer .spProfileShowSection .spPostedToSubmitInline {
text-align: center;
}
#spMainContainer .spProfileShowSection .spPostedToSubmitInline .spSubmit {
float: left; }
#spMainContainer .spProfileShowSection .spPostedToSubmitInline .spSubmit:hover { } #spMainContainer ul#spProfileTabs {
margin: 0 0 -1px 0;
padding: 10px 0;
height: auto;
background: #ECEFF1;
display: flex;
display: -webkit-flex;
justify-content: space-around;
-webkit-justify-content: space-around;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
#spMainContainer ul#spProfileTabs li {
float: left;
padding: 0;
margin: 0;
list-style: none;
}
#spMainContainer ul#spProfileTabs a {
float: left;
font-size: 80%;
font-weight: bold;
display: block;
text-decoration: none;
color: #000000;
position: relative;
outline: 0;
}
#spMainContainer ul#spProfileTabs a:hover {
color: #000000;
}
#spMainContainer ul#spProfileTabs a.current {
color: #000000;
font-weight: bold;
}
#spMainContainer #spProfileMenu {
float: left;
margin: 0;
width: 20%;
clear: both;
}
#spMainContainer ul.spProfileMenuGroup {
list-style: none;
margin: 0;
padding: 0;
}
#spMainContainer li.spProfileMenuItem {
width: 98%;
font-size: 90%;
margin: 0 0 10px;
color: #000000;
list-style: none;
float: left;
}
#spMainContainer li.spProfileMenuItem:hover {
color: #000000;
}
#spMainContainer li.spProfileMenuItem.current a {
color: #000000;
font-weight: bold;
}
#spMainContainer li.spProfileMenuItem a {
padding: 0 5px;
margin: 1px 0;
color: #000000;
float: left;
width: 100%;
}
#spMainContainer li.spProfileMenuItem:hover a {
color: #000000;
}
#spMainContainer #spProfileContent {
color: #000000;
font-size: 90%;
}
#spMainContainer #spProfileHeader small {
font-size: 100%;
font-weight: bold;
text-align: center;
}
#spMainContainer #spProfileHeader {
width: 100%;
padding: 10px 0;
font-size: 100%;
font-weight: bold;
text-align: center;
margin: 0 0 10px;
background: none;
}
#spMainContainer #spProfileData {
float: left;
margin: 1px 0 0 0;
padding: 0;
width: 80%;
}
#spMainContainer #spProfileFormPanel {
padding: 0px 0px 0px 10px;
font-size: 80%;
border-left: 1px solid #F0F0F0;
}
#spMainContainer #spProfileFormPanel hr {
color: none;
}
#spMainContainer #spProfileFormPanel .spColumnSection {
margin: 2px;
}
#spMainContainer #spProfileFormPanel fieldset{
background: transparent;
}
#spMainContainer #spProfileFormPanel fieldset legend{
color: #000000;
font-size: 100%;
}
#spMainContainer #spProfileFormPanel fieldset img {
max-height: 100px;
max-width: 100px;
}
#spMainContainer #spAvatarUpload .spSubmit,
#spMainContainer .spProfileFormSubmit .spSubmit{ }
#spMainContainer #spAvatarUpload .spSubmit:hover,
#spMainContainer .spProfileFormSubmit .spSubmit:hover { }
#spMainContainer #spProfileFormPanel .spProfileOverview .spProfileFormSubmit { }
#spMainContainer #spProfileFormPanel .spProfileSignature .spProfileFormSubmit,
#spMainContainer #spProfileFormPanel .spProfileAvatar .spProfileFormSubmit { }
#spMainContainer #spProfileFormPanel .spProfileSignature .spProfileFormSubmit input.spSubmit { }
#spMainContainer #spProfileFormPanel .spProfileFormSubmit {
text-align: right;
}
#spMainContainer .spProfileSignature .spEditorSection.sp_file_uploader a {
padding: 0;
min-height: 0;
margin: 10px;
line-height: 1.6em;
font-weight: bold;
list-style: none;
}
#spMainContainer .spProfileSignature .spEditorSection.sp_file_uploader a:hover {
color: #000000;
}
#spMainContainer .spProfileLeftCol {
clear: both;
float: left;
text-align: left;
width: 35%;
}
#spMainContainer .spProfileSpacerCol {
float: left;
text-align: left;
width: 1%;
}
#spMainContainer .spProfileRightCol {
float: left;
text-align: left;
width: 52%;
}
#spMainContainer .spProfileLeftHalf {
color: #000000;
float: left;
text-align: left;
width: 47%;
}
#spMainContainer .spProfileRightHalf {
color: #000000;
float: left;
text-align: left;
width: 47%;
}
#spMainContainer #spProfileFormPanel .spColumnSection {
display: inline;
}
#spMainContainer #spProfileFormPanel .spProfileUserPermissions.spListSection {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
padding: 10px 0 0 0;
}
#spMainContainer #spProfileFormPanel .spProfileUserPermissions.spListSection img.spHeaderName,
#spMainContainer #spProfileFormPanel .spProfileUserPermissions.spListSection i.spHeaderName {
display: none;
}
#spMainContainer #spProfileFormPanel .spColumnSection.spProfilePermissionIcon {
display: none;
}
#spMainContainer #spProfileFormPanel .spColumnSection.spProfilePermissionForum {
margin: 10px;
padding: 5px 5px 5px 15px;
color: #000000;
border-left: 5px solid #F0F0F0;
}
#spMainContainer #spProfileFormPanel .spProfileUserPermissions.spListSection .spGroupForumSection.spOdd,
#spMainContainer #spProfileFormPanel .spProfileUserPermissions.spListSection .spGroupForumSection.spEven {
background: none;
}
#spMainContainer #spProfileFormPanel .spProfileUserPermissions.spListSection .spGroupViewSection .spHeaderName {
padding-left: 1em;
}
#spMainContainer #spProfileFormPanel .spProfileUserPermissions.spListSection .spHeaderName { }
#spMainContainer #spProfileFormPanel .spProfileUserPermissions.spListSection .spHeaderDescription {
display: none;
}
#spMainContainer #spProfileFormPanel .spProfileUserPermissions.spListSection .spRowName {
font-size: 100%;
}
#spMainContainer #spProfileFormPanel .spProfileUserPermissions.spListSection .spRowName:hover {
color: #000000;
} #spMainContainer p.spProfileLabel {
margin: 5px 0 0 0;
padding: 0;
line-height: 1.6em;
}
#spMainContainer span.spProfileRadioLabel {
line-height: 22px;
}
#spMainContainer .spProfileForm label.list {
float: left;
padding-top: 4px
}
#spMainContainer .spProfileForm textarea {
width: 90%;
background: #FFFFFF;
font-size: 100%;
}
#spMainContainer #spavpool {
font-size: 100%;
}
#spMainContainer #spavpool:hover {
}
#spMainContainer .spProfileLabel select.spControl {
background: #FFFFFF;
height: 25px;
padding: 1px;
margin: 0 0 12px 0;
}
#spMainContainer .spProfileForm .spControl[disabled] {
background: none;
border: none;
color: #000000;
}
#spMainContainer .spProfileForm input[type="text"] {
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
}
#spMainContainer .spProfileForm input.spSubmit {
width: auto;
}
#spMainContainer #spProfileForumSubscriptions label {
margin: 2px 0;
}
#spMainContainer .spProfileUsergroupsMemberships,
#spMainContainer .spProfileUsergroupsNonMemberships {
color: #000000;
padding: 5px;
margin-top: 20px;
}
#spMainContainer .spProfileUsergroupsMemberships .spHeaderName,
#spMainContainer .spProfileUsergroupsNonMemberships .spHeaderName {
font-size: 100%;
}
#spMainContainer .spProfileUsergroupsMemberships .spHeaderDescription,
#spMainContainer .spProfileUsergroupsNonMemberships .spHeaderDescription {
font-size: 85%;
}
#spMainContainer .spProfileUsergroupsNonMemberships {
margin-top: 30px;
}
#spMainContainer .spProfileUsergroup.spOdd {
margin: 10px 0;
padding: 5px 5px 5px 15px;
color: #000000;
border-left: 5px solid #F0F0F0;
}
#spMainContainer .spProfileUsergroup.spEven {
margin: 10px 0;
padding: 5px 5px 5px 15px;
color: #000000;
border-left: 5px solid #F0F0F0;
}
#spMainContainer .spProfileUsergroup .spHeaderName {
color: #000000;
}
#spMainContainer .spProfileUsergroup .spHeaderDescription {
color: #000000;
padding-left: 0px;
}
#spMainContainer .spProfileUsergroup .spColumnSection {
float: left;
width: 70%;
}
#spMainContainer .spProfileUsergroup .spProfileMembershipsLeave,
#spMainContainer .spProfileUsergroup .spProfileMembershipsJoin {
padding-top: 20px;
float: right;
width: 30%;
}
#spMainContainer .spProfileMembershipsLeave .spInRowSubForums,
#spMainContainer .spProfileMembershipsJoin .spInRowLabel {
text-align: center;
margin-left: auto;
margin-right: auto;
}
#spMainContainer .spProfileForm .spProfileUsergroup label.list {
text-align: left;
}
#spMainContainer .spProfileUserPermissions .spColumnSection.spProfilePermissionIcon {
width: 9%;
float: left;
}
#spMainContainer .spProfileUserPermissions .spColumnSection.spProfilePermissionForum {
width: 75%;
float: left;
padding: 0px 0px 0px 0px;
}
#spMainContainer #spProfileFormPanel .spColumnSection.spProfilePermissionButton {
margin-left: auto;
}
#spMainContainer #spProfileFormPanel .spColumnSection.spProfilePermissionButton .spSubmit { }
#spMainContainer .spProfileUserPermissions .spProfilePermission .spAuthCat {
clear: both;
font-weight: bold;
padding: 15px 0;
}
#spMainContainer .spProfileUserPermissions .spProfilePermission .spColumnSection {
width: 49%;
float: left;
font-size: 0.9em;
height: auto;
vertical-align: middle;
}
#spMainContainer .spProfileUserPermissions .spProfilePermission p {
clear: both;
text-align: right;
padding: 15px 0;
}
#spMainContainer .spProfileUserPermissions .spHiddenSection.spProfilePermission {
margin: -20px 0 0 10px;
padding: 5px 0px 5px 15px;
color: #000000;
border-left: 5px solid #F0F0F0;
width: auto;
}
#spMainContainer .spProfileUserPermissions .spProfilePermission .spSubmit { } #spMainContainer #spSearchHeaderName.spMessage {
color: #000000;
background: #ECEFF1;
margin: 0;
font-weight: bold;
font-size: 80%;
padding: 1em;
box-sizing: border-box;
}
#spMainContainer .spPageLinksSearchView,
#spMainContainer .spPageLinksSearchViewBottom {
color: #000000;
border: none;
padding: 1em;
} .ttip {
color: #FFFFFF;
font-family: inherit;
font-size: 80%;
line-height: 1.1em;
background: #5C5C5C;
padding: 5px;
position: absolute;
z-index: 999999;
max-width: 300px;
}
body .ttip {
border: none;
} #spMainContainer a.spToolsButton,
#spMainContainer .spToolsButton {  }
#spMainContainer a.spToolsButton:hover,
#spMainContainer .spToolsButton:hover { }
#spMainContainer a.spToolsButtonTopic {
margin: 3px 0 0 1px;
}
#spMainContainer .spToolsButton img {
vertical-align: middle;
margin: 0;
padding: 0;
}
#spMainContainer .spTopicPostSection .spPostActionSection .spToolsButton img {
max-width: 20px;
max-height: 20px;
margin: 0px 3px;
}
#spMainContainer.spForumToolsPopup {
padding: 0;
}
#spMainContainer .spForumToolsPopup .spIcon {
vertical-align: bottom;
margin: 10px 10px 0 3px;
}
#spMainContainer #spMobilePanel .spForumToolsPopup .spIcon {
margin: 8px 10px 2px 3px;
}
#spMainContainer .spForumToolsHeader {
padding: 0;
margin-bottom: 15px;
}
#spMainContainer .spForumToolsHeader .spForumToolsHeaderTitle {
color: #000000;
font-weight: bold;
padding: 0;
text-align: left;
width: 90%;
font-size: 130%;
}
#spMainContainer.spForumToolsPopup .spIcon {
margin: 3px 0;
}
#spMainContainer.spForumToolsPopup a {
font-size: 80%;
font-weight: normal;
color: #000000;
margin: 0 0 5px 0;
}
#spMainContainer .spPopupTable {
width: 100%;
}
#spMainContainer.spForumToolsPopup input.spControl,
#spMainContainer.spForumToolsPopup textarea.spControl {
font-size: 80%;
width: 85%;
border: 1px solid #F0F0F0;
padding: 0 0 0 5px;
}
#spMainContainer .spPopupTable td {
color: #000000;
padding: 5px 20px 5px 5px;
} #spMainContainer .spTransitionHoverContent { opacity: 0.2;
height: 0;
}
#spMainContainer .spTransitionHover:hover .spTransitionHoverContent { opacity: 1;
height: 0;
}
#spMainContainer .spTransitionHover:hover .spTransitionHoverContentHide {
visibility: hidden;
}
UL.jqueryFileTree A {
padding: 5px 0 5px 10px !important;
font-weight: bold;
border-left: 5px solid #F0F0F0;
outline: none;
}
UL.jqueryFileTree A:focus {
background: #BBDDFF;
} #spMainContainer [type="checkbox"]:not(:checked),
#spMainContainer [type="checkbox"]:checked,
#spMainContainer [type="radio"]:not(:checked),
#spMainContainer [type="radio"]:checked {
position: absolute;
left: -9999px;
}
#spMainContainer [type="checkbox"]:not(:checked) + label,
#spMainContainer [type="checkbox"]:checked + label,
#spMainContainer [type="radio"]:not(:checked) + label,
#spMainContainer [type="radio"]:checked + label {
position: relative;
cursor: pointer;
padding: 0 0 0 25px;
line-height: 26px;
font-size: 100%;
}
#spMainContainer [type="checkbox"]:checked + label,
#spMainContainer [type="radio"]:checked + label {
font-weight: bold;
} #spMainContainer [type="checkbox"]:not(:checked) + label:before,
#spMainContainer [type="checkbox"]:checked + label:before,
#spMainContainer [type="radio"]:not(:checked) + label:before,
#spMainContainer [type="radio"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 15px;
border: 1px solid #F0F0F0;
background: #FFFFFF;
} #spMainContainer [type="checkbox"]:not(:checked) + label:after,
#spMainContainer [type="checkbox"]:checked + label:after,
#spMainContainer [type="radio"]:not(:checked) + label:after,
#spMainContainer [type="radio"]:checked + label:after {
content: '✔';
position: absolute;
top: -6px;
left: 3px;
font-size: 20px;
color: #000000;
transition: all .2s;
} #spMainContainer [type="checkbox"]:not(:checked) + label:after,
#spMainContainer [type="radio"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
#spMainContainer [type="checkbox"]:checked + label:after,
#spMainContainer [type="radio"]:checked + label:after {
opacity: 1;
transform: scale(1);
} #spMainContainer [type="checkbox"]:disabled:not(:checked) + label:before,
#spMainContainer [type="checkbox"]:disabled:checked + label:before,
#spMainContainer [type="radio"]:disabled:not(:checked) + label:before,
#spMainContainer [type="radio"]:disabled:checked + label:before {
box-shadow: none;
border: 1px solid #F0F0F0;
}
#spMainContainer [type="checkbox"]:disabled:checked + label:after,
#spMainContainer [type="radio"]:disabled:checked + label:after {
color: #FAFAFA;
}
#spMainContainer [type="checkbox"]:disabled + label,
#spMainContainer [type="radio"]:disabled + label {
color: #FAFAFA;
} #spMainContainer label:hover:before {
border: 1px solid #F0F0F0 !important;
opacity: 0.4;
}
#spMainContainer #sp_uploader_info table {
color: #000000;
} #spMainContainer .spMessage,
#spMainContainer .spMessage p {
color: #000000;
background: none;
font-weight: bold;
text-align: center;
margin: 6px 0 9px 0;
padding: 6px 0;
width: 100%;
}
#spMainContainer .spMessage .spNoticeText {
width: auto;
}
#spMainContainer .spMessage .spNoticeLink {
font-weight: bold;
}
#spMainContainer .spMessage .spNoticeText .spLabelSmall {
font-size: 100%;
text-decoration: none;
}
#spMainContainer .spMessage .spNoticeText .spLabelSmall:hover {
color: #000000;
}
#spMainContainer .spPostContentSection .spMessage,
#spMainContainer .spPostContentSection .spMessage p {
color: #000000;
}
#spMainContainer .spMessage a {
color: #000000;
}
#spMainContainer .spRecentPostSection { }
#spMainContainer #spPostNotifications {
display: none;
font-weight: bold;
font-size: 100%;
background: none;
color: #000000;
vertical-align: middle;
padding: 2px 4px;
height: auto;
width: auto;
text-align: center;
}
#spMainContainer #spPostNotifications strong {
color: #000000;
}
#spMainContainer #spPostMove input.spSubmit {
color: #000000;
font-weight: bold;
margin: 0 10px;
}
#spMainContainer #spPostMove input.spSubmit:hover {
color: #000000;
} #spMainContainer #spNotification {
display: none;
z-index: 9999999;
height: auto;
width: 300px;
position: fixed;
top: 125px;
border: 1px solid #FFFFFF;
background: #5C5C5C;
text-align: center;
}
#spMainContainer #spNotification p {
color: #FFFFFF;
font-weight: bold;
font-size: 100%;
vertical-align: middle;
padding: 0 20px 10px 20px;
}
#spMainContainer #spNotification img {
vertical-align: top !important;
text-align: center !important;
margin: 15px auto;
} #spMainContainer .mejs-container {
background: #464646;
vertical-align: top;
font-family: Helvetica,Arial;
}
#spMainContainer .mejs-container * {
float: left;
font-size: 11px;
}
#spMainContainer .mejs-controls .mejs-time {
padding: 8px 3px 0;
line-height: 12px;
color: #FFFFFF;
}
#spMainContainer .mejs-controls .mejs-time-rail {
padding-top: 5px;
}
#spMainContainer .mejs-controls .mejs-time-rail span {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
#spMainContainer .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #21759B;
}
#spMainContainer .mejs-controls .mejs-time-rail .mejs-time-current {
background: #D54E21;
}
#spMainContainer .mejs-controls .mejs-time-rail .mejs-time-total {
margin: 5px;
}
#spMainContainer .mejs-controls .mejs-time-rail .mejs-time-handle {
background: #ffffff;
border: 2px solid #333333;
}
#spMainContainer .mejs-controls .mejs-time-rail .mejs-time-float {
background: #eeeeee;
border: 1px solid #333333;
margin-left: -18px;
}
#spMainContainer .mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
}
#spMainContainer .mejs-controls .mejs-time-rail .mejs-time-float-corner {
line-height: 0;
border: solid 5px #eee;
border-color: #eee transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#spMainContainer .mejs-controls .mejs-volume-button .mejs-volume-slider {
background: rgba(50, 50, 50, 0.7);
}
#spMainContainer .mejs-controls .mejs-volume-button .mejs-volume-total {
background: #ddd;
background: rgba(255, 255, 255, 0.5);
}
#spMainContainer .mejs-controls .mejs-volume-button .mejs-volume-current {
background: #ddd;
background: rgba(255, 255, 255, 0.9);
}
#spMainContainer .mejs-controls .mejs-volume-button .mejs-volume-handle {
background: #ddd;
background: rgba(255, 255, 255, 0.9);
}
#spMainContainer .spProfileAccount #pass-strength-result {
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
margin: 13px 5px 5px 1px;
padding: 3px 5px;
text-align: center;
width: 200px;
}
#spMainContainer .spProfileAccount #pass-strength-result.short {
background-color: #FFA0A0;
border-color: #F04040;
}
#spMainContainer .spProfileAccount #pass-strength-result.bad {
background-color: #FFB78C;
border-color: #FF853C;
}
#spMainContainer .spProfileAccount #pass-strength-result.good {
background-color: #FFEC8B;
border-color: #FFCC00;
}
#spMainContainer .spProfileAccount #pass-strength-result.strong {
background-color: #C3FF88;
border-color: #8DFF1C;
}
#spMainContainer .spProfileAccount .indicator-hint {
font-size: 90%;
padding-top: 5px;
}
#spMainContainer .spPostContent iframe {
max-width:100%;
}
#spMainContainer .spAlsoViewingContainer {
background: transparent;
}
#spMainContainer .spAlsoViewingContainer .spBrowsingUserHolder {
margin: 0 0 10px;
font-size: 80%;
padding: 0px;
float: left;
min-height: 35px;
width: 33%;
}
#spMainContainer .spAlsoViewingContainer .spBrowsingUserHolder .spAvatar {
width: 50px;
float: left;
}
#spMainContainer .spAlsoViewingContainer .spBrowsingUserHolder .spBrowsingTopic a:link{
font-weight: bold;
} .ui-autocomplete {
position: fixed;
cursor: default;
background: #FFFFFF;
border: 1px solid #F0F0F0;
color: #000000;
font-size: 80%;
font-weight: bold;
overflow: scroll;
height: 200px;
}
.ui-front.ui-autocomplete {
z-index: 9999999;
}
* html .ui-autocomplete {
width: 1px;
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item:focus,
.ui-menu .ui-menu-item:active,
.ui-menu .ui-menu-item:hover {
color: #000000;
background: #FAFAFA;
border: none;
font-weight: bold;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: .1em .4em;
line-height: 1.0;
zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: bold;
margin: -1px;
}
.ui-helper-hidden-accessible {
display: none;
} #spMainContainer #spMobilePanel {
display:none;
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
width: 100%;
height: auto;
margin: 0 0 0 0;
background: #FAFAFA;
border-top: 1px solid #F0F0F0;
color: #000000;
z-index: 999999;
padding: 0 0 8px 0;
box-sizing: border-box;
}
#spMobilePanel #spPanelClose,
#spPanelClose {
position: absolute;
right: 10px;
top: 20px;
width: 19px;
margin: -10px 0 0 0;
padding: 0;
height: 19px;
background-image: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/closeDark.gif);
} #spMainContainer #spGrid {
width: 100%;
display: flex;
flex-flow: row wrap;
padding: 0.5px;
box-sizing: border-box;
background: #C4C4C4;
}
#spMainContainer #spGrid .spGridCell {
float: left;
font-family: inherit;
font-size: 100%;
font-weight: normal;
margin: 0.5px;
padding: 10px 0;
width: 33%;
text-align: center;
line-height: 1.0em;
vertical-align: middle; background: #FFFFFF;
}
#spMainContainer #spGrid .spGridCell:hover {
background: #FFFFFF;
}
#spMainContainer #spGrid .spGridCell .spIcon {
display: block;
margin: 0 0 5px 0;
box-sizing: border-box;
color: #000000;
}
#spMainContainer #spMobilePanel #spGrid .spGridCell .spIcon {
display: block;
margin: 0 auto 5px auto;
box-sizing: border-box;
}
#spMainContainer #spGrid .spGridCell p {
margin: 0;
font-weight: bold;
}
#spMainContainer #spGrid .spGridCell br {
display: none;
}
#spMainContainer #spGrid .spGridCell a {
font-weight: bold;
font-size: 80%;
}
#spMainContainer .spAdminLinksPopup {
width: 100%;
box-sizing: border-box;
padding: 0;
} #spMainContainer .spEditor table,
#spMainContainer .spEditor tr,
#spMainContainer .spEditor td {
margin: 0;
padding: 0;
text-align: left;
line-height: 1em;
width: auto;
border: 0;
} img#sfbanner {
display: block;
margin-left: auto;
margin-right: auto;
} #dialog #spAbout {
text-align: center;
} #spMainContainer div.spGoToBottom {
padding: 0 0 0 0;
margin: 24px 0 0 0;
}
#spMainContainer #spUnreadPostsInfo img {
margin: 4px 3px 0 4px;
}
#spMainContainer #spForumTop,
#spMainContainer #spForumBottom {
line-height: 1px;
}
#spMainContainer #spLastVisitLabel {
border-left: 1px solid #FFFFFF;
margin: 5px 6px 0 6px;
padding: 0 0 0 6px;
}
#spMainContainer #spLastVisitLabel b{
line-height: 1.2em;
margin: 0;
padding: 0;
color: #000000;
border-left: 1px solid #FFFFFF;
}
#spMainContainer .spStatusIcon {
margin: 0;
}
#spMainContainer .spStatusIcon:hover {
cursor: default;
}
#spMainContainer .spStatusIcon .spIconNoAction {
opacity: 0.6;
}
#spMainContainer .spStatusIcon .spIconNoAction:hover {
color: #000000;
cursor: default;
}
#spMainContainer .spHiddenSection,
#spMainContainer .spInlineSection {
color: inherit;
background: transparent;
border: none;
padding: 0;
margin: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}  #spMainContainer .spButton, 
#spMainContainer .spSubmit {
white-space: normal;
}
#spMainContainer .spButton,
#spMainContainer .spButton:visited {
} #spMainContainer .spAccentButton,
#spMainContainer .spAccentButton:visited,
#spMainContainer .spAccentButton:link,
#spMainContainer a.spAccentButton {
background-color: #000000;
border: 1px solid #000000;
color: #FFFFFF;
padding: 3px;
border-radius: 3px;
font-weight: bold;
font-size: 80%;
}
#spMainContainer .spAccentButton:hover {
background-color: #000000;
border: 1px solid #000000;
color: #FFFFFF;
} #spMainContainer .spMiniButton,
#spMainContainer a.spMiniButton,
#spMainContainer .spMiniButton:visited,
#spMainContainer .spMiniButton:active,
#spMainContainer .spMiniButton:focus,
#spMainContainer .spMiniButton:focus-within {
background-color: #000000;
border: 1px solid #000000;
color: #FFFFFF;
padding: 3px;
font-weight: normal;
font-size: 60%;
margin-left: 2px;
margin-right: 2px;
line-height: 1.1em;
}
#spMainContainer .spMiniButton:hover {
background-color: #000000;
border: 1px solid #000000;
color: #FFFFFF;
}
#spMainContainer .spIconSmall {
border: none;
vertical-align: middle;
padding: 0 5px 0 5px;
margin: 0;
}
#spMainContainer .spImg {
vertical-align: middle;
padding: 0;
border: none;
border-radius: none;
box-shadow: none;
}
#spMainContainer .spIcon {
vertical-align: middle;
margin: 0;
padding: 0 3px;
border: none;
background-color: transparent;
}
#spMainContainer .spHeadContainer,
#spMainContainer .spBodyContainer,
#spMainContainer .spGroupForumContainer,
#spMainContainer .spFootContainer {
background-color: #FFFFFF;
border-bottom: 2px solid #FAFAFA;
width: 100%;
height: auto;
margin: 0;
margin-top: 1em;
}
#spMainContainer .spHeadContainer {
padding-top: 1em;
background-color: #ECEFF1;
border: 1px solid #ECEFF1;
border-radius: 10px;	
}
#spMainContainer label.spRadio,
#spMainContainer label.spCheckbox,
#spMainContainer label.spSelect {
margin: 0;
padding: 5px 5px 5px 0px;
background: transparent;
line-height: 14px;
}
@media screen and (max-width: 4000px) and (min-width: 651px)  {
#spMainContainer .spSearchSection .spRadioSection {
padding: 0 0 0 5%;
text-align: left;
width: 33%;
box-sizing: border-box;
}
#spMainContainer #spLoginForm {
width: 100%;
display: none;
}
#spMainContainer #spSearchFormAdvanced {
border: transparent;
color: #000000;
}
#spMainContainer .spSearchLinkSep {
color: #000000;
}
}  [id^="spColGroup1"] { width: 5%; }
[id^="spColGroup2"] { width: 45%; }
[id^="spColGroup3"] { width: 10%; }
[id^="spColGroup4"] { width: 30%; }
[id^="spColGroup5"] { width: 5%; }
@media screen and (max-width: 800px) {
[id^="spColGroup1"] { width: 6%; }
[id^="spColGroup2"] { width: 45%; }
[id^="spColGroup3"] { width: 46%; }
[id^="spColGroup4"] { width: 35%; }
}
@media screen and (max-width: 720px) {
[id^="spColGroup1"] { width: 7%; }
[id^="spColGroup2"] { width: 45%; }
[id^="spColGroup3"] { width: 44%; }
[id^="spColGroup4"] { width: 35%; }
}
@media screen and (max-width: 600px) {
[id^="spColGroup1"] { width: 0%; }
[id^="spColGroup2"] { width: 48%; }
[id^="spColGroup3"] { width: 48%; }
[id^="spColGroup4"] { width: 35%; }
[id^="spColGroup5"] { width: 6%; }
}
@media screen and (max-width: 480px) {
[id^="spColGroup1"] { width: 0%; }
[id^="spColGroup2"] { width: 48%; }
[id^="spColGroup3"] { width: 48%; }
[id^="spColGroup4"] { width: 35%; }
}
@media screen and (max-width: 360px) {
[id^="spColGroup1"] { width: 0%; }
[id^="spColGroup2"] { width: 48%; }
[id^="spColGroup3"] { width: 48%; }
[id^="spColGroup4"] { width: 35%; }
} [id^="spColForum1"] { width: 5%; }
[id^="spColForum2"] { width: 50%; }
[id^="spColForum3"] { width: 25%; }
[id^="spColForum4"] { width: 8%; }
[id^="spColForum5"] { width: 8%; }
@media screen and (max-width: 800px) {
[id^="spColForum1"] { width: 5%; }
[id^="spColForum2"] { width: 50%; }
[id^="spColForum3"] { width: 25%; }
[id^="spColForum4"] { width: 8%; }
[id^="spColForum5"] { width: 8%; }
}
@media screen and (max-width: 720px) {
[id^="spColForum1"] { width: 5%; }
[id^="spColForum2"] { width: 50%; }
[id^="spColForum3"] { width: 25%; }
[id^="spColForum4"] { width: 8%; }
[id^="spColForum5"] { width: 8%; }
}
@media screen and (max-width: 600px) {
[id^="spColForum1"] { width: 5%; }
[id^="spColForum2"] { width: 50%; }
[id^="spColForum3"] { width: 25%; }
[id^="spColForum4"] { width: 8%; }
[id^="spColForum5"] { width: 8%; }
}
@media screen and (max-width: 480px) {
[id^="spColForum1"] { width: 5%; }
[id^="spColForum2"] { width: 50%; }
[id^="spColForum3"] { width: 25%; }
[id^="spColForum4"] { width: 8%; }
[id^="spColForum5"] { width: 8%; }
}
@media screen and (max-width: 360px) {
[id^="spColForum1"] { width: 5%; }
[id^="spColForum2"] { width: 50%; }
[id^="spColForum3"] { width: 25%; }
[id^="spColForum4"] { width: 8%; }
[id^="spColForum5"] { width: 8%; }
} [id^="spColTopic1"] { width: 15%; }
[id^="spColTopic2"] { width: 84%; }
@media screen and (max-width: 800px) {
[id^="spColTopic1"] { width: 15%; }
[id^="spColTopic2"] { width: 84%; }
}
@media screen and (max-width: 720px) {
[id^="spColTopic1"] { width: 16%; }
[id^="spColTopic2"] { width: 82%; }
}
@media screen and (max-width: 600px) {
[id^="spColTopic1"] { width: 16%; }
[id^="spColTopic2"] { width: 82%; }
}
@media screen and (max-width: 480px) {
[id^="spColTopic1"] { width: 16%; }
[id^="spColTopic2"] { width: 82%; }
}
@media screen and (max-width: 360px) {
[id^="spColTopic1"] { width: 17%; }
[id^="spColTopic2"] { width: 81%; }
} @media screen and (max-width: 650px) {
#spMainContainer .spTitleColumnHidden,
#spMainContainer .spIconColumnSection,
#spMainContainer .spColumnCountViews,
#spMainContainer .groupBreak {
display: none;
}
} @media screen and (max-width: 599px) and (min-width: 499px)	 {
#spMainContainer .spOnlineStats {
width: 40%;
}
#spMainContainer .spForumStats {
width: 40%;
}
#spMainContainer .spMembershipStats,
#spMainContainer .spTopPosterStats {
display: none;
}
}
@media screen and (max-width: 699px) and (min-width: 499px) {
#spMainContainer .spOnlineStats {
width: 40%;
}
#spMainContainer .spForumStats {
width: 25%;
}
#spMainContainer .spTopPosterStats {
width: 25%;
}
#spMainContainer .spMembershipStats {
display: none;
}
#spMainContainer .spFootContainer img {
margin: 0 5px;
}
}
@media screen and (min-width: 700px)  {
#spMainContainer .spOnlineStats {
width: auto;
}
#spMainContainer .spMembershipStats,
#spMainContainer .spTopPosterStats {
display: inline;
}
} @font-face {
font-family: 'Barebones';
src:	url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/fonts/Barebones.eot);
src:	url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/fonts/Barebones.eot?#iefix) format('embedded-opentype'),
url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/fonts/Barebones.ttf) format('truetype'),
url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/fonts/Barebones.woff) format('woff'),
url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/fonts/Barebones.svg?#Barebones) format('svg');
font-weight: normal;
font-style: normal;
}
#spMainContainer [class^="sp_"], #spMainContainer [class*=" sp_"] { font-family: 'Barebones' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 16px;
color: #000000; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#spMainContainer [class^="sp_"]:hover, #spMainContainer [class*=" sp_"]:hover {
color: #000000;
}
#spMainContainer .sp_ToolsBanOn:before {
content: "\e913";
}
#spMainContainer .sp_ToolsSuspendOn:before {
content: "\e914";
}
#spMainContainer .sp_ToolsWarnOn:before {
content: "\e915";
}
#spMainContainer .sp_ManageWarnings:before {
content: "\e916";
}
#spMainContainer .sp_ToolsAttachments:before {
content: "\e11e";
}
#spMainContainer .sp_BlogLink:before {
content: "\e111";
}
#spMainContainer .sp_Jump:before {
content: "\e112";
}
#spMainContainer .sp_QLBalloonBlue:before {
content: "\e113";
}
#spMainContainer .sp_QLBalloonRed:before {
content: "\e114";
}
#spMainContainer .sp_ToolsLock:before {
content: "\e115";
}
#spMainContainer .sp_ToolsPin:before {
content: "\e116";
}
#spMainContainer .sp_ToolsEdit:before {
content: "\e117";
}
#spMainContainer .sp_ToolsDelete:before {
content: "\e118";
}
#spMainContainer .sp_ToolsMove:before {
content: "\e119";
}
#spMainContainer .sp_ToolsTags:before {
content: "\e11a";
}
#spMainContainer .sp_ToolsSort:before {
content: "\e11b";
}
#spMainContainer .sp_ToolsWatches:before {
content: "\e11c";
}
#spMainContainer .sp_ToolsProperties:before {
content: "\e11d";
}
#spMainContainer .sp_ToolsUnapprove:before {
content: "\e11f";
}
#spMainContainer .sp_ToolsEmail:before {
content: "\e120";
}
#spMainContainer .sp_ToolsNotify:before {
content: "\e121";
}
#spMainContainer .sp_ToolsPrivate:before {
content: "\e122";
}
#spMainContainer .sp_ProfileFormList:before {
content: "\e123";
}
#spMainContainer .sp_TopicsPosted:before {
content: "\e124";
}
#spMainContainer .sp_TopicsStarted:before {
content: "\e125";
}
#spMainContainer .sp_PmProfileBuddyAdversary:before {
content: "\e126";
}
#spMainContainer .sp_PmDeleteBuddyAdversary:before {
content: "\e127";
}
#spMainContainer .sp_PermissionYes:before {
content: "\e128";
}
#spMainContainer .sp_PermissionNo:before {
content: "\e129";
}
#spMainContainer .sp_Permalink:before {
content: "\e12a";
}
#spMainContainer .sp_Information:before {
content: "\e12b";
}
#spMainContainer .sp_PmSendPmButton:before {
content: "\e12c";
}
#spMainContainer .sp_PolicyDoc:before {
content: "\e12d";
}
#spMainContainer .sp_goNewPost:before {
content: "\e12e";
}
#spMainContainer .sp_PlupAttachmentStatus:before {
content: "\e12f";
}
#spMainContainer .sp_TopicStatusPin:before {
content: "\e130";
}
#spMainContainer .sp_WatchesForumStatus:before {
content: "\e131";
}
#spMainContainer .sp_SubscriptionsForumStatus:before {
content: "\e132";
}
#spMainContainer .sp_TopicStatusPost:before {
content: "\e133";
}
#spMainContainer .sp_TopicStatusLock:before {
content: "\e134";
}
#spMainContainer .sp_GooglePlus:before {
content: "\e135";
}
#spMainContainer .sp_LinkedIn:before {
content: "\e136";
}
#spMainContainer .sp_MySpace:before {
content: "\e137";
}
#spMainContainer .sp_Twitter:before {
content: "\e138";
}
#spMainContainer .sp_Facebook:before {
content: "\e139";
}
#spMainContainer .sp_YouTube:before {
content: "\e13a";
}
#spMainContainer .sp_UserWebsite:before {
content: "\e13b";
}
#spMainContainer .sp_ManageForums:before {
content: "\e13c";
}
#spMainContainer .sp_ManageOptions:before {
content: "\e13d";
}
#spMainContainer .sp_ManageComponents:before {
content: "\e13e";
}
#spMainContainer .sp_ManageUsergroups:before {
content: "\e13f";
}
#spMainContainer .sp_ManagePermissions:before {
content: "\e140";
}
#spMainContainer .sp_ManageIntegration:before {
content: "\e141";
}
#spMainContainer .sp_ManageProfiles:before {
content: "\e142";
}
#spMainContainer .sp_ManageAdmins:before {
content: "\e143";
}
#spMainContainer .sp_ManageUsers:before {
content: "\e144";
}
#spMainContainer .sp_ManagePlugins:before {
content: "\e145";
}
#spMainContainer .sp_ManageThemes:before {
content: "\e146";
}
#spMainContainer .sp_ManageToolbox:before {
content: "\e147";
}
#spMainContainer .sp_ManageEmails:before {
content: "\e148";
}
#spMainContainer .sp_ManagePolls:before {
content: "\e149";
}
#spMainContainer .sp_ManagePM:before {
content: "\e14a";
}
#spMainContainer .sp_ManageTags:before {
content: "\e14b";
}
#spMainContainer .sp_Warnings:before {
content: "\e14c";
}
#spMainContainer .sp_Event:before {
content: "\e14d";
}
#spMainContainer .sp_ToolsStatus:before {
content: "\e14e";
}
#spMainContainer .sp_Log:before {
content: "\e14f";
}
#spMainContainer .sp_question:before {
content: "\e150";
}
#spMainContainer .sp_ManageReputation:before {
content: "\e156";
}
#spMainContainer .sp_RepUserButton:before {
content: "\e151";
}
#spMainContainer .sp_ToolsReassign:before {
content: "\e152";
}
#spMainContainer .sp_TagsToolbar:before {
content: "\e153";
}
#spMainContainer .sp_WriteDenied:before {
content: "\e154";
}
#spMainContainer .sp_EditHistory:before {
content: "\e155";
}
#spMainContainer .sp_PlupAttachmentEditor:before {
font-size: 25px;
content: "\e900";
}
#spMainContainer .sp_EditorCancel:before {
font-size: 25px;
content: "\e901";
}
#spMainContainer .sp_EditorOptions:before {
font-size: 25px;
content: "\e902";
}
#spMainContainer .sp_ToolsLink:before {
content: "\e903";
}
#spMainContainer .sp_EditorSave:before {
font-size: 25px;
content: "\e904";
}
#spMainContainer .sp_EditorSmileys:before {
font-size: 25px;
content: "\e905";
}
#spMainContainer .sp_TopicExpireEd:before {
font-size: 25px;
content: "\e906";
}
#spMainContainer .sp_PostMultiple:before {
font-size: 25px;
content: "\e907";
}
#spMainContainer .sp_PollToolbar:before {
font-size: 25px;
content: "\e908";
}
#spMainContainer .sp_EditorPreview:before {
font-size: 25px;
content: "\e909";
}
#spMainContainer .sp_ToolsExpire:before {
content: "\e90a";
}
#spMainContainer .sp_RateStarOff:before {
content: "\e90b";
color: #000000;
opacity: 0.5;
}
#spMainContainer .sp_RateStarOn:before {
content: "\e90c";
color: #FFAE00;
}
#spMainContainer .sp_RateStarOver:before {
content: "\e90d";
color: #FF4D00;
}
#spMainContainer .sp_RateUp:before {
content: "\e90e";
}
#spMainContainer .sp_RateUpGrey:before {
content: "\e90f";
opacity: 0.6;
}
#spMainContainer .sp_RateDown:before {
content: "\e910";
}
#spMainContainer .sp_RateDownGrey:before {
content: "\e911";
opacity: 0.6;
}
#spMainContainer .sp_ForumStatusAdd:before {
font-size: 12px;
content: "\e912";
}
#spMainContainer a.spNewFlag,
#spMainContainer .spNewFlag {
font-size: 70% !important;
margin: 0 8px 0 0 !important;
padding: 1px 3px 1px 3px;
display: inline;
line-height: 1.4em;
background-color: #d50000 !important;
}
#spMainContainer .spEditorSection.sp_file_uploader {
font-family: inherit !important;
}
#spMainContainer .spEditorSection.sp_file_uploader a.spUploadsViewerButton { }
#spMainContainer .spEditorSection.sp_file_uploader a.spUploadsViewerButton:hover {
}
#spMainContainer #spUploadToggle {
font-weight: bold;	
float: left;
}
#spMainContainer #spUploadToggle:hover {
}
#spMainContainer #sp_file_uploader {
display: none;
margin-top: 10px;
text-align: left;
}
#spMainContainer .spEditorSection.sp_file_uploader {
padding-bottom: 2px !important;
}
#spMainContainer .spEditorSection.sp_file_uploader a {
margin-bottom: 6px;
margin-top: 1px;
font-weight: normal;
}
#spMainContainer .spProfileSignature .spEditorSection.sp_file_uploader {
text-align: center;
margin-top: 10px;
}
@media screen and (max-width: 480px) {
#spMainContainer .spProfileSignature .spEditorSection.sp_file_uploader {
margin-top: 4px;
}
}
#spMainContainer .spProfileSignature .spEditorSection.sp_file_uploader a {
float: none;
padding: 5px;
font-size: 80%;
font-family: inherit;
}
#spMainContainer #sp_uploader_info {
display: none;
margin-bottom: 10px;
text-align: left;
font-size: 85%;
}
#spMainContainer #sp_file_uploader .plupload_wrapper {
margin-top: 25px;
}
#spMainContainer #sp_uploader_info table {
width:  100%;
font-size: 110%;
border: 1px solid #AAAAAA;
}
@media screen and (max-width: 480px) {
#spMainContainer #sp_uploader_info table {
display: none;
}
}
#spMainContainer #sp_uploader_info td {
padding: 7px 10px;
font-size: 90%;
border-bottom: 1px solid #F0F0F0;
}
#spMainContainer #sp_uploader_info td.plup-header {
font-weight: bold;
font-size: 90%;
color: #000000;
border-bottom: 1px solid #F0F0F0;
}
#spMainContainer #sp_uploader_attachments {
display: none;
margin-bottom: 10px;
padding: 0 0 0 12px !important;
text-align: center;
font-size: 100%;
clear: both;
}
#spMainContainer #sp_uploader_attachments .spPlupHeaderTitle {
font-weight: bold;
padding: 10px 0;
}
#spMainContainer #sp_uploader_errors {
padding: 5px 5px 5px 22px;
line-height: 1.5em;
color: #c00000;
}
#spMainContainer #sp_uploader_status {
padding: 0px 5px 10px 22px;
line-height: 1.5em;
color: #00A000;
}
#spMainContainer .spTopicViewSection .spPostContentSection .spPostIndexAttachments {
padding: 20px 20px 20px 0;
float: left;
font-size: 70%;
}
#spMainContainer .spTopicViewSection .spPostContentSection .spPostIndexAttachments fieldset {
border-style: dashed;
}
#spMainContainer .spTopicViewSection .spPostContentSection .spPostIndexAttachments fieldset legend {
font-size: 110%;
}
#spMainContainer .spTopicViewSection .spPostContentSection .spPostIndexAttachments ul {
list-style: none;
}
#spMainContainer .spTopicViewSection .spPostContentSection .spPostIndexAttachments li {
padding: 2px 0;
list-style: none;
}
#spMainContainer .spTopicViewSection .spPostContentSection .spPostIndexAttachments img {
padding-right: 5px;
}
#spMainContainer .spTopicViewSection .spPostContentSection .spPostIndexAttachments a {
vertical-align: middle;
}
#spMainContainer .spTopicViewSection .spPostContentSection .spPostIndexAttachments span {
vertical-align: middle;
padding-left: 10px;
}
#spMainContainer .spEditorSection.sp_file_uploader a.spFileUploaderRemoveButton {
float: left;
font-size: 90%;
margin-bottom: 6px;
margin-top: 1px;
padding: 1px 5px;
}
#spMainContainer .spProfilePhotos table {
width: 100%;
}
#spMainContainer .spProfilePhotos table td {
padding: 10px 0;
text-align: center;
}
#spMainContainer .spProfilePhotos table td.spPlupPhotoDel {
width: 50px;
}
#spMainContainer .spAdminBar {
color: #000000;
background: #ECEFF1;
padding: 1em;
width: 100%;
height: auto;
border: 1px solid #F0F0F0;
box-shadow: 6px 6px 20px #F0F0F0;
}
#spMainContainer .spAdminBar a.spButton img {
display: none;
}
#spMainContainer .spAdminBar a.spButton {
}
#spMainContainer .spAdminBar a.spButton:hover {
}
#spMainContainer .spAdminBar .spButtonAsLabel { background-color: #000000;
border: 1px solid #000000;
color: #FFFFFF;
padding: 3px;
font-weight: normal;
font-size: 80%;
margin-left: 8px;
margin-top: 1em;
height: auto;
vertical-align: middle;
}
#spMainContainer .spAdminBar .spButtonAsLabel span{
color: #000000;
}
#spMainContainer #spUnread .spUnreadUnread{
color: #000000;
}
#spMainContainer #spAdminQueue {
width: auto;
}
#spMainContainer #spAdminQueueList {
padding: 0 1em 1em 1em;
background: none;
clear: both;
display: block;
max-height: 700px !important;
z-index: 10000;
overflow: auto;
}
#spBarSpinner.spInlineSection {
width: auto;
background: transparent;
margin-bottom: -4px;
}
#spMainContainer #spAdminQueueCounts {
margin: 5px;
display: flex;
}
#spMainContainer #spUnread,
#spMainContainer #spNeedModeration,
#spMainContainer #spSpam {
padding-bottom: 3px;
}
#spMainContainer #spUnread .spUnreadUnread,
#spMainContainer #spNeedModeration .spModUnread,
#spMainContainer #spSpam .spSpamUnread {
color: #ff0000;
background: #FFFFFF;
padding: 0 5px 1px;
font-weight: bold;
}
#spMainContainer #spUnread .spUnreadRead,
#spMainContainer #spNeedModeration .spModRead,
#spMainContainer #spSpam .spSpamRead {
color: #000000;
}
#spMainContainer .spAdminQueueHeader .spNewUnReadMgtLabel {
font-size: 130%;
font-weight: bold;
}
#spMainContainer .spAdminQueueHeader p {
margin-left: 5px;
padding-top: 10px;
font-weight: bold;
font-size: 85%;
color: #000000;
display: none;
}
#spMainContainer .spAdminQueueHeader p a {
font-weight: normal;
margin-top: -5px;
padding-top: 3px;
}
#spMainContainer #spAdminQueueList .spAdminQueueHeader a.spButton {
margin: 5px;
}
#spMainContainer .spAdminQueueSection {
background: none;
color: #000000;
padding: 5px 0 10px 0px;
margin: 0 0 0 0;
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
#spMainContainer .spAdminQueueSection .spAdminBarTitle,
#spMainContainer .spAdminQueueSection .spAdminForum {
font-size: 130%;
font-weight: bold;
}
#spMainContainer .spAdminQueueSection p.spAdminBarTitle {
font-weight: bold;
color: #000000;
font-size: 80%;
display: none;
}
#spMainContainer .spAdminQueueForum{
background: none;
border: none;
margin: 20px 0 5px 0;
box-sizing: border-box;
width: 98%;
}
#spMainContainer .spAdminQueueTopic {
background: #FFFFFF;
border: 1px solid #F0F0F0;;
border-radius: 3px;
box-shadow: 4px 4px 20px #F0F0F0;
margin-bottom: 5px;
}
#spMainContainer .spAdminQueueForum a{
color: #000000;
font-weight: bold;
padding: 13px 0 0 0;
}
#spMainContainer .spAdminQueueTopic a {
color: #000000;
font-weight: normal;
}
#spMainContainer .spAdminQueueForum .spColumnSection  {
padding: 2px 0px 0px 0px;
margin: 0 0 0 0;
display: flex;
}
#spMainContainer .spAdminQueueForum .spColumnSection img {
min-height: 32px;
min-width: 32px;
max-height: 32px;
max-width: 32px;
margin-left: auto;
margin-right: auto;
}
#spMainContainer .spAdminQueueForum p.spRowName {
padding-top: 9px;
}
#spMainContainer .spAdminQueueTopic .spSubmit {
margin: 4px 0 4px 9px;
}
#spMainContainer .spAdminQueueTopic .spUnreadButton { background-color: #000000;
border: 1px solid #000000;
color: #FFFFFF;
padding: 3px;
border-radius: 3px;
font-weight: bold;
font-size: 80%; }
#spMainContainer .spAdminQueueTopic .spUnreadButton:hover { background-color: #000000;
border: 1px solid #000000;
color: #FFFFFF;
}
#spMainContainer .spAdminQueueTopic .spModButton {
background: none;
color: #ff0000;
border: none;
padding: 0 10px;
font-size: 100%;
font-weight: bold;
}
#spMainContainer .spAdminQueueTopic .spModButton:hover {
color: #000000;
}
#spMainContainer .spAdminQueueTopic p {
padding: 5px 0 0 0;
font-size: 100%;
}
#spMainContainer .spAdminQueueTopic a {
color: #000000;
font-weight: bold;
font-size: 100%;
margin: 3px 0px 3px 10px;
}
#spMainContainer .spAdminQueueTopic a:hover {
color: #000000;
}
#spMainContainer .spAdminQueueTopic .spLabelSmall {
font-size: 85%;
}
#spMainContainer .spAdminQueueThisPostButtons {
text-align: center;
background: none;
margin: 0 0 5px 0;
}
#spMainContainer .spAdminQueueTopic p.spLabelSmall {
padding: 0;
margin: 3px 0px 3px 10px;
color: #000000;
font-weight: normal;
font-size: 90%;
}
#spMainContainer .spAdminQueueTopic .spColumnSection  {
padding: 0;
margin: 0px;
float: right;
}
#spMainContainer .spAdminQueuePost p,
#spMainContainer .spAdminQueuePost b,
#spMainContainer .spAdminQueuePost small{
font-size: 80%;
margin-bottom: 0.5em;
}
#spMainContainer .spAdminQueuePost p {
border-left: 5px solid #F0F0F0;
margin: 5px 0 5px 15px;
padding: 10px;
}
#spMainContainer .spAdminQueuePost {
overflow: hidden;
width: 100%;
margin: 0;
background: none;
border: none;
box-sizing: border-box;
}
#spMainContainer .spAdminQueueSection .spPostSection {
padding: 0;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
width: 100%;
}
#spMainContainer .spAdminQueueSection .spPostSection textarea {
line-height: 1.3em;
padding: 6px 10px;
}
#spMainContainer .spAdminQueueMod {
float: none;
margin-right: auto;
margin-top: -5px;
background: none;
font-weight: bold;
color: red;
border: none;
padding: 0;
font-size: 80%;
}
#spMainContainer .spAdminQueueSection .spPostSection .spSubmit {
font-size: 80%;
}
#spMainContainer .spAdminQueueSection .spPostSection .spSubmit:hover {
}
#spMainContainer .spAdminQueueThisPostButtons tbody {
border: none;
}
#spMainContainer .spAdminQueue #spUnread,
#spMainContainer .spAdminQueue #spNeedModeration,
#spMainContainer .spAdminQueue #spSpam {
vertical-align: top;
}
#spMainContainer .spAdminQueueSection .spAdminQueueThisPost {
padding: 10px;
background: #FFFFFF;
border: none;
font-size: 100%;
}
#spMainContainer .spAdminQueueThisPost hr {
display: none;
}
#spMainContainer .spAdminQueuePost textarea,
#spMainContainer .spAdminQueuePost textarea:hover {
width: 95%;
background-color: #FFFFFF}
#spMainContainer .spAdminQueuePost small {
font-weight: bold;
}
#spMainContainer .spAdminQueueThisPostButtons table,
#spMainContainer .spAdminQueueThisPostButtons tr td,
#spMainContainer .spAdminQueueThisPostButtons tr,
#spMainContainer .spAdminQueueThisPostButtons td {
margin-left: auto;
margin-right: auto;
}
#spMainContainer #spAdminLinks {
margin: 5px;
}#spMainContainer .spAnnounceMessage,
.spAnnounceMessage {
margin: 10px 0;
padding: 5px 10px;
color: #FFFFFF;
background: #000000;
border: 1px solid #FFFFFF;
border-radius: 3px;
padding: 2em;
}
#spMainContainer .spAnnounceMessage p,
.spAnnounceMessage p {
line-height: 1.3em;
}#spMainContainer .spBirthdaysHolder{
margin-top: 0px;
}
#spMainContainer #spBirthdays {
margin-top: 0px;
}
#spMainContainer #spBirthdays .spBirthdaysHeader {
font-weight: bold;
font-size: 80%;
display: block;
line-height: 1.5em;
}
#spMainContainer #spBirthdays .spBirthdaysBody,
#spMainContainer #spBirthdays .spBirthdaysToday,
#spMainContainer #spBirthdays .spBirthdaysUpcoming {
font-size: 80%;
line-height: 1.5em;
display: block;
} #spMainContainer ul#spSearchTabs {
margin: 5px 0;
padding: 15px 10px 10px;
height: auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
border: none;
}
#spMainContainer ul#spSearchTabs li {
float: left;
padding: 0;
margin: 0;
list-style: none;
}
#spMainContainer .spPageLinksSearchView .spPageLinks {
display: none;
}
#spMainContainer .search-panes .spPageLinks.spPageLinksBottom {
padding: 0px 0px 10px 7px;
margin: 0;
}
#spMainContainer .spPageLinksSearchViewBottom {
margin: 0 10px 10px 0;
}
#spMainContainer .search-panes .spMessage {
color: #000000;
background: #ECEFF1;
margin: 0;
font-weight: bold;
font-size: 80%;
padding: 10px;
box-sizing: border-box;
}
#spMainContainer .spListSection {
padding: 0;
}
#spMainContainer .spListLabel {
font-size: 80%;
}
#spMainContainer .spSearchSection .spTopicListSection {
margin: 10px 0 0 0;
}
#spMainContainer .spSearchSection .spTopicListSection a{
float: left;
}
#spMainContainer .spBlogSearchSection .spListSection .spTopicListSection {
display: inline;
margin: 10px 0 0 0;
padding: 5px;
}
#spMainContainer .spBlogSearchSection .spListSection .spTopicListSection img {
margin: 0 10px 0 5px;
}
#spMainContainer .spBlogSearchSection .spListSection .spListPostLink {
margin: 3px 0 5px;
font-size: 90%;
}
#spMainContainer .spBlogSearchSection .spListSection .spListPostLink .spProfilePopupLink {
font-weight: bold;
}
#spMainContainer #spBSButton,
#spMainContainer #spFSButton {
color: #000000;
}
#spMainContainer #spBSButton:hover,
#spMainContainer #spFSButton:hover {
color: #000000;
}
#spMainContainer .spPageLinksBlogSearchViewBottom {
margin: 0 10px 10px 0;
}#login {
width: 378px !important;
}
#spMainContainer .ajax-fc-container,
.ajax-fc-container {
background: #FFFFFF;
color: #000000;
margin: 1em 0 0 0;
}
#spMainContainer .ajax-fc-container {
width: 375px;
margin: 0 auto 1em;
} #spMainContainer div#ajax-fc-content,
div#ajax-fc-content {
height: 105px;
background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/bg-content-div.png);
border-left: 1px solid #F0F0F0;
border-right: 1px solid #F0F0F0;
}
div#ajax-fc-content div#ajax-fc-left {
width: 200px;
height: 100px;
float: left;
}
#setupform div#ajax-fc-content div#ajax-fc-left {
width: 250px;
}
#spMainContainer div#ajax-fc-content div#ajax-fc-left {
width: 225px;
}
#spMainContainer div#ajax-fc-content div#ajax-fc-right,
div#ajax-fc-content div#ajax-fc-right {
width: 98px;
height: 100px;
float: right;
} #spMainContainer p#ajax-fc-task,
p#ajax-fc-task {
line-height: 16px;
margin: 0;
padding: 11px 0 0 11px;
color: #000000;
text-align: left;
}
#spMainContainer p#ajax-fc-task span,
p#ajax-fc-task span {
color: #21759B;
font-weight: bold;
}
#spMainContainer ul#ajax-fc-task,
ul#ajax-fc-task {
width: 190px;
height: 18px;
list-style-type: none;
background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/bg-items.png) -4px 0px;
background-repeat: no-repeat;
margin: 6px 0 0 0;
padding: 5px 0 0 2px;
}
#spMainContainer ul#ajax-fc-task img,
ul#ajax-fc-task img {
display: block;
} #spMainContainer ul#ajax-fc-task li,
ul#ajax-fc-task li {
float: left;
margin-right: 1px;
margin-top: 6px;
list-style-type: none;
background: none;
}
#spMainContainer p#ajax-fc-circle,
p#ajax-fc-circle {
margin: 12px 0 0 10px;
width: 79px;
height: 79px;
background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/circle.png);
background-repeat: no-repeat;
}
#spMainContainer img#ajax-fc-backlink,
img#ajax-fc-backlink {
position: absolute;
margin-top: 1px;
margin-left: 6px;
border: none;
z-index: 101;
} #spMainContainer .ajax-fc-highlighted,
.ajax-fc-highlighted {
cursor: pointer;
z-index: 102;
} #spMainContainer .ajax-fc-r1,
.ajax-fc-r1 {
margin: 0 5px;
}
#spMainContainer .ajax-fc-r2,
.ajax-fc-r2 {
margin: 0 3px;
}
#spMainContainer .ajax-fc-r3,
.ajax-fc-r3 {
margin: 0 2px;
}
#spMainContainer .ajax-fc-r4,
.ajax-fc-r4 {
margin: 0 1px;
height: 2px;
}#spMainContainer .spTopicPostSection .spPostUserCubePoints {
font-size: 80%;
margin: 0;
padding: 5px;
line-height: 1em;
}
#spMainContainer .spTopicPostSection .spUserSectionMobile .spPostUserCubePoints {
float: right;
border: 1px solid #FFFFFF;
margin: 3px 0 0 0;
padding: 2px 4px 2px 2px;
line-height: 0;
color: #FFFFFF;
}
#spMainContainer .spTopicPostSection .spUserSectionMobile img {
float: none;
margin: 0px 0;
}#spMainContainer #spCatList fieldset {
background: transparent;
color: #000000;
margin: 10px;
padding: 10px;
}
#spMainContainer #spCatList fieldset label {
background: transparent;
color: #000000;
}#spMainContainer .spOnlineActivity {
font-weight: bold;
margin-left: 10px;
}
#spMainContainer span.spOnlineActivity {
font-weight: normal;
}
#spMainContainer .spOnline {
padding: 10px;
margin: 0 0 5px 0;
font-size: 80%;
}
#spMainContainer .spOnline .spProfilePopupLink {
font-weight: bold;
}
#spMainContainer .spStatsSection .spMiniButton.spOnlinePageLink {
font-size: 100%;
font-weight: normal;
}
#spMainContainer .spStatsSection .spOnlinePageLink {
}
#spMainContainer .spStatsSection .spOnlinePageLink:hover {
} [id^="spColThread1"] { width: 10%; }
[id^="spColThread2"] { width: 100%; }
[id^="spColThread3"] { width: 16%; }
[id^="spColMessage1"] { width: auto; }
[id^="spColMessage2"] { width: 39%; }
[id^="spColMessage3"] { width: 100%; }
[id^="spColHeader1"] { width: auto; text-wrap: normal; word-wrap: break-word; max-width: 78%;}
[id^="spColHeader2"] { width: auto; } #spMainContainer #spPmContainer .spTopicViewSection {
color: #000000;
background: #ECEFF1;
width: 100%;
margin: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-direction: row-reverse;
justify-content: center;
padding: 0 10px;
}
#spMainContainer #spPmContainer .spPmHeaderMessages {
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
}
#spMainContainer .spPmHeader .spHeaderIcon {
display: none;
}
#spMainContainer #spPmContainer a.spButton img {
display: none;
}
#spMainContainer #spPmContainer a.spButton {
margin: 5px 0px 5px 10px;
}
#spMainContainer #spPmContainer .spAvatar {
margin: auto;
min-height: 50px;
min-width: 50px;
}
#spMainContainer #spPmContainer .spInRowLabel {
margin: auto 10px auto 0;
display: inline;
}
#spMainContainer #spPmContainer .spInRowLabelBold span {
font-weight: bold;
}
#spMainContainer #spPmContainer .spInRowLabel span {
color: #000000;
}
#spMainContainer #spPmContainer .spLabelBordered {
width: 24px;
border: none;
padding: 4px 2px 0;
} #spMainContainer .spPmMessageSection {
display: block;
flex-direction: column;
margin-top: 10px;
box-sizing: border-box;
padding-left: 1em;
padding-right: 1em;
}
#spMainContainer .spPmHeaderButtons .spButton {
color: #FFFFFF;
}
#spMainContainer .spPmHeaderButtons .spButton:hover {
color: #FFFFFF;
}
#spMainContainer .spPmAttachments fieldset ul {
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
}
#spMainContainer .spPmMessageSection .spPmInfoHolder{
display: flex;
display: -webkit-flex;
flex-direction: row;
}
#spMainContainer .spPmMessageSection .spPmInfoHolder .spInRowLabel.spRight span {
padding: 0;
font-size: 100%;
}
#spMainContainer .spPmMessageSection .spPmInfoHolder .spColumnSection.spRight {
align-self: flex-end;
}
#spMainContainer .spPmMessageSection a{
width: 90%;
align-self: flex-end;
}
#spMainContainer .spPmMessageSection .spColumnSection {
display: inline-block;
}
#spMainContainer .spPmMessageSection .spPmActionsColumn {
display: inline-block;
margin: 0;
box-sizing: border-box;
}
#spMainContainer .spPMDelete a.spPmThreadDelete {
}
#spMainContainer .spPMDelete a:link {
}
#spMainContainer .spPMDelete a:link:hover {
}
#spMainContainer .spPmMessageSection .pmMessageActions {
margin-top: auto;
}
#spMainContainer .spPmMessageSection .pmMessageActions .spButton {
padding: 5px;
}
#spMainContainer .spPmMessageSection .pmMessageActions a.spLink {
color: #FFFFFF;
}
#spMainContainer #spPmContainer .spRowName {
margin: 0;
}
#spMainContainer .spPmThreadSection.spPmRead .spRowName,
#spMainContainer .spPmMessageSection.spPmRead .spRowName {
color: #000000;
}
#spMainContainer .spPmThreadSection.spPmUnread .spRowName,
#spMainContainer .spPmMessageSection.spPmUnread .spRowName {
color: #000000;
}
#spMainContainer #spPmContainer #spPmBody {
overflow-y: auto;
height: 100%;
margin-bottom: 10px;
}
#spMainContainer #PmInboxMessages {
font-size: 80%;
font-weight: normal;
color: #000000;
padding: 5px 0;
}
#spMainContainer span.spHeaderName {
padding: 0;
font-size: 100%;
}
#spMainContainer #spPmContainer .spPmThreadHeader {
background: #ECEFF1;
color: #000000;
margin: 20px 0 0 0;
padding: 0 10px;
display: flex;
height: auto;
}
#spMainContainer #spPmContainer .spPmThreadHeader .spIcon {
margin: 0;
}
#spMainContainer #spPmContainer .spPmThreadHeader .spRowName {
color: #000000;
font-size: 130%;
margin: 0;
font-weight: normal;
padding-top: 1em;
padding-bottom: 1em;
}
#spMainContainer #spPmContainer .spPmThreadHeader .spRowName span {
color: #000000;
font-size: 130%;
margin: 0;
font-weight: bold;
}
#spMainContainer #spPmContainer .spPmThreadHeader .spColumnSection{
flex-direction: row;
margin: 3px;
}
#spMainContainer #spPmContainer .spPmThreadHeader .spColumnSection.spLeft{
margin: auto auto auto 0;
padding: 5px 0;
}
#spMainContainer #spPmContainer .spPmThreadHeader .spColumnSection.spRight{
margin: auto 0 auto auto;
padding: 5px 5px 6px;
}
#spMainContainer #spPmContainer .spPmThreadHeader .spColumnSection.spRight .spPmThreadCollapse,
#spMainContainer #spPmContainer .spPmThreadHeader .spColumnSection.spRight .spPmThreadExpand {
display: none;
}
#spMainContainer #spPmContainer .spPmThreadHeader .spColumnSection.spRight .spPmDeleteIcon {
margin-top: auto;
margin-bottom: auto;
}
#spMainContainer .spPmThreadSection {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
#spMainContainer .spPmThreadSection a{
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 70%;
}
#spMainContainer .spPmThreadSection .spColumnSection {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
#spMainContainer .spPmThreadSection .spColThread3 {
white-space: nowrap;
align-content: center;
}
#spMainContainer .spPmThreadSection .spLabelSmall {
padding: 0;
}
#spMainContainer #spColThread1 {
width: auto;
}
#spMainContainer #spColThread3 {
flex-direction: row-reverse;
}
#spMainContainer #spColThread3 .spRight {
display: flex;
align-items: center;
}
#spMainContainer #spColThread3 img {
padding: 0;
}
#spMainContainer #spColThread3 .spLabelSmall {
padding: 0 4px;
}
#spMainContainer #spColThread3 .spLabelSmall span {
padding: 0 2px;
}
#spMainContainer .spPmThreadSection .spColumnSection .spLabel {
margin: 0;
display: none;
}
#spMainContainer #spPmContainer .spPmThreadHeader .spPmDelete a{
color: #000000;
font-size: 100%;
font-weight: bold;
}
#spMainContainer #spPmContainer .spPmThreadHeader .spPmDelete a:hover{
color: #000000;
}
#spMainContainer #spPmContainer .spTopicPostSection .spPostSection {
border: none;
}
#spMainContainer .spPmFooter {
background: #ECEFF1;
padding: 0px 10px;
position: relative;
display: none;
}
#spMainContainer #spPmFooterCompose #spPostForm {
box-sizing: border-box;
margin: 0;
}
#spMainContainer #spPmFooterButtons {
background: transparent;
border: none;
}
#spMainContainer .spPmFooter .spLabelSmall{
font-size: 75%;
} #spMainContainer #spPmQuickLinksThreadsSelect_msdd {
width: 100% !important;
margin-top: 9px;
}
#spMainContainer #spPmQuickLinksThreadsSelect_child {
max-height: 550px !important;
min-height: auto;
width: 350px !important;
} #spMainContainer #spPmCount {
padding-bottom: 3px;
}
#spMainContainer #spPmCount .spPmCountUnread {
font-weight: bold;
color: #ff0000;
}
#spMainContainer #spPmCount .spPmCountRead {
color: inherit;
}
#spMainContainer #spProfileAdversaries .spButton,
#spMainContainer #spProfileBuddies .spButton {
margin: 0 5px 5px 0;
padding: 0 4px;
font-size: 100%;
color: #000000;
}
#spMainContainer #spProfileAdversaries .spButton:hover,
#spMainContainer #spProfileBuddies .spButton:hover {
color: #000000;
}
#spMainContainer #spProfileAdversaries a img,
#spMainContainer #spProfileBuddies a img {
margin: -10px 5px 0 0;
}  .ui-menu {
background: #ffffff;
border: 1px solid #222 !important;
color: black #666;
font-size: 80%;
font-weight: bold;
} #spMainContainer .spPm1Col {
width: 43%; }
#spMainContainer .spPm2Col {
width: 55%; }
#spMainContainer .spPm3Col {
width: 33%;
float: left;
text-align: center;
}
#spMainContainer #spPostForm #spPmRecipients {
padding: 0;
margin: 0 0 10px 0;
border: none;
}
#spMainContainer #spPostForm .spEditorTitle {
font-size: 95%;
font-weight: bold;
}
#spMainContainer #spPostForm .spLabelSmall {
font-weight: normal;
font-size: 85%;
padding-left: 0;
}
#spMainContainer #spPostForm .spEditorTitle #pmusers {
width: 48%;
}
#spMainContainer #spPostForm .spEditorTitle #pmtitle {
width: 98%;
}
#spMainContainer #spPostForm .spPmCompose {
width: auto;
}
#spMainContainer #spPostForm .spPmCompose fieldset {
border: none;
}
#spMainContainer #spPostForm #spPmComposeNameList {
height: auto;
padding: 0px 0;
margin: 0;
text-align: center;
}
#spMainContainer #spPostForm #spPmComposeNameList input {
max-width: 45%;
}
#spMainContainer #spPostForm .spPmUsers {
width: 87%;
}
#spMainContainer #spPostForm .spPmAddToBuddies {
text-align: center;
padding: 10px 0 0;
}
#spMainContainer #spPostForm .spPmMaxRecipients {
text-align: center;
}
#spMainContainer #spPostForm .spControl {
font-weight: normal;
font-size: 95%;
}
#spMainContainer #spPostForm .spControl[disabled] {
font-size: 1.1em;
} .sp-pm-ac.ui-autocomplete {
position: absolute;
cursor: default;
background: #FAFAFA;
color: #000000;
}
* html .sp-pm-ac.ui-autocomplete {
width: 1px;
}
.sp-pm-ac.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.sp-pm-ac.ui-menu .ui-menu {
margin-top: -3px;
}
.sp-pm-ac.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.sp-pm-ac.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: .1em .4em;
line-height: 1.0;
zoom: 1;
color: #000000;
}
.sp-pm-ac.ui-menu .ui-menu-item a.ui-state-hover,
.sp-pm-ac.ui-menu .ui-menu-item a.ui-state-active {
font-weight: bold;
margin: -1px;
background: #000000;
}
#spPolicyDocReg .spLabel {
font-weight: bold;
line-height: 2.0em;
text-decoration: underline;
}
#spPolicyDocReg p,
#spPolicyDocRegister p,
#spPolicyDocPrivacy p,
#spPolicyDocReg p.spLabel,
#spPolicyDocRegister p.spLabel,
#spPolicyDocPrivacy p.spLabel {
margin-bottom: 20px;
}
#spPolicyDocReg h3,
#spPolicyDocRegister h3,
#spPolicyDocPrivacy h3,
#spPolicyDocReg h4,
#spPolicyDocRegister h4,
#spPolicyDocPrivacy h4 {
font-weight: bold;
margin-bottom: 20px;
}
#spMainContainer #spPolicyDoc,
#spMainContainer #spPrivacyDoc {
padding: 0 15px;
font-size: 80%;
display: inline;
}
.spRegistrationPolicy, .spPrivacyPolicy {
height: 600px;
}
#spMainContainer #spPolicyDoc .spIcon,
#spMainContainer #spPrivacyDoc .spIcon, 
#spMainContainer #spAck .spIcon {
margin: 0px;	
}#spMainContainer #sp_poll_create {
margin-top: 10px;
padding: 0 10px !important;
text-align: left;
font-size: 80%;
}
#spMainContainer .spEditorSection .spEditorTitle.sp_poll_create a {
float: left;
font-family: inherit;
padding: 10px 0 0 0;
}
#spMainContainer .spPostContentSection div.spPollError {
font-style:  italic;
padding: 10px;
border: 1px solid #F0F0F0;
} #spMainContainer .spPostContentSection .sp-poll {
margin: 10px 10px 10px 15px;
padding: 0;
border-left: 5px solid #F0F0F0;
}
#spMainContainer .spPostContent .sp-poll  p.sp-poll-title {
font-weight: bold;
text-align: center;
font-size: 130%;
}
#spMainContainer .spPostContent .sp-poll ul.sp-poll-block {
list-style-type: none;
padding: 10px 20px !important;
margin: 0;
}
#spMainContainer .spPostContent .sp-poll ul.sp-poll-block li.sp-poll-answer {
list-style-type: none;
margin: 0;
padding: 10px 0 !important;
}
#spMainContainer .spPostContent .sp-poll ul.sp-poll-block li.sp-poll-result {
list-style-type: none;
margin: 0;
padding: 5px 0 !important;
}
#spMainContainer .spPostContent .sp-poll ul.sp-poll-block li.sp-poll-result.sp-user-voted {
font-weight: bold;
}
#spMainContainer .spPostContent .sp-poll ul.sp-poll-block li.sp-poll-result span.sp-poll-meta {
padding-left: 10px;
}
#spMainContainer .spPostContent .sp-poll  label.sp-poll-label {
line-height: 15px;
}
#spMainContainer .spPostContent .sp-poll p.sp-poll-submit {
text-align: center;
}
#spMainContainer .spPostContent .sp-poll p.sp-poll-submit .spSubmit {
}
#spMainContainer .spPostContent .sp-poll p.sp-poll-submit .spSubmit:hover {
}
#spMainContainer .spPostContent .sp-poll p.sp-poll-show {
text-align: center;
padding-bottom: 0!important;
}
#spMainContainer .spPostContent .sp-poll p.sp-poll-show a.sp-poll-show {
text-decoration: none;
}
#spMainContainer .spPostContent .sp-poll .sp-poll-count {
text-align: center;
padding: 10px 0;
}
#spMainContainer .spPostContent .sp-poll ul.sp-poll-block .sp-poll-bar {
margin: 5px 0;
} #sp_poll_create #sp_poll_body  {
clear: both;
margin: 0;
font-family: inherit;
font-size: 80%;
}
#sp_poll_create form  {
margin: 0;
}
#sp_poll_create #sp_poll_body .sp_poll_label {
clear: left;
float:left;
width: 20%;
padding: 0;
line-height: 35px;
font-size: 80%;
margin: 0;
}
#sp_poll_create #sp_poll_body .sp_poll_label p {
margin: 0;
font-size: 100%;
text-align: center;
}
#sp_poll_create #sp_poll_body .sp_poll_input {
float: left;
width: 79%;
padding: 5px 0;
margin: 0;
}
#sp_poll_create #sp_poll_body .sp_poll_input #sp-poll-question {
width: 95%;
}
#sp_poll_create #sp_poll_body .sp_poll_input a {
float: right;
margin-top: 0px;
}
#sp_poll_create #sp_poll_body .spEditorTitle {
padding-left: 0 !important;
padding-bottom: 5px !important;
text-align: center;
clear: left;
line-height: 1.5em;
font-weight: bold;
font-size: 80%;
margin: 10px 0 0 0;
}
#sp_poll_create #sp_poll_body .sp_poll_submit {
text-align: center;
clear: both;
padding: 10px 0;
margin: 0;
}
#sp_poll_create #sp_poll_body #sp_poll_date {
text-align: center;
clear: both;
padding: 10px 0;
margin: 0;
}
#sp_poll_create #sp_poll_body #sp_poll_date .sp_poll_input {
float: none;
width: auto;
padding: 5px 0;
}
#sp_poll_create #sp_poll_body #sp_poll_date .sp_poll_input input#sp-poll-date {
width: 150px;
margin-right:  5px;
vertical-align: bottom;
text-align: center;
}
#sp_poll_create #sp_poll_body #sp_poll_options {
padding-top: 10px;
text-align: center;
margin: 0;
}
#sp_poll_create #sp_poll_body #sp_poll_options input#sp-poll-maxq {
text-align: center;
width: 100px;
height: 24px;
margin: 5px 0;
}
#sp_poll_create #sp_poll_body input.spControl {
border: 1px solid #F0F0F0;
width: 60%;
height: 22px;
color: #000000;
margin: 0;
padding: 0 0 0 5px;
background: #FFFFFF;
font-size: 80%;
border-radius: 0;
}
#sp_poll_create #sp_poll_body input.spControl:focus {
border: 1px solid #F0F0F0;
}
#sp_poll_create #sp_poll_body input#sp-poll-hide {
width: auto;
vertical-align: middle;
}
#sp_poll_create #sp_poll_body .spSubmit {
font-family: inherit;
font-weight: bold;
border: none;
margin: 0 5px;
padding: 0 4px;
color: #000000;
background: none;
font-size: 80%;
text-shadow: none;
border-radius: 0px;
}
#sp_poll_create #sp_poll_body .spSubmit:hover {
border: none;
color: #000000;
background: none;
}#spMainContainer table#spRankInfo,
#spMainContainer table#spRankInfoSpecial {
width: 100%;
border: none;
padding: 10px;
font-size: 0.9em;
margin: 20px 0 40px;
}
#spMainContainer table#spRankInfo td a,
#spMainContainer table#spRankInfoSpecial td a {
font-weight: bold;
}
#spMainContainer table#spRankInfo td,
#spMainContainer table#spRankInfoSpecial td {
text-align: center;
padding: 5px;
border: none;
color: #000000;
background: none;
font-size: 80%;
}
#spMainContainer table#spRankInfo th,
#spMainContainer table#spRankInfoSpecial th {
text-align: center;
padding: 5px;
font-weight: bold;
font-size: 80%;
padding: 7px;
color: #000000;
border: none;
background: #ECEFF1;
}
#spMainContainer table#spRankInfoSpecial .spMemberData th {
font-size: 100%;
}
#spMainContainer table#spRankInfo td.spRankMembers,
#spMainContainer table#spRankInfoSpecial td.spRankMembersSpecial {
font-size: 100%;
}
#spMainContainer table.spMemberData {
width: 100%;
}#spMainContainer .spPostRatingContainer {
padding: 2px 0 0 0;
margin: -2px 0 0 4px;
font-size: 100%;
}
#spMainContainer .spTopicRatingStars,
#spMainContainer .spTopicRatingThumbs {
margin: 0;
font-size: 80%;
display: flex;
flex-direction: row-reverse;
}
#spMainContainer .spTopicRatingStars .spIconNoAction{
margin: 0;
}
#spMainContainer .spTopicRatingStars span,
#spMainContainer .spTopicRatingThumbs span {
color: #000000;
margin-top: 1px;
}
#spMainContainer .spPostRateStars .spIcon {
padding: 0 2px;
}
#spMainContainer .spTopicRatingStars .spIcon, 
#spMainContainer .spTopicRatingThumbs .spIcon {
padding: 0;
}
#spMainContainer .spTopicRatingStars img,
#spMainContainer .spTopicRatingThumbs img {
max-width: 16px;
max-height: 16px;
}
#spMainContainer .spTopicRatingStars .spPostRateStars img,
#spMainContainer .spTopicRatingThumbs .spPostRateThumbs img {
padding: 0;
margin: 0;
max-width: 16px;
max-height: 16px;
float: left;
}
#spMainContainer .spTopicRating .hreview-aggregate {
float: left;
}
#spMainContainer .spTopicRatingThumbs .spPostRateThumbs {
float: right;
}
#spMainContainer .spPostRateStars img,
#spMainContainer .spPostRateDown img,
#spMainContainer .spPostRateUp img {
padding: 0px;
margin: 0px;
opacity: 1;
}
#spMainContainer .spPostRating .spPostRateStars img:hover,
#spMainContainer .spPostRating .spPostRateDown img:hover,
#spMainContainer .spPostRating .spPostRateUp img:hover {
opacity: 1;
}
#spMainContainer .spPostRatingScore {
padding: 5px 5px 0 0;
font-weight: bold;
font-size: 80%;
}
#spMainContainer .spTopicRatingStars .average,
#spMainContainer .spTopicRatingThumbs .average {
display: inline-block;
vertical-align: middle;
margin: 0 2px;
font-weight: bold;
}
#spMainContainer .spTopicRatingStars .hreview-aggregate .average,
#spMainContainer .spTopicRatingThumbs .hreview-aggregate .average {
display: inline;
padding-top: 0px;
vertical-align: inherit;
}
#spMainContainer .spTopicViewHeader .spTopicRatingStars .hreview-aggregate .average,
#spMainContainer .spTopicViewHeader .spTopicRatingThumbs .hreview-aggregate .average {
display: inline;
padding-top: 0px;
vertical-align: inherit;
}
#spMainContainer .spPostSection .spLabelBordered.spPostRating {
margin-bottom: -15px;
margin-top: 5px;
}
#spMainContainer .spPostRating {
margin: -4px 0 0 0;
padding: 0 8px;
}#spMainContainer #spReportPost {
padding: 0 1em 1em 1em;
margin: 1em 1em 1em 1em;
}
#spReportPost .spLabel {
font-weight: bold;
line-height: 1.8em;
}
#spReportPost textarea.spControl {
width: 100%;
font-size: 100%;
}
#spMainContainer #spReportPost fieldset {
padding: 0;
font-size: 80%;
}
#spMainContainer #spReportPost fieldset legend {
margin: 0 0 15px 0;
font-size: 100%;
width: 100%;
text-align: center;
background: #F27474;
padding: 1em 1em;
color: #FFFFFF;
}
#spMainContainer #spReportPost fieldset .spLabel {
font-size: 100%;
}
#spMainContainer #spReportPost p {
margin: 0 0 0 15px;
padding: 0 0 0 10px;
}
#spMainContainer #spReportPost input.spSubmit {
}
#spMainContainer #spReportPost input.spSubmit:hover{
}#spMainContainer #spSearchList .spListSection {
width: auto;
}
#spMainContainer #spSearchList .spListSection.spPostSearchSection {
padding: 5px 0px 0px 0px;
box-sizing: border-box;
}
#spMainContainer #spBSButton .spButton a,
#spMainContainer #spFSButton .spButton a {
background: red;
}
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSection {
padding: 0 0 0 0;
margin: 5px 0 15px 0;
background: #ffffff;
-webkit-border-radius: 5px;
width: 100%;
box-sizing: border-box;
display: -webkit-box;
display: flex;
flex-direction: row-reverse;
box-shadow: none;
}
#spMainContainer #spSearchList .spPostSearchSection .spColumnSection .spPostSearchResultsSection {
display: inline-block;
margin: 0;
background: #FFFFFF;
}
#spMainContainer #spSearchList .spPostSearchResultsSection .spPostSearchItemSection .spListPostRowName {
padding: 5px;
margin: 0;
position: relative;
background: #ECEFF1;
}
#spMainContainer #spSearchList .spPostSearchResultsSection .spPostSearchItemSection {
background: #FAFAFA;
}
#spMainContainer #spSearchList .spPostSearchResultsSection .spPostSearchItemSection .spListPostRowName a {
font-weight: bold;
font-size: 80%;
}
#spMainContainer #spSearchList .spPostSearchResultsSection .spPostSearchItemSection .spPostContent {
border: none;
padding: 15px 10px 5px 10px;
position: relative;
font-size: 85%;
word-wrap: break-word;
}
#spMainContainer #spSearchList .spPostSearchResultsSection .spPostSearchItemSection .spPostContent p {
font-size: 100%;
}
#spMainContainer #spSearchList .spPostSearchResultsSection .spPostSearchItemSection .spPostContent .spSearchTermHighlight,
#spMainContainer #spSearchList .spPostSearchResultsSection .spPostSearchItemSection .spListPostRowName .spSearchTermHighlight {
background-color: #f3bfcc;
color: #bc2a4d;
padding: 0 2px 1px;
}
#spMainContainer .spColumnSection .spPostInfoSection {
padding: 7px 6px 4px 7px;
margin: 0;
position: relative;
box-sizing: border-box;
background: #FFFFFF;
}
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSection .spPostInfoSection .spPostUserName {
padding-top: 0px;
padding-bottom: 2px;
padding-left: 50px;
font-size: 80%;
}
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSection .spPostInfoSection .spPostUserName .spProfilePopupLink {
font-weight: bold;
}
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSection .spPostInfoSection .spPostUserDate {
padding-left: 50px;
padding-top: 0;
font-size: 80%;
}
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSection .spPostInfoSection .spListPostForumRowName,
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSection .spPostInfoSection .spListPostCountRowName {
padding-top: 10px;
font-size: 80%;
}
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSection .spPostInfoSection .spListPostTopicRowName,
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSection .spPostInfoSection .spListPostViewsRowName {
padding-bottom: 5px;
padding-top: 5px;
font-size: 80%;
}
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSection .spPostInfoSection .spListPostForumRowName a,
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSection .spPostInfoSection .spListPostTopicRowName a {
font-size: 100%;
font-weight: bold;
}
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSection .spPostInfoSection .spResultsInfo {
}
#spMainContainer #spSearchList .spListSection .spResultsInfo .spLink{ font-size: 80%;
font-weight: bold;
color: #FFFFFF;
background: #000000;
border: none;
border-radius: 3px;
vertical-align: middle;
padding: 5px;
margin: 5px 0px;
cursor: pointer;
outline: none;
}
#spMainContainer #spSearchList .spPostSearchSection .spPostSearchResultsSections .spListPostGoToPostRowName {
padding: 5px;
font-size: 70%;
background: red;
}
#spMainContainer #spSearchList .spPostUserAvatar  {
display: inline;
} #spMainContainer ul#spSearchTabs {
margin: 0;
padding: 0 0 30px 0;
height: 25px;
background: #000000;
position: relative;
box-sizing: border-box;
border-bottom: none;
}
#spMainContainer ul#spSearchTabs li {
float: left;
padding: 13px 0px 0 8px;
margin: 0;
list-style: none;
}#spMainContainer .spSelectTheme,
#spMainContainer .spSelectLanguage {
display: inline-block;
}
#spMainContainer #spProfileFormPanel #spUserSelectOptions.spCenter.spLabelSmall {
font-size: 100%;
}#spMainContainer .ShareThisTag,
#spMainContainer .ShareThisForum,
#spMainContainer .ShareThisTopic {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#spMainContainer .ShareThisTopicIndex {
display: flex;
justify-content: flex-end;
margin-right: 5px;
}
#spMainContainer .stButton {
color: #000000;
cursor: pointer;
display: flex;
justify-content: space-around;
font-size: 8px;
line-height: 16px;
margin: 2px;
text-decoration: none;
z-index: 1;
position: relative;
}
#spMainContainer .st_plusone_button {
padding: 3px 0 0 0;
}
#spMainContainer .stButton .stFb,
#spMainContainer .stButton .stTwbutton,
#spMainContainer .stButton .stMainServices {
display: inline-block;
font-family: Verdana,Helvetica,sans-serif;
font-size: 8px;
height: 16px;
line-height: 16px;
padding-bottom: 3px;
padding-top: 3px;
color: #FFFFFF;-space: nowrap;
position: relative;
}
#spMainContainer .stButton .stArrow {
display: inline-block;
height: 14px;
line-height: 16px;
margin-left: -1px;
padding-left: 3px;
}
#spMainContainer .st_twitter_button .stButton_gradient,
#spMainContainer .st_twitter_button .stButton_gradient:hover,
#spMainContainer .st_twitter_vcount .stButton_gradient,
#spMainContainer .st_twitter_vcount .stButton_gradient:hover,
#spMainContainer .st_twitter_hcount .stButton_gradient,
#spMainContainer .st_twitter_hcount .stButton_gradient:hover {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCE3F3;
filter: none;
}
#spMainContainer .stButton .stHBubble {
display: none;
margin-left: 3px;
margin-right: 3px;
position: relative;
z-index: -1;
}
#spMainContainer .stButton .stBubble {
background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/images/sp_ShareThisBubbleArrowBelow.png) no-repeat scroll 10px 40px transparent;
color: #4D4D4D;
display: none;
height: 44px;
line-height: 16px;
margin: 5px 0 2px;
overflow: hidden;
width: 60px;
}
#spMainContainer .stButton .st-twitter-counter,
#spMainContainer .stButton .st-facebook-counter,
#spMainContainer .stButton .st-email-counter,
#spMainContainer .stButton .st-linkedin-counter {
width: 60px;
}
#spMainContainer .stButton .st-sharethis-counter2 {
width: 63px;
}
#spMainContainer .stButton .stButton_gradient {
background: -moz-linear-gradient(center top , #D5D5D5 0px, #EFEFEF 48%, #FFFFFF 94%) repeat scroll 0 0 transparent;
border: 1px solid #BFBFBF;
border-radius: 4px 4px 4px 4px;
display: inline-block;
font-family: serif;
height: 16px;
padding: 2px;
}
#spMainContainer .stButton .stBubble_hcount {
font-family: Verdana,Helvetica,sans-serif;
font-size: 11px;
height: 16px;
line-height: 16px;
padding-left: 2px;
padding-right: 2px;
color: #FFFFFF;-space: nowrap;
}
#spMainContainer .stButton .stBubble_count {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCE3F3;
border-radius: 4px 4px 4px 4px;
color: #000000;
font-family: Verdana,Helvetica,sans-serif;
font-size: 14px;
height: 14px;
margin-top: 5px;
padding-top: 8px;
padding-bottom: 12px;
position: relative;
text-align: center;
width: 58px;
z-index: -1;
}
#spMainContainer .stButton .chicklets {
background-repeat: no-repeat;
display: inline-block;
font-family: Verdana,Helvetica,sans-serif;
font-size: 11px;
height: 16px;
line-height: 16px;
padding-left: 20px;
padding-right: 3px;
white-space: nowrap;
}
#spMainContainer .st_fblike .fb_iframe_widget iframe {
position: absolute;
top: 2px;
}
#spMainContainer .st_fblike_large .fb_iframe_widget iframe {
position: absolute;
top: -3px;
}
#spMainContainer .fb_iframe_widget span {
display: inline-block;
position: relative;
text-align: justify;
vertical-align: text-bottom;
width: 450px !important;
margin-right: -375px;
}
#spMainContainer .stButton img,
#spMainContainer .st-facebook-counter img {
display:none;
}#spMainContainer .spUnsubscribeAll {
text-align: center;
padding: 5px 0;
font-size:  90%;
}
#spMainContainer #spSubCount {
padding-bottom: 3px;
}
#spMainContainer #spSubCount .spSubCountUnread {
color: #ff0000;
}
#spMainContainer #spSubCount .spSubCountRead {
font-weight: bold;
color: inherit;
}
#spMainContainer .spSubscriptionsNotice {
color: #000000;
font-size: 95%;
margin: 5px 0;
text-align: center;
}
#spMainContainer .spSubscriptionsNotice img {
vertical-align: bottom;
}
#spMainContainer .spProfileForumSubscriptions label.list,
#spMainContainer .spProfileTopicSubscriptions label.list {
width: auto;
margin-top:  -3px;
}
#spMainContainer .spProfileForumSubscriptions p.spProfileLabel {
font-weight: bold;
padding: 10px 0;
clear: both;
}
#spMainContainer a.spSubRemoveButton {
margin-top: 0;
}#spMainContainer .spTagsInside {
padding: 10px;
clear: both;
}
#spMainContainer .spTagsForm p {
color: #000000;
margin: 0 0 10px 0;
}
#spMainContainer #spPostForm .spEditorSection.spTagsForm .spEditorTitle,
#spMainContainer #spPostForm .spEditorSection.spTagsForm .spEditorHeading {
padding: 10px;
}
#spMainContainer #spPostForm .spEditorSection.spTagsForm #spTopicTags {
width: 80%;
}
#spMainContainer .spEditorTitle a.spButton {
}
#spMainContainer .spEditorTitle a.spButton:hover{
}
#spMainContainer .spEditorTitle .spTagsButtonsLabel {
padding: 5px;
font-weight: bold;
font-size: 100%;
}
#spMainContainer #spTagsSuggested { }
#spMainContainer #spTagsSuggested .spButton {
margin: 0px 5px 0px 0px;
border-radius: 0;
}
#spMainContainer .spTopicIndexTags {
padding: 5px 0;
}
#spMainContainer .spTopicIndexTags a {
display: inline-table;
padding: 0 5px;
}
#spMainContainer a.spTopicIndexTags  {
cursor: pointer;
padding-top: 5px;
font-size: 80%;
line-height: 2em;
}
#spMainContainer .spTopicTagsList {
padding: 0px;
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
#spMainContainer .spTopicTagsList span {
font-size: 80% !important;
font-weight: normal;
color: #000000;
}
#spMainContainer a.spTopicTagsList {
margin-top: 5px;
}
#spMainContainer .spTopicTagsList a {
display: inline;
padding: 0px 5px 1px;
margin-left: 0;
}
#spMainContainer #edittags textarea {
width: 95%;
border-radius: 0px;
margin: 20px auto 5px auto;
box-sizing: border-box;
display: block;
border: 1px solid #F0F0F0;
}
#spMainContainer a.spRelated {
font-size: 80%;
padding: 2px 5px 2px 5px;
border-radius: 0;
background-color: #000000;
color: #FFFFFF;
}
#spMainContainer a.spRelated:hover {
color: #FFFFFF;
background-color: #000000;
}
#spMainContainer a.spRelated .spIcon {
margin: 0 5px 0 0;
}
#spMainContainer .spTopicTagsList span.spTagsDelimiterForum  {
color: #000000;
padding: 0 2px 0px 2px;
}
#spMainContainer .spColumnSection .spTopicTagsList {
background: none;
text-align: left;
margin: 0;
opacity: 0.7;
}
#spMainContainer .spTopicTagsList a.spButton,
#spMainContainer .spTopicViewSection .spTopicViewHeader .spTopicTagsList .spButton {
padding: 2px 5px 2px 5px;
border-radius: 0;
background-color: #80D8FF;
color: #FFFFFF;
}
#spMainContainer .spTopicTagsList a.spButton:nth-child(1),
#spMainContainer .spTopicViewSection .spTopicViewHeader .spTopicTagsList .spButton:nth-child(1) {
background-color: #004D40;
}
#spMainContainer .spTopicTagsList a.spButton:nth-child(2),
#spMainContainer .spTopicViewSection .spTopicViewHeader .spTopicTagsList .spButton:nth-child(2) {
background-color: #1A237E;
}
#spMainContainer .spTopicTagsList a.spButton:nth-child(3),
#spMainContainer .spTopicViewSection .spTopicViewHeader .spTopicTagsList .spButton:nth-child(3) {
background-color: #01579B;
}
#spMainContainer .spTopicTagsList a.spButton:nth-child(4),
#spMainContainer .spTopicViewSection .spTopicViewHeader .spTopicTagsList .spButton:nth-child(4) {
background-color: #880E4F;
}
#spMainContainer .spTopicTagsList a.spButton:nth-child(5),
#spMainContainer .spTopicViewSection .spTopicViewHeader .spTopicTagsList .spButton:nth-child(5) {
background-color: #33691E;
}
#spMainContainer .spTopicTagsList a.spButton:nth-child(5),
#spMainContainer .spTopicViewSection .spTopicViewHeader .spTopicTagsList .spButton:nth-child(6) {
background-color: #3E2723;
}
#spMainContainer .spColumnSection .spTopicTagsList a.spButton:hover,
#spMainContainer .spTopicViewSection .spTopicViewHeader .spTopicTagsList .spButton:hover {
color: #FFFFFF;
background-color: #000000;
}#spMainContainer .spThanksList {
font-size: 80%;
background: #FFFFFF;
color: #000000;
padding: 5px;
border-top: 1px solid #F0F0F0;
}
#spMainContainer .spThanksList a.spLink {
padding: 5px;
}
#spMainContainer .spThanksList .spProfilePopupLink {
font-weight: bold;
margin: 0 5px;
}
#spMainContainer .spThanksList p {
padding-bottom: 5px;
margin: 0 5px;
}
#spMainContainer a.spThanked {
cursor: default;
background-color: #000000;
border-color:#000000;
border-radius: 0px;
}
#spMainContainer .spPostUserThanksReputation,
#spMainContainer .spThanksUserStats {
font-size: 80%;
padding: 0 0 5px 0;
}
#spMainContainer .spPostUserThanksReputation1 {
background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/sp_ThanksRank.png) no-repeat scroll 5px 0px transparent;
height: 11px;
width: 120px
}
#spMainContainer .spPostUserThanksReputation2 {
background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/sp_ThanksRank.png) no-repeat scroll 5px -16px transparent;
height: 11px;
width: 120px
}
#spMainContainer .spPostUserThanksReputation3 {
background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/sp_ThanksRank.png) no-repeat scroll 5px -32px transparent;
height: 11px;
width: 120px
}
#spMainContainer .spPostUserThanksReputation4 {
background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/sp_ThanksRank.png) no-repeat scroll 5px -48px transparent;
height: 11px;
width: 120px
}
#spMainContainer .spPostUserThanksReputation5 {
background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/sp_ThanksRank.png) no-repeat scroll 5px -64px transparent;
height: 11px;
width: 120px
}
#spMainContainer .spPostUserThanksReputation6 {
background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/sp_ThanksRank.png) no-repeat scroll 5px -80px transparent;
height: 11px;
width: 120px
}
#spMainContainer .spPostUserThanksReputation7 {
background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/sp_ThanksRank.png) no-repeat scroll 5px -96px transparent;
height: 11px;
width: 120px
}#spMainContainer .spEditorSection textarea.spTopicDescription {
width: 100%;
vertical-align: middle;
font-size: 100%;
}
#spMainContainer .spHeaderDescription {
clear: both;
}#spMainContainer .spTopicViewStatus a.spTopicStatus {
font-size: 100%;
margin: 0;
padding: 5px 5px 5px 5px;
border-radius: 2px;
}
#spMainContainer .spTopicIndexStatus a.spTopicStatus {
font-size: 75%;
font-weight: bold;
margin: 0;
padding: 2px 5px 2px 5px;
}#spMainContainer .spEditorSection.sp_file_uploader a.spUploadsViewerButton {
float: left;
font-weight: bold;
margin: 10px 0 0 0;
}
#spFileTree {
height: 450px;
}
#spFileTree ul.jqueryFileTree a {
cursor: pointer;
} UL.jqueryFileTree {
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 18px;
padding: 0px;
margin: 0px;
}
UL.jqueryFileTree LI {
list-style: none;
padding: 0px;
padding-left: 20px;
margin: 0px;
white-space: nowrap;
}
UL.jqueryFileTree A {
color: #333;
text-decoration: none;
display: block;
padding: 0px 2px;
}
UL.jqueryFileTree A:hover {
background: #BDF;
} .jqueryFileTree LI.directory { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/directory.png) left top no-repeat; }
.jqueryFileTree LI.expanded { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/folder_open.png) left top no-repeat; }
.jqueryFileTree LI.file { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/file.png) left top no-repeat; }
.jqueryFileTree LI.wait { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/spinner.gif) left top no-repeat; } .jqueryFileTree LI.ext_3gp { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_afp { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_afpa { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_asp { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_aspx { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_avi { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_bat { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_bmp { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_c { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cfm { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cgi { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_com { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_cpp { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_css { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/css.png) left top no-repeat; }
.jqueryFileTree LI.ext_doc { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/doc.png) left top no-repeat; }
.jqueryFileTree LI.ext_exe { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_gif { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_fla { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_h { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_htm { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_html { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_jar { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/java.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpg { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpeg { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_js { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_lasso { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_log { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_m4p { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mov { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp3 { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp4 { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpg { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpeg { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_ogg { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_pcx { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_pdf { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/pdf.png) left top no-repeat; }
.jqueryFileTree LI.ext_php { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/php.png) left top no-repeat; }
.jqueryFileTree LI.ext_png { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_ppt { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/ppt.png) left top no-repeat; }
.jqueryFileTree LI.ext_psd { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/psd.png) left top no-repeat; }
.jqueryFileTree LI.ext_pl { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_py { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_rb { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rbx { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rhtml { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rpm { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/linux.png) left top no-repeat; }
.jqueryFileTree LI.ext_ruby { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_sql { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/db.png) left top no-repeat; }
.jqueryFileTree LI.ext_swf { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_tif { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_tiff { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_txt { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_vb { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_wav { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_wmv { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_xls { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/xls.png) left top no-repeat; }
.jqueryFileTree LI.ext_xml { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_zip { background: url(//sportster.cc/wp-content/sp-resources/forum-themes/modern-2020/styles/images/zip.png) left top no-repeat; }#spMainContainer .spStopWatchingAll {
text-align: center;
padding: 5px 0;
font-size:  90%;
}
#spMainContainer #spWatchCount {
padding-bottom: 3px;
}
#spMainContainer #spWatchCount .spWatchCountUnread {
color: #ff0000;
}
#spMainContainer #spWatchCount .spWatchCountRead {
font-weight: bold;
color: inherit;
}
#spMainContainer .spWatchesNotice img {
vertical-align: top;
}
#spMainContainer .spProfileManageWatches label.list {
width: auto;
margin-top:  -3px;
}
#spMainContainer a.spWatchEndButton {
margin-top: 0;
}
#spMainContainer .spWatchesNotice {
color: #000000;
font-size: 95%;
margin: 5px 0;
text-align: center;
}