BODY, TABLE, TD, TR, A, P, PRE { font-family: arial; font-size: 11px; color: #2D343B; } BODY { background-color:#fff;height:100%;min-height:100%; } *, DIV, P, SPAN, H3, BODY, FORM, TEXTAREA { margin:0px; padding:0px; } DIV.mainPage { height:auto !important; min-height:100%; height:100%; margin:0px auto; } DIV.endMainPageAD {clear:both;height:350px;} DIV.endMainPage {clear:both;height:200px;} A, A:visited, A:active { text-decoration:underline; } A:hover, A:visited IMG, A:active IMG, A IMG { text-decoration: none; } /*A IMG.href, IMG.href, */ A .href, IMG.href {opacity:0.6;filter:alpha(opacity=60);} /*A:hover IMG.href, IMG.href:hover,*/ A:hover .href, IMG.href:hover {opacity:1;filter:none;} .href {cursor:pointer;} .verdana { font-family: verdana; } .courier { font-family: Courier New; } .font11 { font-size: 11px; } .font12,.font12 A { font-size: 12px; } .font14 { font-size: 14px; } .font25 { font-size: 25px; } .both { clear:both;} .none { display:none; } .inline {display:inline;} a.link_reg {color: #ED5205;} a.link_stats {color: #2D343B;} a.link_users_my_friend {color: #486493; font-weight: bold;} a.link_rss {color: #75AE08;} a.link_rol { font-size: 12px; text-decoration: none; color: #527C28; } a.link_users {color: #2D343B; font-weight: bold;} INPUT.button { font-size:16px;font-weight:bold;padding:3px;margin:15px 0px;display:block; } IMG, A IMG { border:none; } IMG.left { float:left;margin:0px 10px 5px 0px;border: 1px solid black; } IMG.icon { vertical-align:middle;/*vertical-align:bottom;*/margin-right: 3px; } IMG.avatar { float:left; margin:3px 10px 5px 0px; } IMG.message_icon {vertical-align:middle;margin:0px 3px 0px 10px;} IMG.hint_icon {vertical-align:middle;} IMG.upload_icon {margin:0px 3px;} P { margin:6px 0px:} /********************** Colors *****************************/ .green, .CurColor, H2, H4, H4 A, H3, H3 A { color: #73AC04; } .orange { color: #D29A04; } .grey { color: #8C8C8C; } .red { color: #fe5a06; } .blur,.blur A { color: #44A9D6; } .greenDark { color: #1B4900; } .yellowDark { color: #D29A04; } /******************** Headers *****************************/ H2 { font-size: 24px; margin:5px 0px; } H3, H3 A { font-size: 18px; font-weight: bold; margin:5px 0px; } H3 A { font-size: 14px; } H4, H4 A { font-size: 14px; font-weight: bold; margin:5px 0px; } /************************************************************/ .left { float:left; margin:0px;padding:0px; } .right { float:right; margin:0px;padding:0px; } .size {font-size:9px;background-color: #eee;color:#999;padding:0px 2px;} DIV.table { display:table; width:100%; } /* .ml30 { margin-left: 30px; } .ml20 { margin-left: 20px; } .mr20 { margin-right: 20px; } .mr10 { margin-right: 10px; } .mt6 { margin-top: 6px; } .mt34 { margin-top: 34px; } .ml10 { margin-left: 10px; } .mtb10 { margin:10px 0px; } .mtb5 { margin:5px 0px; } .mb50 { margin-bottom:50px; } .mt10 { margin-top:10px; } */ .pl58, .pl40 { padding-left: 40px; } .pl30 { padding-left: 30px; } .pl20 { padding-left: 20px; } .pl10 { padding-left: 10px; } .pr20 { padding-right: 20px; } .pr10 { padding-right: 10px; } .pr25 { padding-right: 25px; } .pb3 { padding-bottom:3px; } .p8 { padding:8px; } .p5 { padding:5px; } .pt30 { padding-top:30px; } .pt35 { padding-top:35px; } .pl15 { padding-left:15px; } /****************** Top background ************************/ .topBG{background:url(http://i2.rutube.ru/img/top/top_bg.jpg) top center no-repeat;} /********************** Pages ****************************/ /*DIV.navigat {display:table;width:100%;margin-bottom:10px;border:solid 1px red;}*/ DIV.navigation {display:table;width:100%;clear:both;margin:6px 0px;} /*TD.link_listalka A DIV*/ TD.link_listalka { text-align:center; padding:3px; /*margin:0px 1px;*/ } TD.link_listalka_act { padding:3px; font-size: 12px;/*background-color:#F5F5F5;*/ } TD.link_listalka A, TD.link_listalka A:hover, TD.link_listalka A:active, TD.link_listalka A:visited { color: #44A9D6;font-size: 12px; } TD.link_listalka A:hover { color:#000; } TD.link_listalka_noact DIV { font-size: 12px; color: #a9a9a9; padding:3px; margin:0px 1px; } /***********************************************************/ a.link_listalka_play {color: #fe5a06;} a.link_card {font-size: 12px; color: #527D27; font-weight: bold;} /****************** UPLOAD ********************/ DIV.upload { position:relative;z-index:3; } DIV.upload DIV { background:url(http://i2.rutube.ru/img/top/upload_icon.png) no-repeat left top;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/top/upload_icon.png,sizingMethod=crop); position:absolute; top:-75px;left:-60px; width:160px;height:75px; margin:0px; } DIV.upload A.upload { color: #3E82FF; font-size: 14px;position:absolute;z-index:40;top:-45px;left:-20px;} /***************** Свернуть/развернуть ******************/ .aShut { background:url(http://i2.rutube.ru/img/icon/i_less.gif) no-repeat left; } .aOpen { background:url(http://i1.rutube.ru/img/icon/i_more.gif) no-repeat left; } .aShut,.aOpen { padding-left:15px; padding-bottom:2px; margin:10px 0px; } .aShut A,.aOpen A { color:#73AC04; } /***********************************************************/ .error { border:solid 2px #fe5a06;padding:5px 10px 20px 10px; } table.info { color: #527D27; } table.param {border-collapse:collapse;} table.param tr td {border: solid 1px #a0cf45; padding:5px;} #webcam_folder { margin-top:33px; } .alertError { border:solid 1px #CECECE; padding:10px; font-weight: bold; color: #ff0000; } .alertSussecc { display:table;vertical-align:middle;border:solid 1px #CECECE; padding:10px;margin:10px 0px; background-color:#DEF2FB; } INPUT.radioTV { border: #ccc 1px solid; font-family: arial,verdana,tahoma,sans-serif; font-size : 10px; color: #555D3A; } .form_login { /*border: #A0CF45 1px solid; */ border:solid 1px #bbb; font-family: arial,verdana,tahoma,sans-serif; font-size : 10px; color: #555D3A; background-color: #ffffff; } .form_profile { font-size : 11px; color: #555D3A; } .form_comment { border: #A0CF45 1px solid; font-family: arial,verdana,tahoma,sans-serif; font-size : 11px; color: #555D3A; background-color: #ffffff; } .text_agreement { font-family: verdana,arial,tahoma,sans-serif; fontfamily: verdana,arial,tahoma,sans-serif; font-size: 14px; font-weight: bold; color: #73AC04; } .text_head { font-size: 12px; font-weight: bold; color: #548601; } ul.news li { padding: 0 0 5 0; } ul.agr li { list-style: none; } ul.none { display:block;margin:0px;padding:5px 0px 5px 10px; } ul.none li { list-style: none;padding:3px 0px; } ul.disc li { list-style: disc;padding: 0px 0px 5px 0px; } ul.sp { padding: 0px 0px 0px 0px; margin: 5px 20px 5px 20px; list-style: url(http://i1.rutube.ru/img/bulllit.gif);} .cell_rolik_info { border-top: #A0CF45 1px solid; border-bottom: #A0CF45 1px solid; background-color: #F4FFE8; } .form_profile_disabled { border: #8A8A8A 1px solid; color: #8A8A8A; background-color: #F7F7F7; } /********************* Tags **************************/ .text_tegs1 { color: #555D3A; line-height: 15px; } .text_tegs { color: #555D3A; //line-height:20px;clear:both;padding:0px 10px 5px 10px; } .text_teg_15n, .text_teg_15b { font-size: 15px; } .text_teg_16n, .text_teg_16b { font-size: 16px;} .text_teg_17n, .text_teg_17b { font-size: 17px; } .text_teg_18n, .text_teg_18b { font-size: 18px; } .text_teg_19n, .text_teg_19b { font-size: 19px; } .text_teg_20n, .text_teg_20b { font-size: 20px; } .text_teg_21n, .text_teg_21b { font-size: 21px; } .text_teg_22n, .text_teg_22b { font-size: 22px; } .text_teg_23n, .text_teg_23b { font-size: 23px; } .text_teg_24n, .text_teg_24b { font-size: 24px; } .text_teg_25n, .text_teg_25b { font-size: 25px; } .text_teg_26n, .text_teg_26b { font-size: 26px; } .text_teg_27n, .text_teg_27b { font-size: 27px; } .text_teg_28n, .text_teg_28b { font-size: 28px; } .text_teg_15b, .text_teg_16b, .text_teg_18b, .text_teg_19b, .text_teg_20b, .text_teg_21b, .text_teg_22b, .text_teg_23b, .text_teg_24b, .text_teg_25b, .text_teg_26b, .text_teg_27b, .text_teg_28b { font-weight: bold; } /****************************************************/ div.suggestions { -moz-box-sizing: border-box; box-sizing: border-box; background-color: white; border: 1px solid black; position: absolute; } div.suggestions div { cursor: default; padding: 0px 3px; font-family: verdana,tahoma,arial,sans-serif; font-size : 11px; } div.suggestions div.current { background-color: #3366cc; color: white; } .track_title { font-size: 14px; color: #ED761F; font-weight: bold; } .track_title_small{ font-weight: bold; color: #ED5205; padding-bottom:4px; } A.track_title_small{margin:0px 0px 3px 0px;padding:0px;} /***************** Accordion ***************************/ DIV.accordion_main { width: 270px; } DIV.accordion_panel_head { background-color:#F4FFE8; border-top: solid 1px #A0CF45; padding:5px 0px 5px 5px; } DIV.accordion_panel_content { background-color:#ffffff; padding:5px 0px 5px 5px; border: 1px dotted red; } .scroller { cell-padding: 0; } .scroller_cell { width: 100; padding-left:5px; padding-right:5px; } .scroller_cell2 { width: 100; padding-left:5px; padding-right:5px; vertical-align: top; } .scroller_control { width: 30; } /**************** New Accordion *****************************/ TABLE.AccordMenu { background:url(http://i1.rutube.ru/img/accordion/top_border.gif) repeat-x left bottom;margin-top:6px;margin-top=5px; } TABLE.AccordMenu TD { text-align:center; padding:0px;height:25px; } TD.AccordAct { background: url(http://i2.rutube.ru/img/accordion/bg_act.gif) repeat-x left top; text-decoration: none; color:#73AC04; font-size:11px; font-weight:bold; } TD.AccordAct SPAN { display:block;background: url(http://i1.rutube.ru/img/accordion/left_act.gif) no-repeat left top;height:25px; } TD.AccordAct SPAN SPAN { display:table;width:100%;background:url(http://i2.rutube.ru/img/accordion/right_act.gif) no-repeat right top;height:20px;height=25px; padding:5px 0px 0px 0px;text-align:center;} #AccordContent { border-left:solid 1px #8ECE35; border-right:solid 1px #8ECE35; border-bottom:solid 1px #8ECE35; height:345px;height=356px; /*padding:5px 0px 5px 10px;*/padding:5px 0px 5px 7px; } #AccordContent DIV.AccordScroll { height:326px;overflow:auto;margin-top:10px;//margin-bottom:-5px;} DIV.AccordScroll TABLE {border-collapse:collapse;border-spacing:0px;/*width:230px;*//*width:214px;*/} DIV.AccordTrack {/*padding:10px 0px 10px 5px;width:110px;float:left;*/padding:0px 6px 10px 0px;width:100px;/*border:solid 1px red;*/} DIV.AccordTrack P {padding:2px 0px;} TD.Accord { background:url(http://i2.rutube.ru/img/accordion/bg.gif) repeat-x left top; margin:0px;padding:0px; text-decoration: underline; color:#B5B5B5; font-size:11px; font-weight:bold; } TD.Accord SPAN { display:block;background:url(http://i2.rutube.ru/img/accordion/left.gif) no-repeat left top;height:25px;cursor:pointer; } TD.Accord SPAN SPAN { display:table;width:100%;background:url(http://i2.rutube.ru/img/accordion/right.gif) no-repeat right top;height:20px;height=25px;padding:5px 0px 0px 0px;text-align:center; } DIV.AccordItemLine {//border:solid 1px #fff;margin-bottom:20px;} DIV.AccordItemLine DIV.trackImg {float:left;width:107px;//width:100px;} DIV.AccordItemLine DIV.trackAbout {margin-left:110px;//margin-left:103px;} DIV.AccordItemLine P {margin:0px 0px 4px 0px;font-weight:bold;} /***************** Зеленая панелька *************************/ DIV.MyTrackPanel, DIV.greenPanel { border:solid 1px #A0CF45;background-color:#F6FCF0; padding:8px;margin:10px 0px;z-index:8; } DIV.MyTrackPanel {width:417px;position:absolute;top:-3px;/*//top:1px;*/} DIV.MyTrackLink {float:left; margin:0px; } DIV.MyTrackLink DIV { padding:4px 6px 7px 6px; float:left; border:solid 1px #F5F5F5; } DIV.MyTrackLink SPAN { border:solid 1px #F5F5F5; border-bottom:dashed 1px #000; cursor:pointer; padding:0px; } DIV.MyTrackLink SPAN.cardIcon { position:relative; /*top:0px;*/ left:10px;/* z-index:11;*//*margin-left:14px; */} DIV.MyTrackLink SPAN.cardIcon IMG { /*background:url(http://i2.rutube.ru/img/icon/i_balloon.gif) no-repeat left top;*/ width:10px; height:17px; position:absolute;left:-13px;top:0px; /*margin-left:-14px; //top:3px;*/ z-index:6; } DIV.MyTrackLink DIV.MyTrackLinkAct { border:solid 1px #A0CF45; border-bottom:0px; background-color:#F6FCF0; margin:0px; /*z-index:10;*/z-index:9; position:relative; } DIV.showSite {float:right;} DIV.snapshotContainer {position:relative;height:20px;} DIV.snapshotContainer DIV.snapshot {position:absolute;width:200px;} #SnapshotLink {/*margin-top:-25px;*/margin-top:5px;} DIV.snapshot {display:table;background:url(http://i1.rutube.ru/img/icon/snapshot.png) no-repeat left 2px;padding:0px 0px 8px 18px;//width:202px;} DIV.snapshot, DIV.snapshot A {font-size:12px;} DIV.SnapshotHelp {background-color:#eee;padding:8px;} DIV.SnapshotHelp IMG {vertical-align:absmiddle;} /********************** Рейтинг *****************************/ TABLE.rating_tbl { border: 1px solid none; border-collapse: collapse;} TABLE.rating_tbl TR.top TH { background-color: #FDE5BD;height: 40px; } TABLE.rating_tbl TD { padding: 10px 0px 10px 0px; } TABLE.rating_tbl TR.grey { background-color:#F5F5F5; } TABLE.rating_tbl_in TD { padding:0px 5px 0px 0px; margin:0px; border: none; } TABLE.rating_tbl_in IMG.message_icon {margin-left:0px;} TABLE.rating_tbl_in DIV {padding:4px 0px 0px 0px;} TABLE.rating_tbl TR { vertical-align: top; } TABLE.rating_tbl TR.top, TABLE.rating_tbl TR#search { vertical-align: middle; } /********************* Bookmarks list ******************************/ DIV.bookmark {margin-top:35px;} DIV.bookmark DIV.first_level_act {background:#DDF9BF url(http://i2.rutube.ru/img/strelka.gif) no-repeat right center;padding:5px 4px;font-weight:bold;} DIV.bookmark DIV.first_level {padding:5px 4px;} DIV.bookmark TABLE { border-collapse:collapse;width:240px;/*margin:5px 0px 0px 20px; */} DIV.bookmark TD { vertical-align:middle;padding:2px 4px 3px 24px;} DIV.bookmark TD i, DIV.bookmark DIV.first_level i {background-position:-19px 50%;} DIV.bookmark TD A, DIV.bookmark DIV.first_level_act A, DIV.bookmark DIV.first_level A { padding-left:25px;} DIV.bookmark TR.act TD { padding:7px 4px 9px 24px;} DIV.bookmark TR.act { font-weight:bold;background-color:#DDF9BF; } DIV.bookmark TD.act { background:#DDF9BF url(http://i2.rutube.ru/img/strelka.gif) no-repeat right center; } DIV.bookmark TR.act i, DIV.bookmark DIV.first_level_act i {background-position:-1px 50%; } DIV.bookmark i /*, DIV.bookmark DIV.first_level_act i, DIV.bookmark DIV.first_level i */ { background:transparent url(http://i1.rutube.ru/img/icon/folder.png) no-repeat; position:absolute; width:18px; height:15px; } DIV.bookmark .aOpen, DIV.bookmark .aShut {margin-left:25px;} /*DIV.bookmark .grey {color: #8C8C8C;cursor:default;text-decoration:none;}*/ /**************** Редактирование закладки ******************/ .bookmark_edit_links A {border:solid 1px white;padding:0px 2px 4px 2px;color: #73AC04;} .bookmark_edit_links A.act { border:solid 1px #A0CF45; border-bottom:0px; background-color:#F6FCF0; padding:0px 2px 4px 2px; margin:0px; z-index:10; position:relative; } .bookmark_panels {position:relative;margin:3px 0px 10px 0px;} .bookmark_panels .greenPanel {width:400px;margin:0px 0px 10px 0px;} .bookmark_panels .greenPanel INPUT {margin:2px 2px 2px 0px; } .bookmark_panels INPUT.bookmarkEdit {width:200px;font-size:11px;} /* сообщение о копировании ролика в плейлист */ .bookmark_success {padding:10px;margin:5px 0px 10px 0px;} .bookmark_success, .bookmark_success A {font-size:14px;} /********************* User Info ****************************/ .userinfo {position:relative;right:-5px;z-index:20;} .userinfo TABLE {border-collapse:collapse;border-spacing:0px;z-index:50;} .userinfo TD {padding:0px 5px;} .userinfo TR {vertical-align: top;} .userinfo #about, .userinfo DIV.about {position:absolute;/*top:-85px;*/right:0px;border:solid 1px #ccc;background-color:white;z-index:50;padding:10px 5px 10px 0px;} .userinfo .grey {padding-bottom:3px; } .userinfo P {display:block;padding-left:12px;} .userinfo DIV.avatar {width:70px;background:url(http://i1.rutube.ru/img/icon/ui_strelka.jpg) no-repeat left top;padding:0px 0px 5px 14px;//padding-bottom:2px;margin-top:3px; } /****************** Right track info **********************/ DIV.trackInfo {/*//float:right;//width:270px;*/margin-bottom:20px;position:relative;} DIV.rightTrackInfo {/*width:250px;*/padding: 8px 8px 10px 8px; border:solid 1px #ccc;//width:240px;} DIV.rightTrackInfo TABLE.info {border-collapse:collapse;border-spacing:0px;border:0px;width:100%;} /*DIV.trackInfo .login_indicator { border: #eeeeee 5px solid; z-index: 99; background: #fff; position: absolute; width:260px;//width:270px; padding:140px 0px;font-size:14px; }*/ /**************************************************************/ IMG.rt_diff { border: 1px solid none; width: 5px; height: 9px; } SPAN.active_rating_menu { background-color: #1b4900; color: #ffffff; font-weight: bold; padding: 0 3 0 3; } div.16out { position: relative; } div.16in { position: absolute; padding:2px 5px 2px 3px; top: -5; left: 65; background-color: #cc0000; color: #ffffff; font-weight: bold; } /*********************** Blogs ****************************/ DIV.blogs TABLE.add_blog {border-collapse:collapse;border-spacing:0px;margin: 6px 0px 40px 16px;} DIV.blogs TABLE.add_blog TR {vertical-align:top;} DIV.blogs .error {padding:10px 0px;color: #fe5a06;font-weight:bold;border:0px;} TABLE.blog { background-color: #F4FFE8;border-top: solid 1px #A0CF45; margin-top: 10px;} TABLE.blog TD { border-bottom: solid 1px #A0CF45; } TABLE.blog TH { text-transform: lowercase; font-size:10px; border-bottom: solid 1px #A0CF45; padding-bottom:2px; height:20px; } /********************* My channel ***************************/ div.mcDesc {margin-bottom:5px;}/*АШКН 20px; 16:27 21.07.2008*/ DIV.mcDesc {border-bottom:solid 1px #A4A4A4;padding-bottom:10px;clear:both;} DIV.mcDesc #shortText, DIV.mcDesc #allText {padding:5px 0px;} DIV.mcCodes {background-color:#E6FECC;padding:4px 4px 4px 10px;} DIV.mcAnnounce {padding:0px 12px 0px 15px;} /*DIV.mcAnnounce DIV.date,*/ DIV.mcAnnounce A.title {color: #73AC04;} DIV.mcAnnounce DIV.title {color: #000;} /********************* Channel edit *************************/ DIV.channel_edit INPUT, DIV.channel_edit TEXTAREA {width:320px;} DIV.channel_edit TEXTAREA {height:100px;} DIV.channel_edit INPUT.but {width:100px;} /********************** Channel page ***************************/ DIV.channel_codes DIV.more,DIV.channel_codes DIV.less { position:relative; padding-right:25px; /*width:12px; height:18px;margin-left:5px;vertical-align:middle; background:url(/img/icon/arrows.png) no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/arrows.png,sizingMethod=scale); */ } DIV.channel_codes DIV.more i, DIV.channel_codes DIV.less i { position:absolute; background:url(/img/icon/arrows.png) no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/arrows.png,sizingMethod=crop); } DIV.channel_codes DIV.more SPAN, DIV.channel_codes DIV.less SPAN { border-bottom:dashed 1px #000;cursor:pointer;margin:0px 5px;} DIV.channel_codes DIV.more i {background-position:-18px -1px; width:13px;height:16px;} DIV.channel_codes DIV.less i {background-position:0px 0px;width:16px;height:16px;} /********************** Chanells ******************************/ TABLE.channels {border-collapse:collapse; border-spacing:0px;width:100%;} TABLE.channels TR {vertical-align:top;} TABLE.channels TD {padding:10px 10px 5px 0px;border-bottom:solid 1px #ccc;} TABLE.channels .online {color:#fff;background-color:#73AC04;padding:1px 4px;font-size:9px;} TABLE.channels A.yellowDark {font-size:14px;font-weight:bold;} DIV.channels_header {margin-bottom:20px;display:table;width:100%;clear:both;} DIV.channels_header H2 {color: #D29A04;float:left;} DIV.channels_header A {float:left;margin:16px 0px 0px 20px;color: #D29A04;font-size:12px;} DIV.channels_sort {white-space:nowrap;padding-top:7px;} DIV.channels_sort A {background:url(http://i1.rutube.ru/img/icon/i_rollover_def.gif) no-repeat right 70%; padding:0px 9px 0px 0px; color:#B7B6B9;margin-right:10px; } DIV.channels_sort A.asc {background:url(http://i1.rutube.ru/img/icon/i_rollover_top.gif) no-repeat right 70%;color:#000;} DIV.channels_sort A.desc {background:url(http://i1.rutube.ru/img/icon/i_rollover.gif) no-repeat right 70%;color:#000;} DIV.channel_info {padding:0px 15px 10px 0px;border-right:solid 1px #ccc;} DIV.channel_info IMG.left {width:80px;height:80px;border:0px;} /*************************** Card ***************************/ TABLE.cards A { color:#FE5905; font-size:13px; font-weight: bold; } TABLE.cards A,TABLE.cards A:active,TABLE.cards A:visited { text-decoration:none; } TABLE.cards A:hover { text-decoration:underline; } TABLE.cards TD { padding:0px 10px 40px 0px;text-align:center; } /************************* Friendlenta **********************/ DIV.fr_track {padding:15px 0px 20px 0px;} DIV.fr_track H4 {margin-bottom:7px;} DIV.fr_track TABLE.player {border-collapse:collapse;border-spacing:0px;} DIV.fr_track TABLE.player TR {vertical-align:top;} /*DIV.fr_track TABLE.player TD {padding:10px 10px 0px 0px;}*/ DIV.player {width:400px;height:353px;z-index:2;/*float:left;*/} DIV.fr_track DIV.player {padding:0px 10px 0px 0px;} DIV.playerNew {width:470px;height:405px;z-index:2;} A.NewPlayerLink,A.NewPlayerLink:visited, A.NewPlayerLink:active {border:solid 1px #ccc;padding:3px 6px;font-size:12px;text-decoration:none;} A.NewPlayerLink:hover {border:solid 1px #000;text-decoration:none;} /* A.details, A.details:active, A.details:hover, A.details:visited,A.collapse, A.collapse:active, A.collapse:hover, A.collapse:visited { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#B8B8B8; padding-right:8px;margin:0px 1px 0px 1px; } A.details, A.details:active, A.details:hover, A.details:visited { background:url(http://i1.rutube.ru/img/down1.gif) right no-repeat;} A.collapse, A.collapse:active, A.collapse:hover, A.collapse:visited { background:url(http://i1.rutube.ru/img/up1.gif) right no-repeat;} A.details:hover,A.collapse:hover {text-decoration:underline;} A.green,A.green:active, A.green:hover, A.green:visited { color:#73AC04; } A.black, A.black:hover, A.black:active, A.black:visited {color:#2D343B; text-decoration:underline; font-weight:bold;} A.orange,A.orange:active, A.orange:hover, A.orange:visited {color:#F78000;} A.title,A.title:hover, A.title:active, A.title:visited { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;padding:20px 0px 10px 2px;display:block; } A.title,A.title:active, A.title:visited { text-decoration:underline; } A.title:hover { text-decoration:none; } */ /********************* Upload page ***********************/ #upload_content { width:610px;border-collapse:collapse; border-spacing:0px; } #upload_content .h {color:#73AC04;font-size:14px;font-weight:bold;} #upload_content .grey {color:#808080;} #upload_content TD { padding:13px 10px 10px 8px; } #upload_content TR { vertical-align:top; } #upload_content TR.grey {background-color:#F7F7F7;} #upload_content TR.ping {background-color:#F6E1D8;} #upload_content TD.inp INPUT {width:400px;} #upload_content SELECT {width:400px;font-size:11px;} #upload_content OPTION {font-size:11px;padding-left:5px;} #upload_content TD.inp TEXTAREA {width:400px;height:90px;} #upload_content .right16 {float:right;width:220px;text-align:right;color:#8B8380;} #upload_content .tags TEXTAREA {width:400px;height:50px;} #upload_content UL.comments {list-style-type:none;} #upload_content UL.comments LI {padding:4px 0px;} #upload_content UL.comments INPUT {vertical-align:middle;margin-right:5px;} #upload_content .rightC {float:right;width:170px;color:#808080;} /* #upload_content TABLE.category TD { padding:2px 4px 3px 0px;padding=0px 2px 1px 0px; } */ #upload_content TR.blue { background-color:#DEF2FB; vertical-align:middle; } #upload_content TR.green { background-color:#F4FFE8; vertical-align:middle; } #upload_content TR.greenBright { background-color:#E0FFBF; vertical-align:middle; } #upload_content TR.greenBright TD, #upload_content TR.blue TD, #upload_content TR.green TD { padding:8px; } #upload_content #webcam_folder { margin:0px 0px 10px 0px; border:solid 1px #CECECE; background-color:#F0F0F0; display:table;width:100%; } #upload_content #webcam_folder IMG { float:left;margin:5px 6px 5px 5px; } #upload_content #webcam_folder H4 { padding-top:6px;padding-top=10px;color:#8C8C8C; } TEXTAREA {overflow:auto;} /*#upload_content TABLE.category INPUT { margin:0px 4px 0px 0px;margin=0px 2px 0px 0px;vertical-align:middle; }*/ #upload_content INPUT.way { margin:0px 4px 0px 0px;margin=0px 2px 0px 0px; } div.auto_complete { /*width: 350px;*/ width: 148px; background: #fff; z-index:12; } div.auto_complete ul { border: 1px solid #888; margin: 0; padding: 0; /* width: 100%;*/ list-style-type: none; } div.auto_complete ul li { margin: 0; padding: 3px; } div.auto_complete ul li.selected { background-color: #ffb; } div.auto_complete ul strong.highlight { color: #800; margin:0; padding:0; } /****************** Marker icons **************************/ .icons { position:relative;z-index:30;width:228px;//margin:1px 0px; } .icons IMG { width:228px;height:36px;z-index:30; } .icons IMG.AuthorPay { background:url(http://i2.rutube.ru/img/icon/m_AuthorPay.png) no-repeat; //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/m_AuthorPay.png,sizingMethod=crop); } .icons IMG.NAuthorPay { background:url(http://i2.rutube.ru/img/icon/m_notAuthorPay.png) no-repeat; //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/m_notAuthorPay.png,sizingMethod=crop); } .icons IMG.AuthorSave { background:url(http://i1.rutube.ru/img/icon/m_AuthorSave.png) no-repeat; //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/m_AuthorSave.png,sizingMethod=crop); } .icons IMG.NAuthorSave { background:url(http://i1.rutube.ru/img/icon/m_notAuthorSave.png) no-repeat; //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/m_notAuthorSave.png,sizingMethod=crop); } .icons IMG.AuthorNSave { background:url(http://i2.rutube.ru/img/icon/m_AuthorNotSave.png) no-repeat; //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/m_AuthorNotSave.png,sizingMethod=crop); } .icons IMG.NAuthorNSave { background:url(http://i1.rutube.ru/img/icon/m_notAuthorNotSave.png) no-repeat; //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/m_notAuthorNotSave.png,sizingMethod=crop); } .IconActBg0, .IconActBg38, .IconActBg76, .IconActBg114, .IconActBg152, .IconActBg190 { background-image:url(http://i2.rutube.ru/img/icon/icon_act_bg.gif); background-repeat:no-repeat;cursor:pointer;} .IconActBg0 {background-position: 0px 50%; } .IconActBg38 {background-position: 38px 50%; } .IconActBg76 {background-position: 76px 50%; } .IconActBg114 {background-position: 114px 50%; } .IconActBg152 {background-position: 152px 50%; } .IconActBg190 {background-position: 190px 50%; } DIV.iconPanel { display:none; /*width:265px;*/width:260px;left:-10px; margin-top:-1px;//margin-top:-2px; position:absolute;z-index:27; } DIV.iconContent { /*width:265px;*/ /*display:none;position:absolute; margin-top:-1px;*/ background-color:#F4FFE8;border:solid 1px #99CF3F;padding:10px 10px 25px 10px; } DIV.iconContent A {color:#3e82ff;} A.place { font-weight:bold; color: #ed5205; text-decoration:underline; } TD.smile { padding:10px 0px; } TD.smile A { float:left;margin:5px 5px 5px 0px; } DIV.shadow { height:8px; background:transparent url(http://i2.rutube.ru/img/menu_shadow.png)no-repeat 50% bottom;//background-color:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/menu_shadow.png,sizingMethod=crop); } DIV.iconContent .indicator {position:absolute;top:143px;left:10px;} DIV.iconContent TABLE.tags SPAN {font-size:10px;color:#6c6a50;} DIV.iconContent TABLE.tags SELECT {width:110px; height:50px; height=; padding:0px; font-size:11px; } DIV.iconContent TABLE.tags TEXTAREA {width:125px; height:50px; //height:60px; overflow=auto;font-size:11px;} DIV.iconContent TABLE.tags .auto_complete {width:130px;} DIV.iconContent SELECT.pl { margin:5px 0px 6px 0px;width: 220px; } DIV.iconContent SELECT.pl OPTION {font-size:11px;} DIV.avatar_border {border:solid 1px white;padding:2px;} DIV.avatar_border_act {border:solid 1px #ccc;padding:2px;} DIV.avatar_border div.avatar, DIV.avatar_border_act div.avatar { background:url(http://i1.rutube.ru/img/icon/ui_strelka.jpg) no-repeat left top;clear:both;padding:0px 3px 3px 13px;margin-top:3px;//padding-bottom:0px;cursor:pointer;} DIV.avatar_border div.avatar_notact { clear:both;padding:0px 3px 3px 13px;margin-top:3px;//padding-bottom:0px;} DIV.pay_button { margin:4px 0px;cursor:pointer; width:200px; height:47px; background:url(http://i2.rutube.ru/img/icon/pay.png) no-repeat left top;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/pay.png,sizingMethod=crop); } /****************** Comment ******************/ DIV.commentForm { border:solid 1px #ccc;padding:0px 7px 7px 7px; background-color:#F5F5F5;margin:0px; } DIV.commentForm P {padding-top:7px;} DIV.commentForm FORM { margin:0px 0px 10px 0px; padding:0px;//display:table;//padding-top:5px; } DIV.commentForm DIV.text_labels { padding-bottom:8px; } DIV.commentForm TEXTAREA {border:solid 1px #ccc;width:100%;height:70px;overflow:auto;margin:3px 0px;//margin:0px;} DIV.commentForm DIV.option { border:solid 1px #ccc; margin:3px 0px 7px 0px; padding:2px 9px;//position:relative;/*display:table; */} DIV.option TABLE {border-collapse:collapse;border-spacing:0px;margin-top:15px;} DIV.commentForm #commentLink { display:block; } DIV.commentForm INPUT.left {margin:5px 0px;} DIV.commentForm_header {position:relative;padding:2px 0px;/*border:solid 1px red;*/} DIV.commentForm_header H4 {/*float:left;*/display:inline;} DIV.commentForm_header SPAN {/*float:left;*/padding:7px 10px 0px 8px;} DIV.commentForm_header SPAN.video {padding:22px 10px 0px 8px;} DIV.commentForm_header DIV.plink {position:absolute;font-size:10px;right:0px;top:0px;//top:5px;//right:5px;/*border:solid 1px green;*/} TD.comment_smile {max-width:200px;//width:200px;} /*TD.comment_smile IMG {width:15px;height:15px;vertical-align:absmiddle;margin-right:3px;cursor:pointer;}*/ TD.comment_font {width:130px;} TD.comment_font DIV {cursor:pointer;} /**************** Moder Icon ******************/ .moderate { background-color: #ff0000; color: #ffffff; padding: 0 4 0 4; font-weight: bold; font-size: 10pt; text-decoration: none; } .moderate_chk { background-color: #527D27; color: #ffffff; padding: 0 4 0 4; font-weight: bold; font-size: 10pt; } TABLE.table{width:700px;margin:10px 20px 10px 0px;border-collapse:collapse;border-top:solid 1px #A0CF45;border-left:solid 1px #A0CF45;} TABLE.table TH{text-align:center;} TABLE.table TD{padding:3px;} TABLE.table TH,TABLE.table TD{border-bottom:solid 1px #A0CF45;border-right:solid 1px #A0CF45;} TABLE.table TD A{color:#2D343B;} TABLE.table2 { margin:10px 20px 10px 0px;border-collapse:collapse; } TABLE.table2 TH { text-align:center; } TABLE.table2 TD { padding:5px; } TABLE.modOptions{border-collapse:collapse;font-size:12px;margin-top:20px;} TABLE.modOptions TD{padding:6px;} TABLE.modOptions TD INPUT,TABLE.modOptions TD SELECT{border:solid 1px #A0CF45;font-size:12px;padding:1px;margin:0px;} /*********************** Playlist **************************/ DIV.playlist{ border:solid 1px #CECECE; background-color:#F0F0F0; width:125px; /*width=130px;*/ height:135px;height=150px; float:left; padding:5px 4px 4px 5px; margin:8px 8px 0px 0px;//margin:4px 4px 0px 0px; } DIV.playlistBorder { border:solid 1px #ccc; padding:0px 0px 10px 10px;/*width:300px;display:table;*/ } DIV.playlistBorder .allLink { clear:both;padding-top:10px; } TABLE.plist TD { padding:2px 10px 2px 3px; } TABLE.plist TD.img { padding:2px 0px 2px 7px; } TABLE.plist TR.grey { background-color:#F5F5F5; } /* отображение ролика на странице плейлиста DISPLAY_PLAYLIST_TRACK_JOURNAL */ TABLE.playlist_track {border-collapse:collapse;border-spacing:0px;margin-bottom:15px;} TABLE.playlist_track TR {vertical-align:top;} TABLE.playlist_track .check {padding: 0px 10px 0px 0px;} TABLE.playlist_track .title {padding-bottom: 5px;font-weight:bold;} TABLE.playlist_track .bottom_line {background-color:#F5F5F5;padding:7px 10px;} TABLE.playlist_track .greenPanel {width:350px;} TABLE.playlist_track TD.track_info {padding:0px 10px 10px 10px;width:40%;} /* коды ролика */ TABLE.track_codes {border-collapse:collapse;border-spacing:0px;} TABLE.track_codes TR {vertical-align:middle;} TABLE.track_codes TD {padding:3px 4px 3px 1px;} TABLE.track_codes .address {color: #527D27;} DIV.bl TABLE.track_codes {/*margin:0px 5px 0px 15px;*/margin:0px auto;width:200px;-webkit-margin-start: 7px;} /* hack for safary */ /*body:first-of-type DIV.bl TABLE.track_codes { border:solid 1px red;width:200px; }*/ DIV.bl TABLE.track_codes TD {padding:1px 4px 1px 1px;} /* right track info*/ /* Playlist create link (left side) */ .playlist_create_link {border:solid 1px #CECECE;background-color:#F0F0F0;padding:10px;margin-top:34px;} .playlist_create_link INPUT {margin-top:10px;} /* Playlist create page */ DIV.playlist_create TABLE {border-collapse:collapse;border-spacing:0px;margin-top:15px;} DIV.playlist_create TR {vertical-align:top;} DIV.playlist_create TD {padding:0px 10px 10px 0px;} DIV.playlist_create INPUT.pText {width: 260px;font:arial 11px;} DIV.playlist_create TEXTAREA {width: 260px; height: 116px; padding:2px;font:arial 11px;} DIV.playlist_create INPUT.pCheck {margin: 0px 5px 1px 0px; vertical-align: middle;} /*********************** Серые элементы *************************/ DIV.GB { border:solid 1px #CECECE; background-color:#F0F0F0; padding:10px; } DIV.gBorder { border:solid 1px #CECECE; padding:10px; } DIV.GB2 { display:table;width:100%; border:solid 1px #CECECE; background-color:#F0F0F0; padding:5px;padding-bottom=0px; } DIV.GB2 IMG { float:left;margin:0px 6px 0px 0px; } DIV.GB2 H4 { padding-top:6px;padding-top=10px;color:#8C8C8C; } /*************** Серая панелька копирования ******************/ DIV.control { /*display:table;width:100%;*/border:solid 1px #CECECE;background-color:#F0F0F0;padding:3px 6px;/*height:30px;*/} DIV.control TABLE {width:100%;//width:98%;border-collapse:collapse; border-spacing:0px;} DIV.control .bookmark_input {width:200px;font-size:11px;} DIV.control .playlist_select {width:180px;font-size:11px;padding:0px;} /***************** заголовок с зеленым бэграундом ********************/ /*DIV.GreenHeader { height:31px;background:url(http://i2.rutube.ru/img/blocks/bg_title.gif) repeat-x left top;margin-bottom:10px;} DIV.GreenHeader SPAN {display:table;width:100%;background:url(http://i2.rutube.ru/img/blocks/bg_title_left.gif) no-repeat left top;height:31px;border:solid 1px red; } DIV.GreenHeader SPAN SPAN {display:table;width:100%;background:url(http://i2.rutube.ru/img/blocks/bg_title_right.gif) no-repeat right top;padding:2px 0px 0px 10px;border:solid 1px green;} */ DIV.titleBlock {background:url(http://i2.rutube.ru/img/blocks/bg_title.gif) repeat-x left top;} DIV.titleBlock H4 {margin:-3px 0px 0px 15px;//margin-top:-6px;} /* DIV.GreenHeader { height:31px;margin:0px 0px 10px 0px;//margin:0px; padding:0px 0px 0px 5px; background: url(http://i2.rutube.ru/img/blocks/bg_title_left.gif) no-repeat left top;} DIV.GreenHeader SPAN { display:block;height:31px; background: url(http://i2.rutube.ru/img/blocks/bg_title_right.gif) no-repeat right top; margin:0px;padding:0px 5px 0px 0px;} DIV.GreenHeader SPAN SPAN {padding:3px 7px;//padding:0px 7px;margin:0px;background:url(http://i2.rutube.ru/img/blocks/bg_title.gif) repeat-x left top;} */ /************** index **************************/ TABLE.GreenBlock,TABLE.GreenBlockTop{border-collapse:collapse; border-spacing:0px;background-color:#D8FFBB; color:#010101;} TABLE.GreenBlock TD.top{background:url(http://i2.rutube.ru/img/blocks/green_block_left_top.jpg) left top no-repeat; padding:5px 7px 3px 10px; } TABLE.GreenBlock TD.bottom,TABLE.GreenBlockTop TD.bottom{background:url(http://i1.rutube.ru/img/blocks/green_block_left_bottom.jpg) left bottom no-repeat;} TABLE.GreenBlock .redHeader { color:#DB0303; font-size:14px; font-weight:bold;padding-bottom:5px; } TABLE.GreenBlock .track_title_small { display:block; padding:2px 0px; } TABLE.GreenBlockTop TD.top{background:url(http://i2.rutube.ru/img/blocks/green_block_left_top.jpg) left top no-repeat; padding:5px 0px 0px 15px;} TABLE.GreenBlockTop TD.top A{ color:#73AC04; font-size:11px;font-weight:normal; } /* DIV.indexSort { clear:both;display:table;margin-top:20px;padding-right:7px;width:100%; } DIV.indexSort H3 { float:left;padding:7px 7px 0px 0px;font-size:16px;margin:0px; } DIV.indexSort UL { float:right; list-style:none; padding:0px; margin:0px; } DIV.indexSort LI { float:left; color:#8EB2CC; text-decoration:underline; cursor:pointer; } DIV.indexSort LI SPAN { padding:0px 0px 0px 15px; } DIV.indexSort LI DIV DIV { padding:8px 6px 10px 7px; } */ /* icons */ /*DIV.indexSort i {background:url(http://i1.rutube.ru/img/icon/calendar.gif) no-repeat;position:absolute;height:15px;} DIV.indexSort Li.d i {background-position:0px 0px;width:10px;} DIV.indexSort Li.w i {background-position:-15px 0px;width:12px;} DIV.indexSort Li.m i {background-position:-28px 0px;width:13px;} */ /* act */ /*DIV.indexSort .act { background: url(http://i2.rutube.ru/img/blocks/c.gif) repeat-x left top; } DIV.indexSort .lt { background: url(http://i1.rutube.ru/img/blocks/l_t.gif) left top no-repeat; } DIV.indexSort .rt { background: url(http://i1.rutube.ru/img/blocks/r_t.gif) right top no-repeat; } */ DIV.indexPanel H3 {font-size:14px;padding:1px 5px 8px 10px;//margin:0px;} DIV.indexPanel A.playMore {display:block;color:#3E82FF;padding:5px 10px 0px 0px;} DIV.indexPanel A.playMore IMG { width:22px; height:22px;margin-left:5px;vertical-align:middle; background:url(http://i1.rutube.ru/img/icon/play.png) no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/play.png,sizingMethod=scale); } DIV.indexTrackList TABLE {border-collapse:collapse;border-spacing:0px;/*//width:395px;*/width:100%;/*margin-left:5px;*/} DIV.indexTrackList TABLE TR {vertical-align:top;} DIV.indexTrackList TABLE TD {width:33%;padding:5px;} DIV.indexTrackList DIV.track {padding:0px;} /* DIV.indexPanel {background-color:#DBF3AD;display:table;width:100%;} DIV.indexPanel SPAN { display:block; padding:0px; margin:0px; } DIV.indexPanel SPAN.lt {background:url(http://i2.rutube.ru/img/index/l_t.gif) no-repeat left top;} DIV.indexPanel SPAN.rt {background:url(http://i2.rutube.ru/img/index/r_t.gif) no-repeat right top;} DIV.indexPanel SPAN.lb {background:url(http://i1.rutube.ru/img/index/l_b.gif) no-repeat left bottom;//display:table;//width:100%;} DIV.indexPanel SPAN.rb {background:url(http://i2.rutube.ru/img/index/r_b.gif) no-repeat right bottom;padding:5px 5px 5px 14px; display:table;width:100%;} DIV.indexPanel A, DIV.indexPanel A.playMore {color:#3E82FF;padding:0px 10px;float:right;} DIV.indexPanel H3 {float:left;font-size:14px;padding:1px 5px 5px 0px;} DIV.indexPanel A.playMore IMG { width:22px; height:22px;margin-left:5px;vertical-align:middle; background:url(http://i1.rutube.ru/img/icon/play.png) no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/play.png,sizingMethod=scale); } */ /****************************************************/ DIV.bl2 { width:100%; display:table; color:#010101;background-color:red; } DIV.bl2 .lCol, DIV.bl2 .rtCol, DIV.bl2 .rbCol { //overflow:hidden;font-size:1px; } DIV.bl2 .lCol { float:left; width:100%;margin-right:-9px; } DIV.bl2 .rtCol, DIV.bl2 .lt, DIV.bl2 .lb, DIV.bl2 .rbCol { width:9px;height:9px; background:url(img/blue_coners.png) no-repeat; /*background:blue url(img/white_coners.png) no-repeat;*/ } DIV.bl2 .rtCol { float:right; background-position: 0px 0px;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/r_t2.png,sizingMethod=crop); } DIV.bl2 .lt { float:left;//margin-right:-3px; background-position: -10px 0px;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/l_t2.png,sizingMethod=crop); } DIV.bl2 .lb { float:left;//margin-right:-3px; background-position: -10px -10px;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/l_b2.png,sizingMethod=crop); } DIV.bl2 .rbCol { float:right; background-position: 0px -10px;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/r_b2.png,sizingMethod=crop); } DIV.bl2 DIV.ct {background-color:#A576B5;height:9px;margin:0px 9px;//margin:0px 9px 0px 0px;} DIV.center {background-color:#A576B5;} /*************************** Default block with white coners ***************************/ DIV.bl { width:100%; background-color:#DBF3AD; display:table; color:#010101; } DIV.bl span {padding:0px; margin:0px;} DIV.bl span.rt { width:9px;height:9px;display:block; background:url(http://i2.rutube.ru/img/blocks/coners.png) 0px 0px no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/blocks/ie/def_r_t.png,sizingMethod=crop); } DIV.bl .lt { height:9px;margin:0px;padding:0px; background: url(http://i2.rutube.ru/img/blocks/coners.png) -10px 0px no-repeat; //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/blocks/ie/def_l_t.png,sizingMethod=crop); } DIV.bl .lb { height:9px; background: url(http://i2.rutube.ru/img/blocks/coners.png) -10px -10px no-repeat; //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/blocks/ie/def_l_b.png,sizingMethod=crop); } DIV.bl IMG.rb { width:9px;//height:9px; background:url(http://i2.rutube.ru/img/blocks/coners.png) 0px -10px no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/blocks/ie/def_r_b.png,sizingMethod=crop); } DIV.bl span.rb { width:9px;height:9px;display:block;//position:absolute;//margin-left:-9px; background:url(http://i2.rutube.ru/img/blocks/coners.png) 0px -10px no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/blocks/ie/def_r_b.png,sizingMethod=crop); } DIV.greenBlock2 { background-color:#DBF3AD; color:white; } /******************** Login block **************************************/ DIV.loginBlock {background-color:#E6F5FF;width:500px;margin:0px auto 30px auto;} DIV.loginBlock TABLE {border-collapse:collapse; border-spacing:0px;margin:0px auto;} DIV.loginBlock TR {vertical-align:top;} DIV.loginBlock TD {font-size:14px;padding:5px;vertical-align:top;} DIV.loginBlock .grey {background-color:#ccc;} DIV.loginBlock TH {color:#5584C2; font-weight:bold;font-size:14px;padding:5px;text-align:left;} DIV.loginBlock INPUT.tx {width:160px;height:17px;font-size:11px;padding:0px 1px;} DIV.loginBlock INPUT.openId { background:#fff url(http://i2.rutube.ru/img/icon/icons.gif) -185px -38px no-repeat; padding-left:15px;width:160px;height:17px; border:solid 1px #7F9DB9; } DIV.loginBlock INPUT.button { background:#94B2DA url(http://i2.rutube.ru/img/icon/icons.gif) 0px -71px repeat-x; border:solid 2px;border-color:#BBD5F6 #5C789D #5C789D #BBD5F6; font:1em arial,sans-serif; margin:0px 10px 0px 0px;color:#fff;padding:5px 30px;font-weight:bold; float:left;width:113px; } DIV.loginBlock SPAN.password, DIV.loginBlock SPAN.password A {font-size:9px;color:#5584C2;} DIV.loginBlock SPAN.password {padding:2px 7px 0px 0px;display:block;} DIV.loginBlock A.regLink {color:#5584C2;display:block;margin-top:10px;} DIV.loginBlock .shut {position:relative;} DIV.loginBlock .shutLink {position:absolute;right:10px;top:-5px;cursor:pointer;font-size:10px;color:#5584C2;//padding-bottom:3px;} DIV.loginBlock .shutLink SPAN {border-bottom:dashed 1px #5584C2;} DIV.loginBlock .login_indicator { background: #E6F5FF; position:absolute;left:100px;/*//left:-150px;*/ width:300px; padding:88px 0px;opacity:0.8;filter:alpha(opacity=80); font-size:14px; font-weight:bold; } /******************** Login page ************************/ DIV.loginPage {width:500px;background-color:#E6F5FF;width:500px;margin-left:-50px;//position:relative;//left:-50px;//margin:0px;} DIV.loginPage TABLE {border-collapse:collapse; border-spacing:0px;margin:0px auto;} DIV.loginPage TR {vertical-align:top;} DIV.loginPage TD {font-size:14px;padding:5px;vertical-align:top;} DIV.loginPage .grey {background-color:#ccc;} DIV.loginPage TH {color:#5584C2; font-weight:bold;font-size:14px;padding:5px;text-align:left;} DIV.loginPage INPUT.tx {width:160px;height:17px;font-size:11px;} DIV.loginPage INPUT.openId { background:#fff url(http://i2.rutube.ru/img/icon/icons.gif) -185px -38px no-repeat; padding-left:15px;width:160px;height:17px; border:solid 1px #7F9DB9; } DIV.loginPage INPUT.button { background:#94B2DA url(http://i2.rutube.ru/img/icon/icons.gif) 0px -71px repeat-x; border:solid 2px;border-color:#BBD5F6 #5C789D #5C789D #BBD5F6; font:1em arial,sans-serif; margin:0px 10px 0px 0px;color:#fff;padding:5px 30px;font-weight:bold; float:left;width:113px; } DIV.loginPage SPAN.password, DIV.loginPage SPAN.password A {font-size:9px;color:#5584C2;} DIV.loginPage SPAN.password {padding:2px 7px 0px 0px;display:block;} DIV.loginPage A.regLink {color:#5584C2;display:block;margin-top:10px;} DIV.loginPage .login_indicator { background: #E6F5FF; position: absolute;left:100px;//left:-150px; width:300px; padding:88px 0px;opacity:0.8; font-size:14px; font-weight:bold; } DIV.loginPage DIV.hintContainer {position:relative;top:-2px;left:2px;} /******************** Tags *****************************/ DIV.tagsBlock { background-color:#ADD8F3;/*margin:20px 0px;*/ } DIV.tagsBlock H4 {color:#0b3651;float:left;padding:0px 10px 3px 10px;} DIV.tagsBlock .more {float:right;padding:7px 10px 0px 7px;} DIV.tagsBlock .more A {color:#3E82FF;} a.link_tegs, a.link_tegs:visited, a.link_tegs:hover, a.link_tegs:active{font-size: 11px; color:#668295;padding:0px 1px 3px 1px; } a.link_tg, a.link_tg:visited, a.link_tg:active, a.link_tg:hover{font-size: 11px; color: #2D343B;} a.link_tegs, a.link_tegs:visited {text-decoration: none;} a.link_tegs:hover,a.link_tegs:active{background-color:#daf2ff;} /*********************** Categories *************************/ TABLE.categories_list {width:100%;border-collapse:collapse; border-spacing:0px;clear:both;table-layout:fixed;} TABLE.categories_list TR {vertical-align:top;} TABLE.categories_list TD.newTrack {font-weight:bold;padding:2px 3px 2px 7px;text-align:right;color:#5d6c50;} TABLE.categories_list TD.allTrack {padding:4px 5px 3px 0px;font-size:9px;color:#9caf7e;} TABLE.categories_list TD.catName {overflow:hidden; white-space:nowrap;padding:2px 0px 2px 10px;width:60%;} TABLE.categories_list TD.catName A {color:#5d6c50;} TABLE.categories_list TD.actCat {background:url(http://i2.rutube.ru/img/categories/bg.gif) repeat-x left bottom;padding:0px;width:65%; } TABLE.categories_list TD.actCat DIV {background:url(http://i2.rutube.ru/img/categories/act_left.gif) left bottom no-repeat; padding:6px 10px 8px 13px;overflow:hidden; white-space:nowrap; } TABLE.categories_list TD.allTrackAct {background:url(http://i2.rutube.ru/img/categories/bg.gif) repeat-x left bottom;padding:0px;} TABLE.categories_list TD.allTrackAct DIV {background:url(http://i1.rutube.ru/img/categories/arrow.gif) right bottom no-repeat;padding:8px 5px 8px 0px; font-size:9px;color:#6F7F5D;} TABLE.categories_list TD.newTrackAct {background:url(http://i2.rutube.ru/img/categories/bg.gif) repeat-x left bottom;padding:6px 3px 8px 7px;text-align:right;font-weight:bold;} DIV.categories_list H4 {color:#435b15;float:left;padding:0px 10px 10px 10px;margin:0px;} DIV.categories_list .more { float:right; background:url(http://i1.rutube.ru/img/categories/more.gif) no-repeat right 80%; padding:2px 15px 0px 7px;margin-right:10px;//margin-right:5px;//padding-bottom:3px; } DIV.categories_list .less { float:right; background:url(http://i1.rutube.ru/img/categories/less.gif) no-repeat right bottom; //background:url(http://i1.rutube.ru/img/categories/less.gif) no-repeat right 65%; padding:2px 17px 0px 7px;margin-right:10px;//margin-right:5px;//padding-bottom:3px; } DIV.categories_list .more SPAN, DIV.categories_list .less SPAN {color:#73AC04;cursor:pointer;border-bottom:dashed 1px #73AC04;} /********************* My tracks categories ***************************/ DIV.myTracksList {margin-top:40px;} TABLE.myTracksList {width:100%;border-collapse:collapse; border-spacing:0px;} TABLE.myTracksList TR {vertical-align:top;} TABLE.myTracksList TD {padding:3px 10px;} TABLE.myTracksList TR.act {background-color:#DDF9BF;} TABLE.myTracksList TD.act {background:#DDF9BF url(http://i2.rutube.ru/img/strelka.gif) right center no-repeat;padding:4px 10px 6px 10px;} TABLE.myTracksList TR.act A {font-weight:bold;} /** **/ /* DIV.GreenBlock { display:table;width:100%;background-color:#D8FFBB;color:#010101; } DIV.GreenBlock P { display:block;background:url(http://i1.rutube.ru/img/blocks/green_block_right_top.jpg) right top no-repeat; padding:0px;margin:0px;} DIV.GreenBlock P SPAN { display:block;background:url(http://i2.rutube.ru/img/blocks/green_block_left_top.jpg) left top no-repeat; } DIV.GreenBlock P.noConer { background:none; } DIV.GreenBlock P SPAN SPAN { background:url(http://i1.rutube.ru/img/blocks/green_block_left_bottom.jpg) left bottom no-repeat;display:block; } DIV.GreenBlock P SPAN SPAN SPAN { display:table;width:100%;background:url(http://i2.rutube.ru/img/blocks/green_block_right_bottom.jpg) right bottom no-repeat;padding:7px 7px 7px 10px; } DIV.GreenBlock .redHeader { color:#DB0303; font-size:14px; font-weight:bold;padding-bottom:5px; } DIV.GreenBlock .track_title_small { display:block; } */ /******************* Discovery block *************************/ DIV.discovery {background-color:#D8FFBB;} DIV.discovery TABLE {width:98%;border-collapse:collapse; border-spacing:0px;margin-left:5px;} DIV.discovery TR {vertical-align:top;} DIV.discovery TD {padding:0px 0px 0px 10px;} DIV.discovery H4 { color:#DB0303;padding:0px 0px 5px 15px;margin:0px; } DIV.discovery A.green {font-weight:bold;margin-left:15px;} /************** Featured tracks (video page) *******************/ DIV.featTracks { background-color:#FFEEBA;color:#010101;margin-bottom:20px; } DIV.featTracks H4 {background:url(http://i2.rutube.ru/img/icon/ft_arrow.gif) no-repeat left 50%;color:#FF8A00;padding-left:17px;margin:6px 0px 5px 20px;} DIV.featTracks TABLE {border-collapse:collapse;border-spacing:0px;width:95%;margin-left:20px;} DIV.featTracks TR {vertical-align:top;} DIV.featTracks TD DIV.track {padding-bottom:0px;} DIV.featTracks A.trackTitle {color:#FF6000;} /**************************************************************/ #progressbar_indicator TABLE.GreyBlock,TABLE.GreyBlock { border-collapse:collapse; border-spacing:0px; background:#B0B4BA url(http://i2.rutube.ru/img/blocks/grey_bg.jpg) top left repeat-x; color:#010101; margin:10px 0px; } #progressbar_indicator TABLE.GreyBlock TD { margin:0px; padding:0px; } #progressbar_indicator TABLE.GreyBlock TD.top, TABLE.GreyBlock TD.top { background:url(http://i1.rutube.ru/img/blocks/grey_left_top.jpg) left top no-repeat; padding:10px 7px 0px 20px; color:#000; font-size:14px; } #progressbar_indicator TABLE.GreyBlock TD.bottom, TABLE.GreyBlock TD.bottom { background:url(http://i1.rutube.ru/img/blocks/grey_left_bottom.jpg) left bottom no-repeat; } #progressbar_indicator TABLE.GreyBlock .header,TABLE.GreyBlock .header{ color:#878787; float:left;} TABLE.GreenBlock TD, TABLE.OrangeBlock TD, TABLE.YellowBlock TD, TABLE.GreenBlockTop TD, TABLE.GreyBlock TD {margin:0px; padding:0px;} /********************* Time sort (day,week,month,all) **************************/ DIV.timeSort { clear:both;display:table;padding-right:7px;width:100%; } DIV.timeSort H3 { float:left;padding:7px 7px 0px 0px;font-size:14px;margin:0px; } DIV.timeSort UL { float:right; list-style:none; padding:0px; margin:0px; } DIV.timeSort LI { float:left; color:#8EB2CC; text-decoration:underline; cursor:pointer;} DIV.timeSort LI:hover {text-decoration:none;} DIV.timeSort LI SPAN { padding:7px;margin-left:16px;display:block;//padding:7px 5px;} DIV.timeSort LI.act { color:#8EB2CC; text-decoration:none;cursor:default;padding:0px; } DIV.timeSort LI.act SPAN {float:left;padding:0px;} /*DIV.timeSort LI.act i {margin-left:-14px;}*/ /* icons */ DIV.timeSort i {background:url(http://i2.rutube.ru/img/icon/icons.gif) no-repeat;position:absolute;height:15px;margin-left:-16px;} DIV.timeSort Li.d i {background-position: 0px -47px;width:11px;} DIV.timeSort Li.w i {background-position:-13px -47px;width:12px;} DIV.timeSort Li.m i {background-position:-27px -47px;width:13px;} DIV.timeSort Li.all SPAN {margin-left:0px;} /* act */ DIV.timeSort LI DIV { float:left;width:10px;height:20px;//padding:0px;//margin:0px; } DIV.timeSort .act { background: url(http://i2.rutube.ru/img/icon/icons.gif) -104px 0px repeat-x ; } DIV.timeSort .lt { background: url(http://i2.rutube.ru/img/icon/icons.gif) -82px 0px no-repeat; } DIV.timeSort .rt { background: url(http://i2.rutube.ru/img/icon/icons.gif) -93px 0px no-repeat; } /************************ Main sort (views,rating,date) ******************************/ DIV.mainSort {} DIV.mainSort UL {list-style:none; padding:0px 0px 0px 6px; margin:-4px 0px 0px 0px;//margin-top:-6px;//height:26px;} DIV.mainSort LI {float:left;font-weight:bold;color:#73AC04;margin:6px 13px;} DIV.mainSort LI A { font-weight:bold;color:#73AC04; } DIV.mainSort LI.act {margin:0px;} DIV.mainSort LI.act DIV.l { background: url(http://i2.rutube.ru/img/blocks/coners.png) no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/blocks/ie/white_left.png,sizingMethod=crop); background-position:-7px -20px; float:left;width:6px;height:26px; } DIV.mainSort LI.act P {color:#73AC04;background-color:#fff;float:left;margin:0px;padding:6px 4px;height:14px;} DIV.mainSort LI.act DIV.r { background:url(http://i2.rutube.ru/img/blocks/coners.png) 0px -20px no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/blocks/ie/white_right.png,sizingMethod=crop); background-position:0px -20px; float:left;width:6px;height:26px; } /*********************** Main sort TV&Radio (views,rating,date) *****************************/ DIV.tvSort {background-color:#F3EBAD;} DIV.tvSort UL {list-style:none; padding:0px 0px 0px 6px; margin:-4px 0px 0px 0px;//margin-top:-6px;//height:26px;} DIV.tvSort LI {float:left;font-weight:bold;color:#73AC04;margin:6px 13px;} DIV.tvSort LI A { font-weight:bold;color:#D29A04; } DIV.tvSort LI.act {margin:0px;} DIV.tvSort LI.act DIV.l { background: url(http://i2.rutube.ru/img/blocks/coners.png) no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/blocks/ie/white_left.png,sizingMethod=crop); background-position:-7px -20px; float:left;width:6px;height:26px; } DIV.tvSort LI.act P {color:#D29A04;background-color:#fff;float:left;margin:0px;padding:6px 4px;height:14px;} DIV.tvSort LI.act DIV.r { background:url(http://i2.rutube.ru/img/blocks/coners.png) 0px -20px no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/blocks/ie/white_right.png,sizingMethod=crop); background-position:0px -20px; float:left;width:6px;height:26px; } /*********************** Index *********************************/ DIV.indexSort {padding-right:0px;} DIV.indexSort UL {margin-right:7px;} DIV.indexSort H3 { float:left;padding:7px 0px 0px 0px;font-size:14px;//font-size:13px;margin:0px; } DIV.indexSort LI {padding:0px;} DIV.indexSort LI SPAN { float:left;padding:7px 0px;margin-left:16px;} DIV.indexSort LI.act { color:#8EB2CC; text-decoration:none;cursor:default;} DIV.timeSort LI.act SPAN {float:left;padding:7px 0px;} /* DIV.categories_links { font-weight:bold;color:#73AC04;margin:0px 0px 10px 0px;white-space:nowrap;text-align:right; } DIV.categories_links A { font-weight:normal;color:#73AC04; } .GreenMenu A,.GreenMenu {background-color:#D8FFBB;color:#73AC04; } .GreenMenu TD.act { color:#FF7E00; } DIV.centerMenu { margin:0px 0px 8px 0px;width=100%; } DIV.centerMenu TD { text-align:center;margin:0px; } DIV.centerMenu TD.noact { font-weight:bold;padding:0px 10px 7px 20px;} DIV.centerMenu TD.noact DIV.underline{ text-decoration: underline; } DIV.centerMenu TD.noact DIV { cursor:pointer; } DIV.centerMenu TD.act { font-weight:bold;background: url(http://i2.rutube.ru/img/blocks/white_left.gif) left top no-repeat;padding:0px 10px; } DIV.centerMenu TD.act DIV SPAN { background-color:#fff;padding:5px 7px 7px 10px;} DIV.centerMenu TD.act DIV { background:url(http://i2.rutube.ru/img/blocks/white_right.gif) right top no-repeat;padding:5px 4px 7px 0px;} */ Table.list TR { vertical-align:top; } Table.list TD { padding:0px 10px 20px 0px; } Table.list TABLE TD{ padding:0px 5px 5px 0px; } TABLE.progressbar { background:url(http://i2.rutube.ru/img/pb_bg.gif); margin:10px 0px 10px 25px; width:255px; height:15px; } TABLE.progressbar TD {margin:0px;padding:0px;} TABLE.progressbar TD.green { background:url(http://i1.rutube.ru/img/pb_green.gif); } TABLE.progressbar TD.grey { background:url(http://i1.rutube.ru/img/pb_grey.gif); } DIV.GLine { margin:10px 0px;padding:0px;background:url(http://i2.rutube.ru/img/blocks/grey_bg_.gif) repeat-x left bottom;} DIV.GLine P { background: url(http://i2.rutube.ru/img/blocks/grey_left_.jpg) no-repeat left bottom;margin:0px;} DIV.GLine P SPAN { display:block;padding:0px;background: url(http://i1.rutube.ru/img/blocks/grey_right_.jpg) no-repeat right bottom;} DIV.GLine P SPAN A { padding:0px 0px 4px 11px;//padding:0px 0px 4px 11px;display:block;} /************************* Accordion for channel ****************************/ DIV.AccordMenu { height:25px;background:url(http://i1.rutube.ru/img/accordion/top_border.gif) repeat-x left bottom;margin-top:20px;} DIV.AccordMenu DIV.bg { width:150px;background: url(http://i2.rutube.ru/img/accordion/bg_act.gif) repeat-x left top;/*margin:0px;*/ } DIV.AccordMenu DIV.l { height:25px;/*display:table;width:100%;display=;width=;*/background: url(http://i1.rutube.ru/img/accordion/left_act.gif) no-repeat left top; } DIV.AccordMenu DIV.r { /*display:table;width:100%;*/background:url(http://i2.rutube.ru/img/accordion/right_act.gif) no-repeat right top; padding:5px 10px; } DIV.AccordContent { position:relative; width:268px; border-left:solid 1px #8ECE35; border-right:solid 1px #8ECE35; border-bottom:solid 1px #8ECE35; height:300px; padding:10px 0px 10px 10px; overflow:auto; } DIV.AccordContent TABLE {width:250px;} /************************* Me Block *******************************/ DIV.profile { /*display:table;*/width:980px;/*height:30px;*/margin-bottom:20px;padding:8px;text-align:left; } DIV.me {background-color:#EAFCD4;} DIV.notme {background-color:#F5F5F5;} DIV.profile IMG.avatar { float:left; margin:0px 10px 0px 0px;padding:0px; } .subMenuAct { background-color:#c4ef95; padding:2px 4px;} DIV.profile TABLE {border-collapse:collapse; border-spacing:0px;width:100%;} DIV.profile TR {vertical-align:top;} DIV.profile .user_info { width:270px;/*width:257px;*/padding-right:20px;} DIV.profile .user_info DIV.title {margin-bottom:7px;font-size:12px;font-weight:bold;color:#73AC04;} DIV.profile DIV.title .tv, DIV.profile DIV.title .male, DIV.profile DIV.title .female, DIV.profile DIV.title .openID {display:inline;} html:root .user_info div.title {position:relative;top:0px;} /* fix for firefox, (safari, opera 9.5) */ .profile i, x:-moz-any-link {top:0px;} /* fix for firefox */ DIV.profile .title A {color:#73AC04;} DIV.profile A.message {display:block;margin:10px 0px 0px 0px;} DIV.profile A.message IMG {background:url(http://i2.rutube.ru/img/icon/ui_message.png) no-repeat;//background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/ui_message.png,sizingMethod=crop);} /*DIV.profile .user_menu { padding-top:10px;}*/ DIV.profile .user_menu A.green {font-size:18px;font-weight:bold;} /************************** Partner ********************************/ TABLE.partner TD,TABLE.partner P,TABLE.partner h3, TABLE.partner ol li A, TABLE.partner A {font-size:10pt;} TABLE.partner h3,TABLE.partner h2 {color:#73AC04;} TABLE.partner h2 { font-size:12pt; padding:0px; margin:0px; } TABLE.partner ol { padding-top:6px; } TABLE.partner ol li,TABLE.partner ol li A { color:#73AC04;padding:8px 0px;font-weight:bold; } TABLE.partner p {padding:5px 0px 0px 0px;} TABLE.partner hr {color:#73AC04; margin:20px 0px; height: 1px;} TABLE.partner textarea { width: 400px; height: 150px; padding:2px;clear:both;} TABLE.partner ul {padding:10px 0px 0px 15px;} TABLE.partner ul li {padding:0px 0px 8px 0px;} ul.api,TABLE.partner ul.api { padding:0px 20px; } ul.api li, TABLE.partner ul.api li { list-style: none;margin:0px 0px 5px 0px; padding:0px; } TABLE.partner ul.news { padding:0px 30px;padding=12px 30px;margin:0px; } TABLE.partner ul.news li { padding: 0px 0px 5px 0px;margin:0px; } DIV.phpapi, DIV.phpapi A {font-size:10pt;} UL.partner { padding:35px 0px 10px 0px;list-style-position:inside;} UL.help { padding:10px 0px 10px 10px;list-style-position:inside; } OL.help { padding:30px 0px 10px 0px;margin-left:30px;list-style-position:outside; } OL.help LI { padding:2px 0px; } UL.partner LI, UL.help LI {margin:3px 0px;} DIV.partners_list {clear:both;} DIV.partners_list A { display:block; float:left; margin:10px; } /************************ Banner ***********************************/ .topBanner { background-color:#ccc; padding:10px 0px; border-bottom:solid 1px #bbb; } DIV.banner { clear:both; } DIV.banner A { display:block; float:left; margin:10px; } /*************************** Program ******************************/ TABLE.program { margin:5px 0px 10px 0px; border-collapse:collapse; border-spacing:0px;width=220px; } TABLE.program TD { padding:3px;color:#000; } TABLE.program TR.act TD { background-color: #EDF7DF;color:#7BA040; } /************************** Channales *****************************/ #schedule { /*padding-top:9px;*/ } #schedule H4 {margin-top:2px;} DIV.ProgramScroll{ padding:5px 3px;margin:7px 10px 10px 0px;overflow:auto; /*height:341px;*/height:110px;/*height=353px;*/width=253px;border:solid 1px #ccc; } DIV.ProgramLoad {position:relative;} DIV.ProgramLoad DIV {position:absolute;width:258px;padding:60px 0px 50px 0px;background-color:#fff;} /******************** top ***********************/ #top { width:1000px; height:130px; margin-left:auto; margin-right:auto; margin-bottom:12px; position:relative; background:url(http://i2.rutube.ru/img/top/top_bg.jpg) top center no-repeat; } #top .logo { width:240px; height:130px; float:left; } /********* Search in header *********/ #top DIV.search { text-align:left; width:214px; padding:35px 0px 5px 0px; /*float:right;*/ } #top DIV.search A, #top DIV.search SPAN { font-size:10px; position:relative; top:-6;top=-4; text-align:left; padding-left:3px; color:#4C9005; } #top DIV.search FORM {margin:0px;} #top DIV.search INPUT.search_text {width:119px;font-size:11px;} INPUT.search { width:58px;height:25px;margin:0px; vertical-align:middle; background:url(http://i2.rutube.ru/img/top/search.png) no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/top/search.png,sizingMethod=crop); } /************** Top menu **********************/ #menu { width:528px; margin:0px; padding:27px 0px 8px 0px; position:absolute; left:236px; top:38px; } /************************ NEW MENU **************************/ DIV.onlinestats {color: #666;text-align:left;position:absolute;z-index:40;top:40px;left:400px;} TABLE.menu{ border-collapse:collapse;border-spacing:0px;height:57px;padding:0px;/*//float:left;*/ } TABLE.menu TD A{font-size:18px;font-weight:normal;font-family: tahoma, "Liberation Sans",sans-serif;} TABLE.menu TD{padding:10px 17px 0px 16px;margin:0px;white-space:nowrap;background:url(http://i1.rutube.ru/img/top/menu_bg.jpg) repeat-x left top;} TABLE.menu TD.div{padding:0px 6px;} TABLE.menu TD.lColumn { width:21px;padding:0px; background:url(http://i2.rutube.ru/img/top/menu_left.png) no-repeat left top;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/top/menu_left.png,sizingMethod=crop); } TABLE.menu TD.rColumn { width:21px;height:51px;padding:0px; background:url(http://i2.rutube.ru/img/top/menu_right.png) no-repeat right top;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/top/menu_right.png,sizingMethod=crop); } TD.green A{color:#73AC04;} TD.orange A{color:#FFA200;} TD.yellow A{color:#FFE400;} TD.blur A{color:#50C9FB;} TABLE.menu DIV.actMenu { background:url(http://i1.rutube.ru/img/top/menu_act.gif) no-repeat center bottom;padding-bottom:25px;} /****************** My menu top(main and profile) *********************/ DIV.myMenu { height:43px;} DIV.myMenu .center { //display:table; background:url(http://i1.rutube.ru/img/top/hello_bg.png) repeat-x left top;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/top/hello_bg.png,sizingMethod=scale); padding-top:8px;//padding-top:6px; height:32px;height=38px; float:right; } DIV.myMenu .leftBg { background:url(http://i1.rutube.ru/img/top/hello_left.png) no-repeat left top;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/top/hello_left.png,sizingMethod=crop); height:38px;width:13px;float:right; } DIV.myMenu .rightBg { background:url(http://i2.rutube.ru/img/top/hello_right.png) no-repeat right top;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/top/hello_right.png,sizingMethod=crop); height:38px;width:21px;float:right; } DIV.myMenu A.grey, DIV.myMenuProfile A.grey {color:#939393; } TABLE.greeting {border-collapse:collapse;border-spacing:0px;//position:relative;z-index:30;} TABLE.greeting TD {padding:0px 3px;} TABLE.greeting DIV.male,TABLE.greeting DIV.female, TABLE.greeting DIV.openID, TABLE.greeting DIV.tv {display:inline;font-weight:bold;} TABLE.greeting i, x:-moz-any-link {top:0px;} /* fix for firefox */ DIV.myMenu .menu, DIV.myMenuProfile .menu { background:url(http://i1.rutube.ru/img/icon/i_rollover.gif) no-repeat right 70%; padding:0px 10px 0px 2px;margin:0px 15px 0px 3px; position:relative;z-index:80; cursor:pointer; } DIV.myMenu .menu P, DIV.myMenuProfile .menu P {border-bottom:dashed 1px #000;margin:0px;} DIV.myMenu #my_menu, DIV.myMenuProfile #my_menu { width:100px;//width:120px; position:absolute;/*top:1.3em;*/top:1.2em;left:0px;z-index:60; border:solid 1px #ccc; background-color:#fff; padding:10px; text-align:left; } DIV.myMenu UL, DIV.myMenuProfile UL {list-style-type:none;} DIV.myMenu LI, DIV.myMenuProfile LI {padding:3px 0px;text-indent:-6px;} DIV.myMenu .login, DIV.myMenuProfile .login {float:left;margin-left:30px;//margin-left:15px;position:relative;cursor:pointer;} DIV.myMenu .login i, DIV.myMenuProfile .login i { background:url(http://i2.rutube.ru/img/blocks/coners.png) 0px -49px;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/ie/i_login.png,sizingMethod=crop); width:28px;height:27px; position:absolute;top:-6px; margin-left:-30px; } DIV.myMenu .login P, DIV.myMenuProfile .login P {text-decoration:underline;margin:0px;} DIV.myMenuProfile {float:right;margin: 8px 20px;} /******************* videocardSender ***************************/ #videocardSender {/*width:378px;width=397px;*/} #videocardSender_theme {background-color: #ffffff; width: 220px;} #videocardSender_email {background-color: #ffffff; width: 220px;} #videocardSender_content TABLE {border-collapse:collapse;border-spacing:0px; } #videocardSender_content TD {padding:4px 10px 4px 0px;} #videocardSender_content SELECT, #videocardSender_content INPUT {font-size:11px;} /******************* clipEdit *************************/ #clipEdit {width:350px;} INPUT#clipTitle {width:340px;} TEXTAREA#clipComment {width:340px;} SELECT#clipCategory,SELECT#clipAccess {width:340px;font-size:11px;} INPUT#clipAbused {vertical-align:middle;margin-right:3px;} /******************** For video comments ****************/ DIV.video_comment {border:solid 1px #ccc;background-color:#eee;padding:8px;display:table;} DIV.video_comment TABLE {margin:3px 0px;} DIV.video_comment .header {color:#BABABA;font-weight:bold;font-size:12px;padding:0px 0px 5px 0px;} DIV.video_comment .title {color:#73AC04;font-weight:bold;font-size:12px;} TD.thumb {width:100px;height:75px;padding-right:10px;} /*TD.about i {background:url(http://i2.rutube.ru/img/icon/icons.gif) no-repeat;position:absolute;//cursor:pointer;}*/ TD.about .views i, TD.about .comments i, TD.about .duration i {background:url(http://i2.rutube.ru/img/icon/icons.gif) no-repeat;position:absolute;//cursor:pointer;} DIV.play {position:relative;} DIV.play DIV { position:absolute;width:58px;height:56px;cursor:pointer;top:10px; left:20px; background:url(http://i2.rutube.ru/img/play.png) no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/play.png,sizingMethod=scale); } /****************** Small Track ********************/ DIV.track { width:120px;width=110px;padding:0px 0px 16px 0px; } TD.hiddenTrack {background:url(http://i1.rutube.ru/img/icon/i_track_lock.gif) no-repeat left top;padding-left:13px;} A.trackTitle, SPAN.trackTitle { font-size: 12px;font-weight:bold;color: #73AC04;padding-bottom:2px;padding-right:3px; } DIV.img { position:relative;width:100px;height:75px;margin:5px 0px;padding:0px; } .censored { position: absolute; padding:2px 5px 2px 3px; top: -2px;left: 65px;background-color: #cc0000;color:#fff;font-weight: bold; } .qlist { position: relative; z-index: 9; top:59px; left:2px;width:14px;height:14px;background:url(http://i2.rutube.ru/img/icon/icons.gif) -57px -48px no-repeat;cursor:pointer; } DIV.hq { position: absolute; z-index: 10; top:59px; right:-7px; } DIV.hq IMG, IMG.buy_icon { background:url(http://i2.rutube.ru/img/icon/hq.png) no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/hq.png,sizingMethod=scale); width:68px;height:18px; } IMG.buy_icon {vertical-align:middle; } DIV.img .imgLink { position: absolute; z-index: 0;top:0px; left:0px; margin-bottom: -14px; } DIV.views i,DIV.comments i, DIV.duration i, DIV.track i, /*DIV.friendsList i,*/ DIV.lock i, /*DIV.openID i,*/ DIV.tv i, DIV.male i, DIV.female i { background:url(http://i2.rutube.ru/img/icon/icons.gif) no-repeat;position:absolute;/*//cursor:pointer;*/} DIV.openID i { position:absolute;//cursor:pointer; background:url(http://i2.rutube.ru/img/icon/icons.png) no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/ie/openID.png,sizingMethod=crop); } DIV.duration,/*DIV.track .duration,*/ TD.about .duration {margin-left:13px;position:relative;} DIV.views, DIV.comments, /*DIV.track .views, DIV.track .comments,*/TD.about .views, TD.about .comments {float:left;margin-right:10px;position:relative;} DIV.views SPAN, /*DIV.track .views SPAN,*/ TD.about .views SPAN {/*padding-left:15px;*/margin-left:15px;} .comments A,/*DIV.track .comments A,*/ TD.about .comments A {margin-left:14px;} DIV.track .tv A {display:block;} DIV.views i, /*DIV.track .views i,*/ TD.about .views i { background-position:-44px 0px;width:12px;height:11px;} DIV.comments i,/*DIV.track .comments i,*/ TD.about .comments i { background-position:0px 2px;width:11px;height:14px; left:0px;} DIV.duration i, /*DIV.track .duration i,*/ TD.about .duration i { background-position: -12px 2px; width:9px; height:12px;margin-left:-13px; } DIV.comments A i, DIV.comments A:hover i {text-decoration:none;} TABLE.main_table TD.lCol {padding-right:20px;width:280px;} /********************* My Friends page ****************************/ DIV.myFriends {} DIV.myFriends DIV.friend {float:left;margin:3px;//margin:0px 3px 0px 0px;position:relative;} DIV.myFriends DIV.tv, DIV.myFriends .male, DIV.myFriends .female, DIV.myFriends .tv {display:inline;font-weight:bold;//left:-3px;} DIV.myFriends i {//top:3px;} DIV.myFriends INPUT {vertical-align:middle;} /******************** Profile friends list *****************************/ DIV.friendsList {} DIV.friendsList DIV {float:left;margin-right:10px; margin-bottom: 2px;//margin-left:7px;} DIV.friendsList .aOpen, DIV.friendsList .aShut {margin-right:0px;} DIV.tv, DIV.male, DIV.female, DIV.lock, DIV.openID {position:relative;} DIV.tv {margin-left:14px;} DIV.tv i { background-position:-20px -15px; width:11px; height:13px;margin-left:-14px;} DIV.male {margin-left:12px;} DIV.male i { background-position:-11px -15px; width:8px; height:13px;margin-left:-12px;} DIV.female {margin-left:15px;} DIV.female i { background-position:0px -15px; width:10px; height:13px;margin-left:-15px;} DIV.lock {margin-left:13px;} DIV.lock i {background-position:-33px 2px; width:10px; height:13px;margin-left:-13px;} DIV.openID {margin-left:14px;} DIV.openID i {/*background-position:-185px -37px;*/background-position:0px 0px;width:14px; height:14px;margin-left:-16px;} /*******************************************************************/ DIV.MyTags { clear:both;margin:20px 0px;padding:0px 10px;border:solid 1px #ccc;width=300px;} DIV.MyTags A.link_tegs, DIV.MyBookmark A.link_tegs { color:#000; } DIV.MyBookmark { clear:both;margin:20px 0px;padding:0px 10px;border:solid 1px #ccc;width=300px; } DIV.MyBookmark A.link_tegs:hover, DIV.MyTags A.link_tegs:hover { background-color:#eee; } /****************** Press-center menu left *************************/ UL.press {list-style-type:none;margin:50px 0px 20px 10px;} UL.press LI {padding:3px 0px;} UL.logo_page {list-style-type:none;margin:0px 30px 20px 0px;} UL.logo_page LI {padding:0px 30px 30px 0px; } UL.logo_page IMG {border:solid 1px #ccc;} UL.logo_page A {padding-bottom:3px;} /******************** Subscribe new comments *****************************************/ DIV.subscribe, DIV.psubscribe {padding-left:20px;background:url(http://i1.rutube.ru/img/icon/i_mail.gif) no-repeat left 10%;} DIV.no_subscribe, DIV.no_psubscribe {padding-left:20px;background:url(http://i1.rutube.ru/img/icon/i_mail_no.gif) no-repeat left 5%;} DIV.subscribe, DIV.no_subscribe {float:right;} /*DIV.psubscribe, DIV.no_psubscribe {margin:10px 0px 15px 0px;}*/ DIV.prss {position:relative;margin-left:30px;} DIV.prss i { background:url(http://i2.rutube.ru/img/icon/icons.gif) no-repeat -102px -38px;width:13px;height:13px;position:absolute;margin-left:-18px; } /****************** News *************************/ DL.news {font-size:12px;margin:0px 30px 10px 0px;} DL.news DT A {font-size:12px;} DL.news DT span {font-size:11px;color:#8C8C8C;} DL.news DD { margin-bottom:15px;} DL.news .cat {background-color:#6ACBF6;padding:0px 3px 2px 3px;} DL.news .cat A {color:#fff;font-size:11px;} /*ГЮЙНЛЛЕМРХПНБЮКЮ 11:03 22.07.2008 DIV.news { display:table; width:270px; background:url(http://i2.rutube.ru/img/news/bg.gif) repeat-y top left;color:#000; } DIV.news P { background:url(http://i2.rutube.ru/img/news/header.gif) no-repeat top left; height:43px;height=63px;font-weight:bold;font-size:14px;padding:24px 0px 0px 18px;margin:0px; } DIV.news SPAN { background:url(http://i2.rutube.ru/img/news/bottom.gif) no-repeat bottom left; display:block;padding:0px 20px 20px 20px; } DIV.news A.link { font-size:12px;font-weight:bold; } DIV.news .prss {margin-left:20px;//margin-left:10px;float:left;} */ /*МЮВЮКЮ ОХЯЮРЭ 11:03 22.07.2008*/ .news_top_shadow{background: url('http://i2.rutube.ru/img/news/top.gif') top repeat-x; min-height:93px; min-width:34px; //height:93px; //width:34px;} .news_bottom_shadow{background: url('http://i2.rutube.ru/img/news/bottom.gif') bottom repeat-x; width:100%; height:100%} .news_left_shadow{background: url('http://i2.rutube.ru/img/news/left.gif') left repeat-y; width:100%; height:100%} .news_right_shadow{background: url('http://i1.rutube.ru/img/news/right.gif') right repeat-y; width:100%; height:100%} .news_lt{background: url('http://i2.rutube.ru/img/news/lt.gif') left top no-repeat; width:100%; height:100%} .news_rt{background: url('http://i2.rutube.ru/img/news/rt.gif') right top no-repeat; width:100%; height:100%} .news_lb{background: url('http://i2.rutube.ru/img/news/lb.gif') left bottom no-repeat; width:100%; height:100%} .news_rb{background: url('http://i1.rutube.ru/img/news/rb.gif') right bottom no-repeat; width:100%; height:100%} .news_content {color:#000;} .news_content H4 {height:43px; //height:63px;font-weight:bold;font-size:14px;padding:24px 0px 0px 18px;margin:0px; float:left;} .news_content A.link { font-size:12px;font-weight:bold;} .news_content .prss {margin-left:20px;//margin-left:10px;float:left;} .news_content .logo { background:url(http://i1.rutube.ru/img/news/logo.png) no-repeat;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/news/logo.png,sizingMethod=crop); width:73px; height:31px; margin-left:5px; margin-top:16px; float:left; } /************ Advertisement ****************/ DIV.ad { border:dotted 1px #ccc;margin:20px 0px;padding:10px 6px 0px 6px;width:968px; } DIV.adVerticl { border:dotted 1px #ccc;margin:20px 0px;padding:20px 5px 20px 5px;width:240px; } /************** FOOTER *****************/ DIV.mainFooterAD {margin:-340px auto 0px auto;} DIV.mainFooter {margin:-190px auto 0px auto;} DIV.footer { /*width:1000px; background-color:#F4F4F4; padding:17px; */ padding-bottom:10px; } DIV.footer TABLE {/*width:100%;*/width:980px;background-color:#F4F4F4;/*border-collapse:collapse;border-spacing:0px;*/border:solid 17px #F4F4F4;} DIV.footer TR {vertical-align:top;} DIV.footer TD {padding:0px 14px;color:#828282;border-right:solid 1px #E9E9E9;text-align:left;} DIV.footer TD.noborder {border:none;} DIV.footer IMG.logo { background: url(http://i2.rutube.ru/img/rutube_logo_100x41.png) no-repeat 2% 2%; //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/rutube_logo_100x41.png,sizingMethod=scale); clear:both; width:100px; height:41px; margin-bottom:10px; } DIV.footer .under_logo {padding:0px 0px 0px 20px;} DIV.footer .under_logo A {color:#828282;} DIV.footer P {color:#ccc;font-weight:bold;padding-bottom:7px;} DIV.footer UL {list-style-position:inside;list-style-type:none;padding:0px; } DIV.footer LI A {color:#828282;padding:0px;} DIV.community {line-height: 18px;padding-bottom:10px;position:relative;} DIV.community A {color: #fe5a06;} DIV.community i {background:url(http://i2.rutube.ru/img/icon/icons.gif) -66px -21px;width:15px;height:15px;position:absolute;} DIV.community SPAN {margin-left:19px;} DIV.vkontakte {border-top:solid 1px #E9E9E9;padding-top:10px;position:relative;} DIV.vkontakte A {color:#4A79A4;font-weight:bold;} DIV.vkontakte IMG {vertical-align:middle; margin-right:5px;} DIV.vkontakte i {background:url(http://i2.rutube.ru/img/icon/icons.gif) -34px -30px;width:16px;height:16px;position:absolute;} DIV.vkontakte SPAN {margin-left:20px;} /************************ Messages ********************************/ DIV.message, DIV.message_read, DIV.message_blockeds {display:table;width:100%;padding-bottom:10px;} /* список сообщений */ DIV.message TABLE {width:100%;border-collapse:collapse;border-spacing:0px;} DIV.message TR, DIV.message_menu TR, DIV.message_read TR {vertical-align:top;} DIV.message TH {background-color:#F3F3F3;font-size:11px;font-weight:normal;text-align:left;padding:4px 10px;} DIV.message TH A {background:url(http://i1.rutube.ru/img/icon/Cursor_down.gif) no-repeat right 50%;padding-right:10px;} DIV.message TH A.sort {background:url(http://i1.rutube.ru/img/icon/Cursor_up.gif) no-repeat right 50%;padding-right:10px;} DIV.message TD {padding:6px 20px 3px 10px;} DIV.message TD, DIV.message TD A {font-size:13px;} DIV.message TR.grey {color:#A4A4A4;} DIV.message .links, DIV.message_read .links {margin-bottom:10px;padding:30px 0px 1px 0px;//padding-bottom:25px;display:table;} DIV.message .links DIV, DIV.message_read .links DIV {float:left;position:relative;padding-right:10px;width:65px;//width:75px;text-align:center;z-index:10;} DIV.message DIV.icon_read i, DIV.message_read DIV.icon_read i {background-position:-1px 50%;position:absolute;top:-30px;left:15px;width:33px;} DIV.message DIV.icon_del i, DIV.message_read DIV.icon_del i {background-position:-102px 50%;position:absolute;top:-30px;left:17px;width:33px;} DIV.message_read DIV.icon_forward i {background-position:-66px 50%;position:absolute;top:-30px;left:13px;width:33px;} DIV.message_read DIV.icon_response i {background-position:-33px 50%;position:absolute;top:-30px;left:13px;width:33px;} DIV.message DIV.icon_spam i, DIV.message_read DIV.icon_spam i {background-position:-132px 50%;position:absolute;top:-30px;left:15px;width:33px;} DIV.message A i, DIV.message_read A i {cursor:pointer;} DIV.message i, DIV.message_read i {background:transparent url(http://i2.rutube.ru/img/icon/i_messages.png);position:absolute;width:33px;height:29px;} DIV.message_read .links_no_icon {margin-bottom:10px;} DIV.message_read .links_no_icon A {padding-right:7px;} /* форма отправки сообщения */ DIV.message_form {/*width:420px;*/margin:30px 10px 10px 0px;background-color:#F3F3F3;padding:5px;} DIV.message_form TABLE {width:100%;border-collapse:collapse;border-spacing:0px;} DIV.message_form TR {vertical-align:top;} DIV.message_form TD {padding:5px 5px;font-size:12px;} DIV.message_form FORM {padding:0px;margin:0px;} DIV.message_form INPUT, DIV.message_form SELECT {font-size:11px;} DIV.message_form INPUT.text, DIV.message_form TEXTAREA {width:320px;} DIV.message_form INPUT.kod {width:143px;//width:123px;margin:0px 10px 0px 0px;float:left;} DIV.message_form INPUT.button {margin-top:5px;font-weight:normal;} DIV.message_form TEXTAREA {height:200px;} DIV.message_form SELECT {width:150px;} DIV.message_form #sgnick {width:165px;} DIV.message_form .hint {position:relative;top:-1px;left:2px;} DIV.message_form IMG.kod {float:right;padding:2px 0px 0px 0px;//margin:5px 15px 0px 0px;} /* ошибки в формах отправки */ DIV.message_form .error, DIV.message_form .error_kod { font-size:10px;color:#fe5a06;margin-bottom:4px;padding:0px;border:0px; } DIV.message_form .error_kod {clear:both;text-align:right;position:relative;top:-12px;padding-right:77px;//padding-right:75px;} /* просмотр сообщения */ DIV.message_read TABLE {border-collapse:collapse;border-spacing:1px;background-color:#F3F3F3;border:solid 1px #F3F3F3;width:100%;} DIV.message_read TD {padding:6px 10px;font-size:12px;} DIV.message_read TD.green {width:190px;} DIV.message_read TD.nick {width:180px;} DIV.message_read PRE {font-size:12px;} DIV.message_read PRE, DIV.message_read .line {width:400px;margin:0px;} /* для ссылки жалоба на спам */ DIV.message .icon_spam .greenPanel, DIV.message_read .icon_spam .greenPanel {display:table;position:absolute;left:0px;top:20px;text-align:left;} DIV.message .greenPanel P, DIV.message_read .greenPanel P {width:300px;text-align:right;} DIV.message .icon_spam TEXTAREA, DIV.message_read .icon_spam TEXTAREA {width:300px;HEIGHT:50px;margin:10px 0px;} DIV.message_read .links_no_icon .spam, DIV.message_read .spam {display:inline;position:relative;z-index:1;} DIV.message_read .links_no_icon .greenPanel {display:table;position:absolute;left:0px;top:8px;} /* горизонтальная серая полоса */ DIV.message .line, DIV.message_read .line { clear:both; border-bottom:solid 1px #E1E9D7; padding:1px 0px; margin:5px 0px;} /* слева меню сообщений */ DIV.message_menu TABLE {border-collapse:collapse;border-spacing:0px;width:100%;margin-bottom:20px;} DIV.message_menu TD {padding:4px 10px 6px 5px;font-size:14px;} DIV.message_menu TD A {font-size:14px;padding:2px 4px 5px 4px;} DIV.message_menu TR.act {background-color:#DDF9BF;} DIV.message_menu TR.act A {font-weight:bold;} DIV.message_menu TD.num {background:#DDF9BF url(http://i2.rutube.ru/img/strelka.gif) no-repeat right center;font-weight:normal;} DIV.message_menu .message_preference {font-size:11px;background-color:#F0F0F0;padding:10px;} DIV.message_menu UL {list-style-position:inside;list-style-type:disc;} DIV.message_menu LI {padding:3px 10px;} DIV.message_menu #preference {padding:10px;} DIV.message_menu #preference UL {list-style-type:none;padding:10px 0px;margin:0px;} DIV.message_menu #preference LI {padding:0px;margin:0px;//margin-left:-20px;} DIV.message_menu #list_blockeds {padding:10px;} DIV.message_menu #list_blockeds INPUT {vertical-align:middle;} DIV.message_menu #list_blockeds_body {padding-bottom:7px;display:block;} DIV.message_menu #button_blocked {padding:0px;margin:0px;width:170px;} /* иконки папок */ DIV.message_menu TD i {background-position:-19px 50%; } DIV.message_menu TR.act i {background-position:-1px 50%; } DIV.message_menu TD A{ padding-left:25px;color:#62A411;} DIV.message_menu i { background:transparent url(http://i1.rutube.ru/img/icon/folder.png) no-repeat;position:absolute;width:18px;height:15px; } /* черный список */ DIV.message_blockeds {margin-top:30px;} DIV.message_blockeds INPUT {display:inline;margin-right:2px;vertical-align:middle;} DIV.message_blockeds INPUT.button {margin:10px 0px;font-size:12px;font-weight:normal;} /* message_addfriend */ DIV.message_addfriend, .message_registration, .message_comment {border:solid 1px #F3F3F3;padding:10px;text-align:left;margin-bottom:20px;} DIV.message_addfriend .line {clear:both; border-bottom:solid 1px #E1E9D7; padding-bottom:7px;margin-bottom:7px;width:370px;} DIV.message_addfriend TABLE {width:350px;border-collapse:collapse;border-spacing:0px;background-color:#fff;border:none;} DIV.message_addfriend TD {padding:7px 10px 3px 0px;} DIV.message_addfriend A.nick {color:#00459A;font-weight:14px;} /* message_registration */ .message_registration, .message_registration A, .message_comment, .message_comment A {font-size:12px;} /*************** Reklama page ******************/ DIV.reklama {font-size:12px;font-family: verdana;padding:0px 10px 10px 300px;} DIV.reklama H2, DIV.reklama H3 {font-family: arial;margin:35px 0px 10px 0px;clear:both;} DIV.reklama TABLE {border-collapse:collapse;border-spacing:0px;} DIV.reklama TABLE.border {border-bottom:solid 1px #F5F5F5;} DIV.reklama TR, DIV.reklama TR.grey {vertical-align: top;} DIV.reklama TR.grey {background-color:#F5F5F5;} DIV.reklama TD {padding:5px 7px;font-size:12px;} DIV.reklama TD SPAN {cursor:pointer;text-decoration:underline;} DIV.reklama TH {padding:5px 7px;font-size:11px;font-family: verdana;font-weight:normal;background-color:#ccc;vertical-align:middle;color:#fff;} DIV.reklama TABLE.thumbs {margin:20px 0px 0px 0px;} DIV.reklama TABLE.thumbs TD {font-size:11px;padding-right:30px;text-align:left;} DIV.reklama TABLE.thumbs IMG {border:solid 1px #ccc;cursor:pointer;margin-bottom:4px;} /*************** FAQ ******************/ UL.faq {margin:10px 0px 40px 0px;} UL.faq LI {list-style-image: url(http://i2.rutube.ru/img/link_ico1.gif);padding:4px 0px;margin-left:20px;font-size:12px;} UL.faq LI A {font-size:12px;} UL.faq LI SPAN{cursor:pointer;text-decoration:underline;} UL.faq LI DIV {padding:10px 0px 20px 0px;} /*************** My friends (left) *******/ .friends UL {list-style-position:inside;list-style-type:disc;padding:40px 0px 10px 20px;} .friends INPUT {vertical-align:middle;margin-right:3px;//margin:0px;} /**************** Recent tracks in index pa*****/ /*TABLE.recent_tracks {border-collapse:collapse;border-spacing:0px;} TABLE.recent_tracks TD {padding:5px 7px;background:url(http://i1.rutube.ru/img/bg_vertikal.gif) repeat-y top right ;} TABLE.recent_tracks TD.nobg {background:none;} */ /********************* Create channel page *************************/ DIV.channel_creat {} DIV.channel_creat P {margin:10px 0px;font-size:12px;} DIV.channel_creat H4 {margin-top:30px;} DIV.channel_creat TABLE {border-collapse:collapse;border-spacing:0px;} DIV.channel_creat TR {vertical-align:top;} DIV.channel_creat TD {padding:5px 10px 5px 0px;} DIV.channel_creat INPUT.input {width:230px;} DIV.channel_creat INPUT.rBut, DIV.channel_creat INPUT.checkBut {vertical-align:middle;margin-right:4px;} DIV.channel_creat TEXTAREA {width:400px;height:100px;} DIV.channel_creat .agreement {height:130px;overflow:auto;border:solid 1px #ccc;padding:3px;margin-bottom:10px;} DIV.channel_creat UL {margin:4px 10px 4px 15px;list-style-type:disc;} DIV.channel_creat OL {margin:0px 5px 0px 20px;//margin:0px 5px 0px 25px;} DIV.channel_creat LI {margin:5px 0px;} DIV.create_channel_link {border:solid 1px #D29A04;background-color:#fffccc;padding:20px 0px;margin:20px 0px;} DIV.create_channel_link INPUT {font-size:12px;} /****************** Brand profile page ***************************/ DIV.pTop { background:url(/themes/ctc/top_bg.png) repeat-x left top;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/themes/ctc/top_bg.png,sizingMethod=scale); height:44px;width:100%;min-width:980px; } A.pLogo, DIV.pSearch, DIV.pMenu, DIV.pSearch, DIV.pUpload {float:left;} A.pLogo {background:url(/themes/ctc/logo_small.gif) no-repeat left top;//position:relative;//z-index:30;} DIV.pMenu { padding:8px 20px 0px 20px;//position:relative;//z-index:30;} DIV.pMenu A { margin-right:10px;font-size:11px;font-weight:bold; } DIV.pSearch {padding:6px 0px 0px 0px;//position:relative;//z-index:30;} DIV.pSearch INPUT.search_text {width:80px;} DIV.pUpload { background:url(/themes/ctc/upload_button.png) no-repeat left top;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/themes/ctc/upload_button.png,sizingMethod=scale); padding:8px 0px 10px 25px;margin:0px 10px; width:125px;//width:100px; } DIV.pUpload A {font-size:11px;font-weight:bold;color:#fff;//position:relative;//z-index:40;} DIV.pFooter { width:980px; margin-top:20px; text-align:center; padding:20px; } DIV.pFooter A { color:#000; font-size:11px;} /**************** Preference page ******************************/ UL.preference {list-style-type:none;padding-top:36px;} UL.preference LI {list-style-image:none;padding:5px 0px;color: #73AC04;font-size:12px;font-weight:bold;} UL.form_subscribe {list-style-type:none;padding:7px 0px;} UL.form_subscribe LI {padding:2px 0px;} UL.form_subscribe LI INPUT {vertical-align:middle;margin-right:4px;//margin-right:2px;} /************************** Soft *******************************/ DIV.soft, DIV.soft_item TD {font-size:12px;font-family: verdana;} DIV.soft_item { display:table;width:450px;//width:460px;border:solid 1px #CECECE;background-color:#F0F0F0;padding:5px 5px 10px 5px; margin-bottom:20px;font-size:12px;font-family: verdana;} DIV.soft_icon {background-color:white;border:solid 1px #DDDBDC;padding:7px;float:left;margin-right:10px; } DIV.soft_iconM {background-color:white;border:solid 1px #DDDBDC;padding:7px;margin-right:10px; } DIV.soft H4 { color:#8C8C8C;//padding-top:3px; } DIV.soft H4 A { color:#8C8C8C;} .rusAct { color:#000;cursor:pointer;padding:5px 0px 5px 40px; background:url(/help/iphone/img/i_ru_active.png) no-repeat; //background:url(/help/iphone/img/i_ru_active.gif) no-repeat; } .rusPas { color:#B3B2B2;cursor:pointer;padding:5px 0px 5px 40px; background:url(/help/iphone/img/i_ru_passive.png) no-repeat;// background:url(/help/iphone/img/i_ru_passive.gif) no-repeat; } .engAct { color:#000;cursor:pointer;padding:5px 0px 5px 40px; background:url(/help/iphone/img/i_eng_active.png) no-repeat;//background: url(/help/iphone/img/i_eng_active.gif) no-repeat; } .engPas { color:#B3B2B2;cursor:pointer;padding:5px 0px 5px 40px; background:url(/help/iphone/img/i_eng_passive.png) no-repeat;//background:url(/help/iphone/img/i_eng_passive.gif) no-repeat; /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/help/iphone/img/i_eng_passive.png,sizingMethod=crop);*/ } /************************** Soft uploader *******************************/ DIV.uploader, DIV.uploader A {font-size:12px;} DIV.uploader P {margin:10px 0px;font-size:12px;} DIV.uploader IMG {margin:10px 0px 50px 0px;} DIV.uploader UL {list-style-type:decimal;margin:15px 0px 20px 20px;} /*************************** Login Page ********************************************/ TABLE.login_page { border-collapse:collapse; border-spacing:0px; margin-top:10px; } TABLE.login_page TR {vertical-align:top;} TABLE.login_page TD {padding:5px 7px 5px 0px;} TABLE.login_page INPUT.button {font-size:20px;padding:8px;} /*************************** Community block ********************************************/ /* DIV.community {line-height: 18px;padding: 10px;width:220px;width=240px;border:solid 1px #ccc;text-align:left;} DIV.community A {color: #fe5a06;} DIV.community IMG {vertical-align: bottom; margin: 0px 3px 2px 0px;} DIV.vkontakte {margin:30px 0px;} DIV.vkontakte A {color:#4A79A4;font-weight:bold;} DIV.vkontakte IMG {vertical-align:middle; margin-right:5px;} */ /**************** Comment page ******************************/ DIV.ch {/*display:table;width:384px;*//*width:470px;*/height:35px;} DIV.ch .title {font-size: 16px; font-weight: bold;} DIV.anchor {margin-top:-15px;padding-bottom:10px;} A.nik {color:#486493;font-weight:bold;} A.nik IMG {vertical-align:middle;margin-right: 3px;border:none;} SPAN.date {color:#828282;margin:0px 3px;float:right;} DIV.comment_text {padding:2px 4px;} DIV#all_comments #indicator {padding:10px 0px;font-size:12px;} DIV.comment_item {margin:0px;padding:0px 0px 30px 0px;} DIV.comment_item A.link, DIV.commentFL_item A.link {color:#828282;} DIV.comment_item IMG.message_icon, DIV.commentFL_item IMG.message_icon {margin-left:3px;} DIV.commentFL_item {margin:0px;padding:0px 0px 15px 0px;} DIV.thread {/*background:url(/img/bg.jpg) repeat-y top left;*/padding:0px 0px 0px 30px;margin:10px 0px 0px 0px;} DIV.thread DIV.comment_item {padding:0px;} DIV.thread DIV.thread {margin:10px 0px 0px 0px;} DIV.threadFix {padding:0px;margin:10px 0px 0px 0px;} DIV.comment_header, DIV.commentCurr_header, DIV.commentFL_header, DIV.commentDel_header, DIV.commentBlock_header {padding:2px 3px 4px 4px;} DIV.comment_header {/*background-color:#f5f5f5;*/border-top:solid 1px #ccc;} DIV.commentCurr_header {background-color:#AEE5FE;} DIV.commentFL_header {/*background-color:#e7e7e7;*/border-top:solid 1px #ccc;} DIV.commentBlock_header {border:solid 1px #eee;} DIV.commentDel_header .date, DIV.commentBlock_header2 .date, DIV.commentDel_header, DIV.commentBlock_header A, DIV.commentBlock_header2 {color:#ccc;} DIV.commentBlock_header2 {padding:0px 0px 4px 0px;} DIV.commentBlock_header2 A {color:#999;} DIV.comment_links {margin-top:3px;} DIV.comment_links A {color:#44A9D6;} DIV.comment_item IMG.thread_icon {cursor:pointer;} DIV.comment_block {color:#bbb;padding:3px 3px 4px 4px;} DIV.bbc_quote {border-left:1px solid #ccc;padding:2px 0px 2px 7px;margin:0px 7px;color:#828282;} /******************* Send video to friend ***************************************/ DIV.videosend_form {width:400px;margin-top:15px;background-color:#F3F3F3;padding:15px 7px 7px 15px;} DIV.videosend_form H4 {color:#000;} DIV.videosend_form TABLE {/*width:100%;*/border-collapse:collapse;border-spacing:0px;} DIV.videosend_form TR {vertical-align:top;} DIV.videosend_form TD {padding:5px 5px;font-size:12px;} DIV.videosend_form FORM {padding:0px;margin:0px;} DIV.videosend_form INPUT.text {font-size:11px;width:320px;} DIV.videosend_form TEXTAREA {height:100px;width:320px;font-size:11px;} DIV.videosend_form INPUT.button { font:bold 1em arial,sans-serif;color:#fff; margin:5px 15px 0px 0px;padding:5px 20px;//width:100px;float:left; background:#94B2DA url(http://i2.rutube.ru/img/icon/icons.gif) 0px -71px repeat-x; border:solid 2px;border-color:#BBD5F6 #5C789D #5C789D #BBD5F6; } DIV.videosend_form DIV.kod {margggin:0px 8px 0px 0px;float:left;} DIV.videosend_form IMG.kod {padding:2px 0px 0px 0px;float:left;} DIV.videosend_form DIV.kod INPUT {width:99px;//width:107px;margin:0px 7px 0px 0px;//margin:0px;font-size:11px;} DIV.videosend_form DIV.videoSendInfo {padding:6px;} DIV.videosend_form DIV.errorKod {padding-left:120px;} /******************** Link with underlined **************/ .plink {border-bottom:dashed 1px #000; cursor:pointer;margin:0px;} /************* Announce (tv&radio) ******************/ DIV.anounce_tv {padding: 0px 12px 0px 0px} /* DIV.anounce_tv .colour {color:#D29A04;} DIV.anounce_item {padding:10px 0px;} DIV.anounce_item DIV.date {margin:2px 0px;font-size:12px;font-weight:bold;color: #D29A04;} DIV.anounce_item IMG {clear:both;} DIV.anounce_item A.title, DIV.anounce_item SPAN.title {font-size:14px;font-weight:bold;color: #D29A04;} */ /*DIV.announce_green DIV.date,*/ DIV.announce_green DIV.title {color: #73AC04;} DIV.anounce_tv H4, /*DIV.anounce_tv DIV.date,*/ DIV.anounce_tv DIV.title, DIV.anounce_tv A.title, DIV.anounce_tv A.allAnnounce {color:#D29A04;} DIV.anounce_item {padding:10px 0px;} /*DIV.anounce_item P {margin:5px 0px;}*/ /*DIV.anounce_item DIV.date {margin:2px 0px;font-size:12px;font-weight:bold;}*/ DIV.anounce_item IMG {clear:both;} DIV.anounce_item IMG.left {border-width:0px;} DIV.anounce_item DIV.title, DIV.anounce_item DIV.title A {font-size:14px;font-weight:bold;padding:0px 0px 3px 0px;} DIV.anounce_item DIV. title DIV.date {color:black;} /******************** Announce edit **********************/ DIV.announce_edit DIV {margin:10px 0px;} DIV.announce_edit B {font-size:12px;} DIV.announce_edit DIV.title INPUT {width:350px;margin:5px 0px;} DIV.announce_edit DIV.annot TEXTAREA {width:350px;height:100px;margin:5px 0px;} DIV.announce_edit DIV.date {} DIV.announce_edit DIV.time {} DIV.announce_edit DIV.img { display:table;width:350px; } DIV.announce_edit DIV.img IMG {margin:5px 0px;} DIV.announce_edit_message {margin-top:50px;font-size:12px;font-weight:bold;color:red;line-height:18px;width:240px;} DIV.announce_edit_message A {color:red;} /********************** My anounces *****************/ /* DIV.MyAnounce_item {padding:10px 0px;} DIV.MyAnounce_item DIV.date {margin:2px 0px;font-size:12px;font-weight:bold;color: #73AC04;} DIV.MyAnounce_item IMG {clear:both;} DIV.MyAnounce_item DIV.title {font-size:14px;font-weight:bold;color: #73AC04;padding:3px 0px;} */ /******************************************/ FORM.quest {padding:20px 0px 0px 0px;} FORM.quest, FORM.quest p, DIV.quest,DIV.quest A,DIV.quest p, FORM.quest INPUT {font-size:12px;} FORM.quest p, DIV.quest p {font-weight:bold;padding:5px 0px;} DIV.quest {line-height:22px;padding:0px 0px 10px 0px; } DIV.quest INPUT {vertical-align:middle; margin-right: 3px;} /********************* My comments ***********************/ DIV.my_comments {} DIV.my_comments .item {clear:both;border-top:solid 1px #ddd;padding:15px 0px 10px 0px;} DIV.my_comments .trackTitle {padding-bottom:6px;} DIV.my_comments .trackTitle, DIV.my_comments .trackTitle A {font-size: 12px;font-weight:bold;color: #73AC04;} DIV.my_comments IMG.img {float:left;padding:0px 8px 10px 0px;} DIV.my_comments DIV.img {} DIV.my_comments .col2 {float:left;padding:0px 30px 10px 0px;width:200px;} /**************iphone************/ .iphone_div_pic {text-align: center; margin:20px;}======= DIV.my_comments .col3 {float:left;padding:0px 30px 10px 10px;width:300px;border-left:solid 1px #ccc;} .rating_canvas { width: 85px; height: 14; } .rating_control { width:85px; height:14px; } .rating_canvas_active { position: absolute; top:0; left:0; width: 0px; height: 14; background-color: #FFBF14; z-index:2; } .rating_control_active { position:absolute; top:0; left:0; width:85px; height:14px; z-index:2; } .rating_grey { //background: url(http://i2.rutube.ru/img/icon/i_stars0.gif) no-repeat; background: url(http://i2.rutube.ru/img/icon/i_star_grey.png) repeat-x;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/ie/i_star_grey.png,sizingMethod=crop); width:85px; margin:2px 0px; } .rating_yellow { //background: url(http://i1.rutube.ru/img/icon/i_stars.gif) no-repeat; background: url(http://i2.rutube.ru/img/icon/i_star_yellow.png) repeat-x;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icon/ie/i_star_yellow.png,sizingMethod=crop); height:16px; } .rating_grey_gr { background: url(http://i1.rutube.ru/img/icon/i_stars0_green.gif) no-repeat; width:80px; margin: 1px 1px 1px 1px; text-align: left; } .rating_yellow_gr { background: url(http://i1.rutube.ru/img/icon/i_stars_green.gif) no-repeat; height:15px; text-align: left; } /* *, DIV, P, SPAN, H3 { margin:0px; padding:0px; } */ .blue /*, H3.blue, H2.blue, H4.blue */ { color:#00AAF0; } .darkBlue { color:#0088C0; } /*H3.darkBlue, H3.blue */ H3 { margin:0px; font-size: 16px; font-weight:bold; } H3.darkBlue { padding:5px 6px 20px 6px; color:#0088C0; } H3.pad { padding:5px 6px 10px 0px; } H4.pad { margin:5px 0px 5px 10px; font-size: 12px; font-weight:bold; } /* IMG.icon { vertical-align:middle; margin-right: 3px; } */ /******************** Blue Block ***************************/ DIV.BBlock { background-color:#DEF2FB;margin-bottom:20px;border:solid 1px #fff;/*width:410px;*/} DIV.BBlock p { display:table; width:100%;display=;width=; background:url(http://i2.rutube.ru/img/competition/left_top.jpg) top left no-repeat;padding:0px;margin:0px; } DIV.BBlock p span { display:block;background: url(http://i1.rutube.ru/img/competition/right_top.jpg) top right no-repeat; } DIV.BBlock p span span { background: url(http://i2.rutube.ru/img/competition/right_bottom.jpg) bottom right no-repeat; } DIV.BBlock p span span span { display:table; width:100%; background: url(http://i2.rutube.ru/img/competition/left_bottom.jpg) bottom left no-repeat; } DIV.BBlock .trackTitle, A.trackTitleBlue {color:#00AAF0;} A.trackTitleBlue {font-size:12px;font-weight:bold;} DIV.BBlock p span span span B A { display:block; font-size:14px; font-weight:bold; margin:14px 2em; } DIV.BBlock H3 { background: url(http://i1.rutube.ru/img/competition/title_icon_act.gif) no-repeat left top; padding:8px 13px 6px 35px; padding-bottom=7px; float:left; } DIV.BBlock .aOpen,DIV.BBlock .aShut, DIV.GBlock .aOpen,DIV.GBlock .aShut { display:table-column;float:right; margin:8px 8px 6px 10px; } DIV.BBlock .center, DIV.GBlock .center { background-color:#fff; margin:9px 5px 0px 5px; clear:both; padding:10px; display:block; } DIV.BBlock .links, DIV.GBlock .links { padding:9px 15px;display=block; } DIV.BBlock .links A, DIV.GBlock .links A { color:#010101; font-size:11px; } DIV.BBlock .BLink { padding:3px;clear:both; } DIV.BBlock .BLink A { font-weight:bold; color:#00AAF0; } /******************* Grey Block *******************************/ DIV.GBlock { background-color:#DFE0E0; margin-bottom:20px;border:solid 1px #fff; } DIV.GBlock p { display:table; width:100%;display=;width=; background:url(http://i1.rutube.ru/img/competition/grey_left_top.jpg) top left no-repeat;padding:0px;margin:0px; } DIV.GBlock p span { display:block;background: url(http://i2.rutube.ru/img/competition/grey_right_top.jpg) top right no-repeat; } DIV.GBlock p span span { background: url(http://i1.rutube.ru/img/competition/grey_right_bottom.jpg) bottom right no-repeat; } DIV.GBlock p span span span { display:table; width:100%;background: url(http://i1.rutube.ru/img/competition/grey_left_bottom.jpg) bottom left no-repeat; } DIV.GBlock H3{ background:url(http://i2.rutube.ru/img/competition/title_icon.gif) no-repeat left top; padding:8px 20px 6px 35px; padding-bottom=7px; color:#0088C0; float:left; } /**************************************************************/ /* DIV.compitition { width:120px;margin-bottom:16px; } DIV.compitition A.trackTitle { padding-bottom:3px; font-size: 12px; font-weight:bold; } DIV.img { position:relative;width:100px;height:75px;margin:5px 0px;padding:0px; } .censored { position: absolute; padding:2px 5px 2px 3px; top: -2px;left: 65px;background-color: #cc0000;color:#fff;font-weight: bold; } .qlist { position: relative; z-index: 9; top:59px; left:2px; } DIV.img .imgLink { position: absolute; z-index: 0;top:0px; left:0px; margin-bottom: -14px; } */ Div.compititionList { padding-bottom:18px; } Div.compititionList DIV { background:url(http://i2.rutube.ru/img/competition/left_icon.jpg) no-repeat left top;padding:2px 0px 3px 25px;margin:0px 10px 9px 13px; } Div.leaderList DIV.title { background:url(http://i2.rutube.ru/img/competition/left_icon.jpg) no-repeat left top;padding:2px 0px 3px 25px;margin:0px 10px 9px 13px; } Div.leaderList .leader { background-color:#DEF2FB;padding:0px 5px 5px 3px;margin-bottom:5px;position:relative;top:-3px; } Div.leaderList .leader DIV.title { background:url(http://i2.rutube.ru/img/competition/left_icon_act.gif) no-repeat left top; padding:5px 0px 3px 35px; margin:0px; color:#00AAF0; } DIV.leaderList .leader .aShut { width:50px;margin:0px; } .leader A.blue { margin:0px 5px 0px 10px; } Div.leaderList .leader UL { margin:3px 5px 9px 35px;padding:0px; } Div.leaderList .leader UL LI { padding-bottom:5px; } UL.users { margin:0px;padding:0px 10px 20px 13px; } UL.users LI { list-style-type:none;margin:0px 10px 5px 0px; } DIV.scroll { height:150px;overflow:auto;padding:8px 0px;margin-bottom:10px;border:solid 1px #ccc; } DIV.scroll TABLE TR { vertical-align:top;} DIV.scroll TABLE TR.grey { background-color:#F5F5F5; } DIV.scroll TD { color:#00AAF0;padding:5px 7px; } DIV.scroll TABLE TD.date { text-align:right;width:10px; } /* .BlueSort { margin-bottom:8px;padding-right:10px; } .BlueSort, .BlueSort A { color:#00AAF0; } */ /* .BlueMenu A, .BlueMenu { background-color:#D6F1FF;color:#00AAF0; } .BlueMenu TD.act { color:#4A8BFF; } */ Div.participate { background:url(http://i1.rutube.ru/img/competition/to_icon.gif) no-repeat center top; padding-top:8px;margin-top:8px; height:44px;height=50px; z-index:10;position:relative; color:#fff;font-weight:bold; } Div.participate A {font-size:14px;color:#fff; } DIV.textBlock {padding:10px 20px 10px 0px;} DIV.textBlock,DIV.textBlock *,DIV.textBlock A {font-size:12px;} /************************* HP ********************************/ DIV.HP {background:#026DB1 url(/themes/hp/blik.gif) repeat-x left top;margin-bottom:20px;} DIV.HP H3 { color:#fff; padding:6px 13px 6px 15px;//padding-top:0px; float:left; } DIV.HP .aOpen,DIV.HP .aShut { float:right; margin:6px 8px 6px 10px;//margin-top:3px; } DIV.HP .aShut { background:transparent url(/themes/hp/i_less.gif) no-repeat left center; } DIV.HP .aOpen { background:transparent url(/themes/hp/i_more.gif) no-repeat left center; } DIV.HP .aOpen A,DIV.HP .aShut A {color:#fff;} DIV.HP .center, DIV.HP .center { background-color:#fff; margin:9px 5px 0px 5px; clear:both; padding:10px; display:block; } DIV.HP .links { padding:14px 15px; position:relative; } DIV.HP IMG.hpLogo { width:76px;height:35px;position:absolute;right:0px;top:7px; background:url(/themes/hp/logo.png) no-repeat right bottom;//background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/themes/hp/logo2.png,sizingMethod=crop); } DIV.HP .links, DIV.HP .links A { color:#fff; font-size:11px; } DIV.HP .trackTitle,DIV.HP a.trackTitleBlue {color:#0080C7;}