div.fo-msg blockquote {
	padding:5px; margin:5px;
	border:1px solid #999;
	background:#eee;}
div.fo-msg blockquote blockquote {background:#ddd;}
div.fo-msg blockquote blockquote blockquote {background:#ccc;}
div.fo-msg big {
	font-size:24px; }

div.fo-msg a.editl {
	font-style:italic;
	color:gray; }

form.fcompose textarea, form.fcompose input {
	margin:0 0 1em;}

@media only screen and (max-device-width:767px) {
	
	form.fcompose {
		max-width:100%;}
	form.fcompose input[type="text"], form.fcompose textarea {
		box-sizing:border-box;
		width:100%;}
}

div.fo-thread, .fo-empty {
	clear:both;}

div.fo-oomt {
	clear:both;
	margin-bottom:2em;}

/* all messages */
div.fo-msg {
	min-height:2em;
	margin-top:1em; margin-bottom:1em;
	padding-right:1em;
	height:auto;
	transition:height 0.2s, margin 0.2s, padding 0.2s ;
	background-color:white;
	overflow:hidden;}

div.fo-oomt div.fo-cur, div.fo-oomt div.fo-rep, div.fo-ooot div.fo-top, div.fo-ooot div.fo-par, div.fo-ooot div.fo-rep, div.fo-comp:hover {
	cursor:pointer; }
div.fo-oomt div.fo-cur:hover, div.fo-oomt div.fo-rep:hover, div.fo-ooot div.fo-top:hover, div.fo-ooot div.fo-par:hover, div.fo-ooot div.fo-rep:hover, div.fo-comp:hover {
	border-color:#3d79cc !important; }

div.fo-msg div.body {
	display:none;
	margin:0; }
div.fo-thread div.fo-top div.body, div.fo-thread div.fo-par div.body, div.fo-thread div.fo-cur div.body, div.fo-thread div.fo-rep div.body {
	display:block; }

/* top and current message (0 removed from current, very visible) */
div.fo-thread div.fo-cur, div.fo-thread div.fo-top {
	padding:0.75em 1em; }
div.fo-thread div.fo-top {
	border:1px dotted silver; }
div.fo-thread div.fo-cur {
	border:1px solid silver;
	min-height:90px; }
	
/* parent and direct replies (1 removed from current, visible but compact) */
div.fo-thread div.fo-rep, div.fo-thread div.fo-par, div.fo-act-form {
	padding-left:1em;
	border-left:1px solid silver; }

/* visual spacing tweak */
div.fo-thread div.fo-rep {
	margin-bottom:1.5em;}

/* 2 removed from current (show only '...') */
div.fo-thread div.fo-re2 {
	margin-top:0; margin-bottom:0;
	min-height:1em; height:1.5em; }
div.fo-thread div.fo-re2 div.fo-ath, div.fo-thread div.fo-re2 div.body {
	display:none; }
div.fo-thread div.fo-re2 div.fo-mor {
	display:block; }

/* 3 or more removed (invisible) */
div.fo-thread div.fo-rex {
	height:0; min-height:0; margin:0; /* display:none; */ } 
div.fo-thread div.fo-rex div.fo-ath {
	display:none; } 

/* depth indenting */
div.fo-thread div.fo-d1 {
	margin-left:1em; }
div.fo-thread div.fo-d2 {
	margin-left:2em; }
div.fo-thread div.fo-d3 {
	margin-left:3em; }
div.fo-thread div.fo-d4, div.fo-act-form {
	margin-left:4em; }
div.fo-thread div.fo-d5 {
	margin-left:5em; }
div.fo-thread div.fo-d6 {
	margin-left:6em; }
div.fo-thread div.fo-d7 {
	margin-left:7em; }
div.fo-thread div.fo-d8 {
	margin-left:8em; }
div.fo-thread div.fo-d9 {
	margin-left:9em; }
div.fo-d10, div.fo-d11, div.fo-d12, div.fo-d13, div.fo-d14, div.fo-d15, div.fo-d16, div.fo-d17, div.fo-d18, div.fo-d19, div.fo-d20 {
	height:0; min-height:0; margin:0; /* display:none; */ }

/* default author and more styles */
div.fo-msg div.fo-ath {
	float:right;
	width:100px;
	background-color:rgba(255,255,255,0.9);
	text-align:right;
	font-size:80%; }
div.fo-msg div.fo-ath img, 
div.fo-msg div.fo-ath br, 
div.fo-msg div.fo-ath span {
	display:none; }
div.fo-thread div.fo-cur div.fo-ath {
	min-height:70px; }
div.fo-thread div.fo-cur div.fo-ath img, 
div.fo-thread div.fo-cur div.fo-ath br, 
div.fo-thread div.fo-cur div.fo-ath span {
	display:inline; }
div.fo-msg div.fo-ath img {
	margin:0.5em 0; }

div.fo-thread div div.fo-act {
	color:gray;
	display:block;
	margin:0.5em 0 0; }
div.fo-thread div div.fo-act a {
	margin:0 0.5em 0 -0.5em;
	padding:0.5em; }
	
div.fo-thread div.fo-msg div.fo-act a {
	text-decoration:none;
	color:silver; }
div.fo-thread div.fo-msg:hover div.fo-act a, 
div.fo-ooot div.fo-cur div.fo-act a {
	text-decoration:underline;
	color:#3d79cc; }

div.fo-thread div.fo-mor {
	display:none; }

div.fo-his {
	transition:height 0.2s;
	overflow:hidden;
	display:none;
	margin:0 0 1em;}
div.fo-his p.minfobox {
	float:right; 
	margin:0px; }
div.fo-his p.mrb {
	margin:2em 0;}
div.fo-his .editdate {
	margin:0 0 1.5em;
	height:1em;}
div.fo-his .editdate p {
	display:inline;
	color:gray;
	font-style:italic;
	background-color: white;
	padding-right:0.5em;}
div.fo-his .editdate div {
	border-top:1px silver solid;
	height:1px;
	margin-top:-0.5em;}
@media only screen and (max-device-width:767px) {
	div.fo-his .editdate {
		margin:2em 0;}
	div.fo-his .editdate p {
		font-size:85%;}
}

div.fo-act-form, div#fo-compose {
	clear:both;
	display:none; }
div#fo-compose form fieldset {
	display:block;
	margin-bottom:2em;
	border:1px silver solid; 
	padding:1em;}
div#fo-reply form textarea, div#fo-compose form textarea {
	width:85%; 
	height:10em;}
div#fo-compose form input[type="text"] {
	width:85%;}
div#fo-report form textarea {
	width:85%; 
	height:2em;}
div.fo-msg p.fo-sbj {
	font-weight:bold;
	font-size:115%;
	margin:0 0 0.5em;}
div.fo-rt {
	color:gray;}
div.fo-rl.fo-cur {
	border-style:dotted !important;}
div.fo-rl div.fo-rl-from {
	color:silver;
	font-style:italic;}
div.fo-rl div.fo-act, div.fo-rl div.fo-act a {
	display:none;}


/* compact, for highlighting most recent */
div.fo-comp {
	display:block;
	min-height:1em;
	margin-top:1em; margin-bottom:1em;
	padding-left:1em;
	padding-right:1em;
	height:1.3em;
	transition:height 0.2s, margin 0.2s, padding 0.2s ;
	background-color:white;
	overflow:hidden;
	border-left:1px solid silver; }
div.fo-comp div.fo-ath  {
	float:right;
	margin-right:-1em;
	padding-left:1em;}
div.fo-comp div.fo-ath a, div.fo-comp div.fo-ath img, div.fo-comp div.fo-ath br  {
	display:none;}
div.fo-rece div.fo-ath .fo-dates {
	font-weight:bold;
	color:black;}



p.fo-empty {
	padding:4em;
	color:gray;
	font-style:italic;}

i.loading {
	display:block;
	margin:2em;}
i.fo-cont {
	color:gray;}

#f-tips-a {
	color:gray;
	float:right;}
#f-tips-a:hover, #f-sub a:hover, #f-overv a:hover {
	text-decoration:underline;
	color:#3d79cc;}
#f-tips {
	padding:0 0 0.5em;
	display:none;}
#f-sub, #f-overv {
	margin-left:1em;
	float:right;}
#f-sub a, #f-overv a {
	text-decoration:none;
	font-size:80%;
	color:silver;}
#f-sub i {
	font-style:normal;
	font-weight:bold;
	color:ForestGreen;
	display:none;}

li.f-emot span {
	display:inline-block;
	width:8em;
	margin-right:1em;}
