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


/*------------------ INNER PAGES STYLES ------------------*/
/*Images in posts (added using <img> tag for example) should not be allowed to exceed the size of the containing element */
img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.pointer {cursor: pointer;}
img.size-auto, img.size-full, img.size-large, img.size-medium,
.imageAttachment img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.imageAttachment {margin: 1.250em auto; text-align: center; font-size: 0.813em;}
.nonImageAttachment {margin: 1.250em auto; text-align: center; font-size: 0.813em; border: 2px solid #000}

.nonImageAttachment.periwinkle {background-color: #d4d7fe; padding: 12px 0; border: 1px solid #a3a6cc; box-shadow: 0 0 5px 0 #c3b8a2; color: #7074a9;}
.posttext-attachmentseparator { width: auto; height:auto; margin: 0.625em 23.875em; border-top:2px groove #000;}

/* "Quote" style */
blockquote {
    background:#FFFFFF none no-repeat scroll 6px 8px;
    border:1px dashed #DBDBDB;
    font-size:0.95em;
    margin:0.5em 10px 0pt 10px;
    overflow:hidden;
    padding:5px;
}

blockquote {
    background-color:#FFFFFF;
    background-image:url(../images/quote.gif);
    border-color:#DBDBCE;
}

.lnkimgsload {
	background:url(../images/progress_brown.gif) right no-repeat; 
	background-color: #DEC7A4;
    padding: 9px;
    position: absolute;
    bottom: 9px;
    right: 12px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
    padding-right: 57px;
    box-shadow: 0 0 134px 96px #FFF;
    border: 1px solid #FFF;
}

blockquote cite {
    display:block;
    font-size:0.9em;
    font-style:normal;
    font-weight:bold;
    margin-left:20px;
}

blockquote.uncited {
    padding-top:25px;
}


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

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

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

.topActBtn { background:url(../images/small-button.png) no-repeat center; border-width: 0; background-size: 100% 100%; min-width:9.167em;
min-height:1.375em; 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;
height: 26px;}
.topActBtn-inline { background:url(../images/small-button.png) no-repeat center; border-width: 0; background-size: 100% 100%; min-width:9.167em; min-height:1.375em; vertical-align: middle; text-align:center; display:inline; color:#2e1f16; padding:0.5em 0.938em; font-weight:bold; font-size:0.750em; text-shadow: 0.1em 0.1em #cea123;}
.topActBtn {cursor: pointer;}

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


.lockedTopicMessage {width: auto; height: auto; text-align: center; margin: 0.5em 25%; padding: 1em; background:url(../images/main-color.png); background-size: contain; font-size: 0.813em;}

.ghostedPost { background-color: #D3D3D3; 
height:auto; 
padding:0.625em 1.250em; 
width:auto; 
background-image: url("../images/ghost.png"); 
background-repeat: repeat-x; 
background-position: left bottom;}

.pinkedPost { background-color: #F2BABD; background-size: contain; height:auto; padding:0.625em 1.250em; width:auto; }
.probationPost { background-color: #F9F1AD; background-size: contain; height:auto; padding:0.625em 1.250em; width:auto; }

.probationMessage { color : #ff0000; text-align: center; font-style: italic}

.postText {width: auto; height: auto; margin: 0.417em auto; padding: 0.417em; line-height: 1.5; min-height: 5.5em;}
.postText a:link {text-decoration: underline; color: #000080; }
.postText hr {border-bottom: 1px solid #FBF7EE; border-top: 1px solid #B7AB92; margin-top: 11px;}
.postEdited { font-size: 0.625em; color: #BE9352; font-style: italic; text-align: center; }
.postEdited .ddot{ padding: 0 2px 0 4px; font-weight: bold; color: #CDB6AB;}
.postEdited a.revisionLink {color: #2072DD; font-style: normal; text-decoration: none;}
.postText ol { list-style: decimal; }
.postText ul { list-style: disc; padding-left: 20px;}
.postText ul ul { list-style: circle; padding-left: 20px;}
.postText.browned {display: none;}
.brownedReplace .wrp { text-align: center; padding: 43px 0; }
.brownedReplace .wrp > .gmsg {
	display: inline-block;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 15px;
    box-shadow: 0 0 60px 9px #ffffff;
    background-color: #da4646;
    color: #fff;
}
.brownedReplace .wrp > .text {
	font-size: 12px;
    margin: 24px 150px;
}

.topicBodyAndFooter .postItem > .fr {width: 100%;}
.topicBodyAndFooter .postItem .transp .wp2 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
.rcontent .postdate { color:#852882; margin:0 0 0.417em 0; font-size:0.813em; font-weight:bold;}
.rcontent .postButtonsToolbar {height: auto; }
.postButtonsToolbar ul { margin: 0; padding:0.125em; list-style:none; }
.postButtonsToolbar li { display:inline; margin: auto 0.125em;   margin: auto 0.025em; }

.postGroup.minimized .postItem {
	/* display: none !important; */
}
.minimrow {display: table-row; }
.minimcell {display: table-cell; cursor: pointer;     border-bottom: 1px solid #e6d5b9; position: relative;}
.minimline {    border-top: 1px solid #dccaac;
    height: 9px;
    background-color: #f7efdf; }
.minimCapt {
	    position: absolute;
    font-size: 13px;
    text-align: center;
    background-color: #f7efdf;
    width: 256px;
    height: 16px;
    line-height: 16px;
    color: #735523;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -128px;
}
.postItem.minimized {
	display: none !important;
}


.topicForumActionArea {width: 100%; height: auto; margin: 0 0 0.217em auto; color: #CBB998;}

.topicForums {width: 100%; height: auto; padding: 0.625em 1.250em; }
.topicForums ul { margin: auto 0.417em; list-style:none; display: inline-block; vertical-align: middle;}
.topicForums li { float:left; margin:0; padding:0 0.417em; font-size:0.813em; border-right:0.188em groove #000000;}
/* Don't show border-right for the last item in the list */
.topicForums li.finalItem {border-right: 0;}
.topicForums a:link, .topicForums a:active, .topicForums a:visited { text-decoration:none;}
.topicForums a:hover { text-decoration:none;}
.topicForums label {margin-left: 0.938em; font-weight: bold; font-size: 0.813em; vertical-align: middle;}
.topicForums img {vertical-align: text-bottom;}

.topicForumsAdd {width: auto; height: auto; font-size: 0.813em; padding: 0.5em;}
.topicForumsAdd select, .topicForumsAdd input {font-size: 0.813em;}

.flag{margin: 0 0.4em 0 0.6em;}
.flagArea{font-size: 0.9em; color: #644720;}

.clinks { width:auto; height:auto; border-top:1px solid #000; margin: 0.417em auto; padding: 0.417em 0; line-height:1.125em;}

.quote { width:5%; height:1.5em; position:absolute; z-index:99; margin:0 0 0 60%;}

.topicSubject {width: 100%; height: auto;}
.topicSubject h1 { font-size:1.500em; font-weight:bold; display: inline-block; padding: 0.4em 0.3em 1.1em;}
.topicSubject .editBox {width: 100%;}
.quickEditSubject { width:auto; height:auto; padding: 0 2em;}
.quickEditSubject ul {list-style: none; display: inline-block;}
.quickEditSubject li {float: left; margin: 0 0.125em;}

.bottomSubject {margin: 0 1.5em 1em; font-size: 0.8em; color: #724907;}

.fcontent { min-height:7.500em; font-size: 0.875em; display: table-row; width: auto;}
.fcontent .flag-action-area {padding: 0.313em 1.250em;}
.fcontent .ad {padding: 1.5em 2.083em 2.85em 1.6em}

.quickReplyForm {
    clear: both;
    display: none;
    width: 50%;
    margin: auto 25%;
    padding-top: 0.188em;
}

.quickReplyForm textarea {
    width: 100%;
}

.thread-view-count {font-size:0.688em; color: #ffffcc; text-align:center; padding:0.375em 0;}
.thread-view-count form {display: inline-block; padding-left: 20px;}
.thread-view-count input {font-size: 1em;}
.thread-view-count input[type="text"] {width: 5em;}

.similar-topics { width:auto; height:auto; border-radius:1.563em; border:0.625em solid #1a0b02; background-color: #DEC7A3; background-size: contain; text-align: center; margin: 0 9%; font-size:0.813em;}
.similar-topics > .wrpr {height: auto; width: auto; position: relative;}
.similar-topics > .wrpr:before {content: ''; position: absolute; display: block; 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;}
.similar-topics h1 {height: 2.5em; padding: 0.625em 0; font-weight: bold;}
.similar-topics h1 > * {vertical-align: middle;}
.similar-topics a:link, .similar-topics a:active, .similar-topics a:visited { color:#342979; text-decoration:none; padding:0 0.25em;}
.similar-topics a:hover { color:#852882; text-decoration:none;}
.similar-topics-entry  { padding: 0.5em; background-size: cover; overflow: hidden; text-align: left; white-space: nowrap;}
.similar-topics-entry.bordered {border-top: 1px solid #9E8652;}
.similar-topics-entry .btn-merge{height: 20px;}
.similar-topics-entry > .left{display: inline-block; vertical-align: top;}
.similar-topics-entry > .right{float: right;}
.similar-topics-entry > .item-section > * {vertical-align: middle;}
.similar-topics-entry .subject {font-size: 1.4em; color: #8A601F !important; white-space: normal; display: inline-block; margin-right: 6.6em;}
.similar-topics-entry .thumbSec img {width: 150px;}
.similar-topics-entry .st-thumb {width: 150px; min-height: 30px;}
.similar-topics .footer {height: 1.875em; }
.similar-topics ul {width: 100%;}
.similar-topics .control{border-top: 1px solid #BEA38E; padding-top: 10px; box-shadow: 0px -3px 5px rgba(151, 103, 50, 0.44);}

.cowDisplayForUser {margin: 1.25em auto;}
.cowDisplayForUser .numCowsImageText {text-align: right; vertical-align: bottom; margin-right: 0;}
.cowDisplayForUser .numCowsImage {vertical-align: middle; text-align: left;}
.cowDisplayForUser .numApplesImage { text-align:left;}
.cowDisplayForUser .numApplesImageText { text-align: right;}

.microPieSection { margin-bottom: 1.4em; }

.content .postText a , .content .postText a:link {padding: 0.001em;}

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

.topicForums a:active, .topicForums a:visited { text-decoration:none;}

/* Styles for retired account usernames */
.invalidName,
.invalidName a:link,
.invalidName a:active,
.invalidName a:visited { color: grey; background-color: grey; }
.invalidNameMods { background-color: red; }

.similar-topics-progress-bar {position: absolute; margin-top: 2px; display: none;}

a.cachebtn, a.linkdoctor { background-image:url(../images/image-fix.png); height: 16px; width: 16px; display: inline-block; cursor: pointer; margin-left: 5px; vertical-align: bottom; box-shadow: 0 0 3px #8B764C; opacity: 0.75;}
a.cachebtn:hover {opacity: 1;}
li.context-menu-item.context-menu-disabled {color: #BFBFBF; cursor: default;}

a.cachebtn.progress {
	background-image:url(../images/progress_so1.gif) !important;
	cursor: default !important; 
	opacity: 1 !important;
}

div a.linkdoctor {
	vertical-align: middle;
    margin: 0 4px;
}


.topicRightArea { display: table;
    min-width: 100%;}
.topicRightArea #rightPanel { display: table-cell; float: none !important; vertical-align: top; padding: 0 1em 0 0.3em;}
    
.topicBodyAndFooter { display: table; table-layout: fixed; height: 100%;}
.topicBodyAndFooter .postItem {display: table-row; }
.topicBodyAndFooter .postItem > .fl, .topicBodyAndFooter .postItem > .fr {display: table-cell; padding: 0.625em 1.250em; float: none !important; vertical-align: top; position: relative; }
.topicBodyAndFooter .postItem > .fl {white-space: nowrap;}
.topicBodyAndFooter .postText {width: 100%;}
.ad.topicEndAd {display: table-cell; width: 80% !important; margin-left: 0; padding-right: 2.7em; vertical-align: top; padding-top: 3.2em;}
.topicEndAd .sline {margin: 0 0 7px 3px;}

.dx5descr {margin: 0 0 3px 3px;}
.topicEndAd .sline + .dx5descr {margin: 15px 0 3px 22px;}
.topicEndAd .sline + .dx5descr + a {margin-left: 19px; display: block;} 

.rightPanel .content:before {
	z-index: 1;
}

.leftPanel {
	display: table-cell;
	float: none! important;
}
.clearcld {display: table-cell; width: 1%; float: none !important;}
.clearcld > div {display: inline-block; width: 8.9em;}
.fcontent-wrpr{display: table; width: 100%;}
.lcontent.fl {width: 9.5em; word-break: break-word;}

.bunkhouse-smoke { width: 120px; height: 120px; max-width: none; margin: 12px 0 18px 5px;}

.lastReadBar {height: 4px; background-color: #00db2f; border-top: 1px solid #01b527;}
.fl .lastReadBar {margin: -8px -16px 10px}
.fr .lastReadBar {margin: -8px -17px 10px}
.wikiComment .fl .lastReadBar {margin: -9px -13px 10px;}

/* Topic thumbnail stuff */
.thumbChooserSection{ margin: 2em auto; }

.thumbChooser{text-align: center; margin: 2em;}
.thumbChooser a{ display: inline-block; cursor: pointer; border: 2px solid #A0855B; background-color: #F1E8D6;
 border-radius: 4px; box-shadow: 0 0 9px #BE9769; margin: 0.45em;
}
.thumbChooser a.active{ border: 1px solid #00A008 !important; box-shadow: 0 0 14px #518801 !important; border-bottom: 5px solid #085400 !important; }
.thumbChooser a:HOVER{ border: 2px solid #73582F; box-shadow: 0 0 31px #8E6535; }
.thumbChooser img{ display: inline-block; max-width: 130px; max-height: 115px; }
.thumbOptions { border-top: 1px solid #C2A982; padding: 15px 0; }

/* Pie stuff */
.pieoffer .pan{padding: 4px 0px 3px; margin: -4px 0 0 -64px;}
input.pieHighlight {float: right; margin-top: 4px;}

ul.context-menu-list { font-size: 12px; }
li.context-menu-item { padding: 3px 10px; }

.wikiComments {
	display: table-cell;
    padding: 30px 0 12px 28px;
    font-weight: bold;
    color: #70410F;
    height: 100%;
}

.postItem .wp1 {
	display: none;
}

.postItem .wp2{
	white-space: normal;
}

.wikiComment > .lcontent {
	padding: 0 !important;
	height: 100%;
}

.wikiComment .wp1 {
	display: inline-block !important;
    background-color: #DEC7A3;
    width: 28px;
    height: 100%;
    vertical-align: top;
    position: absolute;
}

.wikiComment .wp2 {
	display: inline-block;
    padding: 0.75em 0 0.75em 3em;
    vertical-align: top;
}

.likeButtons.disabled {
	opacity: 0.6;
    cursor: default;
}
.likeButtons.hidden {
	display: none;
}
.dislikeimg {
	margin-left: 11px;
}

.rcwrapper.wikiFx {
	margin-left: -114px;
} 

.topicBreadcrumbs {
	margin: 20px 0 0 29px;
    border-bottom: 1px solid #A78B5F;
    display: inline-block;
    padding-bottom: 6px;
    font-weight: bold;
    font-size: 0.9em;
}

#moldbombdiv {
	display: inline-block;
    background-color: #e5d5b3;
    font-size: 12px;
    padding: 3px;
    box-shadow: 0 0 24px 0 #000;
    border: 1px solid #000;
    border-radius: 2px;
}
#moldbombdiv .moldbombdelay{
	width: 35px;
}

.dx5post .status {
	font-size: 15px;
    font-weight: bold;
    color: #049308;
    text-shadow: 0px 0px 2px #53FF0C;
}
.dx5post .status.off {
	color: #E90000;
    text-shadow: 0px 0px 2px #FFE66E;
}

.dx5post table {
	display: block;
    margin: 15px 0 30px;
}

.dx5post td , .dx5post th {
	padding: 5px 10px;
	vertical-align: middle;
	font-size: 13px;
}
.dx5post th {font-weight: bold;}
.dx5post .row0 th { background-color: #DFC7A0; }
.dx5post .row0 td { background-color: #E7D5AF; }
.dx5post .row1 th { background-color: #E7D1AF; }
.dx5post .row1 td { background-color: #F1E2C3; }

.forumTitleAnnotation {
	background-color: #B07417; color: #FCFCFC; display: inline-block; text-align: center; width: 13px; height: 13px; font-size: 11px; line-height: 13px;
	vertical-align: top; border-radius: 8px; margin: 0 4px 0 -3px; cursor: default;
}

.staffNotesList {
	background-color: #fffae1;
    border: 1px solid #d4731e;
    border-radius: 4px;
    font-size: 12px;
    margin: 2px 2px 0 115px;
    padding: 10px 7px;
    box-shadow: 0 0 7px 0 #967150;
}

.staffNoteAuthor, .staffNoteAuthor a {
	color: #c35e06 !important;
	font-weight: bold;
}

.staffNoteAuthor a {
	padding: 0 !important;
}

.staffNoteText {
	display: inline;
	padding-left: 3px;
}

.staffNote + .staffNote  {
	border-top: 1px solid #ded5c2;
    padding-top: 11px;
    margin-top: 11px;
}

.staffNote.collapsed + .staffNote {
	border-top: none;
	padding: 0;
	margin: 0;
}

.staffNote form {
	display: inline-block;
    float: right;
    margin: -9px -3px 0 0;
    opacity: 0.4;
}

.staffNote.collapsed {
	display: none;
}

.staffNote:hover form {
	opacity: 1;
}

.showAllStaffNotes {
	background-color: #f9f3d8;
    display: block;
    margin: -9px -6px 11px;
    padding: 6px 6px !important;
    border-bottom: 1px solid #f7f0d3;
}

figure .caption { color: #000; font-weight: bold; font-size: 0.8em; padding: 3px 8px 28px; text-align: center; }
figure {display: inline-block;}
.imageAttachment figure > a {display: inline-block;}
.imageAttachment figure .caption {font-size: 1em;}


/** Styles for auto-linked (sponsored, API etc...) words/phrases */
/* implicit API link, sponsored word and FAQ style @see com.javaranch.jforum.javadoc */
a.api:link, a.api:visited, a.faq:link, a.faq:visited {
    color: inherit;
    border-bottom: 1px dotted #555;
    text-decoration: none;
}
a.api:link:hover, a.api:visited:hover, a.faq:link:hover, a.faq:visited:hover {
    color: inherit;
    border-bottom: 1px solid #444;
    text-decoration: none;
}
a.scratch:link, a.scratch:visited {
    color: #995C56;
    border-bottom: 3px double #995C56;
    text-decoration:none;
}
a.scratch:link:hover, a.scratch:visited:hover {
    color: inherit;
    border-bottom: 3px double black;
    text-decoration:none;
}
a.dashed:link, a.dashed:visited , a.dashed:link:hover, a.dashed:visited:hover {
	color: #995C56;
    border-bottom: 1px dotted #995C56;
    text-decoration:none;
}

option.api {
    color: inherit;
    border-bottom: 2px dotted #555;
    text-decoration: none;
    padding-bottom: 1px;
}
/* Make it a bit more obvious when choosing the option in admin panels */
option.scratch {
    color: #995C56;
    border-bottom: 3px double #995C56;
    text-decoration:none;
    padding-bottom: 1px;
}

.devSecretWork {
	background-color: #d4d7fe;
    font-size: 0.9em;
    padding: 2px 4px;
    margin-left: 6px;
    color: #101010;
    border: 1px solid #b7bbe8;
}
.anonDevStaff {
	text-decoration: line-through;
    color: #909090;
    cursor: default;
}

.affiliateLinker {
	    text-align: center;
    color: #f9f7b3;
    margin: 31px 0 19px;
}
.affiliateLinkTitle {
	font-weight: bold;
    font-size: 14px;
    text-shadow: 0 0 5px #000;
}
.affiliateLinkTBWrpr {
	margin: 8px 0;
}
.affiliateLinkTBWrpr input {
	font-size: 15px;
    width: 57%;
    font-weight: bold;
    padding: 5px 2px;
    cursor: text;
}
.openForAffiliates .oafwrpr {
	width: 510px;
    display: inline-block;
    background-color: rgba(239, 216, 182, 0.71);
    border: 2px solid #2d1100;
    box-shadow: 0 0 9px 3px #000;
    color: #000000;
    font-size: 15px;
    border-radius: 7px;
    overflow: hidden;
    padding: 16px 24px;
    line-height: 19px;
}
.openForAffiliates b {
	display: block;
    background-color: rgb(222, 199, 163);
    color: #3e1800;
    padding: 8px 0;
    font-size: 14px;
    border-bottom: 1px solid #a08e71;
}
.openForAffiliates .oafwrpr div {
	text-align: left;
    line-height: 24px;
    font-size: 15px;
    padding: 21px 0;
}

.openForAffiliates a {
	color: #00176f;
    font-weight: bold;
}
.premiumDownloadLink {
	    font-size: 21px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 35px;
    color: #004c9c !important;
    border-bottom: 1px dotted #276eb1;
}

.normDownloadLink {
	font-size: 17px;
	vertical-align: middle;
}

.sellerNameArea {
	    margin: 49px 0 -49px;
}
.sellerNameArea .linkdoctor {
	display: none;
}

.sellerNameArea b {
	font-size: 15px;
    font-weight: bold;
    color: #c1c1c1;
    display: block;
}
.sellerNameArea a {
	color: #aebbe0 !important;
    font-size: 12px;
    text-decoration: none !important;
}

.sellerNameArea a:hover {
	text-decoration: underline !important;
}

.meritBadges {
	margin-top: -6px;
}
.meritBadgesWrpr {
	display: inline-block;
    background-color: #dcc49f;
    padding: 2px;
    border: 1px solid #ceb48b;
}
.meritBadgesWrpr .badge {
	padding: 6px;
	display: inline-block;
}
.meritBadgesWrpr .badge img {
	max-width: 30px;
	max-height: 30px;
}
.meritBadgesWrpr .badge + .badge {
	border-left: 1px solid #c5ad86;
}

.moreSimThreads {
	padding: 5px;
    background-color: #f7ead7;
}

.addGift {
	position: absolute;
    right: 13px;
    top: 8px;
    text-align: right;
}
.addGiftLink {
	color: #d4d7fe !important;
    text-decoration: none !important;
    font-size: 12px;
    background-color: #000;
    padding: 0 5px !important;
    cursor: pointer;
}
.addGiftLink:hover .icon {
	color: #f84509;
}
.addGift .linkdoctor {
	display: none;
}
.addGift .icon {
	    color: #e35f5f;
	    margin-right: 5px;
}

.buttonAra {
	text-align: center;
	margin: 4px 0 2px;
}

.threadBottomLinksArea .addGift {
	position: initial;
    right: 0;
    top: 0;
    text-align: center;
    margin: 3px 0 17px;
}

.threadBottomLinksArea .addGiftLink {
	background-color: initial;
    font-size: 13px;
    color: #fffecc !important;
}

.threadBottomLinksArea .icon {
	color: #fffc00;
}

.moreSimThreads {
        font-size: 16px;
    padding: 10px 0;
    font-weight: bold;
}


.stepTagSection {
    background-color: #fbf0df;
    margin: 0 10px;
    border: 1px solid #e0d0b8;
    box-shadow: 0 0 2px #e2d1b6;
}
.stepTagLine {
    position: sticky;
    top: -1px;
    background: #efe2d0;
}
.stepTagBox {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background-color: #8c6b3b;
    line-height: 24px;
    font-size: 12px;
    color: #eadac2;
    width: 52px;
    height: 52px;
}
.stepTagStepNum {
    font-size: 31px;
}
.stepTagLine h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    font-weight: bold;
    color: #8c6b3b;
    margin-left: 5px;
}
.stepTagBody {
    padding: 21px;
}
.stepTagImageSec {
   margin: 30px 0;
}

.stepTagBody a {
   font-weight: bold;
   font-size: 14px;
   color: #0071d6 !important;
}

.stepTagIntro { 
	font-weight: bold;
    background: #f1e6d5;
    color: #775014;
    padding: 30px 10px 15px;
    border-bottom: 1px solid #dacbb4;
    font-size: 16px;
}
.contentBackground2 .stepTagIntro {
	background: #f9f3ea;
}



@media (min-width:1019px) {
	.lcontent.fl {width: 11.5em;}
	.clearcld > div {width: 10.6em;}
	.rcwrapper.wikiFx { margin-left: -139px;} 
}

@media (min-width:1279px) {
	.lcontent.fl {width: 12.5em;}
	.clearcld > div {width: 11.55em;}
	.rcwrapper.wikiFx { margin-left: -153px;}
}

@media (min-width:1325px) {
	.lcontent.fl {width: 13.5em;}
	.clearcld > div {width: 12.5em;}
	.rcwrapper.wikiFx { margin-left: -166px;}
}

@media (min-width:1463px) {
	.lcontent.fl {width: 14.5em;}
	.clearcld > div {width: 13.4em;}
	.rcwrapper.wikiFx { margin-left: -178px;}
}