@import url("style-base.css");
::-webkit-input-placeholder {color: #666;}
:-moz-placeholder {color: #666;}
::-moz-placeholder {color: #666;}
:-ms-input-placeholder {color: #666;}
body {color: #444; background: url("/images/bg.png") top left repeat-x #e6e2d2;}
a {color: #83390d;}
a:hover {color: #dc5807;}
/* header */
div.header {height: 145px;}
div.tbookshare {
	position: absolute;
	right: -5px;
	top: 5px;
	width: 184px;
	height: 40px;
	overflow: hidden;
}
div.logo {top: 5px;}
div.mback {
	position: absolute;
	top: 83px;
	width: auto;
	height: 49px;
	left: 0;
	right: 0;
	background:url("/images/mbg.png") top left repeat-x #3f1c20;
}
ul.topmenu {top:83px;}
ul.topmenu li a {
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 0 10px;
}
ul.topmenu li a:hover {color: #fce8c5;}
/* search field */
div.search {
	background: #f5f3ed;
	border-top: 2px solid #3c1920;
	border-bottom: 2px solid #5e3122;
	border-radius: 5px;
	right: 5px;
	top: 87px;
	height: 38px;	
}
div.search input.sf {color: #222; top: 10px;}
div.search button.sb {height: 38px; width: 38px;}
div.search button.sb:after {color: #572c23;}
.autocomplete-suggestions {border-color: #dacec4; background:#f5f3ed; margin-top: 10px;}
.autocomplete-suggestion {color: #444;}
.autocomplete-selected {background: #dacec5; color: #000;}
.autocomplete-suggestions strong {color: #c32d06;}
div.search.bottom {
	margin: 30px auto 30px auto;
	border: 2px solid #dacec5;
}
/* lang selector */
#lngselect {background:url("http://static.webclicks24.com/images/select-arrow-w.png") no-repeat 100% 50% #572c23; top: 46px; border: 1px solid #886453;}
#lngselect strong {color: #fff;}
#lngselect.down:after {border-bottom-color: #886453; top:28px;}
#lngselect ul {background-color: #572c23; border-color: #886453; top:34px;}
#lngselect ul li a {color: #fff;}
#lngselect ul li a:hover {color: #fce8c5;}
/* headers */
h1,h2,div.h {color: #8f5041; background:url("/images/hb.png") top left repeat-y;}
h1,h2 {font-size: 20px; font-weight: 400; padding: 0 5px; text-shadow: 0px 1px 0px #fff; text-align: left;}
div.h h1, div.h h2 {border: none; background: none;}
div.tbookshare {right: -5px;}
/* buttons */
div.durgrp {float: right;}
div.durgrp a {margin: 0 0 0 3px;}
div.pages {float: left;}
div.pages a, div.pages>span {margin: 0 3px 0 0;}
div.sort a, div.durgrp a, div.timerange a, div.pages a {background: #ece8d8; border: 1px solid #dacec5;}
div.sort a:hover, div.durgrp a:hover, div.timerange a:hover, div.pages a:hover {border: 1px solid #83390d; color: #222;}
div.sort a.current, div.durgrp a.current, div.timerange a.current, div.pages a.current {background: #fff; color: #222; border: 1px solid #dacec5;}
/* content and thumb categories */
ul.content li, ul.tcats li {border-color: #dacec5; background:url("/images/libg1.png") top left repeat-x #f6f4ef; text-shadow: 0px 1px 0px #fff;}
ul.content li h3 {color: #222; background: #f5f3ee; border-bottom: 1px solid #eeebe4; text-indent: 0;}
ul.content li h3:after {display: none;}
ul.content li span.tl {border-top: 1px solid #eeebe4;}
ul.content li span.dur, ul.tcats li span.cnt {text-shadow: none;}
/* icons */
ul.content li h3:after, ul.content li span.add:after, ul.content li span.src:after, ul.content li span.tl:after, div.related a:after, ul.relatedthumbs li h3:after {color: #dcb192;}
div.az ul li:after, div.related a:after {color: #c09d82;}
/* text categories */
div.az, div.tradeindex {
	padding: 5px;
	background:url("/images/libg1.png") top left repeat-x #f6f4ef;
	border:1px solid #dacec5;
}
div.az li > a {color: #000;}
div.az li > a:hover {color:#dc5807; text-decoration:underline;}
div.az li > span {color: #666;}
div.az ul li.letter {background: none; color: #8f5041;}
/* back to top button */
#back_to_top a#back-to-top {background: #83390d;}
/* banners */
.ads3b {border-color: #dacec5; background:url("/images/libg1.png") top left repeat-x #f6f4ef;}
div.tradeindex div.cont div.timg a img {border: 1px solid #666;}
div.tradeindex div.cont div.timg a:hover img {border: 1px dotted #666;}
ul.globaltop li {border-bottom: 1px dotted #e6e2d2;}



@media all and (max-width: 1000px) {
	h1,h2 {font-size: 20px;}
	ul.content li, ul.tcats li, ul.relatedthumbs li, ul.content li:hover, ul.tcats li:hover, ul.relatedthumbs li:hover {border-color: #e6e2d2; box-shadow: inset 0 0 1px #a28d7b;}
}
@media all and (max-width: 767px) {
	div.header {height: 140px; padding: 0;}
	div.mback {top: auto; bottom: 10px; height: 38px;}
	ul.topmenu {display: table; width: 100%; left: 0; top: auto; bottom: 10px;}
	ul.topmenu li {width: 33.333%; display: table-cell;}
	ul.topmenu li a {line-height: 38px; text-align: center; white-space: nowrap; overflow: hidden;}
	ul.topmenu li a.ext {display: block;}
	div.search {width: auto; position: absolute; left: 0; right: 0; top: 48px; box-sizing: content-box; -moz-box-sizing: content-box;}
	div.logo {top: 5px;}
	ul.content li a.report {color: #c09c82;}
	#lngselect {top: 5px; right: 5px;}
	#lngselect.down:after {right: 28px; top: 30px;}
	#lngselect ul {right: 0; top:38px;}
}
@media all and (max-width: 479px) {
	h1,h2 {font-size: 16px;}
	ul.topmenu li {width: 50%;}
	ul.topmenu li a.ext {display: none;}
	ul.topmenu li a {font-size: 13px;}
}