BODY {background: #FFF; padding: 0; margin: 0; font: 75% Tahoma, Arial, Helvetica, sans-serif; min-width:980px} .allpage {width:1236px; height:auto; min-height:100%; margin:0 auto} * html .allpage {height:100%} .allpageinner {padding-bottom:58px; position:relative} *+ html .allpageinner {float:left; width:100%} /* for IE7 */ * html .allpageinner {float:left; width:100%} /* for IE6 */ .footer{float:left;width:100%;width:expression((documentElement.clientWidth||document.body.clientWidth)>1004?'':'1004px');min-width:1004px;height:47px;margin:-47px auto 0 auto;position:relative; font-family:Arial, Helvetica, sans-serif} .footer a{color:#027CB2;text-decoration:underline;} .footer a:hover{text-decoration:none;} .footerinner{border-top:1px solid #737373;padding:0 15px;font-size:11px;} .bottommenu{margin:0 320px 0 130px;text-align:center;padding:15px 0 0 0;color:#5b5c5c;font-size:8px;} .bottommenu A{margin:0 2px;vertical-align:1px;font-size:11px;} .footer IMG{vertical-align:middle;margin-right:5px;} .footer .fl{padding-top:15px;} .footer .fr{padding-top:6px;} SPAN.ver {color: #fff} TD, TH, UL, OL, LI, INPUT, TEXTAREA, SELECT, LABEL, BUTTON {font:normal 1em tahoma,verdana,arial,sans-serif} UL, DL {margin:0; padding:0; list-style-type:none} FORM {margin:0} IMG {border:0} A {color:#4a88ca} A:hover {text-decoration:none} .blue {color:#4d5d80} .orange {color:#f0b033} .fl {float:left} .fr {float:right} .cb {clear:both} .float100 {float:left; width:100%} .clear {width:100%; clear:both; font-size:0; line-height:0} .ac {text-align:center} .ar {text-align:right} .pr {position:relative} .nowrap {white-space:nowrap} .text {border:1px solid #c6cef2; padding:1px 6px} .button {overflow:visible} INPUT, SELECT {vertical-align:middle} TABLE {border-collapse:collapse} .font7 {font-size:0.7em} .font9 {font-size:0.9em} .font14 {font-size:14px} .p6 {padding:6px} .pb1 {padding-bottom:1px} .pb3 {padding-bottom:3px} .pb4 {padding-bottom:4px} .pt2 {padding-top:2px} .mb5 {margin-bottom:5px} .mb10 {margin-bottom:10px} .mb15 {margin-bottom:15px} .mb20 {margin-bottom:20px} .m_0_a {margin:0 auto} .col180 {float:left; width:180px; overflow:hidden} .col800 {float:left; width:784px; padding-left:16px} .col256 {float:left; width:240px; padding-left:16px} .col240 {float:left; width:240px} .col740 {float:left; width:724px; padding-left:16px} .col1236 {float:left; width:1236px} .col1040 {float:left; width:1040px; padding-left:16px} .col1040 .col800 {padding-left:0} /* иконки */ INPUT.auth_login, INPUT.auth_pass, SPAN.lang, UL.genre LI A, A.ago, A.post, B.post, A.punkt, DIV.tringle I, A.spam, DIV.sizer A, DIV.sizer B, .prev_links A I, A.del, DIV.search_select UL I, DIV.buttons A {background: url(i/triangle.gif) no-repeat} /* языки */ SPAN.lang {background-position: -1px 6px; margin: 0 10px 0 2px; padding: 0 3px 0 2px} SPAN.langs {display: none} SPAN.langsv {position: absolute; left: -40px; top:-8px; background:#FFF; border: 1px solid #C6CEF2} SPAN.langsv A {display: block} A.lang {background:url(i/ru.gif) no-repeat; text-decoration: none; padding: 0 0 0 23px; margin: 3px} A.lang:hover { background-color: #EDF0F8} A.ru {background-position: 3px 2px} A.en {background-position: 3px -12px} A.ua {background-position: 3px -26px} A.es {background-position: 3px -40px} .small {font-size:85%} .hr {border-bottom:1px solid #D2D6DF; margin-bottom:3px} /* Поиск */ .search {padding-top: 2px} /* ДЛЯ ПОЛЯ ПОИСКА */ DIV.search_select {position: absolute; border: 1px solid #6B7AA3; padding: 5px; background: #fff; text-align: left; top:20px; right: 0; width: 170px; z-index: 2} *html DIV.search_select {left: 0; margin: 0 0 0 -184px} .search_select UL A I {position: absolute; left: 0; width: 16px; height: 16px} .search_select UL {list-style: none; margin: 0; padding: 0} .search_select UL A {text-decoration: none; margin: 0; color: #6B7AA3; width: 90%; display: block; position: relative; padding: 3px 0 3px 19px; cursor: pointer;} .search_select UL A:hover {color: #000; background: #EDF0F7} INPUT.search_text {width: 100px; border: 2px inset ThreedFace; border-left: none} INPUT.search_pic {background: Window url(i/triangle.gif) no-repeat; border: none; width: 17px; float:left;} INPUT.search_pic.album {background-position: -261px -129px} INPUT.search_pic.nick {background-position: -1px -129px} INPUT.search_pic.photo {margin:0; background-position: -300px -129px} INPUT.search_pic.city {background-position: -280px -129px} INPUT.search_pic.equipment {background-color: #fff;background-image: url(/images/photo_search_icon.gif); background-position: -1px -2px} /* / ДЛЯ ПОЛЯ ПОИСКА */ H1 {font-size:1.2em; color:#4d5d80; margin:0; padding:0 0 10px 0} .bluebox {background-color:#edf0f8; border:1px solid #c8d0f3; margin-bottom:8px} .shadow {width:100px; height:113px; padding:9px 13px 0 9px; background:url(/images/bg.png) no-repeat 0 -63px} .bluebox .shadow {background:url(/images/bg.png) no-repeat -122px -63px} .shadow TD {width:100px; height:100px; padding:0; text-align:center} .close {position:absolute; right:4px; bottom:4px; display:block; width:70px; height:70px; background:url(i/con_close.gif) no-repeat 0 0} .loginbox {height:126px; padding:5px 6px 0 7px; font-size:11px; margin-bottom:8px} .loginbox .text {width:150px; font-size:13px; margin:0} .loginbox SELECT {width:164px; border:1px solid #c6cef2} .entrybutton {width:162px; height:19px; border:0; background:url(/images/bg.png) repeat-x 0 -25px} .avatar {float:left; width:57px; height:57px; padding:1px 0 0 1px; background:url(/images/bg.png) no-repeat -201px 0; margin-bottom:5px} .avatar TD {width:52px; height:52px; padding:0; text-align:center} .avatar TABLE {width:auto} .loginbox .rightbox {float:left; width:103px; padding-left:3px; overflow:hidden} .competition {height:381px; _height:244px; padding:1px 6px 0 6px; overflow:hidden} .competition H2 {padding-bottom:3px} .competition .shadow {width:93px; height:91px; background-position:0 -185px; margin-top:3px} .competition .shadow TD {width:93px; height:80px} .liderbox {width:260px; height:260px; overflow:hidden; margin-bottom:9px} .lider {width:240px; height:240px; padding:10px} .lider TD {width:240px; height:240px; padding:0; text-align:center} .liderlinks {height:20px; margin-top:-18px; background-color:#edf0f8; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; font-weight:bold; font-size:14px; text-align:center} .liderlinks A {color:#000; text-decoration:none} .smallmap {float:right; border:1px solid #c8d0f3} .camera {float:left; width:460px; height:276px; overflow:hidden; padding:0 0 0 50px; text-align:center} .cameracol {float:left; padding:0 15px} .camera .shadow {margin:5px 0} .buttonlink {display:block; width:201px; height:22px; padding-top:3px; background:#f1c458 url(/images/bg.png) no-repeat 0 0; text-align:center; text-decoration:none; color:#000; font-size:14px; margin:3px auto 0 auto} .camera .shadow {width:90px; height:86px; background-position:-115px -185px} .camera .shadow TD {width:90px; height:73px} .newsline {height:127px; overflow:hidden} .newstop {padding:3px 6px 0 6px; color:#4d5d80; font-weight:bold} .newstop H2 {padding-bottom:3px} .newsbox {float:left; width:254px; padding:6px 0 0 6px; font-size:0.9em} .newsbox .shadow {float:left} .newstext {float:left; width:148px; padding-left:5px; overflow:hidden} .more {clear:both; padding:0 6px 0 0; text-align:right; line-height:11px} .more A {line-height:11px} .newsbox .shadow {width:81px; height:90px; padding:5px 9px 0 5px; background-position:0 -285px} .newsbox .shadow TD {width:81px; height:81px} .genrelist {float:left; width:33%; margin-top:-20px} .genrelist DT {font-size:0.9em; font-weight:bold; padding:20px 0 10px 20px} .genrelist DD {font-size:0.9em; margin:0 0 0.3em 0; padding-left:20px} .bigphotoboxtop {padding:3px 6px 0 6px; color:#4d5d80; text-align:center; font-weight:bold} .bigphotoboxtop H2 {padding-bottom:0} .bigphotobox {clear:both; margin-left:-10px; margin-right:-1px; height:502px; font-size:14px} .photo {float:left; width:240px; margin:9px 0 1px 9px; //margin:9px 0 -2px 9px} .photo IMG {border:2px solid #666} .photo .cover {height:46px; margin-top:-46px; _margin-top:-48px; background-color:#666; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; position:relative;} .photo .info {height:41px; margin-top:-46px; padding-top:5px; position:relative} .photo .info LI {width:222px; padding-left:9px; white-space:nowrap; color:#fff; overflow:hidden} .photo .info A {font-weight:bold; color:#fff} .thebest {float:left; width:194px} .thebest H2 {padding:5px 0 10px 5px} .pedestal {padding-top:100px; background:url(/images/pedestal.png) no-repeat 50% 0; text-align:center} .pedestal DIV {height:26px} .topphoto {float:left; lwidth:1236px; margin-left:-40px; padding:10px 0} .topphoto LI {float:left; width:135px; padding-left:70px; overflow:hidden; text-align:center; font-weight:bold; font-size:0.9em} .topphoto .shadow {margin:0 auto 3px auto} .topphoto .title {white-space:nowrap; font-size:1.1em; padding-bottom:10px} .girl {background:url(i/triangle.gif) no-repeat -1px -112px; padding-left:11px} .boy {background:url(i/triangle.gif) no-repeat -1px -95px; padding-left:11px} /* old CSS */ SPAN.photoarhive {font-size: 11px} .c_hack {width: 100%; float: left; padding: 2px 0 0 0;} .c_text {padding: 0 7px 0 0} /* КОЛОНКИ */ .c_left {width: 190px; float: left} .c_center {margin-left: 200px} .c_right {width: 240px; float: right} /* Бэкграунды и рамки */ .forumblue {background: #F7F7F7} .blue, .pole_b, .dpole_b {background: #EDF0F8} .white, .pole_w, .pole_wn, .dpole_w {background: #FFF} .pole_b, .pole_w {border: 1px solid #C6CEF2; padding: 7px 10px 10px 15px} .non_t {border-top: none; position: relative} .col180 .pole_b, .col180 .pole_w {padding:6px; margin-bottom:8px} .non_b {border-bottom: none} .pole_wn {border: 1px solid #C6CEF2; padding-top: 10px} /* Заголовки */ H2 {font-size:1.2em; color:#4d5d80; margin:0; padding:0 0 10px 0} OUTGROUP {font-style: normal; font-weight: normal} /* Сглаженый угол для блоков */ DIV.ugol {position: relative; top: 4px; height: 4px; width: 4px; font-size: 3px; background: url(i/border.gif) no-repeat 0 0} /* ВКЛАДКИ */ UL.inset_b, UL.inset_w {list-style: none; margin: 10px 0 0; padding: 0 0 4px 0; border-bottom: 1px solid #C6CEF2} UL.inset_w {padding-left: 10px} UL.inset_b A, UL.inset_w A {text-decoration: none; color: #6D8BA7} UL.inset_b A:hover, UL.inset_w A:hover {text-decoration: none; color: #000} UL.inset_b LI, UL.inset_w LI {display: inline; background: url(i/border.gif) no-repeat 0 0; border: 1px solid #C6CEF2; border-top: none; border-left: none; padding: 5px 9px 4px 11px; margin: 0 -3px 0 0; color: #6D8BA7; cursor: pointer} UL.inset_w LI {background-color: #EDF0F8} UL.inset_b LI {background-color: #FFF} UL.inset_w LI.act {color: #000; border-bottom: 1px solid #FFF; background-color: #FFF; cursor: auto} UL.inset_b LI.act {color: #000; border-bottom: 1px solid #EDF0F8; background-color: #EDF0F8; cursor: auto} *html UL.inset_b LI, *html UL.inset_w LI {margin: 0} /* После вкладок*/ .dpole_b, .dpole_w {border: 1px solid #C6CEF2; border-top: none; margin: 0; padding: 5px 9px 5px 9px} /* стили форм */ FORM {margin: 0; padding: 0} INPUT.button {background: ThreedFace} *INPUT.check, *INPUT.radio {background: transparent} INPUT.auth_login {background-color: white;background-position: -313px -166px} INPUT.auth_pass {background-color: white;background-position: -313px -183px} INPUT.log {margin-top: 3px} INPUT.search_tringle {background: ThreedFace url(i/triangle.gif) no-repeat 3px 6px; width: 18px} *html INPUT.search_tringle { background-position: 1px 6px} /* Поиск */ .search {padding-top: 2px} /* ДЛЯ ПОЛЯ ПОИСКА */ DIV.search_select {position: absolute; border: 1px solid #6B7AA3; padding: 5px; background: #fff; text-align: left; right: 0; width: 170px; z-index: 2} *html DIV.search_select {left: 0; margin: 0 0 0 -184px} .search_select UL A I {position: absolute; left: 0; width: 16px; height: 16px} .search_select UL {list-style: none; margin: 0; padding: 0} .search_select UL A {text-decoration: none; margin: 0; color: #6B7AA3; width: 90%; display: block; position: relative; padding: 3px 0 3px 19px; cursor: pointer;} .search_select UL A:hover {color: #000; background: #EDF0F7} I#fm_21 {background-position: -1px -128px} I#fm_22 {background-position: -261px -128px} I#fm_23 {background-position: -301px -128px} I#fm_24 {background-position: -281px -128px} I#fm_25 {background-color: transparent;background-image: url(/images/photo_search_icon.gif);background-position: -2px 0px} I#fm_26 {background-color: transparent;background-image: url(/images/lock_copyright.gif);} I#fm_27 {background-color: transparent;background-image: url(/images/award_star_01.png);} I#fm_28 {background-color: transparent;background-image: url(/images/forum.gif);} I#fm_29 {background-color: transparent;background-image: url(/images/photo_add.gif);} I#fm_30 {background-color: transparent;background-image: url(/images/video_add_03.gif);} /* смс лидер */ TD.sms_lider {background: #FCECCA url(i/sms_bg.jpg) no-repeat; width: 274px; height: 271px; text-align: center} TD.sms_lider IMG {border: 1px solid #C9BCA1; border-bottom: #FFFFF2; border-right: #FFFFF2} /* подложка */ TABLE.bordur {background: #fff; width: 118px; height: 118px; margin-top: 7px} TABLE.bordur TD {padding: 6px 6px 4px 6px; border: 3px double #C0C0C2; text-align: center;} *html TABLE.bordur TD {padding-bottom: 6px} .xmiddle TABLE.bordur {width: 167px; height: 167px;} .xmiddle DIV {width: 167px;} /* если нуна 3 ячейки */ TABLE.three TD {width: 33%} TABLE.three TD TABLE TD {width: auto} /* если нуна 4 ячейки */ TABLE.four TD {width: 25%;} TABLE.four TD TABLE TD {width: auto;} /* загрузка фоток */ TABLE.upload {width: 387px; margin-top: 4px} DIV.upload {margin-top: 4px} *html TABLE.upload {width: 392px} /* Коменныты */ DIV.alb_name {height: 18px; overflow: hidden} TD.com_pic {width: 72px; vertical-align: top} TD.com_messege {vertical-align: top;} .com_messege DIV {padding: 2px 4px 2px 4px} .com_messege DIV.right {color: #6D8AA8} .com_messege INPUT {margin: auto; margin-left: 10px} *.com_messege INPUT {margin-top: -2px} TD.com_messege span { display:block; max-width:650px; word-wrap:break-word; word-break:break-all; } /* Новинки сбоку */ TABLE.novinka {margin: 2px 0 13px 0} /* Пока не понятно, типа заменитель таблиц */ .left_pos {float: left} /* Меню жанров */ DIV.genre {padding: 7px 6px 6px 6px} DIV.genre H2 {padding-bottom: 7px} UL.genre {margin: 0; padding: 0; list-style: none} UL.genre LI {border-top: 1px solid #EDF0F8} UL.genre LI A {text-decoration: none; color: #4D5D80; background-position: -1px -26px; padding-left: 10px; line-height: 170%} UL.genre LI A:hover {color: #D86600; background-position: -1px -10px} .genre OL {margin: 0; padding: 5px 0 7px 24px; list-style: none; display: none} .genre OL LI {border: none} .genre OL LI.current {list-style: square} .genre LI.act {background: #FFF; border: 1px solid #C6CEF2; margin-left: -3px; margin-right:-3px; margin-bottom: 5px} .genre LI.act A {text-decoration: none; color: #000; border: none; background-position: -357px 6px; margin-left:2px} .genre LI.act A:hover {border: none; color: #000; color: #D86600} .genre LI.act OL A {margin: 0; padding: 0; text-decoration: underline; background: none; border: none; color: #4A88CA; line-height: 140%} .genre LI.act OL A:hover {color: #D86600; border: none} .genre LI.act OL {display: block} /* теги */ .tags A {text-decoration:none; margin:0 5px; padding:1px} .tags A:hover {color:#fff; background-color:#4A88CA} .tag8 {font-size: 70%; color:#091632} .tag9 {font-size: 85%} .tag10 {font-size: 90%} .tag11 {font-size: 100%} .tag12 {font-size: 11%0} .tag13 {font-size: 120%} .tag14 {font-size: 130%} .tag15 {font-size: 140%} .tag16 {font-size: 155%} .tag17 {font-size: 170%} .tag18 {font-size: 180%} .tag19 {font-size: 195%} .tag20 {font-size: 200%} .tag21 {font-size: 215%} .tag22 {font-size: 225%} .tag23 {font-size: 235%} .tag24 {font-size: 250%} .tag25 {font-size: 260%} .tag26 {font-size: 270%} .tag27 {font-size: 280%} .tag28 {font-size: 290%} .tag29 {font-size: 300%} .tag30 {font-size: 310%} .tag31 {font-size: 320%} /* юзер */ A.girl, A.boy {font-weight: bold; padding-left: 11px} A.girl {background-position: -1px -111px} A.boy {background-position: -1px -94px} A.post {padding: 0 5px; background-position: 100% -150px; text-decoration: none; display:inline-block;} .small A.boy {background-position: -1px -95px} .small A.post {background-position: 100% -152px} .small A.girl {background-position: -1px -112px} /* о пользователе */ .userInfo {width:620px} .userInfo TD {padding: 2px 0 2px 5px} .userInfo TD.w130 {padding-left: 0} .userAvat {position: absolute; text-align: center; width:116px; height:116px; padding:2px 6px 6px 2px; right: 10px; top: -65px; background:url(i/bgprofile.png) no-repeat 0 0} .userAvat IMG {max-height:100px; max-width:100px; overflow:hidden} .userAvat A.boy, .userAvat A.girl {display:inline-block; max-width:80px; overflow:hidden; vertical-align:-1px} .userAvat A.post {vertical-align:1px} TABLE.genre_list TD {width: 33.3%; padding-top: 12px; vertical-align: top} TABLE.genre_list TD DIV {display: list-item; list-style-type: square; margin: 0 5px 0 15px; padding: 0; color: #6D8BA7} TABLE.genre_list TD DIV SPAN {color: #000} /* таблица содержащая форму */ .form TD {padding-bottom: 10px; vertical-align: top} INPUT.radio{vertical-align: bottom} /*настройка копирайта */ .copyr {width: 402px} .copyr INPUT {width: 284px} .copyr_m {width: 105px} .copyr_v SELECT {width: 120px} .copyr_v .radio {vertical-align: middle} /* красочки */ TABLE.color_selecter {width: auto; border-collapse: separate} .color_selecter TD {width: 12px; height: 8px; font-size: 10px; padding: 0; border: 1px solid black; cursor: pointer} TABLE.color_other {margin: 2px} .color_other TD {padding: 2px 4px} TD.sel_col {width: 26px; background: #000} INPUT.percent {width: 25px} DIV.new_color {margin: 2px 0 1px 0} DIV.new_color INPUT.text {width: 65px} /* ватермарка */ DIV.foto_primer {width: 390px; background: #D4E5D5; border: 1px solid #ADCEB3; height: 300px; position: relative} DIV.foto_primer DIV {position: absolute; left: 2px; width: 386px; height: auto; z-index: 2} DIV.foto_primer DIV.topLeft{top: 2px; text-align: left} DIV.foto_primer DIV.topRight{top: 2px; text-align: right} DIV.foto_primer DIV.topCenter{top: 2px; text-align: center} DIV.foto_primer DIV.bottomLeft{bottom: 1px; text-align: left} DIV.foto_primer DIV.bottomRight{bottom: 1px; text-align: right} DIV.foto_primer DIV.bottomCenter{bottom: 1px; text-align: center} DIV.foto_primer DIV.centerCenter{top: 111px; text-align: center} DIV.foto_primer DIV.centerRight{top: 111px; text-align: right} DIV.foto_primer DIV.centerLeft{top: 111px; text-align: left} /* DIV.foto_primer DIV IMG {width: 107px; height: 43px} */ /* платные сервисы */ SPAN.billing_code {background: #ECEFF6; border: 1px solid #C6CEF3; padding: 5px 10px ; line-height: 2em; font-size: 130%} /* Инфа об альбоме */ TABLE.album_info TD {vertical-align: top} .album_info TD.cover {width: 120px} TD.cover TABLE.bordur {margin: 0} .album_info TD.info {padding: 0 0 0 7px} .album_info TD.info TD {padding-right: 10px} .album_info TD.info DIV.info_pad {padding: 0 0 0 10px} .album_info TD.info DIV.dark {border-left: 6px solid #EDF0F7; padding: 0 0 0 5px; margin: 0 0 10px 0} .unfo_names {width: 70px} DIV.tringle A {padding-left: 20px; line-height: 20px; position:relative; display:inline-block} DIV.tringle A I {position: absolute; width: 17px; height: 17px; top:3px; left:0} DIV.tringle A I#ff_comments {background-position: -125px -153px} DIV.tringle A I#ff_print {background-position: -192px -153px} A.spam {text-decoration: none; color: red; background-position: 4px -62px} /* Размеры превьюшек */ DIV.sizer A, DIV.sizer B {padding: 0 7px; text-decoration: none} DIV.sizer A:hover, DIV.sizer B {background-color: #C7CDF1} DIV.sizer A.smal, DIV.sizer B.smal{background-position: -167px -176px} DIV.sizer A.middle, DIV.sizer B.middle{background-position: -184px -176px} DIV.sizer A.large, DIV.sizer B.large{background-position: -201px -176px} DIV.sizer A.xlarge, DIV.sizer B.xlarge{background-position: -218px -176px} /* Добавить фото в альбом*/ SPAN.dop_photo {position: relative; top: 27px; font-size: 110%} /* Превью фоток */ DIV.clear {clear: both} DIV.ph_small_old {float: left; width: 133px; padding: 0 0 20px 0; height: 160px} div.ph_small {float:left;height:auto; min-height:160px; _height:160px;padding:0 0 20px;width:133px;} DIV.ph_concurs {height: 190px} *DIV.ph_small {width: 133px; height: 150px} DIV.ph_middle {float: left; width: 260px; padding: 0 0 20px 0; height: 290px} DIV.ph_large {float: left; width: 530px; padding: 0 0 30px 0} DIV.ph_xlarge {float: left; width: 780px; padding: 0 0 30px 0; position: static} /* Превью фрейм */ DIV.ff_hack_frame{width: 100%; //margin-right: -100%} DIV.photo_frame {background: #EDF0F8; overflow: auto; height: 115px; width: 100%} *html DIV.photo_frame {overflow-y: hidden} TABLE.photoframe {background: #EDF0F8; width: auto} .photoframe TD {vertical-align: top; padding-bottom: 8px} .photoframe TD.select {background: #EACFB1} .photoframe TD.select IMG {border: 3px double #fff} .photoframe TD DIV {margin: 0 5px} .photoframe TD DIV.num {background: #fff; text-align: right; font-size: 11px; margin: 0 0 10px 0; padding-right: 7px; color: #D2D5DC} @media all and (min-width: 0px){ div.ff_hack_frame {float:left; overflow:hidden; padding-bottom:15px} .square {position:relative} } /* Opera */ /* превью фото ссылки*/ .preview_links TD {vertical-align: top; padding: 0 10px 0 0} TD.prev_links {background: #EDF0F8; width: 180px; padding: 7px 0 5px 10px} .prev_links A {padding-left: 23px; line-height: 22px; position:relative} .prev_links a i {width:18px; height:18px; position:absolute; left:0} *html .prev_links A I {margin: 0 0 0 -22px} .prev_links .line {position:relative} .prev_links .line A {position:static} .prev_links .line A I {_left:23px} .prev_links A I#ff_contest {background-position: -266px -151px} .prev_links A I#ff_fullsize {background-position: -241px -151px} .prev_links A I#ff_favorite {background-position: -216px -152px} .prev_links A I#ff_photoprint {background-position: -192px -152px} .prev_links A I#ff_mobile {background-position: -169px -152px} .prev_links A I#ff_letter {background-position: -145px -154px} .prev_links A I#ff_paint {background-position: -123px -152px} /* звездочки рейтинга */ DIV.ratig A{background: url(i/star.gif) no-repeat; padding: 0 8px 0 8px; font-size: 17px; text-decoration: none;} DIV.ratig A.half{ background-position: 0 -20px} DIV.ratig A.empty{ background-position: 0 -38px} DIV.ratig A.golos{ background-position: 0 -59px} /* ввод коментов */ TABLE.add_coment {width: auto} .add_coment TD {vertical-align: top; padding-right: 10px} .add_coment TD TEXTAREA {width: 317px; margin-bottom: 7px; padding: 0} .add_coment TD DIV.smiles {width: 176px} .add_coment TD DIV.smiles A {width:40px; height:30px; display:block; float:left; text-align:center; margin:2px 4px 2px 0px} .add_coment TD DIV.smiles IMG {cursor:pointer} /* метки при загрузке */ A.del {padding: 0 5px; background-position: -22px -152px; text-decoration: none} .photos_upload {width: 350px} INPUT.upload {margin-right: 70px} *html INPUT.upload {margin-right: 57px} /* кнопочки для редактирования */ DIV.buttons {margin: 4px 0 0 0} DIV.buttons A {padding: 0 6px; text-decoration: none} DIV.buttons A#b_del {background-position: -67px -176px} DIV.buttons A#b_left {background-position: -131px -176px} DIV.buttons A#b_right {background-position: -147px -176px} DIV.buttons A#b_edit {background-position: -19px -176px} DIV.buttons A#b_play {background-position: -83px -176px} DIV.buttons A#b_pause {background-position: -99px -176px} DIV.buttons A#b_reverse {background-position: -35px -176px} DIV.buttons A#b_reverse_non {background-position: -51px -176px} /* конкурсные пометки */ B.uo {padding: 0 4px; line-height: 20px; font-size: 80%} B.uo_good {background: #000} B.uo_del {background: #EE1E1E} B.uo_ok {background: #28BD18} B.uo_non {background: #4A88CA} .uo_del {color: #EE1E1E} .uo_ok {color: #28BD18} .uo_non {color: #4A88CA} /* кнопки голосования */ DIV.golos {margin: 5px 0} /* поле переименования фоты */ DIV.renamer {background: #EDF0F8; width: 110px; border: 1px solid #C6CEF2; position: absolute; padding: 4px 8px; margin: -7px 0 0 -12px; display: none} *+html DIV.renamer {margin-left: -14px} *+html DIV.renamer INPUT.text {width: 77px; margin-left: 14px} DIV.renamer INPUT.text {width: 67px} *html DIV.renamer INPUT.text {width: 77px; margin: 0 0 0 14px} DIV.renamer.show {display: block} /* Попапы подгружаемые аяксом */ DIV.popup {position: absolute; width: 450px; border: 1px solid #C6CEF2; background: #EDF0F8; padding: 3px 5px; margin: -4px -6px; display: none; z-index: 52} DIV.popup.original {margin-left: -450px} DIV.popup.original div.right {padding-right: 6px} *html DIV.popup.original {margin-left:-450px; margin-top: -7px} DIV.popup.act{display: block} DIV.popup.original.act{display: inline} /* закрытые конкурсы на главной */ DIV.contest_close {position: absolute; background: url(i/con_close.gif) no-repeat; height: 70px; width: 70px; margin: -62px 0 0 41px} DIV.contest_close {*margin: 41px 0 0 -66px} html:first-child DIV.contest_close {margin: -63px 0 0 38px} /* что то для корзины печати */ .for_print {font-size: 85%; width: 65px; padding: 3px 0 0 0} .print_prev {padding: 2px 7px; height: 150px; vertical-align: top} .print_prev SPAN {padding: 0 0 0 5px; line-height: 25px} .print_prev DIV.no_permit{color: #EE691E; padding: 0 0 5px 5px} /* и что то для календарей */ SPAN.caldar {line-height: 180%} IMG.wizard_pic {position: absolute; z-index: 1} IMG.wizard_abl {position: absolute; z-index: 2} .rel {position: relative} /* для форума */ .editingbar {line-height: 27px} .editingbar input {background:transparent url(i/forum/forum_but.gif) repeat scroll 0%; border:medium none; height:22px; width:22px} #i0 {background-position:0pt} #i1 {background-position:-22px 0pt} #i2 {background-position:-44px 0pt} #i3 {background-position:-66px 0pt} #i4 {background-position:-88px 0pt} #i5 {background-position:-110px 0pt} #i6 {background-position:-132px 0pt} #i7 {background-position:-154px 0pt} #i8 {background-position:-176px 0pt} #i9 {background-position:-198px 0pt} /* голосование на форуме */ DIV.voting_line {background: transparent url(i/forum/voting_line.gif) repeat-x; font-size:90%; line-height:90%} /* ВЕЗДЕСУЩЕЕ */ TABLE {width: 100%; border: 0; border-collapse:collapse} TABLE TD {padding: 0} IMG {border: none} A.ago {padding-right: 12px; background-position: 100% -80px} A {color: #4A88CA} A:hover {color: #D86600} A.maroon {color: red} A.punkt {text-decoration: none; background-position: -12px -42px} A.punkt:hover {background-position: -12px -10px} A.no_link {text-decoration: none; color: #000} .big {font-size: 115%} .small {font-size: 85%} .left {text-align: left} .right {text-align: right} .center {text-align: center} /* UL {margin: 0; padding: 0 5px 0 17px; list-style: square; color: #6D8BA7} */ UL LI DIV {color: #000; padding-bottom: 7px} .hr {border-bottom: 1px solid #D2D6DF; margin-bottom: 3px} .red {color: Red} .black {color: #000} .dark {color: #4D5D80} /* темно синяя ссылка */ .light {color: #4A88CA} /* светло синяя ссылка */ .dn {display: none} .ds {display: block} .dn.act {display: block} /* отступы */ .pad {padding: 5px 10px} .mar {margin: 5px 10px} .sms_top{padding: 0 10px} .forum TD {padding: 10px; vertical-align: top} .prevlarge {padding-top:5px} .h250 {height: 250px} .w130 {width: 130px} .w250 {width: 250px} .wp50 {width: 50%} .wp100 {width: 100%} /* рсс в заголовках */ A.rss {display:inline-block; width:17px; height:17px; text-decoration: none; background: url(i/rss.gif) no-repeat 0 0} /* .avatar {width: 100px; margin:10px auto 5px auto; padding: 10px} *html .avatar {margin: 10px 0 5px 0} */ /* сортировка */ .sort A {margin: 4px 5px} .sort SPAN {background: #EDF0F8; padding: 4px 5px} .sort A.act {background: #EDF0F8; padding: 4px 5px; margin: 0; display: inline; text-decoration: none; color: #000} *html .sort SPAN {line-height: 24px} /* вывод ошибок */ DIV.error {background: #FDF2D9; border: 1px solid #FFE2A4; padding: 5px 10px 10px 10px} DIV.error UL {list-style: decimal; color: #000; margin: 5px 10px 5px 10px} DIV.information{margin: 0 20px 10px 20px; border-left: 6px solid #FFAA00; padding: 10px} DIV.forum_quote {border: 1px dashed #DCDCDC; border-left: 5px solid #DCDCDC; background: #F2F2F2; margin: 10px 10px 0 10px ; padding: 10px; color: #666; word-break: break-all} DIV.forum_quote DIV.forum_quote, DIV.forum_quote DIV.forum_quote DIV.forum_quote DIV.forum_quote {background: #fff} DIV.forum_quote DIV.forum_quote DIV.forum_quote {background: #F2F2F2} /* квадратные превьюшки */ DIV.square {width: 66px; height: 66px} .square IMG {width: 60px; height: 60px; z-index: 1; position: static; border: 3px double #90B7D4} .square A:hover {height: 60px} .square A:hover IMG{width: auto; height: auto; position: absolute; z-index: 2} DIV.square3 {width: 66px; height: 66px} .square3 IMG {width: 60px; height: 60px; z-index: 1; position: static; border: 3px double #90B7D4} .square3 A:hover {width: 60px; height: 60px} .square3 A:hover IMG{width: 60px; height: 60px; border: 3px double orange} TD.priv_avatar {width: 125px; background: #EDF0F8; padding: 10px 0 10px 0; vertical-align: top} /* Постраничность */ TABLE.numeric {width: auto} .numeric A {color:#4D5D81; text-decoration:none} .numeric TD.pager {padding:3px 0 3px 0; text-align: center} .numeric TD.pager A {padding: 2px 4px 2px 4px} .numeric TD.pager A:hover {background: #EDF0F9; color:#4D5D81} .numeric TD.pager SPAN {border: 1px solid #C8CCEF; background: #EDF0F9; color:#4D5D81; padding: 2px 4px 2px 4px} /* подсказки для тегов */ DIV#ff_tags_suggest {overflow:hidden; background-color: #ffffff; border: 1px solid #C6CEF2; position: absolute; z-index: 2;} DIV#ff_tags_suggest A {color: #4D5D80; text-decoration: none; display: block; padding: 2px 3px} DIV#ff_tags_suggest A:hover {color: #D86600; background: #EDF0F8; cursor: pointer} DIV#ff_tags_suggest A.select {color: #D86600; background: #EDF0F8} /* Растяжка на странице просмотра фотографий */ DIV#stretchalbum_banner {display: block; width: 100%;} /* Заголовок на странице просмотра фотографий */ TABLE#foto_page_table {width: auto} TABLE#foto_page_table H1 {padding:0; vertical-align:middle} /* Баннер под окном логина */ DIV#loginbottom_banner {display: block; width: 190px;} /* Растяжка в шапке */ DIV#stretchheader_banner {display: block; width: 100%;} /* привязка дивов */ DIV.flright {float: right} DIV.flleft {float: left} /* скачивание архивов */ I#ff_downloads {background-color: transparent;background-image: url(/images/download.gif);width:17px;height:17px;} .leftmargin200 {margin-left:200px;} /* cover */ .popup_cover { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 500px; background-color: #cccccc; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; } /* orange link */ .orange {color:#ff8000} /* print cart */ .ph_small2 {height:230px !important; _height:180px; padding:0 !important} *.ph_small2 {width: 133px; height: 180px} .bordur2 {table-layuot:fixed; border-collapse:collapse; margin:0} TABLE.bordur2 TD {width:100px; height:132px; _height:114px; padding:6px 6px 0 6px; vertical-align:top} .bordur2 .small {float:left; width:100px; white-space:nowrap; overflow:hidden} /* friends */ .fixcol1, .fixcol2 {table-layout:fixed} .col2 {width:80px} .col4 {width:110px} .col5 {width:80px} .fixcol1 DIV, .fixcol2 DIV {overflow:hidden} /* market */ .fl {float:left} .fr {float:right} .float100 {float:left; width:100%} .width49pc {width:49%} .p5 {padding:5px} .pt5 {padding-top:5px} .mb5 {margin-bottom:5px} .mb20 {margin-bottom:20px} .width42 {width:42px} .width90pc {width:90%} .font11 {font-size:1.1em} .breadcrumbs {padding-bottom:10px} .articleview {float:left; width:307px} .photobox {float:left; width:200px; height:200px; border:1px solid #c6cef2; margin-bottom:3px; position:relative} .photobox .lupa {display:block; width:23px; height:24px; background:url(/images/lupa.png) no-repeat 0 0; ; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/lupa.png'); -background:none; position:absolute; bottom:5px; right:5px; cursor:pointer} .smallphoto {float:left; width:105px; text-align:center} .smallphoto IMG {margin-bottom:2px} .addlink {background:url(/images/icon_market.gif) no-repeat 0 0.1em; padding-left:20px; margin-left:10px} .articleright {margin-left:307px} .bannerplace {float:left; width:100%; padding-bottom:7px; overflow:hidden} .bannerplace DIV {background:url(/images/bg_informer.png) no-repeat 0 6px; padding-left:14px} .who {float:left; width:100%; background-color:#edf0f8; lpadding:5px} .who B {display:block; font-size:1.3em} .who .boy, .who .girl {margin-right:5px} .bluebutton, .bluebutton:hover {display:block; width:188px; height:22px; padding-top:3px; background:#0a77d5 url(/images/bluebutton.png) no-repeat 0 0; color:#fff; text-decoration:none; font-size:17px; font-weight:bold; text-align:center} .bluebutton220, .bluebutton220:hover {display:block; width:220px; height:22px; padding-top:3px; background:#0a77d5 url(/images/bluebutton.png) no-repeat -319px 0; color:#fff; text-decoration:none; font-size:17px; font-weight:bold; text-align:center} .who .clear {padding-bottom:5px} .pointerlink {background:url(/images/icon_market.gif) no-repeat 100% -20px; padding-right:10px} #description_, #property_, #review_, #sample_ {display:none} .tabs {float:left; width:100%; padding:0 0 10px 0; font-size:16px; font-weight:bold} .tabs A {display:block; float:left; padding:3px 0; text-decoration:none; border-bottom:1px dashed #4a88ca; margin:0 9px; cursor:pointer} .tabs A:hover {border-color:#D86600; color:#D86600} .tabs .active, .tabs .active:hover {background-color:#edf0f8; color:#000; padding:3px 9px; margin:0; border:none; cursor:text} .textblock {padding-bottom:5px} .propertytable {table-layout:fixed} .col1 {width:60%} .col2 {width:40%} .propertytable TH {text-align:left; font-weight:bold; padding:5px 10px; background-color:#edf0f8; border-top:10px solid #fff; border-bottom:5px solid #fff; font-size:1.1em} .propertytable TD {vertical-align:bottom; padding:5px 0 0 0} .propertytable .left {background:url(/images/bg_table.gif) repeat-x 0 100%; padding-right:10px; overflow:hidden} .propertytable SPAN {background-color:#fff} .propertytable .left SPAN {padding-left:10px} .com_messege .ratig {padding:0 0 0 10px} .goodssearchbox {float:left; width:100%; background:url(/images/bluepoint.gif) repeat-y 240px 0} .producers {margin-left:265px} .goodssearch {float:left; width:220px; margin-left:-100%} .goodssearchbox STRONG {display:block; margin-bottom:10px; font-size:1.1em} .goodssearch TD {padding:0 5px 10px 0; text-align:right} .goodssearch SELECT {width:110px} .producers TABLE {width:auto} .producers TD {padding:0 15px 5px 0} .producers .producerslist {width:100%; overflow:hidden} .absence {position:relative; text-align:right} .absence div.popup.act {display:none; width:247px; top:0; right:6px; text-align:left} .photosgoods {border-collapse:separate} .photosgoodstd {width:33%; border:1px solid #c6cef2; text-align:center; padding-top:5px; font-size:1.1em} .photosgoods TABLE {margin:0 auto; width:auto} .photosgoods .fl {width:96px; overflow:hidden; margin:8px 5px 10px 5px} .photosgoods IMG {width:90px; height:90px; border:3px double #ccc} .ratigsmall A {background:url(/images/star_small.png) no-repeat 0 0; font-size:14px; padding:0 6px; text-decoration:none} .ratigsmall A.half{ background-position: 0 -16px} .ratigsmall A.empty{ background-position: 0 -32px} .ratigsmall A.golos{ background-position: 0 -48px} .bluebutton129 {width:129px; height:25px; border:0; background:url(/images/bluebutton.png) no-repeat -189px 0; color:#fff; font:bold 17px arial} .goodsline {float:left; width:100%; padding-bottom:10px} .goodsline IMG {width:90px; height:90px; border:3px double #ccc; margin:0 5px 10px 14px} .doodsinfo {_height:1px; margin-left:120px} .goodsline STRONG {display:block; font-size:1.2em; font-weight:normal; padding-bottom:10px} /* Popup */ .popupblock {display:none; z-index:2; width:100%; width: expression((documentElement.clientWidth||document.body.clientWidth)>1004?'':'1004px'); min-width:1004px; height:100%; background:#666; position:fixed !important; position:absolute; top:0; left:0; right:0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5} .popupiframe {display:none; z-index:3; top:0; left:0; bottom:0; position:absolute; height:100%; filter:alpha(opacity=0); -moz-opacity:0; opacity:0} .popupbox {display:none; z-index:4; width:100%; position:absolute; padding-top:50px; color:#000; top:0; left:0; right:0; /*filter:alpha(opacity=100); opacity:100%*/} .width650 {width:650px} .shadowtable {border-collapse:collapse; margin:0 auto} .shadowtable TD {padding:0} .tl, .tr, .bl, .br, .l, .r, .t, .btm {line-height:14px; overflow:hidden} .tl {width:14px; width:14px; background:url(/images/s_tl.png) no-repeat 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_tl.png'); //background:none} .tr {width:14px; width:14pxx; background:url(/images/s_tr.png) no-repeat 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_tr.png'); //background:none} .bl {width:14px; width:14px; background:url(/images/s_bl.png) no-repeat 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_bl.png'); //background:none} .br {width:14px; width:14px; left:100%; background:url(/images/s_br.png) no-repeat 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_br.png'); //background:none} .t {background:url(/images/s_t.png) repeat-x 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_t.png'); //background:none} .l {background:url(/images/s_l.png) repeat-y 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_l.png'); //background:none} .r {background:url(/images/s_r.png) repeat-y 100% 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_r.png'); //background:none} .btm {background:url(/images/s_b.png) repeat-x 0 100%; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/s_b.png'); //background:none} .middle {background-color:#fff} .shadowboxinner {position:relative; padding:0 0 30px 0} .popuptitle {height:60px; position:relative; padding-top:17px; background:url(/images/logo.png) no-repeat 10px 10px; text-align:center} .popup_close {position:absolute; top:-20px; right:-20px} .popup_close DIV {width:31px; height:31px; background:url(/images/close.png) no-repeat 0 0; //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/close.png'); //background:none} .popup_close A {display:block; position:relative; width:31px; height:31px} .controls {margin:0; padding:0; list-style-type:none; background-color:#CC33CC} .controls LI {position:absolute; z-index:10; width:43px; height:34px; top:50%; left:-8px; margin-top:-34px; background: url(/images/prev-next.gif) no-repeat 0 0; cursor:pointer; text-indent:-9999px; font-size:0} .controls .next-image-logic {background-position:-43px 0; left:auto; right:-8px} .picture-placer {width:500px; height:400px; text-align:center; padding:0 60px 20px 60px} .picture-placer IMG {cursor:pointer} TABLE.pict IMG {display:block; margin:10px auto} .thumbs-placer {margin:0 auto; padding:0; text-align:center} .thumbs-placer LI {display:inline; width:69px; margin:0 4px; padding-bottom:5px; text-align:center} .thumbs-placer .cur {border-bottom:3px solid #4a88ca} .thumbs-placer IMG {cursor:pointer} .thumbs-placer .cur IMG {cursor:default} .closeicon {position:absolute; top:-20px; right:-20px} .closeicon DIV {width:31px; height:31px; background:url(/images/close.png) no-repeat 0 0} .closeicon A {display:block; position:relative; width:31px; height:31px} .mapbar {position:absolute; top:6px; left:140px} .mapbar .text {border-color:#a5acb2; vertical-align:middle} .mapbar .whitebutton {width:154px; height:19px; border:2px solid #000; background-color:#fff} /* /Popup */ /* large spam icon */ A.lspam {display:inline-block; width:17px; height:17px; text-decoration: none; background: url(/images/icon_spam_17x17_01.gif) no-repeat 0 0} /* Albums list */ .pb5 {padding-bottom:5px} div.alb_list {margin-left:110px; min-height:114px} .photoinfo {float:left; border-collapse:collapse; margin-top:0px;} .photoinfo TD {padding:0; vertical-align:bottom} .basket {color:#ff8000; background:url(/images/new_backet_orange.gif) no-repeat 0 2px; padding-left:21px} .load {background:url(/images/icons_download.gif) no-repeat 2px 4px; padding-left:21px} .preview {float:left; width:104px; height:104px; overflow:hidden; padding:1px; background-color:#90b7d4} .preview TABLE {width:104px; background-color:#fff; border-collapse:inherit} .preview TD {width:104px; height:102px; //height:100px; padding:0; border:1px solid #90b7d4; background-color:#edf0f8; text-align:center} .preview A {display:block; font-size:0; line-height:0} /* Print cart */ .usermenu .basketicon, .usermenu .basketicon:hover {display:inline-block; background:#fff url(/images/basket.gif) no-repeat 5px 7px; border:1px solid #c6cef2; padding:5px 4px 5px 22px; vertical-align:top; margin:-6px 0 0 0; _margin:-3px 0 0 0; color:#000} .usermenu .basketicon.full, .usermenu .basketicon.full:hover {background:#fff url(/images/basket.gif) no-repeat 5px -43px; color:#D86600} .messaga {width:100%; float:left; overflow:hidden} .messaga TEXTAREA {width:98%} /* News */ .ac {text-align:center} .mb20 {margin-bottom:20px} .bluetitle {float:left; width:100%; position:relative; padding-bottom:15px} .bluetitle H1 {color:#4a88ca; font-size:1.3em} .bluetitle .rss {width:17px; height:17px; top:0; right:0; padding:0; background-position:0 0} .newsmenu {float:left; width:100%; border-collapse:collapse} .newsmenu TD {padding:0 0 15px 0; text-align:center} .newsmenu A {font-size:16px; font-weight:bold; text-decoration:none; border-bottom:1px dashed #4a88ca} .newsmenu A.current {background-color:#edf0f8; color:#000; border:0; padding:3px 8px} .newsline2 {float:left; width:100%; padding-bottom:20px} .newsline2 IMG {float:left; width:90px; height:90px; border:3px double #ccc; margin:0 10px 5px 0} .newsline2 h2 {font-size:1.2em; font-weight:normal; padding-bottom:5px} .date {color:#4d5d80} .news H2 {color:#333333; font-size:1.3em; margin-bottom:5px} .news .date {margin-bottom:5px} .news IMG {float:left; margin:0 10px 10px 0} /* кнопка одноклассников */ .odkl-klass-s, .odkl-klass { display:-moz-inline-stack; display:inline-block; *display:inline; vertical-align:middle; overflow:hidden; text-indent:-3000px; zoom:1; *text-indent:0; *font:0/0 Arial; } .odkl-klass { width:105px; height:18px; background:#f93 url(/images/odnoklassniki.png) no-repeat; } /* .odkl-klass-s { width:16px; height:16px; background:#f93 url(odkl_klass_s.gif) no-repeat; } .odkl-klass:hover {background-color:#fbba3e;} */ /* new preview */ .prewievbox {float:left; width:100%; height:95px; margin:0 0 3px 0} .prewievbox .prew {float:left; width:31px; height:85px; background-color:#edf0f8; border-right:1px solid #c8d0f3} .prewievbox .next {float:right; width:31px; height:85px; background-color:#edf0f8; border-left:1px solid #c8d0f3} .prewievbox .prew B, .prewievbox .next B {display:block; background:url(/images/bg_prewievbox.png) no-repeat; cursor:pointer} .prewievbox .prew B.disabled, .prewievbox .next B.disabled {cursor:auto} .prewievbox .prew .scrollleft {width:31px; height:65px; background-position:0 0} .prewievbox .prew .scrollleft:hover {background-position:-62px 0} .prewievbox .prew .scrollleft.disabled, .prewievbox .prew .scrollleft.disabled:hover {background-position:-124px 0} .prewievbox .next .scrollright {width:31px; height:65px; background-position:-31px 0} .prewievbox .next .scrollright:hover {background-position:-93px 0} .prewievbox .next .scrollright.disabled, .prewievbox .next .scrollright.disabled:hover {background-position:-155px 0} .prewievbox .prew .scrollleft2 {width:31px; height:20px; background-position:0 -65px} .prewievbox .prew .scrollleft2:hover {background-position:-62px -65px} .prewievbox .prew .scrollleft2.disabled, .prewievbox .prew .scrollleft2.disabled:hover {background-position:-124px -65px} .prewievbox .next .scrollright2 {width:31px; height:20px; background-position:-31px -65px} .prewievbox .next .scrollright2:hover {background-position:-93px -65px} .prewievbox .next .scrollright2.disabled, .prewievbox .next .scrollright2.disabled:hover {background-position:-155px -65px} .photoband {height:83px; background-color:#edf0f8; border:solid #c8d0f3; border-width:1px 0; overflow:hidden; position:relative} .photoband UL {position:absolute; left:0; top:0; width:7600px} .photoband LI {float:left; width:71px; height:74px; padding:9px 0 0 5px} .photoband LI.current {background-color:#eacfb1} .photoband LI DIV {width:62px; height:62px; padding:1px; border:1px solid #93b8d5} .photoband LI.current DIV {border-color:#fff} .photoband IMG {width:60px; height:60px; border:1px solid #93b8d5; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5} .photoband A:hover IMG {filter:alpha(opacity=100); -moz-opacity:1; opacity:1} .photoband LI.current IMG {border-color:#fff; filter:alpha(opacity=100); -moz-opacity:1; opacity:1} .indicator {position:relative; width:248px; height:5px; background-color:#edf0f8; border:1px solid #c8d0f3; margin:3px auto 0 auto} .indicator B {position:absolute; display:block; width:4px; height:5px; background-color:#1749b6} .indicator I {position:absolute; display:block; width:4px; height:5px; background-color:#f99018} /* loadup-fix */ .LoadupClient .videoComments .commentsList .avatar {background:none;} /* maps */ .pl10 {padding-left:4px} .mr10 {margin-right:10px} .albumcover {float:left; width:114px; height:114px; padding:1px; background-color:#fff; border:1px solid #c0c0c2; margin-bottom:5px} .albumcover DIV {height:100px; padding:6px; border:1px solid #c0c0c2} .albumcover TABLE {width:100px; margin:0 auto} .albumcover TD {width:100px; height:100px; padding:0; text-align:center} .albuminfo .info {float:left; width:261px; padding-left:17px; margin-bottom:5px} .albumtitle {width:623px; font-size:18px; white-space:nowrap; overflow:hidden; padding-bottom:5px; position:relative} .albumtitle B.cover {display:block; position:absolute; top:0; right:0; width:20px; height:20px; background:url(/images/transparent_gradient.png) repeat-y 100% 0} .bigrss {display:inline-block; width:24px; height:24px; background:url(/images/icons.png) no-repeat 0 0; vertical-align:bottom} .albuminfo .info LI {padding-bottom:0; white-space:nowrap; overflow:hidden} .albuminfo .info LI.pb5 {padding-bottom:5px} .albuminfo .info LI.pb10 {padding-bottom:10px} .albuminfo .doublebox {float:left; width:336px} .albuminfo .rightbox .doublebox {padding-top:37px} .albuminfo .doublebox DIV.singlebox {width:168px} .albuminfo .doublebox A.singlebox {display:inline-block} .font11 {font-size:11px} .font13 {font-size:13px} .albuminfo .doublebox A.singlebox {font-weight:bold; font-size:1.1em; padding:5px 0 5px 30px; margin-left:12px; background-image:url(/images/icons.png); background-repeat:no-repeat; margin-bottom:5px} .linklink {background-position:0 -40px} .sendlink {background-position:0 -85px} .commentlink {background-position:0 -127px} .complaintlink {background-position:0 -169px} .propertylink {background-position:0 -307px} .slidelink {background-position:0 -268px} .albuminfo INPUT.yellowbutton, INPUT.lightbluebutton {width:173px; height:26px; padding-bottom:2px; border:1px solid #c5c8cc; font-size:12px; cursor:pointer} .yellowbutton {background:#f1c45a url(/images/icons.png) repeat-x 0 -206px; margin:0 14px 0 19px} .lightbluebutton {background:#c2caea url(/images/icons.png) repeat-x 0 -234px} .albumtags {clear:both; width:758px; padding-left:12px; font-size:13px; position:relative} .albumtags SPAN {float:left; display:block; width:100px} .albumtags P {float:left; width:658px; white-space:nowrap; overflow:hidden; margin:0; vertical-align:text-bottom; padding-bottom:5px; position:relative} .albumtags P B.cover {display:block; position:absolute; top:0; right:0; width:20px; height:20px; background:url(/images/transparent_gradient.png) repeat-y 100% 0} .tagbox {display:none; position:absolute; top:-6px; left:100px; width:255px; padding:5px; background-color:#fff; border:1px solid #c8d0f3; overflow:hidden} .albumdescription {float:left; width:758px; height:50px; padding:5px 0 0 12px; font-size:1.1em; overflow:hidden; position:relative} .albumdescription B.cover {display:block; position:absolute; bottom:0; right:0; width:20px; height:20px; background:url(/images/transparent_gradient.png) repeat-y 100% 0} .slidelink {font-size:1.1em; padding:5px 0 5px 34px; margin-left:12px; background:url(/images/icons.png) no-repeat 0 -270px; margin-bottom:5px} .sociallinks {padding:20px 0} .sociallinks .icon {display:inline-block; width:18px; height:18px; background-image:url(/images/social.png); background-repeat:no-repeat; vertical-align:middle; margin-right:2px} .sociallinks .liveinternet {width:106px; background-position:0 0; margin-right:7px} .sociallinks .vkontakte {width:91px; background-position:-105px 0; margin-right:7px} .sociallinks .livejournal {width:105px; background-position:-196px 0; margin:0} .sociallinks .morelink {width:99px; background-position:-301px 0; margin:0} .sociallinks .google {background-position:0 -18px} .sociallinks .delicious {background-position:-18px -18px} .sociallinks .myspace {background-position:-36px -18px} .sociallinks .cmi2 {background-position:-54px -18px} .sociallinks .ruspace {background-position:-72px -18px} .sociallinks .memory {background-position:-90px -18px} .sociallinks .yandex {background-position:-108px -18px} .sociallinks .yahoo {background-position:-126px -18px} .sociallinks .texst20 {background-position:-144px -18px} .sociallinks .mistervong {background-position:-162px -18px} .sociallinks .bаау {background-position:-180px -18px} .sociallinks .bookmarks100 {background-position:-198px -18px} .sociallinks .bobrdobr {background-position:-216px -18px} .sociallinks .twitter {background-position:-234px -18px} .sociallinks .facebook {background-position:-252px -18px} .sociallinks .news2 {background-position:-270px -18px} .sociallinks .moemesto {background-position:-288px -18px} .sociallinks .mailru {background-position:-306px -18px} .sociallinks .linkstore {background-position:-324px -18px} .sociallinks .mblogi {background-position:-342px -18px} .sociallinks .odnoklassniki {background-position:-360px -18px} .sociallinks .liveint {background-image:url(/images/liveinternet.png); background-position:0 0} .mapbox {width: 327px; height: 157px; border:1px solid #c8d0f3; position:relative} .mapbox A {display:block; position:absolute; bottom:17px; left:5px; padding:5px; background-color:#fff; color:#000; text-decoration:none} .bigmap {display:none; float:left; width:780px; height: 400px; border-top:1px solid #c8d0f3; padding:2px 0 0 3px; position:relative} .mapbar {position:absolute; top:6px; left:140px} .mapbar .text {border-color:#a5acb2; vertical-align:middle} .mapbar .whitebutton {width:154px; height:19px; border:2px solid #000; background-color:#fff} #id_icons {margin-top: 1px; width:309px; display: none; background-color:#fff;} /* maps.photo */ .bigphoto {width:784px; min-height:35px; margin-bottom:6px; text-align:center; position:relative} .photobar {position:absolute; bottom:0; left:0; height:33px; width:100%; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5} .photobar.hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1} .photobar .fl {width:215px; height:26px; padding:7px 0 0 15px; text-align:left} .photobar .fl.hover {background:url(/images/bg_photobar.png) no-repeat 0 0} .photoratig A {display:inline-block; width:18px; height:17px; background-image:url(/images/stars.png); background-repeat:no-repeat; margin-right:2px; vertical-align:top} .photoratig A.empty {background-position:0 -39px} .photoratig A.half {background-position:0 -20px} .photoratig A.hover {background-position:0 -60px} .photobar .fl B {color:#fff; font-size:13px; display:none} .photobar .fr {width:174px; height:25px; padding:8px 56px 0 0; text-align:right} .photobar .fr.hover {background:url(/images/bg_photobar.png) no-repeat -230px 0} .photobar .fr .slideshowlink {font-size:1.1em; padding:3px 0 7px 34px; background:url(/images/icons_png.png) no-repeat 0 0; color:#fff; font-size:13px; font-weight:bold; text-decoration:none} .photoinfo {width:782px} .photoinfo .leftbox {float:left; width:407px; padding:10px 0 0 19px} .photoinfo .rightbox {float:left; width:325px; padding:10px 0 10px 17px} .photoinfo .infobox {float:left; overflow:hidden; white-space:nowrap; padding-bottom:6px; font-family:Arial, Helvetica, sans-serif; font-size:13px; position:relative} .alb_list .photoinfo {width:100%} .width47 {width:47px} .width180 {width:180px} .width227 {width:227px} .width255 {width:255px} .width360 {width:360px} .width152 {width:152px; text-align:right} .photoinfo .infobox B.cover {display:block; position:absolute; top:0; right:0; width:20px; height:20px; background:url(/images/transparent_gradient.png) repeat-y 100% 0} .linksbox {float:left; width:407px; padding-bottom:10px} .linksbox DIV.slink {width:200px} .linksbox A.slink {display:inline-block; width:198px; height:24px; border:1px solid #c5c8cc; background:#b0bdd7 url(/images/bg_linksbox.png) repeat-x 0 0; font-weight:bold; font-size:13px; color:#000; text-decoration:none; margin-bottom:7px} .linksbox A:hover.slink {background-color:#f0be34; background-position:0 -24px} .linksbox SPAN.slink {display:block; height:19px; padding-top:5px; padding-left:20px; background-image:url(/images/icons_png.png); background-repeat:no-repeat; text-align:center} .linksbox .link1 {background-position:4px -41px} .linksbox .link2 {background-position:4px -75px} .linksbox .link3 {background-position:4px -118px} .linksbox .link4 {background-position:4px -156px} .linksbox .link5 {background-position:4px -194px} .linksbox .link6 {background-position:4px -233px} .linksbox .link7 {background-position:4px -269px} .linksbox .link8 {background-position:4px -305px} .linksbox .link12 {background-position:6px -427px} .linksbox .link11 {background-position:4px -465px} .linksbox .link13 {background-position:4px -500px} .photoinfo .albumtags {width:407px} .photoinfo .albumtags P {width:307px} .photoinfo .albumtags .tagbox {width:302px} .photoinfo .sociallinks {padding-top:0} .width350 {width:350px} .width415 {width:415px} .header {float:left; width:100%; margin:7px 0 0 0} .header {position:relative; z-index:2; background-color:#fff} .logobox {float:left; width:230px; margin:0.3em 0 0 -100%} .logo {float:left; height:48px; background:url(i/bg.png) no-repeat 0 0} .logo A {display:block; float:left; height:48px} .logo A SPAN {position:absolute; top:-3000px; left:-3000px} .searchlink {width:54px} .qiplink {width:146px} .logobox STRONG {display:block; clear:both; font-family:arial; font-size:16px; color:#808285; padding-top:4px} .logobox STRONG A {color:#808285; text-decoration:none} .search {margin:0 286px 0 245px} .search UL {margin:0; padding:0; list-style-type:none} .search LI {float:left; font-family:arial; margin-right:10px; font-size:12px} .search .qb_active {font-weight:bold} .search .qb_active A, .search .qb_active A:hover {text-decoration:none; color:#231f20; cursor:default} .searchform {float:left; width:100%; padding:5px 0 4px 0} .textbox {margin-right:87px} .textbox DIV {min-height:24px; border:solid #d1d3d4; border-width:0 1px} .textbox .text {width:95%; margin-left:10px; border:0; background-color:#fff; font-family:arial; font-size:1.5em; padding:0; vertical-align:middle} .qipsearchbutton {float:left; width:77px; padding-left:10px; margin-left:-87px} .searchbutton {width:77px; height:30px; border:0; background:#02b0ef url(i/bg.png) no-repeat -201px 0; font:bold 16px arial; color:#fff} .qipdownload {float:left; width:240px; margin-left:-240px; padding-top:10px} .qipdownload A {display:block; width:240px; height:51px; background:#d71a20 url(i/bg.png) no-repeat 0 -48px} /* сглаженные углы */ .rtop, .rbottom {display:block; clear: both; lmargin-right:87px} .rtop *, .rbottom * {display: block; height: 1px; overflow: hidden; font-size:0; background-color:#fff} .r1 {margin: 0 3px; background-color:#d1d3d4} .r2 {margin:0 1px; border:solid #d1d3d4; border-width:0 2px} .r3 {margin:0 1px; border:solid #d1d3d4; border-width:0 1px} /* сглаженные углы */ .topmenu {clear:both; margin-left:180px} .topmenubox {float:left; font-size:14px; margin-top:-25px} .topmenu DIV {float:left; margin-right:15px; padding:5px; position:relative;} /* z-index:1 */ .topmenu DIV.act {background-color:#4d5d80} .topmenu DIV.act A {color:#fff; text-decoration:none} .topmenu .dotted {text-decoration:none; background:url(i/bg.png) no-repeat 100% -104px; padding-right:13px} .topmenu A:hover.dotted {text-decoration:none; background:url(i/bg.png) no-repeat 100% -104px; padding-right:13px} .topmenu DIV.act .dotted {background-position:100% -126px} .topmenu .dotted SPAN {border-bottom:1px dashed #4a88ca} .topmenu DIV.act .dotted SPAN {border:0} .topmenu A:hover.dotted SPAN {border:0} .topmenu UL {display:none; position:absolute; left:0; top:26px; padding:5px 0; background-color:#fff; border:1px solid #4d5d80} .topmenu DIV.act UL {display:block;z-index:10} .topmenu LI {white-space:nowrap; list-style-type:none; font-size:13px; padding:0; margin:0} .topmenu .bottomborder {border-bottom:1px solid #d2d6df; padding-bottom:5px; margin-bottom:5px} .topmenu .act LI A {color:#4d5d80} .topmenu LI A {display:block; padding:3px 14px 3px 37px; background:url(/images/icons_2.gif) no-repeat -3000px 3000px; _display:inline; _height:0; zoom:1} .topmenu LI A:hover {background-color:#edf0f8} .topmenu LI .link1 {background-position:10px 3px} .topmenu LI .link2 {background-position:10px -23px} .topmenu LI .link4 {background-position:10px -71px} .topmenu LI .link5 {background-position:10px -97px} .topmenu LI .link6 {background-position:10px -122px} .topmenu LI .link7 {background-position:10px -147px} .topmenu LI .link8 {background-position:10px -172px} .topmenu LI .link9 {background-position:10px -197px} .topmenu LI .link10 {background-position:10px -222px} .topmenu LI .link11 {background-position:10px -247px} .topmenu LI .link12 {background-position:10px -272px} .topmenu LI .link15 {background-position:10px -373px} .topmenu LI .link16 {background-position:10px -399px} .topmenu LI .link17 {background-position:10px -46px} .topmenu LI .link18 {background-position:10px -422px} .topmenu LI .link19 {background-position:10px -298px} .topmenu LI .link20 {background-position:10px -320px} .topmenu LI .link21 {background-position:10px -347px} .topmenu LI .link22 {background-position:10px -448px} .topmenu LI .link23 {background-position:10px -473px} .topmenu LI .link24 {background-position:10px -497px} .topmenu LI .link25 {background-position:10px -521px} .topmenu LI .link26 {background-position:10px -546px} .topmenu .link13 {display:inline-block; width:15px; height:13px; background:url(/images/inc_com.gif) no-repeat 0 0; margin-top:2px; margin-right:5px} .topmenu .link14 {display:inline-block; width:15px; height:13px; background:url(/images/inc_mess.gif) no-repeat 0 0; margin-top:2px} .topmenu LI .link97 {background-color: transparent;background-image: url(/images/group6.gif);background-position:10px 3px !important} .topmenu LI .link98 {background-color: transparent;background-image: url(/images/16x16_add3.gif);background-position:10px 3px !important} .topmenu LI .link99 {background-color: transparent;background-image: url(/images/award_star_01.png);background-position:10px 3px !important} .topmenu LI .link100 {background-position:-3000px 3000px !important} .unification {display:block; width:239px; height:42px; background:#a2c2e9 url(/images/profile_button2.png) no-repeat 0 0; margin-top:3px; text-indent:-1000px} .qf_socials {display: inline-block;background: transparent url(/images/socials.png) no-repeat;vertical-align: top;} .qf_c31x31 {width: 31px;height: 31px;} .qf_tw {background-position: left -62px;} .qf_vk {background-position: left -31px;} .qf_fb {background-position: left 0px;} /* groups */ .p5 {padding:5px} .pt10 {padding-top:10px} .pt15 {padding-top:15px} .mr30 {margin-right:30px} .width110 {width:110px} .width520 {width:520px} .width647 {width:647px} .width654 {width:654px} .bluebuttonsmall {height:20px; padding-bottom:1px; border:1px solid #c6cef2; background:#c6cef2 url(/images/bluebutton_18.gif) repeat-x 0 0; font-size:12px} .grouptitle {float:left; width:540px; white-space:nowrap; overflow:hidden; position:relative; font-size:14px; font-weight:bold;} .grouptitle A {color:#4d5d80; text-decoration:none} .grouptitle b.cover {position:absolute; right:0; top:0; display:block; width:20px; height:20px; background:url(/images/transparent_gradient.png) repeat-y 100% 0} .claimlink {text-decoration:none; color:#ff0000} .groupinfo {float:right; width:280px; padding:8px 0 0 0} .groupinfo LI {padding-bottom:3px} .groupinfo B {color:#4d5d80} .groupinfoleft {float:left; width:370px; padding:8px 0 0 10px; overflow:hidden} .groupadmin {padding-bottom:3px} .groupmoderator UL {float:left; padding-left:5px} .groupmoderator LI {padding-bottom:3px} .groupdescription {float:left; width:100%; padding-bottom:10px} .groupdescription .fl {width:550px; overflow:hidden} .orangebutton {display:inline-block; width:198px; height:24px; border:1px solid #c5c8cc; background:#f0be34 url(/images/bg_linksbox.png) repeat-x 0 -24px; font-weight:bold; font-size:13px; color:#000; text-decoration:none; margin-bottom:7px} .orangebutton:hover {background-color:#b0bdd7; background-position:0 0; color:#000} .orangebutton SPAN {display:block; height:19px; padding-top:5px; padding-left:20px; background-image:url(/images/icons_png.png); background-repeat:no-repeat; text-align:center} .orangebutton .link9 {background-position:6px -344px} .orangebutton .link10 {background-position:10px -388px} .addphotobox {display:none} .addphoto {float:left;} .addphoto TABLE {width:auto; border-collapse:collapse} .addphoto TD {padding:5px 20px 5px 0; vertical-align:top} .addphoto SELECT {width:170px} .addphoto .preview {width:100px; height:100px; padding:0; background-color:#fff; border:1px solid #c6cef2} .addphoto .preview TD {width:100px; height:100px; padding:0; background-color:#fff; vertical-align:middle; border:none} /* teasers */ .q_teaser {padding: 10px 0 0 0;} .q_teaser .qt_0, .q_teaser .qt_1, .q_teaser .qt_2, .q_teaser .qt_3, .q_teaser .q_teaser_1, .q_teaser .q_teaser_2, .q_teaser .qt_block {float: left;} .q_teaser .qt_0 {margin: 0 49% 0 0; width: 47%;} .q_teaser .qt_1, .q_teaser .qt_2 {border: #ccc solid 1px; /*background-color: rgba(0, 255, 255, 0.3);*/ border-radius: 8px; -moz-border-radius: 8px; } .q_teaser .qt_1, .q_teaser .qt_2 {margin: -1px; width: 100%;} .q_teaser .qt_2 { margin-left: 104%; margin-left: 103.5%\9; } .q_teaser .qt_3 {margin-left: -106%; width: 208%; /*background-color: rgba(255, 100, 255, 0.3);*/} .q_teaser .q_teaser_1, .q_teaser .q_teaser_2, .q_teaser .qt_block {width: 50%;} .q_teaser .q_teaser_2 {//width:49%} .q_teaser .qt_content {margin: 0 2%; padding: 0.6em; overflow: hidden; /*background-color: rgba(0, 0, 0, 0.3);*/} .q_teaser .qt_content img {float: left; margin-right: 15px;} .q_teaser .qt_content .qtc_text {display: inline-block;} .q_teaser .qt_content td {color: #000;} .q_teaser .qt_content p {margin-bottom: 5px;} .q_teaser .qt_content p a {color: #000; font-weight: bold;} .q_teaser_clear {height: 0px; overflow: hidden;} .auto-qip-nova { margin-bottom:20px; } .auto-qip-nova h3 { padding: 0.6em 0 0.6em 1em; color: white; position: relative; background:#94CA04; } .auto-qip-nova h3 a { text-decoration:none; color:#fff; } .auto-qip-nova h3 .pointer{ font-family: Arial,Helvetica,sans-serif; position: absolute; right: 2em; } .auto-qip-nova li { clear: both; margin: 0 10px 1em; color: #000000; } .auto-qip-nova a { font-weight: bold; color: #404040; } .auto-qip-nova img { display: block; float: left; margin-right: 10px; border: 2px solid #94CA04; } .auto-qip-nova p { margin:1.5em 0; } .news-qip-nova { margin-bottom:0px; } .news-qip-nova h3 { padding: 0.6em 0 0.6em 1em; color: white; position: relative; background:#5ea5e5; } .news-qip-nova h3 a { text-decoration:none; color:#fff; } .news-qip-nova h3 .pointer{ font-family: Arial,Helvetica,sans-serif; position: absolute; right: 2em; } .news-qip-nova li { clear: both; margin: 0 10px 1em; color: #000000; } .news-qip-nova a { font-weight: bold; color: #404040; } .news-qip-nova img { display: block; float: left; margin-right: 10px; border: 2px solid #5ea5e5; } .news-qip-nova p { margin:1.5em 0; } .search {margin: 0 256px 0 216px;} .textbox {margin-right:83px} .unificationbox {float:left; width:240px; margin-left:-240px; padding-top:9px; text-align:center; font-size:11px; color:#4d5d80} .unification {display:block; width:240px; height:52px; background:url(/images/but_profile3.png) no-repeat 0 -2px; margin:0 auto 3px auto; text-indent:-10000px} .unificationbox DIV {font-size:11px; color:#4d5d80} .qipdownload {padding-top:13px} .style1 {color: #6699FF;font-size: 18px;font-family: Tahoma;} .style2 {font-family: Tahoma} .style3 {color: #6699CC} .style4 {color: #FF6600;font-size: 18px;} .qf_socials { display: inline-block; background: transparent url(/images/socials.png) no-repeat; vertical-align: top; } .qf_c31x31 { width: 31px; height: 31px; } .qf_tw { background-position: left -62px; } .qf_vk { background-position: left -31px; } .qf_fb { background-position: left 0px; } /* popup login */ .pb30 {padding-bottom:30px} .p_0_40_15_40 {padding:0 40px 15px 40px} .width123 {width:123px} .width150 {width:150px} .popuplogin {position:absolute; z-index:1000; background:#fff; border:1px solid #c8d0f3; box-shadow: 0 0 25px #666; -webkit-box-shadow: 0 0 15px #666; -moz-box-shadow: 5px 5px 10px #ababab} .closebox {display:block; width:15px; height:15px; margin:9px 7px 5px auto; ; background:url(/images/bg_button_123.png) no-repeat -123px 0; cursor:pointer} .popuplogin TH {padding:0 22px 8px 0 ; vertical-align:top; text-align:left} .popuplogin TD {padding:0 3px 8px 3px; vertical-align:top} .bluebottom {background:#edf0f8; padding:15px 40px; text-align:right} .button123 {width:123px; height:19px; padding-bottom:2px; border:0; background:#f2c246 url(/images/bg_button_123.png) no-repeat 0 0; } /* feb14 */ .feb14 { background:url('/images/feb14_bg.jpg') 0 0 no-repeat transparent; min-height:1010px; position:relative; } .feb14 A, .feb14 B {color:#b42232} .feb14 .descr { font-family:Arial; padding-top:170px; margin-left:12px; width:345px; font-size:15px; } .feb14 .descr .nw {white-space:nowrap} .feb14buttons { padding:25px 12px; } .feb14buttons A { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; vertical-align:middle; width:226px; height:38px; text-decoration:none; background:url('/images/feb14_buttons.png') 0 0 no-repeat transparent; } .feb14buttons A.b2 { background-position:100% 0; margin-left:20px; } .feb14 .prizes { padding:20px 0 0 12px; position:relative; } .feb14 .prizes H4 { font:700 italic 18px Arial; color:#b42232; } .feb14 .prizes LI { position:relative; padding-left:60px; min-height:40px; width:330px; padding-bottom:25px; line-height:1.3em; text-align:justify; } .feb14 .prizes LI I { font:700 normal 14px Tahoma; display:block; width:40px; height:40px; position:absolute; color:#b42232; left:0; top:0; text-align:center; } .feb14 .prizes LI B { display:block; font-size:14px; padding-bottom:3px; } .feb14 .logo-np { display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; vertical-align:middle; margin:0 0 40px 150px; } /* battles */ .black_cover { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 500px; background-color: #000000; filter: alpha(opacity=90); opacity: 0.9; display: none; text-align: center; padding-top: 200px; } #battle_vote { position: absolute; z-index: 10; width:40px; height:40px; padding-top: 5px; -moz-border-radius:20px; -webkit-border-radius: 20px; border-radius: 20px; color:red; background-color: yellow; font-size: 20px; text-align: center; } .pb10 {padding-bottom:10px} .battlebox {width:381px; height:438px; padding-bottom:20px; background:#edf0f8 url(/images/battle/bg_battlebox.png) no-repeat 0 100%; position:relative} .battlebox.final {background:#fffbd8 url(/images/battle/bg_final.png) repeat-x 0 100%} .battlebox .vs {position:absolute; top:310px; left:313px; z-index:2; width:132px; height:139px; background:url(/images/battle/bg_vs.png) no-repeat 0 0} .battlebox .vsfinal {position:absolute; top:417px; left:204px; z-index:2; width:389px; height:103px; background:url(/images/battle/bg_vs_final.png) no-repeat 0 0} .opponent {width:300px; lbackground-color:#FFFFCC; text-align:center; margin:0 25px} .opponent .head {width:253px; height:62px; padding-top:12px; background:url(/images/battle/bg_battle.png) no-repeat; margin:-10px auto 0 auto; color:#fff; font-size:14px} .opponent.fr .head {background-position:0 -80px} .opponent .head A {font-weight:bold; color:#fff; text-decoration:none} .opponentphoto {width:auto; margin:-19px auto 5px auto} .opponentphoto TD {height:300px; padding:0} .opponentphoto TABLE {width:auto} .opponentphoto TABLE TD {height:auto; font-size:0; line-height:0} .opponentphoto .lt {width:6px; height:5px; background:url(/images/battle/bg_opponentphoto.png) no-repeat 0 0} .opponentphoto .ct {height:5px; background:url(/images/battle/bg_opponentphoto.png) no-repeat -6px 0} .opponentphoto .rt {width:6px; height:5px; background:url(/images/battle/bg_opponentphoto.png) no-repeat 100% 0} .opponentphoto .lm {width:6px; background:url(/images/battle/bg_opponentphoto.png) no-repeat 0 -5px} .opponentphoto .cm {background-color:#fff} .opponentphoto .rm {width:6px; background:url(/images/battle/bg_opponentphoto.png) no-repeat 100% -5px} .opponentphoto .lb {width:6px; height:8px; background:url(/images/battle/bg_opponentphoto.png) no-repeat 0 100%} .opponentphoto .cb {height:8px; background:url(/images/battle/bg_opponentphoto.png) no-repeat -6px 100%} .opponentphoto .rb {width:6px; height:8px; background:url(/images/battle/bg_opponentphoto.png) no-repeat 100% 100%} .opponentphoto .medal {position:absolute; right:-25px; top:-15px; display:block; width:65px; height:114px; background:url(/images/battle/bg_battle.png) no-repeat -185px -158px} .opponentphoto .name {display:none; position:absolute; left:0; bottom:0; width:100%; padding:7px 0 10px 0; background:url(/images/battle/bg_name.png); font-size:12px; line-height:normal} .opponentphoto:hover .name {display:block} .opponentphoto .name A {color:#fff} .opponent .votebutton {width:179px; height:35px; border:0; background:url(/images/battle/bg_battle.png) no-repeat 0 -158px; text-indent:-10000px; cursor:pointer} .opponent .votebutton.disabled {background-position:0 -198px; cursor:default} .opponent .stat {width:176px; height:40px; padding-top:5px; background:url(/images/battle/bg_battle.png) no-repeat 0 -238px; margin:6px auto 0 auto; font-size:14px} .battlebox .scale {position:absolute; top:43px; width:9px; height:189px; padding:11px 17px 50px 17px; background:url(/images/battle/bg_battle.png) no-repeat -258px 0} .battlebox.fl .scale {right:8px} .battlebox.fr .scale {left:8px} .battlebox .scale DIV {width:9px; background-color:#fff} .battlebox.fl {z-index:1} /* Competition CSS */ .pb15 {padding-bottom:15px} .pb20 {padding-bottom:20px} .pb30 {padding-bottom:30px} .pl23 {padding-left:23px} .p_15_0 {padding:15px 0} .p_30_0 {padding:30px 0} .mb13 {margin-bottom:13px} .mb30 {margin-bottom:30px} .ml192 {margin-left:192px} .mt-40 {margin-top:-40px} .width452 {width:452px} .font14 {font-size:14px} .font16 {font-size:16px} .font20 {font-size:20px} .font24 {font-size:24px} .font28 {font-size:28px} @font-face { font-family: 'Lobster'; src: url('fonts/lobster-webfont.eot'); src: url('fonts/lobster-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lobster-webfont.woff') format('woff'), url('fonts/lobster-webfont.ttf') format('truetype'), url('fonts/lobster-webfont.svg#Lobster1.4Regular') format('svg'); font-weight: normal; font-style: normal; } .topmenuwhide {margin-left:-10px} .col980 {float:left; width:980px} .competitionmain {position:relative; height:900px} .competitioninner {height:880px; padding:20px 60px 0 60px; background:url(/images/bg_competitionmain.png) repeat-x 0 100%; position:relative} .competitionmain .title {padding:0 15px 15px 15px; font-family:"Lobster"; font-size:50px; color:#fff; text-shadow:1px 1px 0 #000} .competitionmain .description {padding:25px 20px; background:url(/images/dark_shadow.png); color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.4em} .compbutton, .compbutton:hover {display:inline-block; height:57px; line-height:55px; background-image:url(/images/bg_buttons.png); background-repeat:no-repeat; color:#fff; font-family:"Trebuchet MS"; font-size:24px; text-align:center; text-decoration:none} .yellow256 {width:256px; background-position:0 0; text-shadow:1px 1px 0 #cc6600} .yellow313 {width:313px; background-position:-452px 0; text-shadow:1px 1px 0 #cc6600} .red186 {width:186px; background-position:-261px 0; text-shadow:1px 1px 0 #cc3333} .compinfo {position:absolute; bottom:100px; left:60px; width:860px; height:140px; padding-top:26px; background:url(/images/dark_shadow.png); color:#fff} .compinfobox {float:left; width:241px; margin:0 20px 0 25px; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:1.4em} .compinfobox2 {float:left; width:526px; margin:0 20px 0 25px; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:1.4em} .compinfo .smalltitle {padding-bottom:18px; font-family:"Lobster"; font-size:30px; line-height:15px; color:#fff} .compinfo A {font-weight:bold; color:#ffffcc} .compinfo .share A {display:inline-block; width:25px; height:26px; margin-right:15px; background-image:url(/images/bg_buttons.png); background-repeat:no-repeat} .compinfo .vkontakte {background-position:-770px 0} .compinfo .twitter {background-position:-770px -31px} .compinfo .facebook {background-position:-800px 0} .compinfo .odnoklassniki {background-position:-800px -31px} .lightbox {position:relative; display:none; z-index:1000; overflow:hidden; padding:10px; border:1px solid #939393} .lightboxinner {padding:15px 10px 15px 20px; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .lightbox .close {position:absolute; top:30px; right:20px; display:block; width:20px; height:19px; background:url(/images/bg_buttons.png) no-repeat -830px 0; cursor:pointer} .lightboxtitle {font-family:"Trebuchet MS"; font-size:22px; color:#4d5d80; padding-bottom:20px} .lightbox .scrollbox {width:570px; height:455px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.4em} .lightbox .scrollbox .simplelist {padding-left:20px} .lightbox .scrollbox .simplelist LI {list-style-type:disc; line-height:1.4em; font-family:Arial, Helvetica, sans-serif} .bluebox .numeric TD.pager SPAN {background:#fff} .inset_b.noborder {border:0} H2.bigtitle {font:bold 28px Arial, Helvetica, sans-serif} H3.bigtitle {margin:0; padding-bottom:10px; font:bold 20px Arial, Helvetica, sans-serif; color:#4d5d80} .photolist {float:left; width:100%} .photolist LI {float:left; width:168px; margin:0 0 0 23px; position:relative; font-family:Arial, Helvetica, sans-serif; color:#4d5d80} .userphotolist LI {margin:0 38px} .photolist .place {position:absolute; top:-12px; right:-20px; display:block; width:43px; height:65px; background-image:url(/images/competition_icons.png); background-repeat:no-repeat} .place1 {background-position:0 0} .place2 {background-position:0 -70px} .place3 {background-position:0 -140px} .photolist .photopreview {width:164px; padding:1px; border:1px solid #c0c0c2; background-color:#fff} .photolist .photopreview A {display:table-cell; width:162px; height:162px; border:1px solid #ccc; background-color:#fff; text-align:center; vertical-align:middle} .photolist .photopreview A, x:-moz-any-link, x:default {height:164px} .photolist .photopreview IMG {display:block; margin:0 auto} .photolist STRONG {display:block; width:168px; padding-top:3px; white-space:nowrap; overflow:hidden} .photolist .photoname {width:168px; height:2em; line-height:1.2em; padding-top:3px; margin-bottom:20px; overflow:hidden} .placebox1 {float:left; width:570px; padding:0 0 37px 52px} .placebox2 {float:right; width:251px; padding:0 52px 37px 0} .placebox .photopreview {padding:5px; background-color:#fff; border:1px solid #c9d1f3; margin-top:5px} .placebox .photoname {white-space:nowrap; overflow:hidden} .placetitle {font-family:Arial, Helvetica, sans-serif; color:#4d5d80} .addphotolist {width:994px; margin-right:-14px} .addphotolist LI {width:234px; margin:0 14px 0 0} .addphotolist .photopreview {width:230px; margin-bottom:5px} .addphotolist .photopreview A {width:228px; height:228px} .addphotolist .photopreview A, x:-moz-any-link, x:default {height:230px} .addphotolist .moder {position:absolute; top:-4px; right:9px; display:block; width:22px; height:27px; background-image:url(/images/competition_icons.png); background-repeat:no-repeat} .moder1 {background-position:0 -210px} .moder2 {background-position:0 -240px} .moder3 {background-position:0 -270px} .addphotolist .phototitle {height:2em; overflow:hidden; margin-bottom:10px} .addphotolist .phototitle .text {width:180px} .addphotolist .phototitle .button {width:35px} .addphotolist .tools A {background:url(/images/competition_icons.png) no-repeat; padding:0 0 3px 20px; margin-left:15px} .addphotolist .tools .rename {background-position:0 -350px} .addphotolist .tools .delete {background-position:0 -375px} .moderlegend {padding:5px 10px; font-family:Arial, Helvetica, sans-serif} .moderlegend STRONG {display:block; padding-bottom:5px} .moderlegend SPAN {background:url(/images/competition_icons.png) no-repeat; padding:0 0 0 16px; margin-right:25px} .moderlegend .point1 {background-position:0 -297px} .moderlegend .point2 {background-position:0 -312px} .moderlegend .point3 {background-position:0 -327px} .participantphotolist {float:left; width:1035px; margin-right:-57px} .participantphotolist LI {float:left; width:150px; height:150px; margin:0 55px 55px 0; border:1px solid #999; position:relative} .participantphotolist .info {display:none; position:absolute; left:0; bottom:0; width:142px; padding:4px; background:#fff; overflow:hidden; font-size:11px; color:#4d5d80} .participantphotolist LI:hover .info {display:block} .participantphotolis STRONG {font-size:12px} .participantphotolist LI DIV {padding:4px 0 0 0; color:#4d5d80; white-space:nowrap} .userphoto {width:450px; height:450px; border:1px solid #999; position:relative; margin-bottom:10px;background-color:#edf0f8} .userphoto DIV {display:table-cell; width:450px; height:450px; vertical-align:middle; text-align:center} .userphoto I {position:absolute; top:0; right:0; display:block; width:36px; height:36px; background:#edf0f8 url(/images/competition_icons.png) no-repeat 0 -395px; cursor:pointer} .userphoto IMG {display:block; margin:0 auto} .userphotoright {float:right; width:498px; overflow:hidden; font-family:Arial, Helvetica, sans-serif} .userphotoright .participantphotolist {width:522px; margin:0 -24px 10px 0; border-bottom:4px solid #edf0f8} .userphotoright .participantphotolist LI {margin:0 20px 13px 0} .bemain {font-weight:bold; font-size:16px; color:#4d5d80; background:url(/images/competition_icons.png) no-repeat 0 -435px; padding:3px 0 3px 28px; margin-bottom:7px} .votebox {width:472px; height:472px; font-family:Arial, Helvetica, sans-serif; margin-bottom:45px} .voteboxphoto {width:450px; height:450px; padding:10px; background-color:#edf0f8; border:1px solid #c6cef2; position:relative; margin-bottom:5px} .voteboxphoto .votecell {display:table-cell; width:450px; height:450px; vertical-align:middle; text-align:center} .voteboxphoto IMG {display:inline; cursor:pointer; display:inline-block; margin:0} /* .voteboxphoto .prompt {display:none; position:absolute; left:10px; bottom:10px; width:449px; padding:25px 0; background:url(/images/transparent.png); text-align:center; font-size:18px; font-weight:bold; color:#fff} */ .voteboxphoto .prompt {display:none; position:relative; width:450px; height:72px; line-height:72px; margin-top:-75px;margin-bottom:3px; background:url(/images/transparent.png); text-align:center; font-size:18px; font-weight:bold; color:#fff} .voteboxphoto:hover .prompt {display:block} .votebox .info {width:471px; overflow:hidden; font-size:14px; color:#4d5d80; white-space:nowrap} .gratitude {position:absolute; left:50%; top:157px; margin-left:-240px; z-index:2; width:479px; padding:20px 0; text-align:center; background-color:#fff; border:1px solid #c6cef2; font:bold 18px Arial, Helvetica, sans-serif; color:#4d5d80} .votelink {display:inline-block; width:196px; height:24px; padding-top:7px; text-align:center; background-color:#edf0f8; border:1px solid #c6cef2; font:bold 14px Arial, Helvetica, sans-serif; color:#4d5d80; text-decoration:none} .slider { z-index: 1; width: 784px; height: 523px; overflow: hidden; margin: 0 0 7px; position: relative; } .slider ul, .slider li { padding: 0; margin: 0; list-style-type: none; } .slider ul { width: 999999px; } .slider ul li { list-style-type: none; float: left; width: 784px; height: 523px; } .slider .slider-nav { position: absolute; left: 15px; bottom: 12px; } .slider .slider-nav span { opacity: 0.9; background: #fff; margin: 0 8px 0 0; width: 12px; height: 12px; border-radius: 8px; cursor: pointer; overflow: hidden; display: block; float: left; box-shadow: 0 1px 2px #000; } .slider .slider-nav span.on { background: #4A88CA; } .info-block { margin-top: -517px; padding-left: 522px; color: #FFFFFF; } .info-background { width: 250px; height: 50px; background: #fff; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ opacity: 0.7; border-radius: 10px; position: absolute; } .info-box { position: absolute; margin:10px; width: 230px; height: 50px; white-space: nowrap; word-wrap: normal; /* для IE */ text-overflow: ellipsis; overflow: hidden; } .all-photo-block { margin-top: 488px; padding-left: 692px; color: #FFFFFF; } .all-photo-background { width: 80px; height: 24px; background: #fff; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ opacity: 0.7; border-radius: 10px; position: absolute; } .all-photo-box { position: absolute; margin:5px 10px; width: 65px; height: 14px; white-space: nowrap; word-wrap: normal; /* для IE */ text-overflow: ellipsis; overflow: hidden; } .all-photo-box a { font-weight: bold; font-style: italic; }