/*--------------------------------------------------------------------------------------------------
	Thread
--------------------------------------------------------------------------------------------------*/

ul.thread, ul.thread-side, ul.thread-list {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

ul.thread > li, ul.thread-list > li {
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #eee;
	overflow: hidden;
	position: relative;
}
ul.thread > li:not(.mark) {transition: background-color 3s linear;}
ul.thread > li.mark {
	background-color: #e4ffbc;
}

ul.thread-side > li {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dashed #bbb;
	overflow: hidden;
}

ul.thread li.load, ul.thread-side li.load {
	border: 0;
	margin: 0px !important;
	padding-top: 0px !important;
}

ul.thread li.load { background: #eef0f3; padding: 0px; }
ul.thread li.load a { padding: 10px; display: block; text-align: center; }
ul.thread li.loaded { padding: 10px; text-align: center; color: #626262; }

ul.thread li:first-child, .thread-side li:first-child, ul.thread-list li:first-child { border: 0px !important; }

ul.thread .user-small { overflow: hidden; }
ul.thread-side .user-small { overflow: hidden; }

ul.thread .avatar img { border-radius: 3px; }

ul.thread .info { display: inline; line-height: 28px; padding: 0; }
ul.thread .info small span { white-space: nowrap; }
ul.thread .info-fixed { line-height: 12px; padding: 0; }
ul.thread .info img, ul.thread .info-fixed img { vertical-align: middle !important; }

ul.thread .rating { float: right; line-height: 28px; }
ul.thread .rating img { vertical-align: text-top; }

ul.thread .rating span { color: #999; }

ul.thread .post-text {
	margin-left: 10px;
	padding: 5px 5px 0px 0px;
	overflow-wrap: anywhere;
	text-align: justify;
	float: left;
}
#top-post-content ul.thread .post-text {cursor: pointer;}

ul.thread-wide .post-text {
	max-width: 750px;
}

ul.thread-side .post-text {
	padding: 5px 5px 0px 10px;
	width: 260px;
	overflow-wrap: anywhere;
	overflow: hidden;
}

ul.thread .post-text img { max-width: 100%; }
ul.thread-side .post-text img, ul.thread-side .post-text iframe { max-width: 100%; }

ul.thread li.l { padding: 15px 0 15px 0; /* border-left: 1px dashed #bbb; */ }
ul.thread li.deleted { opacity: 0.5; }

ul.thread-tree span.reply a { color: #000 !important; }

ul.post-images {
	list-style-type: none;
	margin: 0px 0px 0 0px;
	padding: 0;
	overflow: hidden;
}

ul.post-images li {
	margin: 1em 5px 0 0;
	float: left;
	position: relative;
}

ul.post-images li.m {
	margin: 1em 0 0 0;
	float: none;
}

ul.post-images li.m img { width: auto !important; height: auto !important; border: 0 !important; }

ul.post-images li img { width: 48px; height: 48px; border: 1px solid #bbb; }
ul.post-images li div, #video .video-image div div { position: absolute; top: 3px; right: 3px; }
ul.post-images li div img { width: 10px !important; height: 10px !important; border: 0 !important; }

#image-uploader {
	background: #eef0f3;
	padding: 30px;
	display: none;
}
#dialog-form-container #image-uploader {background: #ffffff;}

#image-uploader div.zone { border: 3px dashed #bbb; width: 100%; color: #bbb; text-align: center; }
#image-uploader div.form { margin: -30px; }
#image-uploader[class='drop'] div { background: url('/resource/image/icon/ajax.gif') center center no-repeat; }

#image-uploader[class='hover'] div { border: 3px dashed #339900; color: #339900; }

#thread-frame-align ul.thread-side .post-text { width: auto !important; }

#post-preview img { max-width: 100%; }

ul.thread span.post-controls { font-size: 1rem; background: #fff; display: none; }
span.post-controls a {padding: 0 5px;}

span.p, small.on { color: #339900 !important; }
span.m { color: #cc0000 !important; }
span.g { color: #596c84 !important; }
span.pale { color: #ccc !important; }

span.spoiler:not(:hover), span.spoiler:not(:hover) > a, span.spoiler:not(:hover) > span { background: #ccc; color: #ccc !important; }

ul.thread img.fave, ul.thread-side img.fave { vertical-align: top; cursor: pointer; }

ul.thread .thread-form { margin-top: 10px; margin-bottom: 10px; }

ul.thread a.video, ul.thread-side a.video { display: block; float: left; margin: 0 10px 10px 0; }
ul.thread a.video img, ul.thread-side a.video img { width: 64px; }

ul.thread-list a.video-right { display: block; float: right; margin-right: 10px; }
ul.thread-list a.video-right img { width: 64px; }

ul.thread-list .info { margin-left: 25px; }

.thread-form {
	overflow: hidden;
	padding: 10px;
	background: #eef0f3;
}

.thread-form .buttons { padding-left: 0px; }
.thread-form textarea { height: 30px; }

div.editor-buttons {
	background: #f8f9fa;

	border-radius: 3px;
	padding: 5px;
	margin: 0;
	outline: none;
}

#field-loader img { padding-right: 5px; }

div.editor-buttons i { padding: 2px; cursor: pointer;}
div.editor-buttons i.button:hover { background: #fff; }

ul.thread-type-list {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0 0 0 0 ;

	background: #f8f9fa;
	border-radius: 3px;

	overflow: hidden;
}

ul.thread-type-list h2 { padding-top: 10px; }

ul.thread-type-list li:first-child { border: 0px !important; }
ul.thread-type-list li a { display: block; text-decoration: none; padding: 10px 10px 10px 35px; background-repeat: no-repeat; background-position: 10px center; }
ul.thread-type-list li a:hover { background-color: #eef0f3; color: inherit; }
ul.thread-type-list li a.selected { background-color: #72839b; color: #fff; }
ul.thread .subtree { text-align: right; border-top: none; padding-top: 0px; margin-top: -20px; }

.quote { color: #626262; font-size: 0.9rem; padding-left: 5px; margin-left: 5px; margin-bottom: 5px; border-left: 1px solid #949494; }

ul.thread .video-block {
	position: relative;
}
ul.thread .video-block span {
	position: absolute;
	top: 5px;
	left: 5px;
	color: white;
}

/*--------------------------------------------------------------------------------------------------
	Ratings
--------------------------------------------------------------------------------------------------*/

span.object-rating-ruler {
	color: #fff !important;
	background-repeat: no-repeat;
	background-color: #cc0000;

	float: left;
	display: block;
	overflow: hidden;

	width: 90px;
	height: 2px;
}


.object-rating {
	padding: 3px;
	text-align: center;

	background: #f8f9fa;
	border-radius: 3px;
	overflow: hidden;
	min-height: 21px;
}

.object-rating > span:first-child { display: block; font-size: 18px; color: #191900; text-align: center; }

.rating-val { display: block; margin: -5px 3px 0 3px; float: left; color: #bbb; font-size: 0.9rem; }

img.rating-down { display: block; float: left; margin: -15px 5px 0 0 !important; vertical-align: baseline !important; }
img.rating-up { display: block; float: left; margin: -15px 0 0 5px !important; vertical-align: baseline !important; }
.rating-value {cursor: pointer;}

/*--------------------------------------------------------------------------------------------------
	Menu
--------------------------------------------------------------------------------------------------*/

div.user-small .info { padding-top: 2px; }
div.user-small .info-fixed { padding-top: 2px; max-width: 500px; float: left; }
.thread-wide div.user-small .info-fixed {max-width: 600px;}
div.user-small .avatar { float: left; padding-right: 8px; }

/*--------------------------------------------------------------------------------------------------
	 atwho
--------------------------------------------------------------------------------------------------*/

.atwho-view {
	position:absolute;
	top: 0;
	left: 0;
	display: none;
	margin-top: 18px;
	background: white;
	color: black;
	border: 1px solid #DDD;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	min-width: 120px;
	z-index: 11110 !important;
}

.atwho-view .atwho-header {
	padding: 5px;
	margin: 5px;
	cursor: pointer;
	border-bottom: solid 1px #eaeff1;
	color: #6f8092;
	font-size: 11px;
	font-weight: bold;
}

.atwho-view .atwho-header .small {
	color: #6f8092;
	float: right;
	padding-top: 2px;
	margin-right: -5px;
	font-size: 12px;
	font-weight: normal;
}

.atwho-view .atwho-header:hover {
	cursor: default;
}

.atwho-view .cur {
	background: #d9e6fc;
	color: white;
}
.atwho-view .cur small {
	color: white;
}
.atwho-view .cur strong {
	font: bold;
}
.atwho-view ul {
	list-style:none;
	padding:0;
	margin:auto;
	max-height: 200px;
	overflow-y: auto;
}
.atwho-view ul li {
	display: block;
	padding: 5px 10px;
	border-bottom: 1px solid #DDD;
	cursor: pointer;
}
.atwho-view small {
	font-size: smaller;
	color: #777;
	font-weight: normal;
}