/**
 * 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;
}


.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;}*/

.tmenu {width: 100%; height:auto; background:url(../images/menu-header.jpg) repeat; margin: 0; padding:0.417em; text-align: center; line-height: 1.2;
border-bottom: 1px solid #7B4B2F; box-shadow: 0 1px 2px #281906;}
.tmenu ul { list-style:none; }
.tmenu li { display:inline-block; margin:0; padding:0.417em 0.417em 0.417em 0.8em; font-size:0.813em;}
.tmenu li + li{
	background:url(../images/menu-separator.jpg) no-repeat;
}
.tmenu a:link, .tmenu a:active, .tmenu a:visited { color:#DED1C7; text-decoration:none;}
.tmenu a:hover { color:#f1e8d6; text-decoration:none;}
.tmenu li.lastItem {border-right:none; padding-right:0;}

.tmenu a.new {
	margin-right: 47px;
    font-weight: bold;
    color: #ff9898;
}

.tmenu a.new:after {
	content: 'new';
    display: inline-block;
    position: absolute;
    padding: 2px 5px;
    margin: -8px 0 0 3px;
    background-color: #de0000;
    font-weight: bold;
    color: #fff;
    border-radius: 8px;
    font-size: 11px;
    border: 1px dotted #ffffff;
    box-shadow: 0 0 8px 1px #ffffff;
    font-style: italic;
}

.siteInfoMessage { width: 100%; color: #624A2A; text-align: center; font-size: 0.813em; padding: 0.417em 0; background: #ECD9B6; line-height: 1.4em;}
.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 { color:#ff4500; text-decoration:none; padding:0 0.250em;}
.copyright a:hover { color:#f1e8d6; text-decoration:none;}

.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;}


/*--------------------- 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 ----------------------- */
iframe#cowPollIframe { border: 0px; width: 75%; margin-top: 7px;}

/* ---------------------- Topic tiles ----------------------- */
.topicTile { background-color: #FAF9F3; border-radius: 3px; border: 1px solid #E7DED1; padding: 0 0.2em 0.2em; margin-bottom: 1.4em;}
.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{ position: relative; 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;}

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: #000;
    padding: 126px 10px;
    text-align: center;
    position: relative;
}

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

.hiddenPremiumContent .paybox {
	background-color: #d4d7fe;
    display: inline-block;
    text-align: center;
    box-shadow: 0 0 34px 5px #8083a9;
    max-width: 90%;
}

.hiddenPremiumContent .paybox .pbcap {
	border-bottom: 1px solid #aaadd6;
    color: #565a90;
    font-weight: bold;
    padding: 5px;
    background-color: #ced1f7;
}

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

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

.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;
}

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



.topicTile h3 {
	display: table-cell;
}

.topicTile .pricingsec {
	display: table-cell;
    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;
}
.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: #927952;
    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;
}


@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%; }
}

@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; }