@import url("style-base.css");
::-webkit-input-placeholder {color: #ccc;}
:-moz-placeholder {color: #ccc;}
::-moz-placeholder {color: #ccc;}
:-ms-input-placeholder {color: #ccc;}
body {color: #666; background: url("/images/bg-body.jpg") repeat #e5e6e9;}
a {color: #35283c; transition: 0.3s all ease;}
a:hover {color: #ff5241;}
.main {background: #fff; padding-top: 4px; box-shadow: 0 0 5px #8a8a8a; margin-bottom: 20px;}
/* header */
div.head {background: url("/images/bg-header.jpg") 0 50% repeat-x #38283f; margin-bottom: 30px;}
div.header {height: 116px;}
div.logo {top: 30px;}
ul.topmenu {left: auto; right: 125px;}
ul.topmenu li a {color: #fff;}
ul.topmenu li a:hover {color: #ff5241;}
/* search field */
div.search {background: #1e1722; border-color: #4d3759;}
div.search input.sf {color: #fff;}
div.search button.sb {background: #1e1722;}
div.search button.sb:after {color: #fff;}
.autocomplete-suggestions {border-color: #4d3759; background: #1e1722;}
.autocomplete-suggestion {color: #ccc;}
.autocomplete-selected {background: #4d3759;}
.autocomplete-suggestions strong {color: #ff5241;}
/* lang selector */
#lngselect {background:url("http://static.webclicks24.com/images/select-arrow-w.png") no-repeat 100% 50%;}
#lngselect strong {color: #fff;}
#lngselect.down:after {border-bottom-color: #4d3759;}
#lngselect ul {background-color: #35283c; border-color: #4d3759;}
#lngselect ul li a {color: #fff;}
#lngselect ul li a:hover {color: #FF5241;}
/* headers */
h1,h2,div.related>span {font-size: 18px; font-weight: 400; letter-spacing: 0.2px; padding: 0 10px; color: #fff; background: url("/images/bg-heading.jpg") repeat #3a2d41;}
/* navigation */
div.sort a, div.durgrp a, div.timerange a, div.pages a {background: #dfe0e2; color: #000;}
div.sort a:hover, div.durgrp a:hover, div.timerange a:hover, div.pages a:hover {background: #35283c; color: #fff;}
div.sort a.current, div.durgrp a.current, div.timerange a.current, div.pages a.current {color: #fff; font-weight: 700; background: #ff5241;}
/* thumbs */
/*div.az, div.tradeindex {background: #fff; padding: 4px; border: 1px solid #d7e3e5; border-radius: 4px;}*/

/*ul.tcats li, ul.content li {padding: 2px;}
div.item {padding: 2px;}*/

div.item {border-color: #dfe0e2; background: #dfe0e2;}
ul.tcats li h3 {text-transform: capitalize; font-weight: bold;}
span.dur, span.cnt, span.hdlabel {right: 4px; bottom: 4px; border-radius: 0px; font-weight: normal; line-height: 13px;}
span.hdlabel {right: 50px; font-weight: bold;}
a.report {left: 4px; bottom: 4px; border-radius: 0px; color: #fff;}
.title {color: #111;}
.tl {line-height: 19px; margin-top: 0; display: block;}
/* icons */
.title:after, span.add:after, span.src:after, .tl:after, .tgl a:after, div.related a:after {color: #888;}
div.az ul li:after {color: #aaa;}
/* a-z */
div.az ul li.letter {color: #ff5241; font-weight: bold;}
/* toplist */
div.tradeindex div.cont div.timg img {border: 1px solid #dfe0e2; background: #dfe0e2;}
ul.globaltop li {color: #ff5241;}
/* back to top button */
#back_to_top a#back-to-top {background: #ff5241;}
/* adverisement */
.ads-bl {border-color: #dfe0e2; background: #dfe0e2;}

/* < 768
--------------------------------------------*/
@media all and (max-width: 767px) {
	ul.topmenu {left: 0; right: auto;}
	div.head {background: #38283f; border-bottom: 4px solid #7a697f;}
	div.header {height: 160px;}
	div.logo {left: 50%; margin-left: -51px; width: 102px; top: 40px;}
	div.logo a img {width: 102px;}
	div.search.top {top: 100px;}
}