/**
 * The styles in this CSS file are intended to only be used on the forum view page.
 * If we find a style in this file is really more generic, it can be renamed and moved to style.css.
 */

img.pointer {cursor: pointer;}

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

.forumActionPanel {width: 100%; height: auto;}
.forumActionPanel .homeLinks {width: 15%; height: auto; vertical-align: middle; padding: 0.5em 0.938em;}

.forumActionButtons {width: 83%; height: auto;}

.forum-action-button {
	background: transparent;
    background-image: url(../images/sprite-guestbasic.png) !important;
    background-size: 111%;
    display: block;
    vertical-align: middle;
    border-width: 0;
    min-width: 9.167em;
    min-height: 1.375em;
    margin: 0.625em 2.063em;
    text-align: center;
    color: #2e1f16;
    padding: 0.5em 0.938em;
    font-weight: bold;
    font-size: 0.750em;
    text-shadow: 0.1em 0.1em #cea123;
    height: 27px;
}
.forum-action-button {cursor: pointer;}
.forum-action-search {margin:0.625em; vertical-align: middle; border:0.313em solid #A17948; border-radius: 0.125em;}

h1.forumName {margin: 1.3em 1%; font-size:1.80em; text-transform: uppercase;}
h1.forumName, h1.forumName a { font-weight:bold; margin: 1em 1% 1.5em; color: #181818 !important; text-align: left;}
h1.forumName a:hover{text-decoration: underline;}

.forum-content { overflow: hidden;}
.forum-content a:link, .forum-content a:active, .forum-content a:visited { color:#342979; }
.forum-content a:hover { color:#852882; text-decoration:none;}

/* if both left and right columns (ex: four column home page) */
.left-forum-content { width: 74%; padding: 0 0.3em 0 1em;}
.right-forum-content {width: 22%; margin-right: 1.8em; padding: 1.5em 0 1.5em;}

.rightForumCategory{   background-color: #E3DCCF; border-radius: 3px; border: 1px solid #D8D0C1; padding: 1em 0.8em; text-align: left; }
.rightForumCategory + .rightForumCategory{ margin-top: 0.6em; }
.rightForumCategory h2{   font-size: 1.1em; color: #171717; text-transform: uppercase; font-weight: bold; margin-bottom: 1.4em; line-height: 1.3em; }
.rightForumCategory ul{ margin-top: 0.7em; line-height: 1.3em; font-size: 0.92em;}
.rightForumCategory li{ margin: 0.8em 0; }
.rightForumCategory a:HOVER{ text-decoration: underline; }

#search-by-forum{ margin: 0.5em 0 2.5em; }

.forum-meta-wrapper{  margin: 0 2.15em 0 0.9em;}
.forum-meta { padding: 0.6em 0; background-color: #FEFDFD; width: 100%; font-size: 80%; border-radius: 0.375em; margin: 0 auto 2em 0.6em;
box-shadow: 0 0 11px #CFCFCF; font-size: 85%; line-height: 1.4em; color: #9D9D9D; border: 1px solid #DFCABB; }
.forum-meta ul {list-style: none;}
.forum-meta li {margin: 0.313em auto;}
.forum-meta li + .sep{ border-top: 1px solid #DEC7A3; font-weight: normal; margin-top: 0.8em; }
.forum-meta .sep + li {  border-top: 1px solid #FFFFFF; font-weight: normal; margin-top: -0.3em; padding: 0.2em 0 0; font-size: 0.94em;}
.forum-meta a{  color: #004D8E !important; }
.forumDescription{margin: -1.25em 0 2.3em; font-size: 0.9em; color: #705242;}
.forumModerators{background-color: #FFFFFF; padding: 12px 6px; border: 1px solid #C2C2C2; border-radius: 3px; margin-bottom: 10px;}
.forumModerators b{display: block; color: #744F31; border-bottom: 1px solid #EADAC4; padding-bottom: 5px; margin-bottom: 10px;}

.forum-topics {width : 100%; margin-top: 0 auto;}
.forum-topics .historical {width: 45%; display: inline-block;}
.forum-topics .historical .month {width: 50%; padding: 0 0.42em;}
.forum-topics .historical .year {width: 50%; padding: 0 0.42em;}
.forum-topics .recent{ width: 55%; padding: 0 0.42em;}
.forum-topics .topicTile.sticky{background-color: #E0DDD7;}
.historicalWrapper{overflow: hidden;}
.widgetPane {overflow: hidden; padding: 0 0.42em; text-align:left; }

.twoColumn.forum-topics .historical {width: 25%;}
.twoColumn.forum-topics .historical .month {width: 100%;}
.twoColumn.forum-topics .historical .year {width: 100%;}
.twoColumn.forum-topics .recent{ width: 75%;}

.oneColumn.forum-topics .historical {width: 0%;}
.oneColumn.forum-topics .historical .month {width: 0%;}
.oneColumn.forum-topics .historical .year {width: 0%;}
.oneColumn.forum-topics .recent{ width: 100%;}

.forum-topics h2 , h2.ftopic {   padding: 0.3em 0.1em; font-weight: bold; color: #7E6339; font-size: 1em; text-align: left; }
.forum-topics ol {list-style: none;}

.recent-topic-odd-row {background-color: #FAF9F3; border: 1px; border-color: #e2dcd0; border-style: solid;}
.recent-topic-even-row { background-color: none;}
.recent-topic a {text-decoration: none;}

.hot-topic {padding: 0.625em 0.313em; margin: 0.750em;  background-color: white; border: 1px; border-color: #e2dcd0; border-style: solid;}
.hot-topic h3 {color: #584a42; text-align: center; padding-bottom: 0.625em; font-weight: 500;}
.hot-topic a {text-decoration: none;}

.recent-topic-details {font-size: 75%; }
.recent-topic-detail {margin-left: 0.313em;}

.hot-topic-details {font-size: 75%;}
.hot-topic-detail {padding-bottom: 0.313em;}

.forum-right-content-widget {margin: 0.625em auto;}

.forum-top-user-cows {background-color: #e2dcd0; border-radius: 0.375em; margin: auto 1em; padding: 0.625em;}
.forum-top-user-cows h2 { font-size: 95%; padding: 0.313em 0;}
.forum-top-user-cows li {display: inline-block;}
.forum-top-user-cow {margin: 0.313em; font-size: 90%; border-width: 1px; border-style: solid; border-color: white; border-radius: 2px;}
.forum-top-user-cow a {padding: 0 0.313em;}

.forum-recent-activity {background-color: #e2dcd0; border-radius: 0.375em; margin: auto 1em; padding: 0.625em;}
.forum-recent-activity h2 { font-size: 95%; padding: 0.313em 0;}
.forum-recent-activity li {display: inline-block; margin: 0.313em auto; font-size: 90%;}

.forum-topics .recent h2{ margin-left: 0.5em;}

.forum-legend {margin: 0.625em auto; padding:0.625em; background-color: #FAF9F3; width: 100%; font-size: 80%; border-radius: 0.375em;}
.forum-legend ul {list-style: none;}
.forum-legend li {margin: 0.313em; display: inline-block;}

.forumFeatures{ margin-top: 1.7em; border-top: 2px solid #C5A97E; padding-top: 1em;}
.forumFeatures a{ display: block; }
.forumFeatures a + a{ margin-top:1em; }

.forumItemFirstLine .forumIcon{ vertical-align: top; }

.basic-section.forum-content {  background-color: #F1E9D7;}


/* ========= forum ratings =========== */

.fratings{
	margin: 0px 0 19px;
	display: none;
}

.fratings.show{
	display:block;
	margin: 5px 0 10px;
}

.ratingBtnSec{
    display: block;
    margin: 0em 0 1em 0;
    text-align: right;
}

.forumRating{
	display: inline-block;
}

.forumRating  b{
	display: inline-block;
	width: 15px;
	height: 15px;
	cursor: pointer;
	vertical-align: middle;
}

.horseshoes .forumRating  b{
	background: url(../images/horseshoes.png) left top no-repeat;
	background-position: -30px 0px;
}

.acorns .forumRating  b{
	background: url(../images/acorns.png) left top no-repeat;
	background-position: -30px 0px;
}

.forumRating > b b{ margin-left: 13px; vertical-align: top; }

.forumRating:HOVER b{
	background-position: 0px  0px;
}

.forumRating  b:HOVER , .forumRating > b:HOVER{
	background-position: -15px 0 !important;
}

.forumRating a{
	display: inline-block;
	vertical-align: middle;
	padding: 1px 4px;
	color: #FAFAFA;
	border-radius: 13px;
	cursor: pointer;
	text-decoration: none;
	background-color: #DFC28E;
	border: 1px solid #D3B870;
	font-size: 11px;
} 

.forumRating a:HOVER{
	background-color: #CFAF74;
	border: 1px solid #C7A650;
}

.forumRating.v0 b,
.forumRating.v1 .v1 b,
.forumRating.v2 .v2 b,
.forumRating.v3 .v3 b,
.forumRating.v4 .v4 b,
.forumRating.v5 .v5 b,
.forumRating.v6 .v6 b,
.forumRating.v7 .v7 b,
.forumRating.v8 .v8 b,
.forumRating.v9 .v9 b,
.forumRating.v10 .v10 b
{
	background-position: 0px  0px;
}

.frm-wbtn {
	display: inline-block;
    background-color: #b0a592;
    height: 11px;
    width: 11px;
    vertical-align: middle;
    text-align: center;
    line-height: 11px;
    border-radius: 11px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
    text-transform: lowercase;
    font-size: 12px;
    font-weight: normal;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-style: normal;
}

.frm-wbtn + .frm-wbtn {
	margin-left: -2px;
}

.frm-wbtn:hover {
	color: #fff !important;
	text-decoration: none !important;
	opacity: 1 !important;
	box-shadow: 0 0 3px 0 #000000;
}

@media (min-width:1062px) {
	.ratingBtnSec {
	    float: right;
	    display: inline-block;
	    margin: -2.6em 0;
	    text-align: center;
	}
}