@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: #666; background: #fff; text-shadow: 0 1px 0 #fff;}
a {color: #cf4a0a;}
a:hover {color: #000;}
/* header */
div.head {
	width: 100%;
	border-bottom: 2px solid #666;
	background: #202020; /* Old browsers */
	background: -moz-linear-gradient(top,  #494949 0%, #202020 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(100%,#202020)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #494949 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #494949 0%,#202020 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #494949 0%,#202020 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #494949 0%,#202020 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#202020',GradientType=0 ); /* IE6-9 */
	margin-bottom: 10px;
}
div.header {height: 110px;}
ul.topmenu li a {color: #fd8042; text-shadow: 0 -1px 1px #161616;}
ul.topmenu li a:hover {color: #fff;}
div.logo {top: 30px;}
/* search field */
div.search {background: #fff; border-color: #000; box-shadow: -1px 1px 2px #404040; border-radius: 3px;}
div.search input.sf {color: #222;}
div.search button.sb:after {color: #cf4a0a;}
.autocomplete-suggestions {border-color: #000; background:#fff;}
.autocomplete-suggestion {color: #222;}
.autocomplete-selected {background: #f0f0f0; color: #000;}
.autocomplete-suggestions strong {color: #cf4a0a;}
/* lang selector */
#lngselect {background:url("http://static.webclicks24.com/images/select-arrow-w.png") no-repeat 100% 50%;}
#lngselect strong {color: #fff; text-shadow:  0 -1px 1px #161616;}
#lngselect.down:after {border-bottom-color: #000;}
#lngselect ul {background-color: #fff; border-color: #000; border-radius: 3px;}
/* headers */
h1,h2,div.h {color: #f25f17; border-bottom: 1px solid #fcc4a8; border-left: 12px solid #fc9867;}
h1,h2 {font-size: 24px; font-weight: 400; padding: 0 10px;}
div.h h1, div.h h2 {border: none; background: none;}
div.tbookshare {right: -5px;}
/* buttons */
div.sort a, div.durgrp a, div.timerange a, div.pages a {
	border: 1px solid #ccc;
	text-decoration: none;
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8f8f8 0%,#e8e8e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	color: #666;	
}
div.sort a:hover, div.durgrp a:hover, div.timerange a:hover, div.pages a:hover {
	border: 1px solid #c0c0c0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	color: #cf4a0a;	
}
div.sort a.current, div.durgrp a.current, div.timerange a.current, div.pages a.current {
	color:#f8f8f8;
	background:#f25f17;
	border: 1px solid #cf4a0a;
	text-shadow: none;	
}
/* content and thumb categories */
ul.tcats li h3 {font-weight: bold;}
ul.content li, ul.tcats li, ul.relatedthumbs li {border-color: #e0e0e0; background: #f0f0f0;}
ul.content li:hover, ul.tcats li:hover {background: #f8f8f8;}
ul.content li h3 {background-color: #f8f8f8; border-bottom: 1px solid #e8e8e8;}
ul.content li span.dur, ul.tcats li span.cnt {text-shadow: none;}
ul.content li span.src a {color: #666;}
ul.content li span.src a:hover {color: #000;}
ul.content li span.tl {border-top: 1px solid #e8e8e8;}
ul.content li span.tl a,ul.content li span.tl span {}
ul.content li span.tl a:hover {}
ul.content li span.tl a.c {}
ul.content li span.hdlabel {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: #b0b0b0;}
div.az ul li:after, div.related a:after {color: #fc9867;}
/* text categories */
div.az ul li.letter {background: none; color: #f25f17; border-bottom: 1px solid #f0f0f0; padding-left: 2px; font-weight: bold;}
div.az ul li a {font-weight: bold; font-size: 13px; color: #444;}
div.az ul li a:hover {color: #cf4a0a; text-decoration: underline;}
/* back to top button */
#back_to_top a#back-to-top {background: #f25f17;}
/* banners */
.ads3b {border-color: #ccc; border-style: dotted; background: #fff;}
/* toplist */
div.tradeindex div.cont div.timg img {border: 1px solid #e0e0e0;}
div.tradeindex div.cont div.timg a:hover img {border: 1px solid #ccc;}
ul.globaltop li {border-bottom: 1px dotted #f0f0f0; color:#f25f17; font-size: 13px; font-weight: bold;}
ul.globaltop li a {color: #444;}
ul.globaltop li a:hover {color: #cf4a0a; text-decoration: underline;}


@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: #fff; box-shadow: inset 0 0 1px #888;}
}
@media all and (max-width: 767px) {
	div.header {height: 100px; background: none;}
	div.search {top:auto;}
	div.logo {top: 5px;}
	ul.content li a.report {color: #aaa;}
	ul.topmenu {right: 50px;}
}
@media all and (max-width: 479px) {
	h1,h2 {font-size: 16px;}
}
@media all and (max-width: 567px) {
	ul.topmenu {display: none;}
}