* { padding: 0; margin: 0; }
img { border: 0; }
*:focus { outline: none !important; }
html { font-family: 'Trebuchet MS', Arial; font-size: 100%; }
input, textarea, select { font-family: 'Trebuchet MS', Arial; font-size: 1em; }
body { font-size: 0.625em; overflow-y: scroll; }
html, body {  height: 100%; }
#wrapper { text-align: center; height: auto; min-height: 100%; }
#header h1, #filter, #footer, .rating .plus i, .rating .minus i, .black .color li.black, .grey .color li.grey, .white .color li.white, .blue .color li.blue, #previous, #next, #links li a, #add-banner-input i, #search-result table .button span i, .st { background: url('/i/sprite.png'); }
.clear { width: 100%; overflow: auto; }
/* .hidden { display: none; } */

a { color: #6DA3BD; }
a:hover { color: #4D7285; }
ul, ol { margin-left: 2.5em; font-size: 1.4em; color: #333; }
li { margin: .4em 0; }
h1, h2, h3, h4, h5 { font-weight: normal; margin: 1.2em 0 .6em 0; }
h1 { font-size: 3em; }
h2 { font-size: 2.4em; }
h3 { font-size: 2em; }
h4 { font-size: 1.8em; color: #666; }
h5 { font-size: 1.6em; color: #999; }
h6 { font-size: 1.4em; color: #999; }
p { font-size: 1.4em; margin: .6em 0; }
.invalid { border: solid 1px #f00; }
.valid { border: solid 1px #090; }

#header, #filter, #content, .banner-title, #description, #description-add, #comments, #other-content .page, #search-result { width: 895px; margin: 0 auto; text-align: left; padding: 0 40px; }
#search-result { padding: 0 !important; }
.content { padding: 0 40px; }
#header { height: 74px; position: relative; text-align: center}
#header h1 { position: absolute; left: 40px; top: 0; width: 204px; height: 34px; margin-top: 20px; overflow: auto; background-position: 0 -67px; }
#header h1 a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; }
/*#header ul { float: right; list-style: none; font-size: 1.4em; margin: 33px -10px 0 0; }*/
#header ul { list-style: none; font-size: 1.4em; position: absolute; top: 32px ; right: 185px; }
#header li { float: left; border-right: solid 1px #9ca0a2; height: 7px; overflow: visible; line-height: .4em; margin: 0; }
#header li.last { border: none; }
#header li a { color: #333; margin: 0 12px; }
.about .about a, .legal .legal a, .partners .partners a { text-decoration: none; color: #000; cursor: default; }

#small-loading-indicator { display: none; float: left; margin: 11px 0 0 -25px; }
#filter { height: 38px; width: auto !important; text-align: center; background-color: #e2e2e2; background-repeat: repeat-x; min-width: 895px; }
#filter p { width: 895px; margin: 0 auto; text-align: left; line-height: 38px; }
#filter label { color: #666; }
#filter select { margin: 0 15px 0 3px; width: 160px; }
#filter .button { margin: 0 !important; padding: 0 !important; background: none; border: none; color: #000; border-bottom: solid 1px #000; }

.name { margin: 32px 0 20px 0; }
.name h2 { font-size: 2.4em !important; font-weight: normal !important; margin: 0 !important; }
.name h2 a { color: #030e14; }
.name h3 { font-size: 3em !important; color: #c00 !important; margin: 0; }
.name p.date { color: #999 !important; font-size: 1.2em !important; margin: 0 !important; }
.name p.agency { color: #000; font-size: 1.4em; margin: .5em 0; }
#add-banner-agency { color: #6DA3BD; text-decoration: underline; }
#add-banner-categories, #add-banner-tags { color: #666; text-decoration: underline; }

#name-add label, #description-add label { display: block; font-size: 14px; color: #666; font-weight: normal; line-height: 1.6em; }
#name-add input { width: 500px; }
#name-add h2, #name-add h3 { margin-top: .3em; }
#name-add h2 input { color: #030e14; text-decoration: underline; }
#name-add h3 input { color: #c00; font-weight: bold; }

#banner-title, #banner-title-add { position: relative; }
.rating { position: absolute; right: 40px; top: 50px; }
#banner-title .rating { top: 20px; }
.rating strong { font-size: 6em; color: #999; margin-right: 95px; line-height: 1em; }
.rating a, .rating p { display: block; width: 57px; position: absolute; right: 0; padding-left: 25px; margin: 0; text-decoration: none; font-size: 2.4em; font-weight: bold; line-height: 1em; }
.rating a i, .rating p i, #search-result table .button span i { position: absolute; top: .1em; left: 0; width: 19px; height: 19px; overflow: hidden; text-indent: -9999px; }
.rating .plus, .rating .plus input { top: 0; color: #390; }
.rating .plus i { background-position: -340px -108px; }
.rating .minus, .rating .minus input { top: 1.3em; color: #eb1b26; }
.rating .minus i { background-position: -359px -108px; }
.rating input { width: 52px !important; margin-top: -.3em; }
#rating-add .plus { top: -.1em; }
#rating-add .minus { top: 1.4em; }

#gallery, #gallery-add { position: relative; min-width: 890px; min-height: 100px; padding: 20px 0 50px 0; margin-bottom: 50px; text-align: center; background-repeat: repeat-x; border-top: solid 1px transparent; border-bottom: solid 1px transparent; }
#gallery-add { margin-bottom: 0; min-height: 100px; }
div.black { background: #353e43 url('/i/black-bg.png') 0 0 repeat-x; }
div.grey { background: #c2c1c1 url('/i/grey-bg.png') 0 0 repeat-x; }
div.white { background: #fff; border-color: #ccc !important; }
div.blue { background: #c8ecf9 url('/i/blue-bg.png') 0 0 repeat-x; }

#previous, #next { position: absolute; top: 50%; width: 41px; height: 41px; margin-top: -20px; text-indent: -9999px; overflow: hidden; }
#previous { left: 35px; background-position: -340px -67px; }
#next { right: 35px; background-position: -381px -67px; }

.color { position: absolute; bottom: 10px; right: 20px; }
.color p { float: left; margin: 0; line-height: 29px; }
.grey .color p, .black .color p { color: #fff; }
.white .color p, .blue .color p { color: #000; }
.color ul { float: right; list-style: none; margin: 0; }
.color li { float: left; margin: 0 0 0 1em; padding: 3px; }
.color li a { display: block; width: 25px; height: 25px; overflow: hidden; text-indent: -9999px; }
.color li a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.color li.black a { background-color: #030e14; }
.color li.grey a { background-color: #666;}
.color li.white a { background-color: #fff;}
.color li.blue a { background-color: #bbe4f3;}
.black .color li.black, .grey .color li.grey, .white .color li.white, .blue .color li.blue { background-position: -422px -67px; }
#links { width: 895px; height: 30px; position: absolute; bottom: -30px; left: 50%; margin-left: -452px; }
#links ul { list-style: none; background-color: #ccc; height: 30px; float: left; padding: 0 14px; }
#links ul { border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; }
#links li { float: left; margin: 0 3px; }
#links li a { display: block; width: 16px; height: 16px; overflow: hidden; text-indent: -9999px; text-decoration: none; margin-top: 7px; }
#links li.s1 a { background-position: -378px -108px; }
#links li.s2 a { background-position: -394px -108px; }
#links li.s3 a { background-position: -410px -108px; }
#links li.s4 a { background-position: -426px -108px; }
#links li.s5 a { background-position: -442px -108px; }
#links li.s6 a { background-position: -458px -108px; }
#links li.s1 a:hover { background-position: -378px -124px; }
#links li.s2 a:hover { background-position: -394px -124px; }
#links li.s3 a:hover { background-position: -410px -124px; }
#links li.s4 a:hover { background-position: -426px -124px; }
#links li.s5 a:hover { background-position: -442px -124px; }
#links li.s6 a:hover { background-position: -458px -124px; }

#add-banner-input { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -50px; height: 41px; width: 41px; overflow: hidden; }
#add-banner-input input { position: absolute; top: 0; left: -400px; font-size: 3.6em; opacity: 0; filter: alpha(opacity=0); }
#add-banner-input i { display: block; width: 41px; height: 41px; overflow: hidden; position: absolute; top: 0; left: 0; background-position: -453px -67px; }
#description-add { margin-top: 2.5em; }
#description-add textarea { width: 100%; height: 200px; }
#description-add input { width: 100%; }
p.button { text-align: left !important; margin: 1em 0; }
p.button input { width: auto !important; }
#add-banner-message { display: none; }
/* Защита Flash от клика, убивает интерактив. #banner-add .alt, #banner .alt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('0.gif') 0 0 repeat; } */
#gallery-add p.message, #rating-message { display: none; }
.error { color: #f00 !important; font-size: 14px !important; }
.success { color: #090 !important; font-size: 14px !important; }
.wait { color: #666 !important; font-size: 14px !important; padding-left: 22px; background: url('/i/small-loading.gif') 0 0 no-repeat; }
#rating-message { position: absolute; bottom: -20px; right: 0; width: auto !important; text-align: right; font-size: 14px; font-weight: normal !important; }

#text-content { margin: 60px 0 25px 0; }

.tags a, .category a { color: #666; } 

.comment-form { width: 570px; }
.comment-form p { margin: .7em 0 !important; font-size: 1.4em !important; }
.comment-form label, .comment-form textarea { line-height: 1.5em; color: #030e14; }
.comment-form textarea, .comment-form input { width: 99%; }
.comment-form input.button { margin-top: .3em; width: auto !important; }
#comment-message, #comment-message-jump { display: none; }

#comments ul { list-style: none; font-size: 1em; margin: 0; }
#comments li { margin: 2.5em 0; }
#comments li li { margin-left: 3.5em; }
#comments ul p { margin: .3em 0; font-size: 1.2em; }

#comments ul p.title { font-size: 1.4em; }
#comments .title strong.name { color: #c00; position: static; margin: 0; }
#comments .title span.date { color: #999; font-size: .8em; margin: 0 .5em; }
#comments .title a.anchor, #comments p.send a, #name p.agency a, #comments span.comment-delete a, #text-content a, #listing .enabled a { color: #6da3bd; cursor: pointer; text-decoration: underline; }
#comments .title a.anchor:hover, #comments p.send a:hover, #name p.agency a:hover, #comments span.comment-delete a:hover, #listing .enabled a:hover, #text-content a:hover { color: #4d7285; }
#comments .title span.error, #comments .title span.wait { font-size: 13px; margin-left: 1em; color: #c00; }
#comments .title span.wait { color: #333; }
#comments span.comment-delete .yes, #comments span.comment-delete .no { color: #c00; text-decoration: underline; cursor: pointer; }
#comments span.comment-delete .no {  color: #060; }

#comments span.comment-delete { font-size: 13px; margin-left: 1em; cursor: pointer; }
#comments a.add-comment { color: #000; border-bottom: dashed 1px #000; }

#stopper { display: block; width: 100%; height: 50px; text-indent: -9999px; }

#footer { position: relative; height: 29px; margin-top: -29px; background-position: 0 -38px; background-color: #cd212a; text-align: left; padding: 0 40px; min-width: 895px; }
#footer ul { height: 29px; width: 895px; margin: 0 auto; list-style: none; border-left: solid 1px #ea6a71; font-size: 1.4em; overflow: hidden }
#footer li { float: left; line-height: 29px; padding: 0 15px; margin: 0; border-right: solid 1px #ea6a71; }
#footer li a { color: #fff; }
#footer p { position: absolute; right: 17px; top: 0; color: #fff; margin: 0; line-height: 29px; }
#footer p span { cursor: default; }

#auth { display: none; position: absolute; bottom: 35px; right: 20px; background-color: #dedede; padding: 15px 20px 10px 20px; }
#auth p { position: static; color: #000; margin: .5em 0; text-align: right; }
#auth p label { line-height: 1.2em; }
#auth input { width: 125px; }
#auth .tac input { width: auto; }
#auth .tac { text-align: center; }
#auth-message { display: none; text-align: left !important; }

#console { z-index: 9999; position: fixed; top: 0; left: 50%; margin-left: -212px; width: 300px; height: 60px; padding: 0 21px; background: url('/i/console.png') 0 -40px no-repeat; }
#console i.right { position: absolute; top: 0; right: 0; width: 21px; height: 60px; background: url('/i/console.png') 0 -640px; }
#console ul.container { list-style: none; width: auto; height: 60px; margin: 0; background: url('/i/console.png') 0 -340px repeat-x; }
#console li { padding: 0 10px; float: left; border-left: solid 1px #ccc; height: 58px; margin: 0; }
#console li:first-child { border: none; } 

#add-banner, #edit-banner, #remove-banner, #exit { display: block; width: 54px; height: 54px; text-decoration: none; cursor: pointer; overflow: hidden; text-indent: -9999px; background: url('/i/console-icons.png') 0 0 no-repeat; }
#remove-banner { background-position: -216px 0; cursor: default; }
.index #remove-banner { background-position: -162px 0; cursor: pointer; }
#edit-banner { background-position: -108px 0; cursor: default; }
.index #edit-banner { background-position: -54px 0; cursor: pointer; }
#exit { background-position: -270px 0; }
#other-content { display: none; }
#other-content .page { text-align: left; margin-top: 25px; text-align: justify; }

#search-result { margin-top: 30px; }
#search-result h1 { font-size: 2.4em; font-weight: normal; }
#serach-count { font-size: 1.4em; }
#serach-count span { color: #39f; }
#search-result table { width: 100%; border-collapse: collapse; }
#search-result th { font-size: 1.4em; line-height: 1.2em; font-weight: normal; color: #666; border-bottom: solid 1px #ccc; padding: 0 1.2em .7em 0; }
#search-result td { font-size: 1.4em; }
#search-result table p { font-size: 1em; margin-right: 1.5em; }
#search-result table a { color: #000; }
#search-result table a:hover { color: #333; }
#search-result table p.button { width: 100%; overflow: auto; white-space: nowrap; margin-right: 0; }
#search-result table span.date { color: #999; font-size: .9em; }
#search-result table .button { font-weight: bold; font-size: 1.6em; color: #999; }
#search-result table .button .score { font-size: 1.1em; }
#search-result table .button .plus { color: #390; }
#search-result table .button .minus { color: #eb1b26; }

#listing { margin: 1em auto; text-align: left; font-size: 1.4em; }
#listing strong { font-weight: normal; float: left; line-height: 1.2em; }
#listing ul { list-style: none; float: left; margin: 0; }
#listing li { position: relative; float: left; margin: 0 1px; font-size: .7em; }
#listing li a { display: block; width: 17px; height: 17px; border: solid 1px #ccc; background-color: #fff; text-align: center; color: #000; text-decoration: none; cursor: pointer; line-height: 1.2em; }
#listing li a:hover { background-color: #dedede; }
#listing li.cur a, #listing li.cur a:hover { background-color: #999; border-color: #999; color: #fff; cursor: default; }
#listing p { display: block; color: #ccc; margin: .6em 0 0 5.2em; font-size: 1em; }
#listing span a { color: #000; }
#listing .enabled a { text-decoration: none; cursor: pointer; }
#listing .enabled a.ul { text-decoration: underline; }
#listing .disabled a, #listing .disabled a.ul { text-decoration: none; cursor: default; color: #ccc; }

.ac_results { border: 1px solid #6e6e6e; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; margin: 0; }
.ac_results li { padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; margin: 0; }
.ac_odd { background-color: #fee2e2; }
.ac_over { background-color: #e66161; color: white; }

#vin-message td { line-height: 1em !important; padding-top: 15px; }

/* IE6 помогает веб-разработчику держаться в тонусе */
body { _overflow: auto; *overflow: auto; }
html, body { _height: auto; *height: auto; }
#header li a { _line-height: 1em; _position: relative; _top: -.1em; }
#filter { _line-height: .5em; }
#filter label { _position: relative; _top: -.2em; }
#filter select { _margin-top: 7px; }
#filter .button { _border: none; _text-decoration: underline; }
#filter .find { _width: 2.9em; }
#filter .find-all { _width: 6em; }
#footer { _margin-top: 0; _zoom: 1; }
#gallery, #gallery-add { _position: relative !important; _zoom: 1; }
#color { _width: 27em; *width: 27em; }
.rating { _margin-top: 30px; }
#console { _position: absolute; }
#previous { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/previous.png', sizingMethod='scale'); }
#next { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/next.png', sizingMethod='scale'); }
#add-banner-input i { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/upload-file.png', sizingMethod='scale'); }
.black .color li.black, .grey .color li.grey, .white .color li.white, .blue .color li.blue { _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/current-file.png', sizingMethod='scale'); }

#header li { *height: auto; _height: auto; *line-height: 1.2em; _line-height: 1.2em; }
#filter input.button { _height: 20px; *height: 20px; }
#filter input.w45 { _width: 45px !important; *width: 45px !important; }
#filter input.w90 { _width: 90px !important; *width: 90px !important; }

#other-content .page { _height: 300px; *min-height: 300px; }

#banner_au {display: inline-block; position: absolute; right: 45px; top: 18px}
#footer li.twitter a, #footer li.facebook a {margin: 7px 0 -7px; display: inline-block; text-decoration: none; width: 16px; height: 16px; background:url("/i/sprite_f.png") repeat scroll 0 0 transparent;}
#footer li.twitter a {background-position: 16px 0px}
#footer li.twitter a:hover {background-position: 16px 16px}
#footer li.facebook a {background-position: 0px 0px}
#footer li.facebook a:hover {background-position: 0px 16px}