.zero { border: 0px none; vertical-align: top; } form { margin: 0px; padding: 0px; } object, embed { outline: none; vertical-align: top; } body, input, select, textarea { font-family: "Tahoma", sans-serif; font-size: 13px; color: #454545; } html, body { margin: 0px; padding: 0px; height: 100%; } body { background: #ddd9f9 url(../images/body.png) center top; font-size: 13px; line-height: 18px; } a { color: #a846b7; } a:hover { color: #e2005e !important; } /* wrapper */ div.wrapper { width: 980px; margin: 0px auto; } /* header */ div.header { } div.header table.header { width: 100%; } div.header table.header td.header_left { vertical-align: top; padding: 8px 0px 0px 0px; } div.header table.header td.header_left table.header_left { position: relative; left: -19px; } div.header table.header td.header_right { vertical-align: middle; padding: 8px 10px 0px 0px; width: 100%; } div.header table.header td.header_right table.header_right { margin-left: auto; width: 295px; color: #525252; } div.header div.header_hello { font-family: "Georgia", serif; font-style: italic; font-size: 12px; line-height: 16px; } div.header div.header_hello span.grey { color: #7c7c7c; } div.header div.header_hello big { font-size: 18px; color: #464646; } div.header div.header_links { font-family: "Georgia", serif; margin-top: 2px; font-style: italic; font-size: 10px; line-height: 13px; color: #9e92a0; } div.header div.header_links span.separator { margin: 0px 5px; } div.header div.header_links span.separator img { vertical-align: 1px; } div.header div.header_hr { margin: 10px 0px 8px 0px; } div.header div.header_icons { position: relative; margin-left: -3px; zoom: 1; } div.header table.header_icons { width: 100%; } div.header td.header_icons_left { vertical-align: top; padding-right: 5px; } div.header td.header_icons_right { vertical-align: top; padding-left: 5px; } div.header table.header_icons_left { margin-right: auto; } div.header table.header_icons_right { margin-left: auto; } div.header div.header_auth { } div.header table.header_auth { } div.header td.header_auth_left { vertical-align: top; padding-right: 10px; } div.header td.header_auth_right { vertical-align: top; } div.header div.header_input_margin { margin-bottom: 5px; } div.header input.header_input { display: block; width: 150px; margin: 0px; padding: 2px 2px; border: 1px solid #d9d6e1; background: #ffffff url(../images/header_input_bg.png) repeat-x; font-size: 11px; color: #7c7c7c; } div.header div.header_auth div.header_links { margin-top: 4px; } div.header div.header_auth_error { margin-top: 3px; font-size: 11px; line-height: 15px; color: #e2005e; } /* menu */ div.menu { padding: 10px; } div.menu div.menu_bg { background: url(../images/menu_bg.png) repeat-y center top; } div.menu table.menu { table-layout: fixed; width: 100%; height: 35px; } div.menu table.menu td.menu_left { vertical-align: middle; } div.menu table.menu td.menu_right { vertical-align: middle; width: 235px; text-align:center } /*div.menu table.menu td.menu_right *{ display:none!important; }*/ div.menu table.menu_left { height: 35px; font-family: "Georgia", serif; font-style: italic; font-size: 16px; line-height: 35px; color: #71aa00; cursor: default; } div.menu table.menu_left td.menu_item { width: 154px; vertical-align: middle; text-align: center; background: url(../images/menu_separator.png) no-repeat right top; } div.menu table.menu_left td.menu_item.active { background: url(../images/menu_active.png) no-repeat right top; } div.menu table.menu_left td.menu_item.active a.menu_item { color: #71aa00; } div.menu a.menu_item, div.menu span.menu_item { display: block; height: 35px; padding: 0px 12px 0px 10px; white-space: nowrap; } div.menu a.menu_item { text-decoration: none; } div.menu a.menu_item:hover { text-decoration: underline; } /* flash */ div.flash { padding: 10px; } /* media */ div.media { position: relative; z-index: 1; padding: 10px; margin-bottom: -41px; } div.media div.media_bg { padding: 15px 0px; background: #904d9a url(../images/media_bg.png) repeat-x center top; zoom: 1; } div.media a { color: #fdc47b; } div.media a:hover { color: #e2005e !important; } div.media div.heading { margin-bottom: 3px; padding: 0px 35px; } div.media div.heading td.heading_label h1 { font-size: 22px; color: #ffffff; } div.media div.heading td.heading_underline_left { color: #ffffff; } div.media div.heading td.heading_underline_left span.big { color: #fdc47b; } div.media div.heading table.heading_underline { border-bottom: 1px none; } div.media div.media_film { margin-bottom: 10px; } div.media table.media_film { } div.media td.media_film_arrow { vertical-align: bottom; } div.media a.media_arrow_left { display: block; width: 35px; height: 114px; cursor: pointer; background: url(../images/media_arrow.png) no-repeat 0px top !important; background: url(../images/media_arrow.gif) no-repeat 0px top; } div.media a.media_arrow_left:hover { background-position: -35px top !important; } div.media a.media_arrow_right { display: block; width: 36px; height: 114px; cursor: pointer; background: url(../images/media_arrow.png) no-repeat -70px top !important; background: url(../images/media_arrow.gif) no-repeat -70px top; } div.media a.media_arrow_right:hover { background-position: -106px top !important; } div.media td.media_film_items { vertical-align: bottom; } div.media div.media_items { width: 889px; position: relative; overflow: hidden; } div.media div.media_items_inner { position: absolute; left: 0px; top: 0px; } div.media table.media_items { } div.media table.media_items td.item { vertical-align: bottom; padding-left: 5px; width: 144px; } div.media table.media_items td.first { padding-left: 0px !important; } div.media div.media_items div.media_loader { width: 144px; height: 114px; background: url(../images/media_item_bg.png) no-repeat left 0px !important; background: url(../images/media_item_bg.gif) no-repeat left 0px; } div.media div.media_items div.media_loader_loader { width: 144px; height: 114px; background: url(../images/media_loader1.gif) no-repeat center center; } div.media div#film0 div.media_loader_loader { background: url(../images/media_loader0.gif) no-repeat center center; } div.media div.media_items a.item { position: relative; display: block; width: 144px; height: 114px; background: url(../images/media_item_bg.png) no-repeat left 0px !important; background: url(../images/media_item_bg.gif) no-repeat left 0px; cursor: pointer; } div.media div.media_items a.item:hover { background-position: left -114px !important; } div.media div.media_items img.item { display: block; position: absolute; left: 7px; top: 7px; width: 130px; height: 100px; border: 0px none; } div.media div.media_items span.play { display: block; position: absolute; left: 0px; top: 0px; width: 144px; height: 114px; background: url(../images/media_item_play.png) no-repeat left 0px !important; background: url(../images/media_item_play.gif) no-repeat left 0px; } div.media div.media_items a.item:hover span.play { background-position: left -114px !important; } div.media table.media_likes { margin: 0px 7px 2px auto; background: url(../images/media_likes.png) no-repeat 10px center; font-size: 9px; line-height: 13px; color: #fdc47b; color: #c796ff; } div.media td.media_likes { padding-left: 22px; } div.media div.media_scrollbar { position: relative; margin: 0px 36px 15px 35px; width: 889px; height: 20px; background: url(../images/media_scrollbar_bg.png) no-repeat !important; background: url(../images/media_scrollbar_bg.gif) no-repeat; } div.media div.media_slider { position: absolute; left: 7px; top: 0px; width: 875px; padding: 8px 0px; cursor: pointer; } div.media table.media_slider { table-layout: fixed; width: 100%; } div.media td.media_slider_lt { width: 1px; height: 1px; } div.media td.media_slider_mt { height: 1px; background-color: #fdc47b; } div.media td.media_slider_rt { width: 1px; height: 1px; } div.media td.media_slider_l { width: 1px; height: 2px; background-color: #fdc47b; } div.media td.media_slider_m { height: 2px; background-color: #fdc47b; } div.media td.media_slider_r { width: 1px; height: 2px; background-color: #fdc47b; } div.media td.media_slider_lb { width: 1px; height: 1px; } div.media td.media_slider_mb { height: 1px; background-color: #fdc47b; } div.media td.media_slider_rb { width: 1px; height: 1px; } /* white */ div.main { padding: 0px 20px; } div.main table.main { table-layout: fixed; width: 100%; } div.main table.main td.main { vertical-align: top; } div.main table.main td.main_left { vertical-align: top; padding-right: 20px; } div.main table.main td.main_right { vertical-align: top; width: 285px; } div.main div.main_padding { padding: 20px 25px 30px 25px; } div.main div.main_padding_pages { padding: 15px 20px 20px 20px; } div.main div.main_height { min-height: 370px; height: auto !important; height: 370px; } /* footer */ div.footer { padding: 10px; } div.footer a.footer { color: #ffffff; white-space: nowrap; } div.footer span.footer_separator { margin: 0px 5px; } div.footer span.footer_separator img { vertical-align: 2px; } div.footer div.footer_bg { height: 77px; overflow: hidden; background: url(../images/footer_bg.png) no-repeat center top; } div.footer table.footer { width: 100%; height: 77px; } div.footer table.footer td.footer_left { vertical-align: middle; padding-left: 19px; padding-right: 26px; } div.footer table.footer td.footer_left img { width: 117px; height: 77px; } div.footer table.footer td.footer_middle { vertical-align: middle; width: 100%; text-align: center; font-size: 14px; line-height: 16px; color: #ffffff; } div.footer table.footer td.footer_middle table.footer_middle { margin: 0px auto; } div.footer table.footer td.footer_right { vertical-align: middle; padding-right: 16px; } div.footer table.footer td.footer_right img { width: 146px; height: 77px; } /* Стили различных элементов */ .margin0 { margin: 0px !important; } .nowrap { white-space: nowrap !important; } .color_red, span.searchword { color: #e2005e !important; } .color_violet { color: #a846b7 !important; } .color_grey { color: #7c7c7c !important; } .color_green { color: #79b600 !important; } .serif { font-family: "Georgia", serif; font-style: italic; } h1 { font-family: "Georgia", serif; font-weight: normal; font-style: italic; font-size: 28px; line-height: 32px; color: #525252; } h2 { font-family: "Georgia", serif; font-weight: normal; font-style: italic; font-size: 22px; line-height: 28px; color: #525252; } h3 { font-family: "Georgia", serif; font-weight: normal; font-style: italic; font-size: 18px; line-height: 22px; } h4 { margin: 0px; font-family: "Georgia", serif; font-weight: normal; font-style: italic; font-size: 16px; line-height: 22px; color: #a846b7; } h5 { font-weight: normal; font-size: 16px; line-height: 22px; } small { font-size: 11px; line-height: 15px; } a.dashed { text-decoration: none; border-bottom: 1px dashed; } a.dashed_span { text-decoration: none; } a.dashed_span span.dashed { border-bottom: 1px dashed; } a.bullet3 { padding-left: 11px; font-size: 11px; background: url(../images/bullet3.png) no-repeat left 40%; } a.bullet3:hover { background-position: -960px 40%; } a.bullet4 { display: inline-block; padding-top: 2px; padding-left: 23px; font-size: 12px; line-height: 14px; background: url(../images/bullet4.png) no-repeat 0px top; } a.bullet4:hover { background-position: -960px top; } a.bullet5 { padding-left: 12px; font-family: "Georgia", serif; font-style: italic; font-size: 12px; line-height: 14px; background: url(../images/bullet5.png) no-repeat left 0px; } a.bullet5:hover { background-position: left -100px; } a.bullet6 { padding-left: 11px; font-size: 11px; background: url(../images/bullet6.png) no-repeat left 40% !important; background: url(../images/bullet6.gif) no-repeat left 40%; } a.bullet6:hover { background-position: -960px 40% !important; } a.bullet7 { display: inline-block; padding-top: 2px; padding-left: 23px; font-size: 12px; line-height: 14px; background: url(../images/bullet7.png) no-repeat 0px top; } a.bullet7:hover { background-position: -960px top; } a.bullet8 { padding-right: 12px; font-family: "Georgia", serif; font-style: italic; font-size: 12px; line-height: 14px; background: url(../images/bullet8.png) no-repeat right 0px; } a.bullet8:hover { background-position: right -100px; } a.avatar_small { display: block; padding-bottom: 8px; background: url(../images/avatar_arrow.png) no-repeat 39px bottom; } a.avatar_small img { display: block; width: 50px; height: 50px; border: 3px solid #d3a2db; } a.avatar_small:hover { background-position: -17px bottom; } a.avatar_small:hover img { border-color: #e2005e; } a.avatar_big img { vertical-align: top; width: 100px; height: 100px; border: 4px solid #d3a2db; } a.avatar_big:hover img { border-color: #e2005e; } div.block { padding-top: 10px; padding-bottom: 10px; } div.hr1 { height: 1px; font-size: 1px; overflow: hidden; background: url(../images/hr1.png) repeat-x !important; background: #c1bed8; } div.hr2, div.hr3 { height: 1px; font-size: 1px; overflow: hidden; background: url(../images/hr2.png) repeat-x !important; background: url(../images/hr2.gif) repeat-x; } div.hr3 { position:relative; margin:0 -25px; } p.back { margin:0 0 20px; } .input { border: 1px solid #a4a6e8; background: url(../images/input_bg.png) repeat-x; } input.input, textarea.input { padding: 4px 1px; } div.input_full { margin-right: 4px; } textarea.input_full { width: 100%; height: 144px; vertical-align: top; } div.input_buttons { margin-top: 1px; } /* shadow1 — универсальная тень */ div.shadow1 { position: relative; margin: 0px -4px -7px -4px; z-index: 1; } div.block div.shadow1:first-child { z-index: 2; } div.shadow1 table.shadow1 { position: relative; table-layout: fixed; width: 100%; } div.shadow1 td.shadow1_t { height: 12px; background: url(../images/shadow1_x.png) repeat-x center top !important; background: none; } div.shadow1 td.shadow1_b { height: 12px; background: url(../images/shadow1_x.png) repeat-x center bottom !important; background: none; } div.shadow1 td.shadow1_l { width: 9px; background: url(../images/shadow1_y.png) repeat-y left center !important; background: none; } div.shadow1 td.shadow1_r { width: 9px; background: url(../images/shadow1_y.png) repeat-y right center !important; background: none; } div.shadow1 td.shadow1_lt { width: 9px; height: 12px; background: url(../images/shadow1_c.png) no-repeat left top !important; background: none; } div.shadow1 td.shadow1_rt { width: 9px; height: 12px; background: url(../images/shadow1_c.png) no-repeat right top !important; background: none; } div.shadow1 td.shadow1_lb { width: 9px; height: 12px; background: url(../images/shadow1_c.png) no-repeat left bottom !important; background: none; } div.shadow1 td.shadow1_rb { width: 9px; height: 12px; background: url(../images/shadow1_c.png) no-repeat right bottom !important; background: none; } div.shadow1 td.shadow1_m { vertical-align: top; background: url(../images/shadow1_m.png) !important; background: none; } div.shadow1 div.shadow1_m { position: relative; margin: -12px -5px -5px -5px; zoom: 1; } /* shadow2 — тень для попапа */ div.shadow2 { position: relative; } div.shadow2 table.shadow2 { position: relative; } div.shadow2 td.shadow2_t { height: 38px; background: url(../images/shadow2_x.png) repeat-x center top !important; background: none; } div.shadow2 td.shadow2_b { height: 38px; background: url(../images/shadow2_x.png) repeat-x center bottom !important; background: none; } div.shadow2 td.shadow2_l { width: 38px; background: url(../images/shadow2_y.png) repeat-y left center !important; background: none; } div.shadow2 td.shadow2_r { width: 38px; background: url(../images/shadow2_y.png) repeat-y right center !important; background: none; } div.shadow2 td.shadow2_lt { width: 38px; height: 38px; background: url(../images/shadow2_c.png) no-repeat left top !important; background: none; } div.shadow2 td.shadow2_rt { width: 38px; height: 38px; background: url(../images/shadow2_c.png) no-repeat right top !important; background: none; } div.shadow2 td.shadow2_lb { width: 38px; height: 38px; background: url(../images/shadow2_c.png) no-repeat left bottom !important; background: none; } div.shadow2 td.shadow2_rb { width: 38px; height: 38px; background: url(../images/shadow2_c.png) no-repeat right bottom !important; background: none; } div.shadow2 td.shadow2_m { vertical-align: top; background: url(../images/shadow2_m.png) !important; background: none; } div.shadow2 div.shadow2_m { position: relative; margin: -25px -19px -13px -19px; zoom: 1; } /* frame1 — белая рамка */ div.frame1 { position: relative; } div.frame1 table.frame1 { position: relative; table-layout: fixed; width: 100%; } div.frame1 td.frame1_t { height: 1px; background-color: #ffffff; } div.frame1 td.frame1_b { height: 1px; background-color: #edd9f0; } div.frame1 td.frame1_l { width: 1px; background: #ffffff url(../images/frame1_b.png) repeat-x left bottom; } div.frame1 td.frame1_r { width: 1px; background: #ffffff url(../images/frame1_b.png) repeat-x right bottom; } div.frame1 td.frame1_lt { width: 1px; height: 1px; } div.frame1 td.frame1_rt { width: 1px; height: 1px; } div.frame1 td.frame1_lb { width: 1px; height: 1px; } div.frame1 td.frame1_rb { width: 1px; height: 1px; } div.frame1 td.frame1_m { height: 61px; vertical-align: top; background: #ffffff url(../images/frame1_b.png) repeat-x center bottom; } div.frame1 div.frame1_m { position: relative; margin: -1px; zoom: 1; } div.frame1_bridge { position: relative; height: 15px; background-image: url(../images/frame1_bridge.png) !important; background-image: url(../images/frame1_bridge.gif); background-repeat: no-repeat; } div.frame1_bridge_left { background-position: 9%; z-index: 3; } div.frame1_bridge_right { background-position: 90%; } /* frame2 — рамка попапа */ div.frame2 { position: relative; } div.frame2 table.frame2 { position: relative; } div.frame2 td.frame2_t { height: 51px; background: #ffffff url(../images/frame2_x.png) no-repeat center top !important; background: #ffffff; } div.frame2 td.frame2_b { height: 51px; background: #ffffff url(../images/frame2_x.png) no-repeat center bottom !important; background: #ffffff; } div.frame2 td.frame2_m { vertical-align: top; background: #ffffff; } div.frame2 div.frame2_m { position: relative; margin: -51px 0px; zoom: 1; } /* shadow_violet — тень под фиолетовым блоком */ div.shadow_violet { height: 20px; font-size: 1px; overflow: hidden; background: url(../images/shadow_violet.png) no-repeat center top !important; background: none; } /* pop — всплывающее окно */ div.pop_modal { position: fixed !important; position: absolute; z-index: 1000; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #a4a6e8; opacity: 0.5; filter: alpha(opacity=50); } div.pop_wrapper { position: fixed !important; position: absolute; z-index: 1000; left: 0px; top: 0px; width: 100%; height: 100%; overflow:hidden; overflow-y:auto; } div.pop_wrapper table.pop_wrapper { width: 100%; height: 100%; } div.pop_wrapper td.pop_wrapper { vertical-align: middle; } div.pop_wrapper td.pop_wrapper table.shadow2 { margin: 35px auto; } div.pop_wrapper td.pop_wrapper table.frame2 { width: 300px; } div.pop_wrapper div.pop_padding { padding: 25px 30px 30px 30px; } a.pop_x { display: block; position: absolute; right: -48px; top: -48px; width: 48px; height: 48px; font-size: 1px; overflow: hidden; background: url(../images/pop_x.png) no-repeat left 0px !important; background: url(../images/pop_x.gif) no-repeat left 0px; } a.pop_x:hover { background-position: left -48px !important; } div.pop_loader { height: 200px; background: url(../images/pop_loader.gif) no-repeat center center; } /* heading — заголовок с подчёркиванием */ div.heading { font-family: "Georgia", serif; font-style: italic; margin-bottom: 20px; } div.heading table.heading { width: 100%; } div.heading td.heading_label { vertical-align: top; padding: 5px 10px 5px 0px; } div.heading td.heading_label h1 { margin: 0px; font-size: 28px; line-height: 34px; font-weight: normal; white-space: nowrap; color: #525252; } div.heading td.heading_underline { vertical-align: top; padding-bottom: 5px; width: 100%; } div.heading table.heading_underline { width: 100%; height: 32px; border-bottom: 1px solid #dcdcdc; } div.heading td.heading_underline_left { vertical-align: text-top; font-size: 14px; line-height: 18px; color: #79b600; } div.heading td.heading_underline_left span.big { font-size: 18px; color: #e2005e; } div.heading td.heading_underline_right { vertical-align: text-top; line-height: 18px; text-align: right; } /* main_3cols — три одинаковые колонки */ div.main_3cols { margin-left: -21px; } div.main_3cols div.hr { margin: 10px 0px; } div.main_3cols table.main_3cols { table-layout: fixed; width: 100%; } div.main_3cols td.main_3cols_col { vertical-align: top; padding: 0px 20px 0px 20px; background: url(../images/dotted_y.png) repeat-y; } div.main_3cols td.main_3cols_col.first { background: none; } div.main_3cols table.main_3cols_post { } div.main_3cols td.main_3cols_post_avatar { vertical-align: top; padding-right: 10px; } div.main_3cols td.main_3cols_post_content { vertical-align: top; } div.main_3cols td.main_3cols_post_noavatar { vertical-align: top; padding-left: 39px; } div.main_3cols td.main_3cols_post_noavatar div.post_preview_text { padding-left: 27px; background: url(../images/text_laquo.png) no-repeat left 3px; } /* post_preview_* — дата, заголовок и текст поста на главной странице (в 3 колонки) */ p.post_preview_date { margin: 0px 0px 0.4em 0px; font-family: "Georgia", serif; font-style: italic; font-size: 10px; line-height: 12px; } h2.post_preview_title { margin: 0px 0px 0.4em 0px; font-family: "Georgia", serif; font-weight: normal; font-style: italic; font-size: 15px; line-height: 17px; } div.post_preview_text { margin: 1em 0px; font-size: 11px; line-height: 15px; } img.post_raquo { margin-left: 10px; vertical-align: -0.8em; } /* main_2cols — две одинаковые колонки с большими аватарами */ div.main_2cols { } div.main_2cols table.main_2cols { table-layout: fixed; width: 100%; } div.main_2cols td.main_2cols_col { vertical-align: top; padding-left: 20px; } /* avatar_big — большая аватара с именем и информацией */ div.avatar_big { margin: 20px 0px 30px 0px; } div.avatar_big table.avatar_big { } div.avatar_big td.avatar_big { vertical-align: top; padding-right: 12px; text-align: left; } div.avatar_big td.avatar_big_name { vertical-align: top; font-family: "Georgia", serif; font-style: italic; font-size: 18px; line-height: 20px; } div.avatar_big td.avatar_big_info { vertical-align: bottom; font-size: 13px; line-height: 16px; color: #7c7c7c; } div.avatar_big td.avatar_big_info span.value { color: #454545; } /* form — формы */ /* form1 — простая форма с ошибками внизу */ /* form2 — форма с ошибками рядом с полями и с группирующими скобками */ /* form3 — анкета */ div.form { margin-top: 25px; } div.form span.description { font-size: 11px; line-height: 15px; color: #7c7c7c; } div.form .error { border-color: #e2005e; } div.form label.form_radio { padding-left: 4px; margin-right: 8px; } div.form td.form_button { padding-top: 15px; } div.form table.form_date { width: 100%; } div.form td.form_date_day { vertical-align: top; padding-right: 5px; } div.form td.form_date_month { vertical-align: top; width: 100%; } div.form td.form_date_month select { width: 100%; } div.form td.form_date_year { vertical-align: top; padding-left: 5px; } div.form table.form1 { width: 100%; } div.form table.form1 td.form1_label { width: 100%; padding: 5px 25px 5px 0px; text-align: right; } div.form table.form1 td.form1_label_top { vertical-align: top; } div.form table.form1 td.form1_input { padding: 5px 0px; } div.form table.form1 td.form1_input input.file { margin: 0px; } div.form table.form1 td.form1_input .normal { width: 310px; } div.form table.form1 td.form1_error { padding: 5px 0px 10px 0px; font-size: 11px; line-height: 15px; color: #e2005e; } div.form table.form2 { table-layout: fixed; width: 100%; } div.form table.form2 td.form2_leftbracket { width: 50px; } div.form table.form2 td.form2_leftbracket_top { background: url(../images/form_leftbracket.png) repeat-y right top; } div.form table.form2 td.form2_leftbracket_middle { background: url(../images/form_leftbracket.png) repeat-y right center; } div.form table.form2 td.form2_leftbracket_bottom { background: url(../images/form_leftbracket.png) repeat-y right bottom; } div.form table.form2 td.form2_label { width: 190px; padding: 5px 0px; text-align: right; } div.form table.form2 td.form2_label_top { vertical-align: top; } div.form table.form2 td.form2_label div.cellpadding { padding: 0px 15px; } div.form table.form2 td.form2_input { width: 205px; padding: 5px 0px; padding-left: 0px !important; } div.form table.form2 td.form2_input input.file { margin: 0px; width: 139px; } div.form table.form2 td.form2_input .small { width: 50px; } div.form table.form2 td.form2_input .date { width: 100px; } div.form table.form2 td.form2_input .normal { width: 201px; } div.form table.form2 td.form2_input select.normal { width: 205px; } div.form table.form2 td.form2_rightbracket { width: 15px; } div.form table.form2 td.form2_rightbracket_top { background: url(../images/form_rightbracket.png) repeat-y right top; } div.form table.form2 td.form2_rightbracket_middle { background: url(../images/form_rightbracket.png) repeat-y right center; } div.form table.form2 td.form2_rightbracket_bottom { background: url(../images/form_rightbracket.png) repeat-y right bottom; } div.form table.form2 td.form2_error { padding-left: 10px; font-size: 9px; line-height: 10px; color: #e2005e; } div.form table.form2 td.form2_error.ok { background: url(../images/form_ok.png) no-repeat 10px center !important; background: url(../images/form_ok.gif) no-repeat 10px center; } div.form table.form2 td.form2_hr { padding: 15px 0px; } div.form table.form3 { width: 100%; } div.form table.form3 td.form3_bullet, div.form div.form3_q { font-family: "Georgia", serif; font-style: italic; font-size: 13px; line-height: 18px; } div.form table.form3 td.form3_bullet { vertical-align: top; padding: 0px 5px 25px 0px; text-align: right; } div.form table.form3 td.form3_main { vertical-align: top; padding: 0px 0px 25px 0px; width: 100%; } div.form div.form3_q { margin-bottom: 15px; } div.form table.form3 textarea.input_full { height: 48px; vertical-align: top; } div.form table.form3_inner { table-layout: fixed; width: 100%; } div.form table.form3 td.form3_label { padding: 5px 10px 5px 0px; text-align: right; } div.form table.form3 td.form3_label_heading { padding-top: 15px; font-weight: bold; } div.form table.form3 td.form3_input { width: 285px; padding: 5px 0px; } div.form table.form3 td.form3_input .small { width: 50px; } div.form table.form3 td.form3_input .normal { width: 281px; } div.form table.form3 td.form3_input select.normal { width: 285px; } div.form table.form3 td.form3_error { padding: 15px 10px 0px 0px; text-align: right; font-size: 11px; line-height: 13px; color: #e2005e; } /* post — пост (видео, фото или заметка) */ div.post { position: relative; margin-top: 10px; zoom: 1; } div.post table.post { width: 100%; } div.post td.post_avatar { vertical-align: top; padding-right: 10px; } div.post td.post_content { vertical-align: top; width: 100%; } div.post_likes, div.post_check { float: right; overflow: hidden; padding-left: 22px; background: url(../images/post_likes.png) no-repeat 10px center; font-size: 9px; line-height: 13px; color: #e2005e; } div.post_check { background:url(../images/pic12.gif) 8px 50% no-repeat; } div.post_comments { float: right; overflow: hidden; padding-left: 25px; background: url(../images/post_comments.png) no-repeat 10px center; font-size: 9px; line-height: 13px; color: #e2005e; } p.post_date { margin: 0px 0px 0.4em 0px; font-family: "Georgia", serif; font-style: italic; font-size: 12px; line-height: 14px; } h2.post_title { margin: 0px 0px 0.4em 0px; font-family: "Georgia", serif; font-weight: normal; font-style: italic; font-size: 20px; line-height: 20px; } div.post_links { margin-top: 0.5em; } div.post_links table.post_links { width: 100%; } div.post_links td.post_links_left { vertical-align: top; width: 100%; } div.post_links td.post_links_right { vertical-align: top; padding-left: 20px; } div.post_links table.post_links_right { margin-left: auto; } div.post_links td.post_links_right_item { vertical-align: top; padding-left: 5px; } div.post_links td.post_links_right_item img { border: 0px none; vertical-align: top; } div.post_links span.iconlink { margin-right: 10px; position:relative; z-index:1; display:inline-block; } div.post_text { margin: 15px 0px; } div.post_textarea { } div.post div.post { padding-left: 25px; background: url(../images/post_reply.png) no-repeat left 10px; } div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post { margin-left: -15px; } div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post { margin-left: -20px; } div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post div.post { margin-left: -25px; } div.comments div.post { margin-top: 30px; } div.messages div.post { margin-top: 20px; } div.messages div.post_text { margin:6px 0 3px; } /* iconlink — ссылка и иконкой */ span.iconlink { font-family: "Georgia", serif; font-size: 12px; line-height: 21px; white-space: nowrap; zoom: 1; } span.iconlink span.sup { font-family: "Tahoma", sans-serif; font-size: 8px; line-height: 8px; vertical-align: 6px; } span.iconlink a { font-style: italic; background-repeat: no-repeat; background-position: left center; padding-left: 20px; zoom: 1; } span.iconlink span.a { font-style: italic; background-repeat: no-repeat; background-position: left center; padding-left: 20px; color: #7c7c7c; zoom: 1; } span.iconlink .iconlink_newissue { background-image: url(../images/iconlink_newissue.png); } span.iconlink .iconlink_myissues { background-image: url(../images/iconlink_myissues.png); } span.iconlink .iconlink_ilike { background-image: url(../images/iconlink_ilike.png); } span.iconlink .iconlink_write { background-image: url(../images/pic11.gif); } span.iconlink .iconlink_friends { background-image: url(../images/iconlink_friends.png); } span.iconlink .iconlink_addfriend { background-image: url(../images/iconlink_addfriend.png); } span.iconlink .iconlink_addfriend_disabled { background-image: url(../images/iconlink_addfriend_disabled.png); } span.iconlink .iconlink_comment { background-image: url(../images/iconlink_comment.png); } span.iconlink .iconlink_comment_disabled { background-image: url(../images/iconlink_comment_disabled.png); } span.iconlink .iconlink_like { background-image: url(../images/iconlink_like.png); } span.iconlink .iconlink_like_disabled { background-image: url(../images/iconlink_like_disabled.png); } span.iconlink .iconlink_reply { background-image: url(../images/iconlink_reply.png); } span.iconlink .iconlink_reply_disabled { background-image: url(../images/iconlink_reply_disabled.png); } /* out — вынесенная влево иконка-ссылка */ div.out { position: absolute; right: 610px !important; right: 609px; top: 0px; padding: 0px 0px 7px 3px; width: 30px; height: 20px; background: url(../images/out.png) no-repeat !important; background: url(../images/out.gif) no-repeat; zoom: 1; } div.out a.out_favourite { display: block; width: 30px; height: 20px; font-size: 1px; overflow: hidden; background: url(../images/out_favourite.png) no-repeat left 0px; } div.out a.out_favourite:hover { background-position: left -20px; } /* pages — постраничная навигация */ div.pages { font-family: "Georgia", serif; font-size: 14px; line-height: 26px; } div.pages span.pages_label { margin-right: 30px; font-style: italic; } div.pages span.page { font-size: 18px; margin-right: 5px; } div.pages span.current { font-size: 26px; } /* person */ table.person { table-layout: fixed; width: 100%; height: 63px; } table.person td.person_t { height: 1px; background: url(../images/person_bg.png) no-repeat left top !important; background: url(../images/person_bg.gif) no-repeat left top; } table.person td.person_b { height: 1px; background: url(../images/person_bg.png) no-repeat left bottom !important; background: url(../images/person_bg.gif) no-repeat left bottom; } table.person td.person_m { vertical-align: top; background: url(../images/person_bg.png) no-repeat left center !important; background: url(../images/person_bg.gif) no-repeat left center; } table.person_inner { table-layout:fixed; } table.person_inner td.person_left { vertical-align: top; width: 350px; padding: 15px 12px 25px 20px; } table.person_inner td.person_right { vertical-align: top; width: 203px; padding: 15px 20px 29px 30px; } table.person_left { } td.person_avatar { vertical-align: top; padding-right: 20px; padding-bottom: 4px; } td.person_info_top { vertical-align: top; font-size: 13px; line-height: 16px; color: #7c7c7c; } td.person_info_top h2 { margin: 0px 0px 5px 0px; font-family: "Georgia", serif; font-style: italic; font-weight: normal; font-size: 18px; line-height: 20px; color: #454545; } td.person_info_top span.value { color: #454545; } td.person_info_bottom { vertical-align: bottom; padding-top: 5px; } td.person_info_bottom span.iconlink { margin-right: 5px; } /* selector — красивый переключатель */ div.selector { position: relative; margin: 0px 0px 35px 0px; height: 30px; } div.selector table.selector { height: 30px; } div.selector td.selector { width: 80px; vertical-align: middle; text-align: center; background: url(../images/selector_bg.png) no-repeat center top; } div.selector td.selector.first { padding-left: 1px; background-position: left top; } div.selector td.selector.last { padding-right: 6px; background-position: right top; } div.selector a.selector { font-family: "Georgia", serif; font-style: italic; font-size: 14px; line-height: 16px; } .delete, .edit, .edit2, .make-friends { background:url(http://libero.dev.ailove.ru/images/pic1.gif) no-repeat 0 50%; padding-left:18px; display:inline-block; font:italic 12px/14px Georgia, "Times New Roman", Times, serif; } .edit { background-image:url(http://libero.dev.ailove.ru/images/pic2.gif); } .edit2 { background-image:url(http://libero.dev.ailove.ru/images/pic3.gif); } .make-friends { background-image:url(../images/pic8.gif); padding-left:22px; } .mr-10 { margin-right:10px; } .mb-36 { margin:0 0 36px; } .fl-rt { float:right; } .fl-lt { float:left; } .c-48 { width:48%; } .cal { vertical-align:middle; margin:0 3px; display:inline-block; font:italic 12px Georgia, "Times New Roman", Times, serif; color:#79b600; border-bottom:1px dotted; text-decoration:none; } .tab { text-decoration:none; font:italic 12px Georgia, "Times New Roman", Times, serif; padding:3px 5px; display:inline-block; vertical-align:middle; position:relative; } .tab span { float:left; border-bottom:1px dotted; } .tab .bbg { display:block; content:''; background:url(../images/pic7.gif) no-repeat; width:12px; height:6px; overflow:hidden; left:50%; margin-left:-6px; bottom:-6px; position:absolute; } .tab .bbg:after, .tab .bbg:before { content:''; } .act-tab { padding:3px 8px; background:#79b600; color:#fff; text-decoration:none; } .popup { background:#fff; position:absolute; width:323px; left:260px; top:45px; z-index:1; border:1px solid #ddd9f9; } .popup .in { position:relative; z-index:1; padding:18px 21px 18px; } .popup .bg { background:url(../images/pic1.png) no-repeat; width:326px; height:216px; position:absolute; right:-12px; bottom:-12px; } * html .popup .bg { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pic1.png', sizingMethod='scale'); } .popup .xv { background:url(../images/pic2.png) no-repeat; width:19px; height:17px; position:absolute; left:60px; top:-17px; } * html .popup .xv { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pic2.png', sizingMethod='scale'); } .w-27 { width:27px; } .f-11 { font-size:11px; } .f-16 { font-size:16px; } .f-10 { font-size:10px; } .mb-3 { margin:0 0 3px; } .a-cr { text-align:center; } .date2 { padding:13px 0 12px 15px; margin-top:0!important; margin-bottom:6px; border:1px solid #d7d7d7; color:#7c7c7c; zoom:1; position:relative; } .date2:after { content:''; clear:both; display:block; } .date2 p { margin:0 0 3px; padding:0; } .popup .head { padding:0 20px; font-size:11px; color:#7c7c7c; line-height:1.4; margin-bottom:20px; } .dot { padding:0 3px; } .begin, .end { white-space:nowrap; position:absolute; width:150px; background:#fff; top:-10px; left:3px; z-index:1; padding:0 13px; } .end { z-index:2; left:140px; width:auto; } .all-time { font:italic 13px Georgia, "Times New Roman", Times, serif; text-decoration:none; position:absolute; padding:0 8px; background:#fff; bottom:-5px; left:90px; } .all-time span { border-bottom:1px dotted; } .date3 { font:italic 12px Georgia, "Times New Roman", Times, serif; color:#79b600; display:inline-block; vertical-align:middle; } .more { font:italic 12px Georgia, "Times New Roman", Times, serif; } .search input { vertical-align:middle; } .search input.text { background:#fff url(../images/pic5.png) repeat-x; border:1px solid #d9d6e1; color:#7c7c7c; width:100px; padding:2px 9px; font-size:12px; margin-right:10px; } .v-ml { vertical-align:middle; } input[type=radio].v-ml { vertical-align:middle; margin:0; } .message { background:url(../images/pic9.gif) no-repeat 0 50%; padding-left:17px; } .in-message { background-image:url(../images/pic10.gif); } .online { margin-right:6px; background:#79b600; font:normal normal 10px/11px Tahoma, Geneva, sans-serif; color:#fff; height:13px; padding:0 5px; display:inline-block; vertical-align:middle; } .mb-5 { margin-bottom:5px; } .mb-8 { margin:0 0 8px!important; } .autocomplete-w1 { position:absolute; top:-1px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { border:1px solid #999; border-top:0; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#f2f2f2; } .autocomplete div { border-top:1px solid #d7d7d7; color:#7c7c7c; padding:5px 10px; white-space:nowrap; margin-right:19px; } .autocomplete strong { font-weight:normal; color:#3399FF; } .close { background: url(../images/pic13.gif) no-repeat 0 50%; padding-left:17px; line-height:12px; display:inline-block; } .red-line { position:absolute; bottom:0; top:-20px; left:-29px; background:#e10b67; width:4px; } * html .red-line { _h:expression(function(t) { var p = t.parentNode; var h = p.offsetHeight+20; if(t.h!= h) { t.h = h; t.style.height = h+"px"; } } (this)); } .gray { color:#525252; } .mb-20 { margin-bottom:20px; } .mb-10 { margin:0 0 10px; } .popup2 { width:314px; } .popup2 .bg { background: url(../images/pic7.png); width:327px; height:282px; } .popup2 .in { padding:10px 36px 14px; } .popup2 .xv { left:170px; } ul.cat li, ul.cat { margin:0; padding:0; list-style:none; } ul.cat { line-height:1.2; position:relative; margin-left:-45px; } ul.cat li { display:inline-block; width:162px; vertical-align:top; margin:0 -4px 20px 45px; } * html ul.cat li { display:inline; } * + html ul.cat li { display:inline; } ul.cat p { margin:0 0 5px; } ul.cat img { border:0; } .f-14 { font-size:14px; } .over { overflow:hidden; zoom:1; } .mr-11 { margin-right:11px; } .mr-8 { margin-right:8px!important; } .img { position:relative; margin:0 -25px 25px; } .img img { display:block; } .w-75 { width:75px; } .proj p { margin:0 0 14px; } .acron { overflow:hidden; zoom:1; padding-left:32px; margin-bottom:15px; } .acron p { margin:0; } .georg { _width:99%; font:italic 13px/20px Georgia, "Times New Roman", Times, serif; } .mb-14 { margin:0 0 14px!important; } .vote input { margin:0; vertical-align:middle; } .vote label { vertical-align:middle; } .vote p { margin:0 0 10px; } ul.ans, ul.ans li { margin:0; padding:0; list-style:none; } ul.ans li { color:#6a6a6a; margin-bottom:8px; overflow:hidden; zoom:1; } .perc { width:40px; float:left; font:italic 14px/1.2 Georgia, "Times New Roman", Times, serif; color:#79b600; } .answ { overflow:hidden; zoom:1; } .img2 img { display:block; margin:auto; } .img2 { margin-bottom:7px; } .small-img { text-align:center; } .small-img img { vertical-align:top; border:3px solid #fff; } .small-img .act img { border-color:#d3a2db; } .konks { color:#525252; } .mb-30 { margin:0 0 30px!important; } ul.ul li, ol.ol li { margin-bottom:12px; } .jcarousel { zoom:1; line-height:1.2; color:#7c7c7c; font-size:10px; position:relative; margin:-15px -20px -29px -30px; z-index:1; padding:14px 0 0; } .jcarousel a { color:#7c7c7c; text-decoration:none; outline:none; } .jcarousel a:hover { text-decoration:underline; } .jcarousel table, .jcarousel table td { table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; padding:0; margin:0; text-align:center; vertical-align:top; } .jcarousel table td { width:66px; } .jcarousel img { border:0; display:block; margin:0 auto 4px; } .jcarousel .left, .jcarousel .right { background:url(../images/pic32.png) no-repeat -21px -55px; display:block; position:absolute; top:50px; left:0; width:21px; height:55px; } .jcarousel .right { background-position:0 -55px; left:auto; right:0; } .jcarousel .left-disabled { background-position:-21px 0; } .jcarousel .right-disabled { background-position:0 0; } .jcarousel .in { width:200px; overflow:hidden; position:relative; margin:0 auto 10px; } .jcarousel ul.navi { font-size:0; line-height:0; letter-spacing:-1em; padding:0; margin:0; list-style:none; overflow:hidden; zoom:1; text-align:center; } .jcarousel .d { float:left; width:5px; height:6px; overflow:hidden; background:url(../images/pic32.png) no-repeat 0 -112px; } .jcarousel .act { background-position:0 -118px; } .jcarousel ul.navi li { letter-spacing:normal; display:inline-block; padding:0; margin:0 4px; } * html .jcarousel ul.navi li { display:inline; } * + html .jcarousel ul.navi li { display:inline; } .popups{ top:100%; margin-left:-100px; color:#8f8f8c; white-space:normal; padding:25px 15px 0; left:50%; background:url(../images/pic33.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pic33.png', sizingMethod='image'); width:214px; height:91px; font:11px/1.2 Tahoma, sans-serif, serif; display:block; position:absolute; display:none; z-index:100; } .iconlink:hover .popups{ display:block; } a.button { /* styles for button */ margin:10px auto 0 auto; text-align:center; display: block; width:50px; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; /* button color */ background-color: #B48FEB; /* css3 implementation :) */ /* rounded corner */ -moz-border-radius: 5px; -webkit-border-radius: 5px; /* drop shadow */ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); /* text shaow */ text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; } a.button:hover { background-color: #7865B8; } .hide { display: none } .hidden { visibility: hidden }