/* talkpost.css - things that apply specifically to the messages and posts */

.fp 
{
clear: both;
background-repeat: repeat-x;
background-position: left 28px;
}

.mT {
	transition:500ms background-color;
}
.fav .mT
{
	transition:500ms background-color;
	background-color: var(--lt-warning-background-color-light);
	padding: var(--lt-padding);
	border: 1px solid var(--lt-warning-border-color);
	border-radius: var(--lt-border-radius);
}

.fp .f
{
display: none;
border-top: 1px dashed var(--lt-border-color);
	padding-top: var(--lt-padding-half);
	margin-top: var(--lt-padding-half);
}

.admin .mT
{
	transition:500ms background-color;
	background-color: var(--lt-sidebar-tan);
	padding: var(--lt-padding);
	border: 1px solid var(--lt-warning-border-color);
	border-radius: var(--lt-border-radius);
}

.adminnotice
{
display: none;
}

.admin .mT .adminnotice
{
display: block;
color: var(--lt-red-color);
font-weight: bold;
margin-bottom: 0.5em;
text-align: center;
}

.fp.showflag .f
{
display: block;
}

.mh .flags
{
margin-left: 5px;
}

.flags img
{
margin-right: 5px;
width: 7px;
height: 10px;
}

.mT
{
margin: 7px 0 14px 0px;
padding: 3px;
line-height: 150%;
}

.fp .nc
{
margin-bottom: 20px;
color: gray;
}

.fp.showhidden .hd
{
display: block !important;
}

.fp.nowposting .f
{
display: none;
}

.fp.nowposting .postInter
{
display: block;
}

.fp .editdelete 
{
padding: 10px 0 !important;
}

.fp:hover .editdelete 
{
visibility: visible;
}

.editdelete .ltbtn2
{
margin-bottom: 5px;
}

.previewInset .ltbtn2
{
margin-bottom: 8px;
}

#addamessagebox
{
width: 100%;
}

#addamessagecnt 
{
margin-top: 40px;
}

.fp .ed
{
margin-top: 0px;
color: gray;
margin-bottom: var(--lt-padding-half);
}

.ed {
	width: 100%;
	padding: var(--lt-padding) 0 0;
	user-select: none;
}

.ed a,
.ed a:link,
.ed a:visited,
.ed a:active,
.ed a:hover
{
	cursor:pointer;
	padding: 2px;
}

.ed span.h
{
display: none;
}

span.h i
{
font-style:normal;
margin: 0 8px 0 8px;
}

.show span.h
{
display: inline;
}

.show a.z /* more */
{
display: none;
}

.ed-l
{
text-align: left;
width: 50%;
white-space: nowrap;
}

.ed-r
{
text-align: right;
width: 50%;
}

.ed-c
{
text-align: center;
width: 50%;
}


/* @tables version */

.hiddenform
{
background-color: transparent;
}	

.talkpostformbox
{
width: 100%;
background-color: #F6F7FA;
margin: 0px 0px 25px;
float: left;
clear: both;
border: 1px solid #ddd;
position: relative;
border-radius:10px;
-webkit-border-radius: 10px;
-moz-border-radius:10px;
min-width: 380px;
}

.talkpostform
{
padding: 10px 20px 0px;
padding: 18px 16px 18px 16px;
position: relative;
}

.talkpostformbox:after,
.talkpostformbox:before 
{
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 8px solid transparent;
border-bottom-color: #F6F7FA;
top: -16px;
background-color: transparent;
left: 30px;
}

.talkpostformbox:before
{
border-bottom-color: #ddd;
border-width: 10px;
top:  -20px;
left: 28px;
}

.addamessagecnt.nodivot .talkpostformbox:after,
.addamessagecnt.nodivot .talkpostformbox:before {
	display:none !important;
}

.previewBox
{
margin: var(--lt-padding-neg) 0 var(--lt-padding);
padding: 0;
border: 1px solid var(--lt-border-color);
background: var(--lt-sidebar-tan);
clear:both;
float:left;
width: 100%;
position: relative;
-webkit-border-radius: var(--lt-border-radius);
-moz-border-radius: var(--lt-border-radius);
border-radius: var(--lt-border-radius);
}

.previewBox:after,
.previewBox:before {
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	border: 12px solid #fff0;
	border-bottom-color: var(--lt-border-color-flat);
	top: -23px;
	background-color: #fff0;
	left: 140px;
}

.previewBox:before {
	border-bottom-color: var(--lt-background-color);
	border-width: 12px;
	top: -30px;
	left: 140px;
}

.previewInset
{
padding: 18px 16px 10px;
}

.previewTitle
{
font-weight: bold;
background:var(--lt-border-color);
border-bottom: 1px solid var(--lt-border-color);

padding:var(--lt-padding-half) var(--lt-padding);
-webkit-border-top-left-radius: calc(var(--lt-border-radius) - 2);
-webkit-border-top-right-radius: calc(var(--lt-border-radius) - 2);
-moz-border-radius-topleft: calc(var(--lt-border-radius) - 2);
-moz-border-radius-topright: calc(var(--lt-border-radius) - 2);
border-top-left-radius: calc(var(--lt-border-radius) - 2);
border-top-right-radius: calc(var(--lt-border-radius) - 2);
}	

.previewText
{
margin: 0 0 var(--lt-padding) 0;
padding: 3px;
-webkit-border-radius: var(--lt-border-radius);
-moz-border-radius: var(--lt-border-radius);
border-radius: var(--lt-border-radius);
}

.previewInvalid 
{
color: #BC4A28;
font-size: 12px;
text-align: center;
font-weight: normal;
}

.talkmsgtable
{
width: 100%;
table-layout: fixed;
}

.talkmsgtable td
{
padding: 0px 10px 0px 0;
vertical-align: top;
text-align: left;
}

.tmt_msg_cntr 
{
width: 99%;
min-width: 200px;
}

.talkmsgtable .tmt_ts_cntr 
{
width: 150px;
padding-right: 0px;
}

.msgfooter 
{
margin: 15px 15px 0 1px;
}

.talkmessagebox 
{
float: left;
width: 65%;
}

.talkpostte, input.subject
{
font-family: Verdana, Arial;
width: 96%;
background-color: #fafafa;
border: 1px solid #ddd;
border-top-color: #999;
border-left-color: #bbb;
font-size: 12px;
padding: 6px 7px;
}

.lt2 .talkpostte,
.lt2 input.subject {
	font-size: 1rem;
}

input.subject
{
margin-bottom: 15px;
}

/* @group Touchstones */

.talk_touchstones {
float: right;
width: 30%;
}

.aboutTouchstones 
{
color: #888;
font-size: 11px;
margin: 10px 0 0 !important;
display: none;
}
.lt2 .aboutTouchstones {
	font-size: 0.9em;
}
.aboutTouchstones p 
{
margin: 10px 0 0px !important;
}

.touchstonelist, .touchstonelist .item
{
font-size: 10px;
}
.lt2 .touchstonelist {
	font-size: 0.85em;
}
.lt2 .touchstonelist .item {
	font-size: 0.85rem;
}

.touchstonelist p.item
{
margin-bottom: 5px;
}

/* @end */

/* @group Utility classes */
.talkpostform h2 {
	margin-top:0;
}
body:not(.lt2) .talkpostform h2
{
font-size: 12px !important;
margin: 0 0 12px 0 !important;
padding: 0px;
}


.talkpostform .talkmsgtable h3 
{
font-weight: bold;
font-size: 10px;
margin: 0 0 5px 0 !important;
padding: 0;
}

.talkpostform p
{
margin: 0px 0 0px;
padding: 0;
}

.clear
{
width: 100%;
clear: both;
float: left;
}

.talkbuttons
{
margin-top: 10px;
position: relative;
	width:100%;
}

.tmt_cb_left {
	width: 99%;
}
.tmt_cb_right {
	width: 150px;
}
.tmt_hd_mainh {
	float:left;
}
.tmt_hd_tsh {
	float:right;
}

/* @end */
.lt2 .talkpostformbox {
	background-color: var(--lt-sidebar-tan);
	border-radius: var(--lt-border-radius);
}
.lt2 .talkpostform h3 {
	margin-bottom: 0.7em;
}
.lt2 .talkpostform h3 {
	margin-top: 0;
}
.lt2 .talkpostte {
	border-radius: var(--lt-border-radius);
}
.lt2 .talkmsgtable td {
	padding: 0;
}
.lt2 .touchstonelist .sample {
	margin-top: -0.5em;
	color: var(--lt-text-color);
}


@media (max-width: 767px) {
	.lt2 .talkpostformbox {
		min-width:unset;
	}

	.lt2 .talkmsgtable td {
		display:block;
	}
	.lt2 .tmt_cb_right {
		display:none;
	}
	.lt2 td#tmt_ts_cntr_0 {
		width: 100%;
		margin-top: var(--lt-padding);
		display:block;
	}
}