/**
 * The styles in this CSS file are intended to have generic names so they can potentially be used across pages.
 * If we find a style in here really belongs only one page, it can be renamed and moved to page-specific.css.
 */ 

/*Layout CSS */

*:focus {outline:none !important;}
.clear {clear:both !important;}
.fl {float:left !important;}
.fr {float:right !important; }
.right { text-align: right; }
.center {text-align:center; }
.bold { font-weight: bold; }
.borderBoxed, .borderBoxed * {box-sizing: border-box;}
.inlineDisplay {display: inline;}
.inlineBlockDisplay {display: inline-block;}
.fl.hiddenDisplay, .hiddenDisplay {display: none;}
.blockDisplay {display: block;}
.hiddenVisibility {visibility: hidden;}
.horizontalList li {display: inline;}
.pointer {cursor: pointer;}
.errorMessage { color : #ff0000; font-size: 1.1em; text-align: center; font-style: italic}
.defaultSize { line-height: 1.5em; font-size: 1.2em; }
.disabledColor { color : #808080; font-style: italic}
.periwinkle {
	background-color: #D4D7FE;
}

html {min-width: 854px;}

.opaque {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .6;
}

body img.opaque , body span.opaque, body .opaque > img{
	cursor: default;
}

.parttbnews {
	display: none !important;
}


.container{ width: 100%; height:auto; }


.aligncenter, img.aligncenter { clear: both; display: block; margin: 0.417em auto; }

ul.rightToLeft {direction: rtl;}


.pagination {
    list-style: none;
    text-align: center;
    float: right;
    padding: 0.5em 1em;
}

.pagination li {
    position: relative;
    display: inline-block;
    margin-right: -0.250em;
    border: none!important;
}

.pagination a {
    display: block;
    background-color: #B79460;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F1E9D6), to(#B79460));
    background-image: -webkit-linear-gradient(top, #F1E9D6, #B79460);
    background-image: -moz-linear-gradient(top, #F1E9D6, #B79460);
    background-image: -ms-linear-gradient(top, #F1E9D6, #B79460);
    background-image: -o-linear-gradient(top, #F1E9D6, #B79460);
    color: black !important;
    margin: 0.265em 0.15em;
    position: relative;
    text-align: center;
    padding: 0.6em 0.5em;
    border-radius: 24%;
    box-shadow: 0 0.188em 0.5em #aaa, inset 0 0.125em 0.188em #fff;
    text-decoration: none;
    text-shadow: 1px 1px #D6C6A9;
}

.pagination a.currentPage {
    background-color: #41291F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#41291F), to(#C7AB69));
    background-image: -webkit-linear-gradient(top, #41291F, #C7AB69);
    background-image: -moz-linear-gradient(top, #41291F, #C7AB69);
    background-image: -ms-linear-gradient(top, #41291F, #C7AB69);
    background-image: -o-linear-gradient(top, #41291F, #C7AB69);
    color: white !important;
    /* disable clicks for "current page" */
    pointer-events: none;
    cursor: default;
    text-shadow: none;
}

body { font-family: 'Droid Sans', sans-serif; background:#E4D2B8; font-size: 1.000em; }

/*------------------ Header CSS ------------------*/
header { width:100%; height:auto; background:url(../images/header-bg.jpg) repeat; padding-top:0; display: table-row;}
body { display: table;}
img.site-header-logo {max-height: 175px; max-width: 148px;}
.moose { width:15%; height:auto; padding:0.125em 0.25em; }
.forum-top-banner {height:100%; float: none !important; padding: 0.6em 2em; display: table-cell; vertical-align: middle; width: 85%; text-align: center;}
.mooseandads { display: table; width: 100%;}
.forum-top-banner .bnwrpr , .forum-top-banner .multbntab {display: inline-block;}
.headerWrpr .moose { display: table-cell; float: none !important; vertical-align: middle;}
.headerWrpr {clear: initial !important; display: table-row;}
.footer-banners {margin-left: 5%; text-align: center;}
.footer-banners > div {display: inline-block;}
.leftedge-banners {margin: 24px 0 0 -4px;}
.leftedge-banners td {display: block; margin: 6px 0;}
.leftedge-banners > div {width: auto; padding: 0; display: block;}
.leftedge-banners .forum-top-banner .singlebn .bi img { width:auto; height: auto; }
.leftedge-banners .bnwrpr {margin: 0 !important;}

/*.topRight { width:20%; height:100%;}*/
/*.topRight img { display:block; margin:0 auto; padding:7px 0;}*/


.siteInfoMessage { width: 100%; color: #624A2A; text-align: center; font-size: 0.813em; padding: 0.417em 0; background: #ECD9B6; line-height: 1.4em; position: relative;}
.announcementSeparator {border-bottom: 1px solid #CFBB90;}
.announcementSeparator + .siteInfoMessage{border-top: 1px solid #FFFFFF;}

.siteInfoMessage a:link, .siteInfoMessage a:active, .siteInfoMessage a:visited { color:#000080; text-decoration:underline;}
.siteInfoMessage a:hover { color:#f1e8d6; text-decoration:none;}

a.genbutton , a.genbutton:active{
	display: inline-block; text-decoration: none; font-size: 12px !important; font-weight: bold; cursor: pointer;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; background: url(../images/genbutton-bg.gif) repeat-x;
	height: 30px; line-height: 26px; margin: 0 11px 0 11px; color: #2e1f16; text-shadow: 0.1em 0.1em #cea123; padding: 0 !important;
}

a.genbutton:before{content: url(../images/genbutton-left.gif); position: absolute; margin-left: -14px;}

a.genbutton:after{content: url(../images/genbutton-right.gif); position: absolute;}

a.genbutton:hover{ color: #2e1f16 !important; }

a.genbutton.disabled{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3;
-khtml-opacity: 0.3; opacity: 0.3; cursor: default;
}

.devServerInfo { background-color: #FFCA24; width: 100%; text-align: center; font-size: 0.9em; padding: 0.3em; color: #D70000; font-weight: bold; }

img.bumper-sticker , .stickers-section img {max-width: 17px;}
img.bumper-sticker.l , .stickers-section img.l {max-width: 24px;}

.notificationIcon{ background-color: #F6DD00; display: inline-block; padding: 0 3px; font-weight: bold; color: #C60000; border-radius: 2px;
background-image: linear-gradient(#FFE500 9%,#FCB600 100%); box-shadow: 0 0 7px #FF0202;}


/*------------------ Middle CSS ------------------*/

.nowood , .nowood .middle {
	background: #644A33 !important;
}

.middle { width:100%; height:auto; background:url(../images/middle-bg.jpg) repeat; margin: 0; padding: 0.6em 0.2em 0;}
.middle > .title.center{
	  float: left;
	  width: 79%;
	  margin-left: 4%;
	  font-size: 0.9em;
}
.homeLinks { width: 15% }
.homeLinks ul {min-width: 120px; text-align: center;}
.homeLinks li {display: inline; margin:0 0.167em; }
.homeLinks a {text-decoration: none;}


.leftPanel { width:19%; height:auto; }
/* Right panel just takes 83% so that the rest 2% on the right side shows up the wooden background */
.rightPanel { width:80%; height:auto;}
.rightPanelExpanded { width:100%; height:auto; padding: 0 2%;}

.big-button { background:url(../images/big-button.png) no-repeat center; background-size: contain; min-width:11.25em; min-height:1.375em; margin:0.938em auto; vertical-align: middle; text-align:center; display:block; color:#2e1f16; padding:0.5em 0; font-weight:bold; font-size:0.750em; text-shadow: 0.1em 0.1em #cea123;}
a.big-button {text-decoration: none;}
.big-button a:link, .big-button a:visited, .big-button a:active { color:#2e1f16; text-decoration:none; }
.big-button a:hover { color:#8d0e1a; text-decoration:none; text-shadow: 1px 1px #cea123;}
input.big-button {border: none; cursor: pointer;}

.catLstBtn-s { background:url(../images/small-button.png) no-repeat; width:110px; height:30px; padding:6px 0; }
.catLstBtn-m { background:url(../images/small-button-120.png) no-repeat; width:120px; height:33px; padding:8px 0; }
.catLstBtn-l { background:url(../images/small-button-130.png) no-repeat; width:130px; height:35px; padding:9px 0; }
.catLstBtn-l1 { background:url(../images/small-button-140.png) no-repeat; width:140px; height:38px; padding:11px 0; }
.catLstBtn-l2 { background:url(../images/small-button-145.png) no-repeat; width:145px; height:40px; padding:12px 0; }
.catLstBtn-l3 { background:url(../images/small-button-150.png) no-repeat; width:150px; height:41px; padding:13px 0; }
.catLstBtn-l4 {
	background-image: url(../images/sprite-guestbasic.png) !important;
	width:155px;
	height:41px;
	padding:13px 0;
	background-position: 0px 0px;
}

.catLstBtn { margin:0.938em auto; vertical-align: middle; text-align:center; display:block; color:#2e1f16 !important; font-weight:bold; font-size:0.750em; text-shadow: 0.1em 0.1em #cea123;}
a.catLstBtn {text-decoration: none !important}
.catLstBtn a:link, .catLstBtn a:visited, .catLstBtn a:active { color:#2e1f16; text-decoration:none; }
.catLstBtn a:hover { color:#8d0e1a; text-decoration:none; text-shadow: 0.1em 0.1em #cea123;}

/*------------------ Left Panel End CSS ------------------*/


.links { width:100%; height:auto;}

.fl-button { float:left;}
.fr-button { float:right;}
.fl-button , .fr-button {margin:0.938em 0.625em; text-decoration: none; font-family: Arial;} 

.content { width:auto; height:auto; border-radius:1.563em; border:0.625em solid #1a0b02; background-color: #DEC7A3; background-size: contain;
position: relative;
}
.content a:link, .content a:active, .content a:visited { color:#342979; text-decoration:none; padding:0 0.25em;}
.content a:hover { color:#852882; text-decoration:none;}


.section { width:100%; height:auto; }
table.stripedColumns td {
	background-size: contain; height:auto; padding:0.625em 1.250em; width:auto;
}
table.stripedColumns tr td:nth-child(odd){
	background-color: #EBDCC5;
}
table.stripedColumns tr td:nth-child(even){
	background-color: #F1E8D6; 
}

.recentTopics b{
	vertical-align: top;
	display: inline-block;
	margin-right: 10px;
} 

.contentBackground1 { background-color: #EBDCC5; background-size: contain; height:auto; padding:0.625em 1.250em; width:auto; }
.contentBackground1Left {background-color: #EBDCC5; background-size: contain; height:auto; padding:0.625em 1.250em; width:auto; }
.contentBackground1Center {background-color: #EBDCC5; background-size: contain; height:auto; padding:0.625em 1.250em; width:auto; }
.contentBackground1Right { background-color: #EBDCC5; background-size: contain; height:auto; padding:0.625em 1.250em; width:auto; }
.contentBackground2 { background-color: #F1E8D6; background-size: contain; height:auto; padding:0.625em 1.250em; width:auto; }
.contentBackground2Left { background-color: #F1E8D6; background-size: contain; height:auto; padding:0.625em 1.250em; width:auto; }
.contentBackground2Center { background-color: #F1E8D6; background-size: contain; height:auto; padding:0.625em 1.250em; width:auto; }
.contentBackground2Right {   background-color: #F1E8D6; background-size: contain; height:auto; padding:0.625em 1.250em; width:auto; }
.postItem.wheels {background-color: #fffdf7;}

/* equivalent color to contentBackground1 but uses CSS (doesn't do shading on the rounded corners) */ 
.roundedBackground1 { border-radius: 10px; border: 1px solid #E6DBC5; background-color: #E6DBC5; height:auto; padding:0.625em 1.250em; width:auto; margin: 1em}
.solidBackground1 { border: 1px solid #E6DBC5; background-color: #E6DBC5; height:auto; padding:0.625em 1.250em; width:auto; }
.solidBackground2 { border: 1px solid #E7D6BA; background-color: #E7D6BA; height:auto; padding:0.625em 1.250em; width:auto; }

/* border around table */
.roundedTableBorder { border-radius: 10px; border: 1px solid #000000; background-color: #000000; height:auto; padding:0.625em 2.5em; width:auto; }

.lcontent { width:15%; height:auto; font-size:0.813em; line-height:1.125em; }
.lcontent .name {margin:0 0 0.417em 0; font-weight:bold; color:#342979;}
.lcontent .name a {padding-left: 0;}
.lcontent .status {margin:0 0 0.625em 0; }
.lcontent .date {margin:0 0 0.417em 0; }
.lcontent .posts {margin:0 0 0.417em 0; }
.lcontent .poststats {margin:0 0 0.417em 0; }

.lcontent .icon { color:#995c57; text-decoration:overline; font-size:0.750em; }
.lcontent .icon ul { margin:0; padding:0; list-style:none;}
.lcontent .icon li { float:left; margin:0 0.167em;}

.lcontent .stickers-section a { text-decoration: none; padding: 0 0.1em; }

.rcontent { width:85%; height:auto; font-size:0.875em; line-height:1.125em; }
.rcontent p { margin:0 0 0.938em 0;}




/*------------------ Right Panel End CSS ------------------*/


/*------------------ Footer CSS ------------------*/
footer { width:100%; height:auto; clear:both; float: left; margin:0; padding:0.938em 0; color:#ffffff; background-color: #55371b; border-top: 2px dashed #d2b666;}
footer h1 { margin:0; padding:0;}
footer p { margin:0 0 0.938em 0; line-height:1.250em;}

.copyright { text-align:center; color:#cbb546;   margin-top: 0.6em; font-size: 0.7em;}

.copyright a:link, .copyright a:active, .copyright a:visited, .copyright input {
	color:#ff4500 !important; text-decoration:none !important; padding:0 0.250em;
}

.copyright a:hover, .copyright input:hover { color:#f1e8d6 !important; text-decoration:none;}

.copyright form {
	display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
}

.copyright input {
	background: none;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 11.2px;
    margin: 0;
}



.timezone { text-align:center; color:#cbb546; font-size: 0.813em;}

.successActionMessage {background-color: #90ee90; color: black; border-color: #000000; border-style: solid; border-width: 0.125em; border-radius: 0.313em; width: 80%; margin-left:10%; margin-right: 10%; position: fixed; bottom: 0.313em; min-height: 2.500em; text-align: center; padding: 0.417em 0; font-size: 0.813em;}
.failureActionMessage {background-color: #ffa07a; color: black; border-color: #000000; border-style: solid; border-width: 0.125em; border-radius: 0.313em; width: 80%; margin-left:10%; margin-right: 10%; position: fixed; bottom: 0.313em; min-height: 2.500em; text-align: center; padding: 0.417em 0; font-size: 0.813em;}

/*------------------ Basic CSS (so don't need different styles for every screen) ------------------*/
.narrow { width: 50%; margin: 0 25%;  }
.wide { width: 100%; margin: 1em 1% 5em; }
.twoColumnNarrowMargin { width: 40%; margin: 0%; vertical-align : top; }
.threeColumnNarrowMargin { width: 30%; margin: 0%; vertical-align : top; }

.basic-section2 { height:auto; border-radius:1.563em; border:0.625em solid #1a0b02; background-size: contain; text-align: center;
font-size:0.813em; background-color: #DEC7A3; position: relative; box-shadow: 0 0 7px #D7AB79;}

table.basic-table { border-spacing:1; border-collapse:collapse; padding:3px; width:100%; border:1px } 
table.basic-table tr.status th{ font-size: 0.9em; font-weight: normal; color: #815D3F;}
table.basic-table th { font-weight:bold; height: 2.5em; padding: 1.5em 1.250em; }
table.basic-table td { padding: 0.625em 1.250em; background-size: cover}
table.ubbBorder, table.ubbBorder td, table.ubbBorder th { border-style: solid; padding: 2px; border-width:1px }
table.ubbBorder th { font-weight: bold; } 
td.left { text-align: left }

.section-splitter{border-top: 1px solid #AB8C63; border-bottom: 1px solid #E8DECB; margin: 0.6em 1.5em;}

.basic-section { height:auto; border-radius:1.563em; border:0.625em solid #1a0b02; background-size: contain; text-align: center;
font-size:0.813em; background-color: #DEC7A3; position: relative; box-shadow: 0 0 7px #D7AB79;}

.basic-section:before , .content:before{content:''; position:absolute; display:block; -webkit-box-shadow: -52px 0px 50px -50px #000 inset, 52px 0px 50px -50px #000 inset;
top:0; left:0; width:100%; height:100%;   pointer-events: none;}

div.box-shadow {position:absolute; top:0; left:0; width:100%; height:100%;}
.basic-section .footer {height: 1.875em; }
.basic-section a:link, .similar-topics a:active, .similar-topics a:visited { color:#342979; text-decoration:none;}
.basic-section a:hover { color:#852882; text-decoration:none;}

.default-padding { padding: 0.5em 0.938em; }
.tableEndCell {padding: 2em; border-top: 2px solid #D5BF9D;}
.tableEndCell > input {margin: 0 2em;}
.allFloat > * {float: left;}

.flag { color: blue; font-style: italic; letter-spacing: -1px; }

td.minWidthForFolderImage { min-width: 50px }
.smallPaging { font-size: x-small }

.inner-title { background-color: #1A0B02; margin: -0.6em -2.3em 1.75em; line-height: 1.9em; padding-bottom: 0.5em; border-bottom: 2px solid #6E6258;
font-size: 1.1em; box-shadow: 0 6px 39px -1px #1A0B02, -52px 0px 50px -50px #4F270E inset, 52px 0px 50px -50px #4F270F inset;
}
.inner-title.fit{margin: -0.6em -1.2em 1.75em; border-bottom: 2px solid #543E2A;}
.inner-title.fit2{margin: 0; border-bottom: 2px solid #543E2A;}
.inner-title, .inner-title a{ color: #CDBF99 !important; font-weight: bold;}
.inner-title a:hover{color: #EECC6F !important;}

.formFields{  text-align: left; display: table; font-size: 0.9em;}
.formField{  display: table-row;}
.formField > .fieldName, .formField > .fieldInput{ display: table-cell; margin: 0.3em; }
.formFields + .section-splitter{ margin: 1.5em 0 0.7em;}

a.domaction{ background: url(../images/unrecognized_domain.gif) left top no-repeat; display: inline-block; cursor: pointer;
  width: 35px; height: 34px; vertical-align: middle; margin: -1px 6px 0 2px;}
body.dbt-large a.domaction{width: 350px; height: 340px; background-size: 340px;}
body.dbt-paul a.domaction{background: url(../images/unrecognized_domain_paul.png) left top no-repeat; width: 432px; height: 432px;}
body .pinkedPost a.domaction {width: 35px; height: 34px; background-size: 34px;}
body a.domaction.green{ background: url(../images/recognized_domain_green.png) left top no-repeat; width: 14px; height: 14px;}
body a.domaction.pink{background: url(../images/recognized_domain_pink.png) left top no-repeat; width: 14px; height: 14px;}
body a.domaction.black{background: url(../images/recognized_domain_black.png) left top no-repeat; width: 14px; height: 14px;}
.stickers-section a.domaction {display: none;}

.text-button {
	cursor: pointer;
	cursor: pointer;
    background-image: url(../images/sprite-guestbasic.png) !important;
    background-size: 94px;
    width: 84px;
    height: 22px;
  	border-width: 0;  
  	margin:0.625em 2.063em;
  	vertical-align: middle;
  	text-align:center;
  	display:block; 
  	color:#2e1f16;
  	padding:0.5em 0.938em;
  	font-weight:bold;
  	font-size:0.750em;
  	text-shadow: 0.1em 0.1em #cea123;
 }

/*--------------------- Recent topics page specific CSS? (why is it specific?) ------------ */
.title {width: 80%; height: auto; border-radius:0.5em;   background-color: #987529;  margin: 0.417em auto; padding: 0.417em 0; }
.title a:link { text-decoration:none;}
.title a:hover { text-decoration:none;}
.title , .title a{color: #FFF; font-weight: bold;}
.title label {margin-left: 0.938em; font-weight: bold; font-size: 0.813em; vertical-align: middle;}

/*--------------------- Purple box ------------ */
.modOnlyBox {
    padding: 5px;
    background-color: #e8d3fb;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    color: #fff;
}


/*--------------------- Sorting CSS ------------ */

table.tablesorter thead tr .header {
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: rgba(99, 66, 33, 0.25);
}
table.tablesorter thead tr .headerSortUp {
    background-image: url('../images/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
    background-image: url('../images/desc.gif');
}

/*--------------------- "Column" indentation CSS ------------ */
.twentyPercent { float: left;  width: 20%; } 

/*--------------------- Pie stuff CSS ----------------------- */
.pieoffer{ font-weight: normal; font-size: 11px; }
.pieoffer img{ cursor: pointer; }
.pieoffer .pan{display: none; position: absolute; background-color: #FFF1B2; border: 1px solid #D2B070; padding: 4px 0px 3px;
margin: -51px 0 0 -45px; width: 200px; box-shadow: 0 0 4px 1px #C0B792; z-index: 1;}
.pieoffer .pan .p1 {padding: 0 8px 7px; font-weight: Bold;}
.pieoffer .pan .p1 input {float: right;}
.pieoffer .pan .p2 {background-color: #FEF6D1; padding: 0 3px 7px; border-bottom: 1px solid #E4DCBB; margin: 2px 8px 5px; border-top: 1px solid #FFF;}
.pieoffer .pan .p2 input {width: 100%;}
.pieoffer .pan .p3 { background-color: #EBDFA5; padding: 2px 9px; text-align: right; }
.pieoffer .pietyn {font-size: 1em; padding: 0.2em 0;}
.pieoffer .anon {float: left; vertical-align: middle; display: inline-block;}
.pieoffer .anon input[type="checkbox"] {    width: auto; vertical-align: middle; display: inline-block;}
.pieoffer .anon label {vertical-align: middle; display: inline-block; line-height: 23px;}

.pieoffer .cap{vertical-align: middle;}
.pieoffer input{vertical-align: middle; width: 32px;}
.pieoffer .btn{vertical-align: middle; padding: 3px 6px; background-color: #814F0F; color: #FFF; cursor: pointer; text-decoration: none;}
.pieoffer .btn:HOVER { color: #FFF;}
.pieoffer .btn:hover{background-color: #A0661D;} 

/*--------------------- Multibanner ----------------------- */
.multbntab td{ padding: 0 3px; }
.multbntab td.str{ padding: 0; vertical-align: bottom; border: none; }
.multbntab td img{ max-width: none; }

.singlebn td.str{ padding: 0; vertical-align: bottom; }

.forum-top-banner .bi img{ border: 1px solid #000000; box-shadow: 0px 0px 20px #000000; margin: 3px 7px; padding: 1px; box-sizing: content-box;}

.forum-top-banner .singlebn .bi img { width: 112px; height: 112px }

.forum-top-banner .bi center table {line-height: 1.3em;}

/*--------------------- Cow poll CSS ----------------------- */
div#cowPollDiv { overflow: scroll; -webkit-overflow-scrolling: touch; overflow: auto;  }
iframe#cowPollIframe { border: 0px; width: 100%; margin-top: 7px; overflow: auto; }

/* ---------------------- Topic tiles ----------------------- */
.topicTile { background-color: #FAF9F3; border-radius: 3px; border: 1px solid #E7DED1; padding: 0 0.2em 0.2em; margin-bottom: 1.4em; position: relative;}
.topicTile.even-row{  background-color: #F1E9D7; border: 1px solid #F1E9D7; }
.topicTile h3 {color: #4C4437; display: block; padding: 1.1em 0.6em 1.25em; line-height: 1.35em; font-weight: bold; text-align: left;}
.topicTile .titleLink {display: block; border-bottom: 1px solid #EADCC6;}
.topicTiledetails{overflow: hidden; margin: 0.2em 0.6em 0em; font-size: 0.85em; color: #A67020; padding-bottom: 0.1em; min-height: 1.8em; line-height: 1.2em;}
.topicTile .leftDetails{ float: left;   margin-top: 0.43em; }
.topicTile .rightDetails{ float: right; }
.topicTile .rightDetails img{ max-height: 18px; }
.topicTile .rightDetails > span{ display: inline-block; vertical-align: middle;}
.topicTile .rightDetails > span + span{ margin-left: 0.8em; }
.topicTile .rightDetails > span > *{ vertical-align: middle; }
.topicTileFlags > img{ height: 14px;}
.topicTile .leftDetails > span + span{ margin-left: 0.5em; }
.topicTile .leftDetails > span > *{ vertical-align: middle; }
.topicTile.small{ background-color: #FEFDFD; border: 1px solid #E0DBD2;}
.topicTile.small .leftDetails{ float: inherit;}
.topicTile.small .rightDetails{ float: inherit; display: block; margin-top: 0.5em;}
.topicTile .thumbSec , .sim .thumbSec {  margin: -10px -2px 8px; position: relative;}
.topicTile .thumbSec img , .sim .thumbSec img{max-width: 96%; max-height: 240px; display: inline-block;}
.topicTile .smallPaging{ display: inline-block; letter-spacing: -0.1em; }
.topicTile.grayed {background-color: #D3D3D3; background-image: url("../images/ghost.png"); background-repeat: repeat-y; background-position: right; background-size: 15px;}
.topicTile.pinked {background-color: #F2BABD;}
.topicTile.private, .similar-topics-entry.private {background-color: #D4D7FE;}
.topicTile.probation {background-color: #F9F1AD;}

.topicTile.wide{ padding-left: 73px; margin: 0 0 0.8em 0.5em; width: inherit; min-height: 72px; }
.topicTile.wide .thumbSec{ margin: 0;   float: left; position: absolute; top: 5px; left: 6px; }
.topicTile.wide .thumbSec img{ float: left; max-width: 60px; max-height: 60px; }
.topicTile.wide h3{ color: #2A2000; padding: 0.4em 0.3em 0.3em; line-height: 1.45em; font-weight: normal; font-size: 1.15em; }
.wide .topicTiledetails{ overflow: hidden; margin: -0.123em 0.6em 0em; font-size: 0.8em; color: #A67020; padding-bottom: 0.1em; min-height: 1.8em; }
.topicTile.wide .titleLink{ border-bottom: none; }
.topicTile.wide .titleLink h3{ padding-bottom: 0; }
.modActionsForForum { float: right; }

/* Google custom search */
.basic-section.google-search{
	    background-color: #F1E9D7;
}
.gsc-control-cse, .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {border-color: #F1E9D7 !important; background-color: #F1E9D7 !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {background-color: #F1E9D7 !important;}
.googleSRWrapper {text-align: left; padding: 0 0.9em !important;}
.gs-result {padding: 0.5em 0 !important;}
a.gs-title {color: #000080 !important;}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType{ padding: 0 0.7em !important; color: #5F3C05 !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    text-decoration: none;
    display: inline-block !important;
    background-color: #A58049;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#A58049), to(#F1E9D6));
    background-image: -webkit-linear-gradient(top, #A58049, #F1E9D6);
    background-image: -moz-linear-gradient(top, #A58049, #F1E9D6);
    background-image: -ms-linear-gradient(top, #A58049, #F1E9D6);
    background-image: -o-linear-gradient(top, #A58049, #F1E9D6);
    color: black !important;
    margin: 0.125em !important;
    width: 2.188em !important;
    height: 1.875em !important;
    position: relative !important;
    text-align: center !important;
    line-height: 1.875em !important;
    border-radius: 50%;
    box-shadow: 0 0.188em 0.5em #aaa, inset 0 0.125em 0.188em #fff;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page{
	background-color: #41291F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#41291F), to(#F1E9D6));
    background-image: -webkit-linear-gradient(top, #41291F, #F1E9D6);
    background-image: -moz-linear-gradient(top, #41291F, #F1E9D6);
    background-image: -ms-linear-gradient(top, #41291F, #F1E9D6);
    background-image: -o-linear-gradient(top, #41291F, #F1E9D6);
}
div.gs-title{
	font-weight: bold !important;
}
.gs-result a{
	font-size: 14px !important;
}
.gsc-webResult .gsc-result {
    margin: 11px 0 10px 0 !important;
    background-color: #EEE4CB !important;
    border-bottom: 1px solid #E5D5B4 !important;
    line-height: 1.7em !important;
}
.gsc-selected-option-container{
	min-width: 90px !important;
}
.gsc-selected-option-container{
	background-color: #906947;
	background-image: -webkit-linear-gradient(top,#BC9153,#906947) !important;
	color: #FBF2F2 !important;	
}
.gsc-control-cse .gsc-option-selector{
	background: url(../images/small-grey-disclosure-arrow-down.png) center no-repeat !important;
}
.gsc-orderby-label{
	color: #966A2F !important;
	font-weight: bold !important;
}
.gs-web-image-box-portrait img.gs-image, .gs-web-image-box-landscape img.gs-image{
	margin-left: 8px !important;
}


/* https://css-tricks.com/rotated-table-column-headers/ */
th.rotate { height: 140px; width: 20px; white-space: nowrap; border: none; font-size: 9px; vertical-align: middle; background-color: #f0e6d5; }
th.rotate > div { 
  -ms-transform: translate(17px, 51px) rotate(315deg);
  -moz-transform: translate(17px, 51px) rotate(315deg);
  -webkit-transform: translate(17px, 51px) rotate(315deg);
  -o-transform: translate(17px, 51px) rotate(315deg);
  transform: translate(17px, 51px) rotate(315deg);
  	width: 24px; margin-bottom: -1em;}
th.rotate > div > span { border-bottom: 1px solid #90713C; padding: 2px; background-color: #f0e6d5; }
/* Additional to make it work in beta-view */
table.reviewGrid { margin-right: 30px; border-collapse: collapse; font-size: 12px; }
th.reviewGrid { height: 140px; border: none; font-size: 9px; font-weight: bold; vertical-align: bottom; padding: 10px; horizontal-align:middle; background-color: #f0e6d5; }
td.reviewGrid {border: 1px solid #90713C; text-align: center; vertical-align:middle; padding: 7px 1px; line-height: 1.35em;}
td.rrow1 {background-color: #eadbc4;}
td.rrow2 {background-color: #dec7a4;}


.gst th.reviewGrid, .gst th.rotate, .gst th.rotate>div>span {background-color: #ebdcc5;}


form#homeSearch input[type="submit"]{margin: 0.625em 0.2em !important;}
.forumItemFirstLine b, .allForumsList b{font-weight: normal; background-color: #CDB175; color: #FFF; font-size: 10px; padding: 1px 4px; border-radius: 4px; margin-left: 2px;}
h1.basicHeading{ text-align: left; font-weight: bold; font-size: 1.4em; line-height: 2em; margin-bottom: 0.5em; }

/* all forums */
.allForumsList{ padding: 1em 2em; font-size: 1em; }
.allForumsList .category + .category{margin-top: 2em; }
.allForumsList h2{text-align: left; background-color: #DBD1B7; padding: 0.2em 0.6em; border-top: 1px solid #CDBE97; }
.allForumsList h2 a{color: #805D0C !important; font-weight: bold; }
.allForumsList table.forums{ margin: 0.6em; width: 100%; }
.allForumsList table.forums td{width: 25%; padding: 0 0.5em; }
.allForumsList li{ margin: 0.6em 0;}
.allForumsList li + li {border-top: 1px dashed #DDCA9D; padding-top: 0.6em;}

#forum-name-to-search {width: 100%;}

.morebest { background-color: #F9F3E6; border: 1px solid #E7E2D9; padding: 7px; margin-bottom: 20px; color: #015AC8 !important; display: block;}
.morebest:hover {background-color: #FFFFFF;}

table.form th { vertical-align: middle; font-weight: bold; padding-right: 13px; }
table.form td.buttons { padding: 11px 0px; }

.primForum { display: inline-block;
    font-size: 0.85em;
    color: #A47201 !important;
    margin: 1px -1px 12px 12px;
    background-color: #F1EDE2;
    padding: 1px 6px;
    border-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    
a.primForum:hover {
	color: #0641C4 !important;
}
    
.primForumWrpr {
	text-align: right;
}

.inlineinfostar { font-size: 15px; display: inline-block; vertical-align: middle; color: #0048E8; cursor: default; }

.videobtnlay { display: inline-block; position: absolute; bottom: 0; top: 0; left: 0; right: 0; vertical-align: middle; overflow: hidden;}

.videobtnlay b{ background:url(../images/video-button.png) no-repeat; display: inline-block; width: 36px; height: 25px; vertical-align: middle;
    position: absolute; top: 50%; margin-top: -12px; left: 50%; margin-left: -18px; background-size: 35px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;
}
.videobtnlay.small b { background-size: 22px; width: 23px; height: 16px; margin-top: -8px; margin-left: -11px; }

.videobtnlay:hover b {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

span.imgNums {
	margin-left: 1px !important;
}

.styled-button { background:url(../images/button-face.png) repeat; display: inline-block; cursor: pointer;  text-align: center; font-size: 12px;
color: #FCFCFC !important; padding: 6px 12px; border-radius: 20px; border: 2px solid #543812; box-shadow: 0 0 6px 0px #473116; position: relative;
text-shadow: 0.1em 0.1em #615232; text-decoration: none; }
.styled-button:before { content: ''; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;
border-radius: 20px; box-shadow: inset -2px -3px 6px -2px #58380F, inset 2px 4px 5px -3px #FFFFFF; }
.styled-button:hover { color: #FCFCFC; text-decoration: none !important; }
.styled-button:hover:before { box-shadow: inset -2px -3px 9px -1px #58380F, inset 2px 4px 10px -3px #ffffff; }
.dx5paid { padding: 60px; font-size: 15px; font-family: Arial, Helvetica, sans-serif;}
.dx5paid h1 {font-size: 25px; font-weight: bold; color: #237A13; margin-bottom: 10px;}
.dx5paid .lmsg {margin: 28px 0 2px;}
.dx5paid .tlink a {display: inline-block; background-color: #FAF3E8; padding: 8px 30px; margin: 18px 0; border: 1px solid #997C11; font-size: 21px; box-shadow: 0 0 5px 0px #9F8255; color: #0842C4; }
.dx5paid .warn {color: #D70505; font-weight: bold; margin-bottom: 53px;}
.dx5paid .wcan {margin-bottom: 15px; font-weight: bold;}

.styled-button.disabled {
	background: #e6d9c6 !important;
    border: 1px solid #bdad93 !important;
    box-shadow: 0 0 6px 0px #bfac8f !important;
    text-shadow: none !important;
    color: #b7a58a !important;
    opacity: 0.7;
    cursor: default !important;
}
.styled-button.disabled:before {
	box-shadow: inset -2px -3px 6px -2px #c7ab86, inset 2px 4px 5px -3px #f7e8d1 !important;
}

.ui-dialog {
	font-size: 12px !important;
    box-shadow: 0 0 7px 0px #504F4F !important;
    padding: 1px !important;
    line-height: 16px;
    z-index: 10;
}
.ui-dialog .ui-dialog-titlebar-close span {
	margin: 0 !important;
}
.ui-widget-header {
	background: #D7B784 !important;
    color: #684C1F !important;
    border-radius: 0 !important;
    border: none !important;
}
.ui-widget-overlay {
	opacity: 0.8 !important;
}
.ui-dialog .ui-dialog-content {
	padding: 1.5em 1em 1em !important;
}

.ignoredThreadItem { padding: 12px 0; background-color: #ddd; color: #898989 !important; display: block;
	text-align: center; border: 1px solid #d7d7d7; border-radius: 2px; margin: 0.1em 0 0.8em 0.5em; letter-spacing: 0.1em;
}
.ignoredThreadItem.small {margin: 0.1em 0 1.4em 0.1em;}
.ignoredThreadTd { background-color: #ddd; text-align: center;}
.ignoredThreadTd a {color: #898989 !important; display: block;}

.sprite1 {
	background-image: url(../images/sprite-guestbasic.png) !important;
	display:inline-block;
	vertical-align: middle;
}

.sprite1.flag {
	height: 18px;
    width: 16px;
}

.sprite1.flag.green {
	background-position: -157px -58px;
}

.sprite1.flag.blue {
	background-position: -157px -79px;
}

.sprite1.flag.red {
	background-position: -157px -38px;
}

.sprite1.bulbOn {
	height: 21px;
    width: 17px;
    background-position: -100px -73px;
}

.sprite1.folderWiki {
	height: 19px;
    width: 19px;
    background-position: -138px -75px;
}

.sprite1.lastReply {
	height: 10px;
    width: 17px;
    background-position: -119px -69px;
}

.sprite1.miniPost {
	height: 10px;
    width: 8px;
    background-position: -119px -84px;
}

.sprite1.numVids{
	height: 15px;
    width: 16px;
    background-position: -140px -57px;
}

.sprite1.numImgs{
	height: 15px;
    width: 16px;
    background-position: -140px -43px;
}

.sprite1.plus1Thumb {
	height: 15px;
    width: 16px;
    background-position: -140px -43px;
}

.sprite1.appleIcon {
	height: 14px;
    width: 12px;
    background-position: -159px -22px;
}

.sprite1.cowIcon {
	height: 18px;
    width: 16px;
    background-position: -157px 0px;
}

.sprite1.threadPie {
	height: 17px;
    width: 18px;
    background-position: -77px -29px;
    background-size: 120px;
}

.sprite1.folder {
	height: 12px;
    width: 14px;
}

.sprite1.readHot {
    background-position: -20px -73px;
}
.sprite1.unreadHot {
    background-position: -20px -87px;
}

.sprite1.readLocked {
	background-position: -4px -73px;
}
.sprite1.unreadLocked {
	background-position: -4px -87px;
}

.sprite1.readReqResolved {
	background-position: -84px -73px;
}
.sprite1.unreadReqResolved {
	background-position: -84px -87px;
}

.sprite1.readResolve1 {
	background-position: -68px -73px;
}
.sprite1.unreadResolve1 {
	background-position: -68px -87px;
}

.sprite1.readResolve2 {
	background-position: -52px -73px;
}
.sprite1.unreadResolve2 {
	background-position: -52px -87px;
}

.sprite1.readTopic {
	background-position: -36px -73px;
}
.sprite1.unreadTopic {
	background-position: -36px -87px;
}

.threadBoostButtonArea {
	text-align: center;
    margin: 15px 0;
}

.threadBoostButtonArea .styled-button {
	font-size: 15px;
    padding: 8px 15px;
    box-shadow: 0 0 23px 0px #be7200;
}

.affiliateClaimSelection {
	    text-align: center;
    color: #fdf8f8;
    font-size: 13px;
}

.affiliateClaimSelection form > * {
	vertical-align: middle;
	display: inline-block;
}

.hiddenPremiumContent {
	background-color: #fff;
    padding: 126px 10px;
    text-align: center;
    position: relative;
    border: 2px solid #d4d6fe;
}

.premiumPeriwinkleMessage {
	font-size: 13px;
    padding: 10px;
} 



.toggablePremiumContent .specialToggle {
	background-color: #d4d6fe;
    padding: 0 7px 5px;
    font-size: 12px;
}

.toggablePremiumContent a, .toggablePremiumContent a:hover {
	color: #424242;
    text-decoration: none;
    cursor: pointer;
}
.specialToggle b {
	font-weight: normal;
	text-decoration: underline;
	color: #002fbb;
}

.paybox .pbtable {
	border-top: 1px solid #f3f4fd;
    padding: 5px;
}

.paybox th , .paybox td {
	padding: 4px 17px;
}

.paybox th {
	font-weight: bold;
}

.paybox .linkdoctor {
	display: none;
}

.paybox th + th , .paybox td + td {
	border-left: 1px solid #b0b3d8;
} 

.leftEdgeStaff {
	padding: 8px;
    margin: 40px 0 30px;
    color: #bf9e7d;
    font-family: Verdana, Geneva, sans-serif;
}

.leftEdgeStaff .descr {
	font-style: italic;
    line-height: 1.2em;
}

.leftEdgeStaff .rankName {
	color: #d2ac94;
    font-weight: bold;
    margin: 26px 0 7px;
}

.leftEdgeStaff li {
	margin-bottom: 5px;
}

.leftEdgeStaff li a {
	color: #bbada7;
    font-size: 0.85em;
    text-decoration: none;
    border-bottom: 1px dotted #98a2a7;
}

.leftEdgeStaff li span.stf {
	color: #bbada7;
    font-size: 0.85em;
    text-decoration: none;
}

.topicTile .hdrsec {
	display: table;
	width: 100%;
}

.topicTile .pricingsec {
    text-align: right;
    vertical-align: top;
    padding: 7px 6px 12px 14px;
    color: #002bce;
}

.topicTile .pieprice {
	    margin: 4px 0 0;
}

.topicTile .pieprice img {
	    display: inline-block;
    vertical-align: middle;
    height: 21px;
}

.topicTile .piepricetxt {
	    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 15px;
}

.topicTile .pricingsec .price {
	font-weight: bold;
    font-size: 19px;
}

.ranchProgressBar {
	background-color: #b9a27d;
    border-radius: 9px;
    border: 2px solid #a7906c;
    overflow: hidden;
    text-align: center;
    position: relative;
    background-image: linear-gradient(#b59b70 14%,#c3ad8a 100%);
    color: #fff;
    line-height: 18px;
    font-size: 13px;
    min-width: 150px;
}
.ranchProgressBar .progress {
	width: 50%;
    height: 19px;
    background-color: #906321;
    background-image: linear-gradient(#a76e1b 14%,#69440e 100%);
    box-shadow: 0 0 4px 0px #351c00;
    background-image: linear-gradient(
		 -45deg, 
		 rgba(255, 255, 255, .2) 25%, 
		 transparent 25%, 
		 transparent 50%, 
		 rgba(255, 255, 255, .2) 50%, 
		 rgba(255, 255, 255, .2) 75%, 
		 transparent 75%, 
		 transparent
 	);
    z-index: 1;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
	box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);  
}
.ranchProgressBar.frozen .progress {
	animation: none;
}
.ranchProgressBar .value {
	    position: absolute;
    top: 0;
    width: 100%;
}

.confMessageBx {
	    font-weight: bold;
    margin: 15px 0 8px;
    line-height: 19px;
    font-size: 14px;
}
.confMessageBx .buttons {
	    border-top: 1px solid #e8d5b6;
    margin: 9px 0 0;
    padding: 9px 2px;
}
.confMessageBx .buttons .styled-button {
	padding: 5px 25px;
	margin: 0 5px;
}


select.multiCheck option:before {
	content:"\2610";
	font-size: 16px;
    display: inline-block;
    font-weight: bold;
    color: #b4b4b4;
    margin-right: 6px;
    cursor: pointer;
}
select.multiCheck option.selected:before , select.multiCheck option:checked:before  {
	content:"\2611";
	color: #fff !important;
}

select.multiCheck option.selected , select.multiCheck option:checked , select.multiCheck option[selected="selected"] {
	background-color: #387ee6;
    color: #fff;
}

optgroup + optgroup , option + optgroup {
	margin-top: 15px;
}
optgroup + option {
	margin-top: 7px;
}

optgroup option {
	margin-left: 10px;
}

input.selectAllOnFocus {
	cursor: text;
}


input.styledText , textarea.styledText {
	line-height: 25px;
    width: 300px;
    box-shadow: 3px 4px 9px -3px #8F764F inset;
    border: 1px solid #B6A07C;
    background-color: #FFF;
    border-bottom: 2px solid #AE9368;
    padding: 0 9px;
    height: 28px;
}

.fancy-details {
	text-align: left;
}

.fancy-details h2 {
	    background-color: #d0b68e;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 6px;
    color: #4c3614;
}

.fancy-details .info {
	margin: 24px 6px;
}

.fancy-details .caption {
	    border-bottom: 1px solid #d0b489;
    color: #66440e;
    line-height: 17px;
}

.fancy-details li {
	background-color: #e2ceae;
    padding: 3px 10px;
    border-top: 1px solid #e4d2b5;
    border-bottom: 1px solid #d8c09b;
    margin: 6px 0;
}

.fancy-details li button {
	font-size: 11px;
	margin-left: 8px;
}

.boostedThreadLabel {
	font-size: 15px;
    margin: 0 -3px 0 -73px;
    text-align: center;
    font-weight: bold;
    background-color: #fdfbdf;
    padding: 4px 0;
    color: #c73939;
}


.hiddenPremiumContent .discountNP {
	padding: 5px 9px;
    display: inline-block;
    background-color: #d60000bd;
    border-radius: 100px;
    border: 1px dashed #fff97c;
    color: #ffffff;
    box-shadow: 0 0 5px 0 #fff;
}




.upgradesPanWrpr {
	width: 98%;
}
.upgradesPan {
	    text-align: center;
}
.upgradesPan h1 {
	    font-size: 23px;
    line-height: 36px;
    margin: 20px 15px;
}
.upgradeBlocksWrpr {
	padding: 33px 8px;
	font-size: 0;
}
.upgradeBlock {
	    display: inline-block;
    border: 1px solid #e0d1b8;
    background-color: #f1f0ce;
    box-shadow: 0 0 1px 0 #d8cdbb;
    min-width: 250px;
    max-width: 304px;
    vertical-align: top;
    font-size: 13px;
    margin: 10px 5px;
}
.upgradeBlock h2 {
	    background-color: #467d34;
    color: #ddfbd4;
    font-size: 32px;
    line-height: 21px;
    padding: 33px 20px;
    font-weight: bold;
}

.upgradeBlock .ugPrice {
	padding: 19px 18px;
    font-size: 21px;
    font-weight: bold;
    color: #3a712a;
    line-height: 29px;
}
.upgradeBlock .discountCut {
	text-decoration: line-through;
    font-size: 88%;
    opacity: 0.5;
}
.upgradeBlock .description {
	border-top: 1px solid #cacaca;
    padding: 20px 12px;
    text-align: left;
    line-height: 16px;
}
.upgradeBlock .upgradeFooter {
	background-color: #dad8a2;
    padding: 5px 0;
}
.upgradeFooter .extraPchOpt {
	    padding: 4px 14px;
    font-size: 12px;
    color: #58573d;
    margin: 4px 0;
}
.upgradeFooter .extraPchOpt a {
	    color: #164a9c !important;
    text-decoration: none !important;
    border-bottom: 1px dotted #1e7eb1;
}

.upgradeBlock .selButton {
    display: inline-block;
    background-color: #8a601e;
    text-align: center;
    padding: 11px 21px !important;
    color: #f7f7f7 !important;
    font-weight: bold;
    font-size: 16px;
    margin: 7px 0;
    background-image: linear-gradient(#8a601e 9%,#52370d 100%);
    cursor: pointer;
    text-decoration: none !important;
    border: 0;
    outline: 0;
    border-radius: 32px;
    box-shadow: inset 1px 1px 1px 0 #f1cd96, 0 0 1px 0 #170f02, 1px 1px 2px 0 #170f02;
}

.upgradeBlock .selButton:hover {
	background-color: #b1710c;
    background-image: linear-gradient(#b17415 9%,#845308 100%);
}

.upgradeBlock h3 {
	    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px;
    color: #2b8610;
}



.upgradeBlock li {
	margin: 10px 0;
	border-left: 2px solid #98d287;
    padding-left: 4px;
}

.upgradeBlock li a {
	font-size: 12px;
	line-height: 13px;
	color: #1c7092;
}



.genMessage {
	padding: 0;
    line-height: 18px;
    overflow: hidden;
}

.genMessage .genMessageInr {
	display: table;
    width: 100%;
}
.genMessage .mgiRow {
	display: table-row;
}

.genMessage .colorBar {
	width: 62px;
    display: table-cell;
    background-color: #a09178;
    vertical-align: middle;
    padding-top: 4px;
}

.genMessage .icon {
	background: url(../images/msg-icons.png) no-repeat left;
    width: 0;
    height: 20px;
    display: inline-block;
    background-size: 64px;
    line-height: 20px;
}

.genMessage .genMessageTxt {
	display: table-cell;
    padding: 20px;
}

.genMessage.critical { border: 5px solid #860c0c; } .genMessage.critical .colorBar { background-color: #860c0c; } .genMessage.critical .icon {width: 21px; background-position: -42px 0;}
.genMessage.warn { border: 5px solid #883700; } .genMessage.warn .colorBar { background-color: #ffca24; } .genMessage.warn .icon {width: 22px; background-position: -20px 0;}
.genMessage.success { border: 5px solid #0f4800; } .genMessage.success .colorBar { background-color: #189000; } .genMessage.success .icon {width: 21px;}

.genMessage h1 {
	font-size: 25px;
    line-height: 41px;
}

.upgradePeriwinkle {
	background-color: #bfc2ec;
    border: 1px solid #bec1ec;
    padding: 4px;
    text-align: left;
    font-weight: bold;
}
.upgradePeriwinkle input[type="text"] {
	width: 100%;
}

.bigReplySec {
	text-align: center;
    padding: 21px 0 10px;
}
.bigReplySec .repButton {
	display: inline-block;
    text-decoration: none;
    background-color: #ffad37;
    padding: 16px 80px;
    font-size: 21px;
    color: #3e2706;
    box-shadow: 3px 3px 7px -3px #ffe4bc inset, -3px -3px 9px -3px #985e09 inset;
    border-radius: 46px;
    font-weight: bold;
    cursor: pointer;
}
.bigReplySec .repButton:hover {
	background-color: #ff9c0e;
    color: #2f1c00;
} 

.fxdReplyBtn {
	background-color: rgb(18, 111, 11);
	padding: 0;
	font-size: 10px;
	width: 117px;
    height: 30px;
        box-shadow: 0 0 2px 0 #0f3809, inset 8px 8px 16px -5px #ffffff61, inset -8px -8px 16px -5px #06400666;
    position: fixed;
    bottom: 33px;
    right: 50px;
    border-radius: 70px;
    text-align: center;
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer;
    z-index: 3;
}
.fxdReplyBtn:hover {
	background-color: #0a9000;
    box-shadow: 0 0 2px 0 #053502, inset 8px 8px 16px -5px #ffffff80, inset -8px -8px 16px -5px #082f04bd;
}
.fxdReplyBtn i  {
	background: url('../images/reply-arrow.png');
	width: 30px;
    height: 30px;
    background-size: 30px;
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
}
.fxdReplyBtn b {
	display: inline-block;
    margin-top: 0;
    vertical-align: middle;
    font-size: 14px;
    margin-left: 4px;
}

.categoryMoreForums {
	padding-top: 5px;
}
.categoryMoreForums a {
	font-style: italic;
    color: #a14a00 !important;
}

.ledgerDescrMoreInf {
	    border-left: 6px solid #bc9667;
    padding: 4px 3px 4px 10px;
    margin: 11px 0 6px 20px;
}


.bmngTabl {
	width: 100%;
	border-collapse: collapse;
}

.bmngTabl th {
	background-color: #9c7f54;
    color: #fff;
    padding: 11px 6px;
    border: 1px solid #9c7f54;
}

.bmngTabl th + th {
	border-left: 1px solid #dec7a3;
}

.bmngTabl td {
	padding: 9px 6px;
	border: 1px solid #c3af91;
	vertical-align: middle;
}

.bmngTabl .prcClmn {
	width: 62px;
}

.bmngTabl th.mnc {
	width: 65%;
}

.meritBBFldIcn {
	background-color: #007d00;
    color: #fff;
    padding: 1px 3px;
    font-size: 10px;
    line-height: 10px;
    box-shadow: 0 0 1px 0 #461d0f;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: 1px;
    cursor: default;
}

a.helpTpc {
	display: inline-block;
    background-color: #45a600;
    height: 20px;
    width: 20px;
    border-radius: 40px;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    border: 1px solid #3a8b00;
    cursor: pointer;
    box-shadow: 0 0 2px 0 #0000006e, inset 5px 5px 5px -5px #63e606;
}
a.helpTpc:hover {
	background-color: #3c9000;
    box-shadow: 0 0 2px 1px #0000006e, inset 6px 6px 6px -5px #63e606;
}

.styled-button-flat {
	background: #775715;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    padding: 5px 20px;
    text-align: center;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: inset -2px -5px 10px -7px #35250eeb;
}
.styled-button-flat:hover {
	    background: #8e6511;
}
.styled-button-flat .mn {
	font-weight: bold;
}
.styled-button-flat .sb {
	font-size: 11px;
    margin: 2px 0;
    color: #d4c483;
}

.tmenu {
    width: 100%;
    height: auto;
    background: url(../images/menu-header.jpg) repeat;
    margin: 0;
    padding: .417em;
    text-align: center;
    line-height: 1.2;
    border-bottom: 1px solid #7b4b2f;
    box-shadow: 0 1px 2px #281906;
}

.deprecationNote {
	    margin: 33px 39px 10px;
    background-color: #fff;
    padding: 20px 15px;
    font-size: 16px;
    line-height: 27px;
    text-align: left;
    color: #a80404;
    border: 1px solid #bfa47a;
    border-left: 6px solid #d30000;
}
.deprecationNote .descr {
	    font-size: 14px;
}
.deprecationNote a {
	    color: #0061bb;
    border-bottom: 1px dashed #044ba6;
    font-weight: bold;
}

.requireVerification {
	    margin: 10px 0;
    padding: 2px;
    font-size: 12px;
}
.requireVerification * {
	display: inline-block;
	padding: 0;
	margin: 0;
	outline: none;
	vertical-align: middle;
}
.requireVerification label {
	margin-left: 3px;
}




.freebieOfTheDayGiftPicSec {
	    text-align: right;
    padding: 44px 0 0 12px;
}

.topicThumbGftSec .topicGfThumb {
	position: relative;
}
.topicFodGftIco {
	position: absolute;
    right: -11px;
    bottom: -14px;
}



.fodSpace .fodTitle {
	color: #de0000;
    font-weight: bold;
    font-size: 21px;
    line-height: 27px;
}

.fodSpace .fodRelIns {
	    margin: 8px 0 14px;
    font-size: 16px;
    line-height: 22px;
}

.fodSpace .fodCounter {
	display: inline-block;
    padding: 4px 12px;
    border: 1px solid #af9a5b;
    background-color: #f4d5ac;
    font-weight: bold;
    color: #4a2609;
    letter-spacing: 1px;
}

.fodSpace .clkDeets {
	display: inline-block;
    background-color: #90581a;
    color: #fff !important;
    padding: 10px 15px !important;
    border-radius: 2px;
    box-shadow: -3px -3px 10px -7px #693d0d inset, 3px 3px 10px -6px #dbb286 inset;
    cursor: pointer;
    text-decoration: none !important;
}
.fodSpace .clkDeets:hover {
	background-color: #7d460a;

}

.fodBannerWrpr {
	display: inline-block;
    margin: 21px 0;
}
.fodBanner {
	display: table;
    background-color: #eee3c9;
    border-radius: 4px;
    box-shadow: 0 0 10px 1px #000;
}
.fodBanner > div {
	display: table-row;
}
.fodBanner .fodPicSec, .fodBanner .fodTxtSec {
	display: table-cell;
    vertical-align: top;
}
.fodBanner .topicFodGftIco {
	    position: absolute;
    right: -25px;
    bottom: -18px;
}
.fodBanner .fodTxtSec {
	text-align: left;
    padding: 12px 23px 19px 34px;
}
.fodBanner .fodSpace .fodCounter {
	    font-size: 20px;
}
.fodBanner .clickable {
	cursor: pointer;
}
.fodBanner .fodSpace .clkDeets {
	padding: 10px 34px !important;
}

.blueButton {
	display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    border-radius: 2px;
    letter-spacing: .5px;
    outline: 0;
    border: 0;
    padding: 10px 20px;
    font-size: 13px;
    background: #1166d3;
    color: #fff;
    font-weight: bold;
}
.blueButton:hover {
	background: #174ea7;
}


.ipFloatLeft {
	display: inline-block;
	padding: 2px 10px 10px 0;
	float: left;
}

.ipFloatRight {
	display: inline-block;
	padding: 2px 0 10px 10px;
	float: right;
}

.dispNone {
	display: none;
}

.salmon {
	background-color: #ff9488;
}

.gpEmCaptures {
	position: fixed;
    z-index: 500;
    left: 2px;
    right: 2px;
    top: 2px;
    text-align: center;
    font-size: 14px;
}

.gpEmCapturesInr {
	border: 1px solid #9d9074;
    box-shadow: 0 0 22px 0 #000;
    border-radius: 3px;
    overflow: hidden;
}

.gpEmCaptures .titlePr {
	background-color: #fff725;
    color: #000;
    padding: 23px;
    font-weight: bold;
    border-radius: 5px;
    display: block;
    cursor: pointer;
    font-size: 110%;
}

.gpEmCaptures.opened .titlePr {
	background-color: #2e240d;
    color: #fffcf2;
    padding: 16px;
    font-size: 100%;
    cursor: default;
}

.gpEmCaptures .detSec {
	background-color: #d5ccb8;
    color: #000;
    padding: 15px;
    text-align: left;
    display: none;
}
.gpEmCaptures.opened .detSec {
	display: block;
}

.gpEmCaptures .detSecTitle {
	font-weight: bold;
    line-height: 146%;
    font-size: 137%;
}

.gpEmCaptures .pmntItems {
	margin: 18px 0;
}

.gpEmCaptures .pmntItems > div {
	background-color: #e3dbc9;
    padding: 9px;
    font-size: 96%;
    line-height: 115%;
    border: 1px solid #c8bca2;
    position: relative;
}

.gpEmCaptures .pmntItems > div + div {
	    margin-top: 0px;
    border-top-color: #f3e9d4;
}

.gpEmCaptures .pmntItems .prc {
	float: right;
    width: 100px;
    text-align: right;
}

.gpEmCaptures .pmntItems .nm {
	margin-right: 100px;
}

.gpEmCaptures .emailFldSec input[type="email"] {
	display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #bfb398;
    padding: 7px;
    border-radius: 2px;
    box-shadow: 2px 2px 6px -3px #000 inset;
    overflow: hidden;
    border-bottom: 3px solid #b7ad97;
}

.gpEmCaptures .orSign {
	margin: 27px 0;
}

.gpEmCaptures .emailFldSec input[type="submit"], .gmEmCapBtn {
	display: block;
    width: 100%;
    background-color: #285791;
    color: #fff !important;
    padding: 9px;
    margin: 10px 0;
    border-radius: 2px;
    border: 1px solid #285791;
    text-align: center;
    font-size: 14px;
    text-decoration: none !important;
    cursor: pointer;
}

.gpEmCaptures .emailFldSec input[type="submit"]:hover, .gmEmCapBtn:hover {
	    background-color: #0f478c;
}

.gpEmCaptures .createQAcc {
	font-weight: bold;
    margin: 0 0 8px;
        font-size: 125%;
    line-height: 140%;
}


.gpEmCaptures .pmntItems {
	max-height: 50vh;
	overflow-y: auto;
}


.gpEmCaptures .cancelTTrn {
	    text-align: center;
    margin: 37px 0 3px;
}
.gpEmCaptures .cancelTTrn a {
	    display: inline-block;
    color: #bb9f62;
    cursor: pointer;
}
.gpEmCaptures .cancelTTrn a:hover {
	color: #8c6f34;
}

.gpEmCaptures .emailFldSec {
	padding-top: 20px;
}



@media (min-width:737px) {
	.gpEmCapturesInr {
		width: 705px;
    	display: inline-block;
	}
	.gpEmCaptures {
		height: 0;
	}
	.gpEmCaptures.opened .titlePr {
		font-size: 115%;
    	padding: 25px 16px;
	}
	.gpEmCaptures .detSecTitle {
		line-height: 159%;
    	font-size: 150%;
    	margin: 15px 0 26px;
	}
	.gpEmCaptures .pmntItems {
		font-size: 107%;
		margin: 18px 0 22px;
	}
	.gpEmCaptures .pmntItems > div {
		padding: 16px 14px;
	}
	
}


@media (min-width:969px) {
	.forum-top-banner .singlebn .bi img{width: auto; height: auto;}
}
@media (min-width:1077px) {
	.leftPanel { width: 16%; }
	.rightPanel { width: 82%; }
}

@media (min-width:1172px) {
	.forum-top-banner .bnwrpr {
		margin-left: -10%;
	}
}

@media (min-width:1229px) {
	.leftPanel { width: 15%; }
	.rightPanel { width: 83%; }
	.mainMenu .mnulicns {
	    margin-left: 34px;
	}
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}




/* CSS Statements that only apply on Gecko based browsers (eg: Firefox) */
/* Apply this style to borderBoxed style class and all child elements under that class */
.borderBoxed, .borderBoxed * {-moz-box-sizing: border-box;}

/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
/* Apply this style to borderBoxed style class and all child elements under that class */
.borderBoxed, .borderBoxed * {-webkit-box-sizing: border-box;}

/* CSS for user profile */
.formHeader {text-align:center; width: 100%; padding: 3px; font-weight: bold; font-size: 12px; background-color: #dec7a4; color: #000000; margin: 0px}
td.row1, div.row1, .forumLightBulbCol, .forumNumPosts { background-color: #F0E6D5; }
td.row2, div.row2, .forumNameCol, .forumLastPost { background-color: #EADBC4; }
td.row3, div.row3 { background-color: #f0e6d5; }
div.row1, div.row2, div.row3 { padding: 5px; }

.topicTile h3 {
        overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.bbTopicNotifIcon {
	display: inline-block;
    position: absolute;
    left: -5px;
    top: -1px;
    background-color: #e10000;
    color: #fff5f5;
    font-weight: bold;
    padding: 2px 5px;
    font-size: 13px;
    box-shadow: 0 0 4px 0 #000;
    border-radius: 4px;
    cursor: default;
    z-index:1;
}


.siteInfoMessageSec {
	text-align: center;
	position: relative;
}

a.blueLink {
    color: #342979 !important;
}

img[title="Embed this video"], img[title="Un-embed this video"] {
    user-select: none;
}



.hzSpinner {
    width: 15px;
    height: 6px;
    background-color: #dacab5;
    border-radius: 10px;
    background-image: linear-gradient(90deg, #dacab5 25%, #8a5600 55%, #aa5d1c 47%, #dacab5 69%);
    background-size: 200% 100%;
    animation: vertProgAnim 0.5s ease-in-out infinite;
    position: absolute;
    margin: 5px 0 0 5px;
}

#siteReadOnlyNotice {
	text-align: center;
    background-color: #7d0000;
    padding: 15px 12px;
    color: #ffffff;
    margin: -3px 0 5px;
    border-bottom: 2px dashed #aa3a3a;
    font-size: 0.87rem;
    line-height: 1.5rem;
}

@keyframes vertProgAnim {
    0% {
        background-position: 0% 0;
    }
    50% {
        background-position: 100% 0;
    }
    100% {
        background-position: 0% 0;
    }
}