.ic_tw{ background:url('/images/icon_tw.gif') no-repeat top left } .ic_vk{ background:url('/images/icon_vk.gif') no-repeat top left } .ic_lj{ background:url('/images/icon_lj.gif') no-repeat top left } .ic_fb{ background:url('/images/icon_fb.gif') no-repeat top left } .ic_bz{ background:url('/images/icon_bz.gif') no-repeat top left } .ic_rss{ background:url('/images/icon_rss.gif') no-repeat top left } .ic_print{ background:url('/images/icon_print.gif') no-repeat top left } .ic_blog{ background:url('/images/icon_blog.gif') no-repeat top left } .ic_mail{ background:url('/images/icon_mail.gif') no-repeat top left } a:hover .ic_tw, a:hover .ic_vk, a:hover .ic_lj, a:hover .ic_fb, a:hover .ic_bz, a:hover .ic_rss, a:hover .ic_mail, a:hover .ic_print, a:hover .ic_blog { background-position:left -20px } body { font-family: Arial } .screen_hi .page { font-family: Arial; text-align: left; width:1004px } .screen_wide .page { font-family: Arial; text-align: left; width:1260px } .print { font-family: Arial } .screen_wide H1 { font-family:Tahoma; font-size:28px; font-weight:normal; margin:0px; line-height:normal } .screen_hi H1 { font-family:Tahoma; font-size:26px; font-weight:normal; margin:0px; line-height:normal } H1 { font-family:Tahoma; font-size:28px; font-weight:normal; margin:0px; line-height:normal } H1 A { color:#000000; text-decoration:none } H1 A:hover { color:#000000; text-decoration:none } H2 { font-family:Arial; font-size:24px; font-weight:normal; margin:0 0 -5px 0; line-height:normal } H2 A { color:#000000; text-decoration:none } H2 A:hover { color:#000000; text-decoration:none } .text { font-size: 16px; font-family:Arial; color:#000000; line-height:1.3 } .screen_wide .text { font-size: 16px; font-family:Arial; color:#000000; line-height:1.3 } .screen_hi .text { font-size: 14px; font-family:Arial; color:#000000 } .text a { color:#0B669E; text-decoration:underline } .text a:hover { color: #ffa000; text-decoration:none } .screen_wide .text_2 { font-size: 14px; color:#0B669E; margin-bottom:1px } .screen_hi .text_2 { font-size: 12px; color:#0B669E; margin-bottom:1px } .text_2 { font-size: 14px; color:#0B669E; margin-bottom:1px } .text_2 .dashed { color: #0B669E; cursor:pointer; border-bottom: 1px dashed #044872 } .text_2 .dashedhover { color: #ffa000; cursor:pointer; border-bottom: 0px } .screen_wide .text_3 { font-size: 14px; font-family:Arial; color:#000; line-height:1.3 } .screen_hi .text_3 { font-size: 12px; font-family:Arial; color:#000; line-height:1.3 } .text_3 { font-size: 14px; font-family:Arial; color:#000; line-height:1.3 } .text_3 a { color: #0B669E; text-decoration:none; } .text_3 a:hover { color: #0B669E; text-decoration:underline; } .text_5 { font-size:12px; font-family:Arial; color:#FFB400 } .text_5 a { color:#FFB400; text-decoration:underline } .text_5 a:hover { color:#FFB400; text-decoration:none } .text_6 { font-size:12px; font-family:Arial; color:#6A6C6F } .text_6 a { color:#6A6C6F; text-decoration:underline } .text_6 a:hover { color:#FFB400; text-decoration:none } .text9 {font-size:12px;font-family:Tahoma;color:#000} .text9 a {color:#000;text-decoration:none} .text9 a:hover {color:#000;text-decoration:underline} .text_10 { font-size:12px; font-family:Arial; color:#6A6C6F } .text_10 a { color:#0B669E; text-decoration:underline } .text_10 a:hover { color:#ffa000; text-decoration:none } .text_9 { font-size: 18px; font-family:Arial; color:#444444; line-height:1.3 } .screen_wide .text_9 { font-size: 18px; font-family:Arial; color:#444444; line-height:1.3 } .screen_hi .text_9 { font-size: 16px; font-family:Arial; color:#444444 } .screen_wide .head1 { font-size: 24px; font-family:Arial; color:#010101 } .screen_hi .head1 { font-size: 22px; font-family:Arial; color:#010101 } .head1 { font-size: 24px; font-family:Arial; color:#010101 } .head1 a { color:#010101; text-decoration:underline; } .head1 a:hover { color:#010101; text-decoration:none; } .screen_wide .head2 { font-size: 22px; font-family:Tahoma; color:#6A6C6F } .screen_hi .head2 { font-size: 18px; font-family:Tahoma; color:#6A6C6F } .head2 { font-size: 22px; font-family:Tahoma; color:#6A6C6F } .screen_wide .head5 { font-size: 18px; font-family:Arial; color:#0B669E; line-height:1.1 } .screen_hi .head5 { font-size: 16px; font-family:Arial; color:#0B669E; line-height:1.1 } .head5 A { font-size: 18px; color: #0B669E; text-decoration: none; cursor:pointer } .head5 A:hover { color: #ffa000; text-decoration: none; border-bottom: 0px; } .head5 .dashed { color: #0B669E; cursor:pointer; border-bottom: 1px dashed #0B669E } .head5 .dashedhover { color: #0B669E; cursor:pointer; border-bottom: 0px } .screen_wide .head7 { font-size: 24px; font-family:Arial; color:#FFB400 } .screen_hi .head7 { font-size: 22px; font-family:Arial; color:red } .head7 { font-size: 24px; font-family:Arial; color:#FFB400 } .head7 a { color:#FFB400; text-decoration:underline; } .head7 a:hover { color:#FFB400; text-decoration:none; } .screen_wide .head10 { font-size:18px; font-family:Arial; color:#0B669E; padding:0 20px 5px 20px; cursor:pointer } .screen_hi .head10 { font-size: 16px; font-family:Arial; color:#0B669E; padding:0 20px 5px 20px; cursor:pointer } .head10 { font-size: 18px; font-family:Arial; color:#0B669E; padding:0 20px 5px 20px; cursor:pointer } .head10 span { border-bottom: 1px dashed #0B669E } .head10 .dashedhover { color: #ffa000; cursor:pointer; border-bottom: 0px } .head11 { font-family:Tahoma; font-size:14px; color:#777777 } .head12 { font-size: 22px; font-family:Tahoma; color:#000000 } .head12 a { color: #0B669E; text-decoration: underline } .head12 a:hover { color: #0B669E; text-decoration: none } .screen_wide .head13 { font-family:Tahoma; font-size:28px; color:#777777 } .screen_hi .head13 { font-family:Tahoma; font-size:26px; color:#777777 } .head13 { font-family:Tahoma; font-size:28px; color:#777777 } .head13 a { color:#777777; text-decoration:none } .head13 a:hover { color:#777777; text-decoration:none } .screen_wide .head14 { font-family:Arial; font-size:18px; color:#FFB400 } .screen_hi .head14 { font-family:Arial; font-size:16px; color:#FFB400 } .head14 { font-family:Arial; font-size:18px; color:#FFB400 } .head14 a { color:#FFB400; text-decoration:underline } .head14 a:hover { color:#FFB400; text-decoration:none } .head15 { font-size: 22px; font-family:Tahoma; color:#000000 } .head15 a { color: #000000; text-decoration: none } .head15 a:hover { color: #000000; text-decoration: none } .head17 { font-family:Arial; font-size:24px; color:#FFB400 } .head18 { font-family:Arial; font-size:18px; color:#ffffff } .head18 a { color:#ffffff; text-decoration:underline } .head18 a:hover { color:#ffffff; text-decoration:none } .head19 { font-family:Tahoma; font-size:28px; color:#000000} .head19 a { color:#0B669E; text-decoration:underline } .head19 a:hover { color:#ffa000; text-decoration:none } .screen_wide .head16 { background:#C9C9C7; font-family:Arial; font-size:22px; color:#fff; padding:3px 10px 3px 10px } .screen_hi .head16 { background:#C9C9C7; font-family:Arial; font-size:18px; color:#fff; padding:3px 10px 3px 10px } .head1 a { color:#010101; text-decoration:underline; } .head1 a:hover { color:#010101; text-decoration:none; } #annotation { font-size:12px; font-family:Arial; color:#393939 } .action_row { cursor:pointer } .phone_button { visibility:hidden; padding:2px; border:1px solid #c4c2c2; background:#fff; font-size:12px; margin-top:3px } .phone_button a { text-decoration:none; color:#959595 } .phone_button a:hover { text-decoration:none } .hide_phone { display:none; font-family:Tahoma; font-size:14px; color:#777777; padding:3px; } .msg_button { padding:5px 2px; border:1px solid #c4c2c2; background:#F4F4F0; font-size:18px} .msg_button a { text-decoration:none; color:#959595 } .msg_button a:hover { text-decoration:none } .screen_wide .pub_list { width:330px } .screen_hi .pub_list { width:220px } .screen_hi .pub_list img { width:220px } .screen_hi .act_img img { width:120px } .screen_hi .live_list img { width:140px } .screen_hi .imagesize { width:480px } .screen_wide .live_list img { width:170px } .int_list { width:170px } .int_list img { width:170px } .input {height:30px; font-size:18px; line-height:30px; color:#999; font-family:Tahoma; margin:0px; padding:0 0 0 5px; border:1px solid #A1A1A1} .input2 { width:100%; height:33px; font-size: 22px; color:#363131; font-family:Verdana; margin:0px; padding:0px; border:1px solid #8A8A8A } .input_date { width:120px; height:20px; font-family:Tahoma; font-size:14px; color:#777777; margin:0px; padding:2px 0 0 3px; border:1px solid #8A8A8A } .input_big { width:135px; height:36px; font-family:Tahoma; font-size:26px; color:#0B669E; margin:0px; padding:2px 0 0 3px; border:1px solid #8A8A8A } .srch_theme { width:290px; height:26px; margin:0px; padding:0px; border:1px solid #8A8A8A } .hr_grey { color:#C4C2C2; background-color:#C4C2C2; height: 1px; font-size:0px; margin:0; padding:0; border-width:0px; /* убрать рамки вокруг элемента */ } .nowrap { white-space:nowrap } .screen_wide .red { font-family:Tahoma; font-size:20px; color:#EF0000 } .screen_hi .red { font-family:Tahoma; font-size:18px; color:#EF0000 } .red { font-family:Tahoma; font-size:20px; color:#EF0000 } .red .dashed { color: #EF0000; cursor:pointer; border-bottom: 1px dashed #EF0000 } .red .dashedhover { color: #ffa000; cursor:pointer; border-bottom: 0px } .big_red { font-family:Tahoma; font-size:28px; color:#EF0000 } .small_red { font-family:Tahoma; font-size:14px; color:#EF0000 } .screen_wide .red_date { font-family:Arial; font-size:14px; color:#DA0202; line-height:1.3 } .screen_hi .red_date { font-family:Arial; font-size:12px; color:#DA0202 } .screen_wide .search_block { width:500px } .screen_hi .search_block { width:430px } .screen_wide .logo_list img { width:170px } .screen_hi .logo_list img { width:115px } .screen_wide .logo_list .r { width:11em } .screen_hi .logo_list .r { width:7em } .block2 { padding:3px 10px 9px 10px; background: url('/images/tr_grey.gif') center bottom no-repeat } .block2 span { font-family:Arial; font-size:18px; color:#fff; display:block; background:#C9C9C7; padding: 3px 10px 3px 10px } .blog_comments { height:300px; background:#F8F8F8; border:7px solid #d7d7d7; padding:20px } .blog_comments .head2 { background:url('/images/hrm_gray.gif') no-repeat left 8px; margin:0 0 5px 0; padding:0 0 20px 240px} .analytics { border:1px solid #BDBDBD; margin-top:20px; padding:10px } .hrm_head { height:47px; background: url('/images/hrm_back.gif') left top repeat-x } .hrm_over { width: 100%; background-color:#F5F5F5; opacity:1; filter: alpha(opacity=100) } .hrm_out { width: 100%; background-color:#ffffff; opacity:1; filter: alpha(opacity=100) } .vip_block { font-family: 'PT Sans Narrow', arial; font-weight:400; color:#fff } .vip_block h1 { font-family: 'PT Sans Narrow', arial; font-weight:600; line-height:1 } .vip_block .red { font-size:28px; font-family: 'PT Sans Narrow', arial; color:#000; font-weight:600; line-height:1 } .vip_menu ul {list-style:none; height:40px; margin:10px 0 0 0; padding:0; z-index:1} .vip_menu li {display:inline; float:left; margin:0; padding:0 10px 5px 10px; list-style:none; font-family:'PT Sans Narrow', arial} .vip_menu li a {font-size:28px; display:block; color:#fff; padding: 0 9px; height:40px; width: auto; float: left; line-height:40px; font-weight: normal; cursor:pointer} .vip_menu li a:hover {color:#ffffff; text-decoration: none} .vip_menu li.active {color:#000; background-color:#ffffff;} .vip_menu li.active a {color:#000; text-decoration: none} .size1 { font-size:12px } .size2 { font-size:18px } .size3 { font-size:24px } .size4 { font-size:30px } .size5 { font-size:16px } .size6 { font-size:14px } .size7 { font-size:11px } .size8 { font-size:44px } .size9 { font-size:20px } p { margin: 0 } .p1 p { margin: 5px 0 5px 0 } .p2 p { margin: 10px 0 10px 0 } .p3 p { margin: 15px 0 15px 0 } .report_phone .dashed { color: #0B669E; cursor:pointer; border-bottom: 1px dashed #044872 } .report_phone .dashedhover { color: #ffa000; cursor:pointer; border-bottom: 0px } .phone_feedback { font-size:12px; margin:5px 0 10px 0 } .phone_feedback li { font-size:14px; color:#444444; padding:3px 0; cursor:pointer; border:1px solid #fff; width:230px } .phone_feedback li.skip { background: url('/images/ico_skip.gif') 5px 4px no-repeat; padding-left:25px } .phone_feedback li.busy { background: url('/images/ico_busy.gif') 5px 4px no-repeat; padding-left:25px } .phone_feedback li.done { background: url('/images/ico_done.gif') 5px 4px no-repeat; padding-left:25px } /* ********************* CUTS.CSS ************************** */ .heading { font-family: Arial; font-size: 24px; color: #000000; margin-top:22px; display:block } .quotes { width:90%; margin:20px; text-align:center; vertical-align:middle; line-height:31px; font-family: Arial; font-size: 28px; color: #969696 } .table { font-size: 14px; font-family:Arial; color:#000000; border-collapse:collapse } .table caption { font-family:Arial; font-size:19px; font-weight:bold; text-align:left; margin:15px 0 10px 0 } .table th { background:#E6E6E6; font-weight:normal; padding:10px; border:1px solid #BDBDBD } .table td { padding:10px; border:1px solid #BDBDBD } .screen_wide .quotes { width:90%; margin:20px; text-align:center; vertical-align:middle; line-height:31px; font-family: Arial; font-size: 28px; color: #969696 } .screen_hi .quotes { width:90%; margin:20px; text-align:center; vertical-align:middle; line-height:28px; font-family: Arial; font-size: 22px; color: #969696 } .quotes:before { content: "“"; color: #ffa000; font-size: 80px; vertical-align:bottom; } .quotes:after { content: "„"; color: #ffa000; font-size: 80px; line-height:0px } /* ********************* MENU.CSS ************************** */ /* The Container */ #navcontainer {height:60px;margin:0;position:relative;} /* The Menu */ #navbar {margin:0;padding:0;position: absolute;top:0;width:100%;} /* All lists must float */ #navbar ul {margin:0;padding:0;float:left;} /* All list-items must obey parent selector */ #navbar li {padding:0;margin:0;float:left;display:block;scrollbar-face-color:expression(runtimeStyle.scrollbarFaceColor = '#000',onmouseover = function() {this.className += ' hover'},onmouseout = function() {this.className = this.className.replace(/ hover/g, '')});} /* Second level lists hide by default */ #navbar li ul {display:none;margin: 0 0;padding:0;position:absolute;top:30px;height:28px;overflow:hidden;left:30px;width:100%;} /* IE needs to know we are on a computer */ #navbar a {text-decoration:none;cursor:pointer;} /* Keeps sublevel persistant */ #navbar li.active ul {display:block;padding-top:10px;width:900px;} /* Makes sure sublevels stay on top */ #navbar li.hover ul, #navbar li:hover ul {display:block;z-index:100;height:31px;padding-top:10px;width:900px;} /* Top level a.links (sizes only) */ #navbar li a {display:block; float:left;padding: 0 15px;margin-right:3px;height:30px;line-height:28px;color:#797979;text-decoration: underline;} #navbar li a:hover,#navbar ul li:hover a {background-color:#0B669E;text-decoration: none;color:#fff;} /* Second level a.links */ #navbar li ul a, #navbar li.active ul a {display:block;float:left;font-weight:normal;font-size:14px;font-family:Tahoma;padding: 0 15px;background:none;height:24px;line-height:24px;} /* Second level normal a.link */ #navbar ul li.hover ul, #navbar ul li:hover ul{background-color:#fff;} #navbar ul li.active a {background-color:#EFB71E;color:#fff;text-decoration:none;} #navbar li.active li a, #navbar li.hover ul li a, #navbar li:hover ul li a, #navbar li li a {background-color:#F5F5F5;color:#0B669E;text-decoration: underline;} #navbar li.active li a:hover, #navbar li ul li.active a, #navbar li.hover ul li a:hover, #navbar li:hover ul li a:hover, #navbar li li a:hover {color:#fff; background-color:#0B669E;text-decoration:none;} /* ********************************************************** */ BODY { padding:0; margin:0; background: #fff } .default { font-family: arial, verdana, sans-serif } .page2 { font-family: arial, verdana, sans-serif; text-align: left; margin:30px 20px 0 40px } a { color: #0B669E; text-decoration: underline; } a:hover { color:#ffa000; text-decoration: none; } img { border:0; margin:0px; padding:0px; vertical-align:middle; } form { margin:0 } input[type="checkbox"], INPUT[type="radio"] { background: transparent; border: 0 } label { display:block } ul { margin:0px; padding:0px; list-style: none } li { padding-left:25px } .carousel li {padding:0} .text ul { margin-top:5px } sup { font-family:Tahoma; color:#B4B4B3; font-size:10px } .h1 { font-family: Tahoma; font-size: 28px; color:#0B669E } .h1 .dashed { color: #0B669E; cursor:pointer; border-bottom: 1px dashed #044872 } .h1 .dashedhover { color: #ffa000; cursor:pointer; border-bottom: 0px } .h2 { font-family: Arial; font-size: 28px; color:#000000 } .h2 a { color: #000; text-decoration:none; } .h2 a:hover { color: #000; text-decoration:none; } .text_8 { font-size: 11px; font-family:Arial; color:#ffa000 } .text_8 a { color: #ffa000; text-decoration:underline; } .text_8 a:hover { color: #ffa000; text-decoration:none; } .text_7 { font-size: 14px; color:#000000 } .text_7 a { color: #000; text-decoration:none; } .text_7 a:hover { color: #000; text-decoration:none; } .text_7 .dashed { color: #0B669E; cursor:pointer; border-bottom: 1px dashed #044872 } .text_7 .dashedhover { color: #ffa000; cursor:pointer; border-bottom: 0px } .small_text { font-size: 12px; } .small_text a { color: #000; text-decoration:none; } .small_text a:hover { color: #000; text-decoration:underline; } .grey { font-family:Tahoma; font-size:12px; color:#6A6C6F } .grey .dashed { color: #6A6C6F; cursor:pointer; border-bottom: 1px dashed #6A6C6F } .grey .dashedhover { color: #ffa000; cursor:pointer; border-bottom: 0px } .grey2 { font-family:Arial; font-size:11px; color:#C0BEBE } .grey3 { font-family:Arial; font-size:11px; color:#525252 } .grey4 { font-family:Arial; font-size:11px; color:#838383 } .grey4 a { color: #838383; text-decoration:underline; } .grey4 a:hover { color: #838383; text-decoration:none; } .grey4 .dashed { color: #838383; cursor:pointer; border-bottom: 1px dashed #838383 } .black { font-family:Tahoma; font-size:12px; color:#000 } .red2 { font-family:Arial; font-size:11px; color:#EF0000 } #header { height: 97px; margin:0px auto } .menu { } .menu ul {list-style:none; width:100%; height:50px; margin:0; padding:0; z-index:1} .menu li {display:inline; float:left; margin:0; padding:0 4px 0 4px; list-style:none; font-family:Verdana;} .menu li a {font-size:16px; display:block; color:#fff; padding: 0 9px; height: 50px; width: auto; float: left; line-height: 50px; font-weight: normal} .menu li a:hover {color:#ffffff; text-decoration: none} .menu div img { margin:10px 20px 0 0 } .menu2 { padding-bottom:20px } .menu2 a { color: #B4B4B3; text-decoration:none; padding:2px; border-bottom:1px solid #B4B4B3 } .menu2 a:hover { color: #9C9C9C; text-decoration:none; border-bottom:0px } .menuactive a { color: #000; text-decoration:none; padding:2px; border-bottom:1px solid #000 } .menuactive a:hover { color: #000; text-decoration:none; border-bottom:0px } .menu2 LI { padding: 0 0 0 25px; font-size: 22px; font-family:Verdana; display: inline; } .screen_wide .menu2 LI { font-size: 22px; font-family:Verdana } .screen_hi .menu2 LI { font-size: 20px; font-family:Verdana } .left { float:left; width:70% } .right { float:right; width:30% } .center { padding:0px 20px 0 0 } .head { font-size: 18px; font-family:Arial; color:#6A6C6F } .head A.dashed { color: #6A6C6F; text-decoration: none; cursor:pointer; border-bottom: 1px dashed #6A6C6F } .head A.dashed:hover { color: #ffa000; text-decoration: none; border-bottom: 0px; } .head3 { font-size: 18px; font-family:Arial; color:#58595B } .head4 { font-size: 18px; font-family:Tahoma; color:#000000 } .head4 A { color: #000000; text-decoration: none } .head4 A:hover { color: #000000; text-decoration: none } .screen_wide .main_news { width:275px } .screen_hi .main_news { width:195px } .screen_wide .main_pub { width:100px } .screen_hi .main_pub { width:75px } .screen_hi .center1_cbn img { width:210px } .screen_hi .center2_cbn img { width:440px } .screen_hi .left_cbn img { width:285px } .head6 { font-size: 22px; color:#363131; font-family:Arial } .head8 { font-size: 18px; font-family:Arial; color:#ffa000 } .head8 a { color:#ffa000; text-decoration:none; } .head8 a:hover { color:#ffa000; text-decoration:underline; } .head9 { font-size: 20px; font-family:Arial; color:#0B669E } .head9 a { color:#0B669E; text-decoration:underline; } .head9 a:hover { color:#ffa000; text-decoration:none; } .hr_yellow { color:#E9B62D; background-color:#E9B62D; height: 1px; border-width:0px; /* убрать рамки вокруг элемента */ } .hr2 { color:#e4e4e4; background-color:#e4e4e4; height: 1px; font-size:0px; margin:0; padding:0; border-width:0px; } .help { font-family:Arial; font-size:12px; vertical-align: super; color:#3F4041; cursor:help; } .city { font-family:Arial; font-size:14px; background:#939598; color:#fff; padding:0 3px 0 3px; } .shut a { cursor:pointer } .logo { border: 1px solid #D4D4D4; padding:5px } .frame { border: 1px solid #D4D4D4 } .red_bg { font-size:10px; color:#ffffff; background:#DA0202; padding:1px 2px 1px 2px } .button { text-align:center; font-size:120% } .button_2 { text-align:center; font-size:110% } .block4 { padding:10px 10px 10px 10px } .block_grey { background:#F0F0E7; padding:5px 10px 5px 10px } .block_yellow { background:#F9FBD3; padding:5px 20px 5px 20px } .block_orange { background:#FDED40; padding:5px 10px 5px 20px } .block_blue { background:#E6F2F9; padding:5px 10px 5px 20px } .block_black { background: url(/images/png_1px.png) repeat; padding:5px 10px 5px 20px } .round_grey B { background:#F0F0E7 } /* для округлених корнерів */ .round_yellow B { background:#F9FBD3 } .round_orange B { background:#FDED40 } .round_blue B { background:#E6F2F9 } .round_black B { background: url(/images/png_1px.png) repeat } .vote_block { border:1px solid #FFA000; padding:10px 10px 0 10px } .vote_partner { border:1px solid #FFA000; background:#FFA000; padding:5px; color:#fff; line-height:1.3 } .vote_partner a { color:#fff; font-size:18px; text-decoration:underline; } .vote_partner a:hover { color:#fff; font-size:18px; text-decoration:none; } .r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 { display: block; height: 1px; overflow: hidden; font-size:1px } .r10 { margin: 0 10px; } .r9 { margin: 0 9px; } .r8 { margin: 0 8px; } .r7 { margin: 0 7px; } .r6 { margin: 0 6px; } .r5 { margin: 0 5px; } .r4 { margin: 0 4px; } .r3 { margin: 0 3px; } .r2 { margin: 0 2px; } .r1 { margin: 0 1px; } .rub { font-family: Tahoma; font-size: 14px; } .rub a { color:#0B669E; text-decoration:underline; padding:5px; border:0px } .rub a:hover { color: #fff; text-decoration:none; background: #ffa000 } .rub span { margin-right:15px } .rubactive a { color: #fff; text-decoration:none; padding:5px; background: #ffa000 } .rubactive a:hover { color: #fff; text-decoration:none; padding:5px; background: #ffa000 } .rubricator2 { font-family: Tahoma; font-size: 12px; } .rubricator2 a { color:#0B669E; text-decoration:none; padding:2px } .rubricator2 a:hover { color: #0B669E; text-decoration:underline } .service .head3 a { text-decoration:none; padding:0 4px 0 4px } .service .head3 a:hover { color: #fff; text-decoration:none; background: #ffa000 } .head3over { font-size: 18px; font-family:Arial; color:#fff; background: #ffa000; padding:0 4px 0 4px } .head3over a { color:#fff; background: #ffa000; text-decoration:none; padding:0 4px 0 4px } .supover { font-family:Tahoma; color:#FFB400; font-size:10px } .page_nav_w { font-size: 22px; font-family:Arial; color:#0B669E; margin-left:10px; } .page_nav_w a { color: #0B669E; text-decoration:none; padding:1px; border-bottom:1px solid #0B669E; cursor:pointer } .page_nav_w a:hover { color: #ffa000; text-decoration:none; border-bottom:0px } .page_nav_n { font-size: 18px; font-family:Arial; margin-left:37px; } .page_nav_n a { color: #0B669E; text-decoration:none; margin-right:14px; border-bottom:1px solid #0B669E; cursor:pointer } .page_nav_n a:hover { color: #ffa000; text-decoration:none; border:0px } .page_nav_n span { color: #fff; background:#ffa000; margin-right:14px; padding:0 8px 0 8px } .order INPUT[type="text"] { margin:1px; width:360px; height:33px; font-size: 22px; color:#363131; font-family:Verdana; padding:1px 0 0 10px; border:1px solid #8A8A8A } .order SELECT { margin:1px; width:360px; height:33px; font-size: 22px; color:#363131; font-family:Verdana; padding:1px 0 0 10px; border:1px solid #8A8A8A } .order TEXTAREA { margin:1px; width:360px; font-size: 22px; color:#363131; font-family:Verdana; padding:1px 0 0 10px; border:1px solid #8A8A8A } .service_feedback .input { margin:1px; width:342px; height:33px; font-size: 22px; color:#363131; font-family:Verdana; padding:1px 0 0 10px; border:1px solid #8A8A8A } .textarea { margin:1px; width:100%; font-size: 14px; color:#363131; font-family:Verdana; border:1px solid #8A8A8A } .inpt { display:none } .search_action SELECT { width:425px; height:30px; font-size: 22px; color:#363131; font-family:Arial; border:1px solid #8A8A8A } .search_action .input { width:180px; height:26px; font-size: 22px; color:#363131; font-family:Arial; border:1px solid #8A8A8A } .search_google { width:530px; height:30px; font-size: 22px; color:#363131; font-family:Arial; border:1px solid #8A8A8A } .tags { float: left } .tags ul { white-space: normal } .tags li { display: inline } .tags a { color:#0B669E; text-decoration: none } .tags a:hover { color: #fff; text-decoration:none; background: #ffa000 } .stream_header { border:1px solid #D3D3D3; border-bottom:0px solid red; font-size:12px; font-family:tahoma;} .stream_header td {background:#FDFEFE; padding:5px; cursor:pointer; color:#000} .stream_header td.active {background:#FF9600 } .stream { font-size:12px; font-family:tahoma; color:#999} .stream li { padding: 5px 5px; } .stream li.even { background: #f8f8f8; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .stream a.stream-author { color: #999; font-weight: bold; text-decoration: none; padding-left: 0px; } .stream .stream-topic-icon { background: url(/community/templates/skin/new/images/icons.gif) no-repeat scroll 2px -188px; padding-left: 14px; zoom: 1; } .stream a.stream-topic { text-decoration:none; color: #fff; padding:0 3px 0 3px; background:#999 } .stream a.stream-topic:hover { background:#666 } .stream .stream-comment-icon { background: url(/community/templates/skin/new/images/comment-list.gif) no-repeat 2px 4px; padding-left: 14px; zoom: 1; } .stream a.stream-comment { text-decoration:none; color: #fff; padding:0 3px 0 3px; background:#999 } .stream a.stream-comment:hover { background:#666 } .stream a.stream-blog { color: #999; } .stream span { color: #66b746; } .stream .info1 {font-family:Georgia;font-size:22px;color:#464646;margin:10px 10px 0 10px} .stream .info2 {font-family:Georgia;font-size:16px;color:#616161;margin:10px 10px 0 10px; padding-bottom:10px; border-bottom:1px solid #C3C3C3} .tooltip{ width:300px; background:#C4C4C4; position:absolute;} .tooltip .shadow{position:relative;z-index:10;top:-3px;left:-3px;padding:0 7px;border:1px solid #e4e4e6;background:#f5f5f5;} .tooltip-container{display:none;} #release_block li, #article_block li {padding:0; margin:0px} .screen_wide .a { font-size: 16px; font-family:Arial; color:#0B669E; line-height:1.3 } .screen_hi .a { font-size: 14px; font-family:Arial; color:#0B669E } .add A { color:#000000; text-decoration:none } .added { font-size:30px; font-family:Tahoma; color:#ffa000; margin:70px 0 50px 0 } .fl { float:left; } .fr { float:right; } .clear { clear: both; height:1px; font-size:1px; } .empty { height:10px; font-size:10px; } .empty2 { height:15px; font-size:15px; } .empty3 { height:5px; font-size:5px; } .empty4 { height:2px; font-size:2px; } .rss a { background:url(images/rss_on.gif) } .rss a:hover { background:url(images/rss_off.gif) } /* flash banners on main page */ .m_banner_hide{ display:none } .m_banner_show{ display:block } .m_cbn_hide{ display:none } .m_cbn_show{ display:block } .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; cursor: pointer; } .ac_loading { /* background: white url('http://training/images/indicator.gif') right center no-repeat; */ } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; } .thumbnails { /* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */ margin: -3em 0 0 -2em; /* Выравнивание по центру */ text-align: center; } .thumbnail { /* Убираем подчеркивание у элемента ins, который был использован для совместимости со старыми версиями Internet Explorer */ text-decoration: none; /* а это для остальных */ display: inline-block; vertical-align: top; /* Убираем выравнивание по центру */ text-align: center; /* Отступы между блоками */ margin: 3em 0 0 2em; } .thumbnail .r { /* Если есть необходимость, то свойства padding, border, background и position со значением relative лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */ /* Задаем минимальную ширину по тексту */ width: 10em; /* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */ float: left; } .screen_wide .audio_sheet { width: 260px } .screen_hi .audio_sheet { width: 400px } .b-photo img{position:relative;} .b-photo a, .b-photo a:hover{text-decoration:none;} .b-photo .b-time{display:block;top:8px;right:0;font-size:1em;font-weight:bold;color:#FFF;padding:.17em .25em .17em .25em;background:#ef4c40;cursor:pointer;} /* Easy Slider */ #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:1em;} #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:250px; height:441px; overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:33px; padding-top:6px; z-index:1000; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:30px; height:33px; background:url(/images/hrm_left.jpg) no-repeat 0 0; } #nextBtn a, #slider1next a{ background:url(/images/hrm_right.jpg) no-repeat 0 0; } /* Easy Slider */ .cmenu {width: 100%; height: 69px; background: url(/images/bg_nav_2.gif) repeat-x top left; position: relative; margin: 0 0 15px; z-index: 0;} .cmenu ul {list-style: none; width: 100%; height: 31px; margin:0; padding: 0; z-index: 1;} .cmenu li {display: inline; float: left; margin: 0; padding:0 4px 0 4px; list-style: none; font-family: Tahoma;} .cmenu li a {font-size: 22px; display: block; color: #797979; padding: 0 9px; height: 31px; width: auto; float: left; line-height: 31px; font-weight: normal;} .cmenu li a:hover, .cmenu li a.current {background: #fdb10d url(/images/bg_nav_2.gif) 0 -69px; color:#ffffff; text-decoration: none} .cmenu li li a {font-size: 14px; color:#0B669E; height: 29px; line-height: 29px; font-weight: normal;} .cmenu li li a:hover {background: #0D69A2; text-decoration: none;} .cmenu ul ul {position: absolute; top: 40px; left: 0; z-index: 2; display: block; height: 22px; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 100%; height: 70px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 100%; height: 70px; } .jcarousel-skin-tango .jcarousel-item { width: 100%; height: 70px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /* Comments -------------------------------------------------------------------*/ .comments { padding-left:15px; } .comments .comment { overflow: hidden; position: relative; zoom: 1; } .comments .comment .comment { padding-left: 30px; } /* Header */ .comments .header { margin-bottom: 20px; margin-left: 14px; } .comments .header a.rss { margin-right: 20px; padding-left: 14px; background: url(http://www.training.com.ua/images/template/images/icons.gif) no-repeat scroll -70px -247px; } /* Comment Types */ .comments .comment .content { background: #f7f7f7; } /* default background of comment */ .comments .comment .content.self { background: #fdf5e6 !important; } .comments .comment .content.new { background: #e4fbf1 !important; } .comments .comment .content.del { background: #c5c5c5 !important; } .comments .comment .content.view { background: #cdf5a6 !important; } /* Single Comment */ .comment .folding { width: 9px; height: 9px; float: left; position: relative; top: 17px; cursor: pointer; } .comment .folding-open { width: 9px; height: 9px; float: left; position: relative; top: 17px; cursor: pointer; } .comment .folding.off { display: none; } .comment .content { margin: 0 0 0px 13px; padding: 0; } .comment span.delete { color: #c5c5c5; font-size: 16px; } .comment .author a { font-family:Georgia; font-size:14px; font-style:italic; color:#000 } .comment .author .rating { font-family:Georgia; font-size:12px; color:#4e4e4e; padding:0 } /* Rounded Corners */ .comment .content .tb { height: 7px; overflow: hidden; background: url(http://www.training.com.ua/images/template/images/comment-tb.gif) repeat-x; } .comment .content .tl { height: 7px; background: url(http://www.training.com.ua/images/template/images/comment-tl.gif) no-repeat left top; } .comment .content .tr { height: 7px; background: url(http://www.training.com.ua/images/template/images/comment-tr.gif) no-repeat right top; } .comment .content .bb { height: 15px; background: url(http://www.training.com.ua/images/template/images/comment-bb.gif) repeat-x; margin-left: 24px; } .comment .content .bl { height: 15px; background: url(http://www.training.com.ua/images/template/images/comment-bl.gif) no-repeat left bottom; } .comment .content .br { height: 15px; background: url(http://www.training.com.ua/images/template/images/comment-br.gif) no-repeat right bottom; } /* Text of Comment */ .comment .content .text { border-left: 1px solid #dddede; border-right: 1px solid #dddede; padding: 5px 25px 5px 10px; overflow: hidden; zoom: 1; } /* Info Block */ .comment .info { font-size: 11px; line-height: 14px; margin-left: 14px; margin-bottom: 25px; overflow: hidden; zoom: 1; } .comment .info p { font-size: 10px; } .comment .info p a.author { font-size: 11px; font-weight: bold; color: #000; text-decoration: none; } .comment .info p a.author:hover { color: #555; } .comment .info img.avatar { float: left; margin: 3px 7px 0 0; *margin: 2px 7px 0 0; } .comment .txt { font-family:Tahoma; font-size:12px; margin-top:5px; line-height:1.4 } .comment .txt br { margin-bottom:10px } .comment .date { color: #999; font-size: 10px; padding-right: 20px; } .comment .info ul li { float: left; font-size: 10px; margin-right: 10px; } .comment .info ul li.date { color: #999; font-size: 10px; padding-right: 20px; } .comment .info a.imglink { display: block; width: 9px; height: 11px; text-decoration: none; position: relative; top: 3px; } .comment .info ul li.goto-comment-parent a { text-decoration: none; border-bottom: 1px dotted #79B1D4; font-family: tahoma;} .comment .info ul li.goto-comment-child a { text-decoration: none; border-bottom: 1px dotted #79B1D4; font-family: tahoma;} .comment .info a.link { background: url(http://www.training.com.ua/images/template/images/icons.gif) no-repeat scroll -10px -230px; } .comment .info a.link:hover { background: url(http://www.training.com.ua/images/template/images/icons.gif) no-repeat scroll 0px -230px; } .comment .info li.favorite a{ background: url(http://www.training.com.ua/images/template/images/icons.gif) no-repeat scroll -40px -40px; width: 10px; height:8px;margin-top:4px; display: block; outline-style:none;} .comment .info li.favorite a:hover { background: url(http://www.training.com.ua/images/template/images/icons.gif) no-repeat scroll -50px -40px; } .comment .info li.favorite.active a{ background: url(http://www.training.com.ua/images/template/images/icons.gif) no-repeat scroll -50px -40px; } .comment .info a.off { color: #999; } .comment .info a.repair { color: #4CCC1B; } .comment .info a.delete { color: #f00; } .comment .comment-topic { font-size: 11px; color: #999; padding-bottom: 3px; padding-left: 2px; } .comment .comment-topic a { font-weight: bold; } .comment .comment-topic a.comment-blog { color: #999; } .comment .comment-topic a.comment-total { background: url(http://www.training.com.ua/images/template/images/comment-total.gif) no-repeat 0 4px; padding-left: 10px; margin-left: 10px; text-decoration: none; font-weight: normal; color: #78c658; } .comments.padding-none { padding-left: 0; } .comments.padding-none .comment .content, .comments.padding-none .comment .info { margin-left: 0; } .comments.padding-none .voting { top: 28px; } .reply-title { margin-left: 10px; } .reply { padding: 0 50px 10px 10px; } .reply textarea { width: 100%; height: 70px; } .reply textarea.loader { background: #F7F7F7 url(http://www.training.com.ua/images/template/images/loader.gif) no-repeat center;} .lsCmtTree_visible{display:block;} .lsCmtTree_hidden{display:none;} /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmWindow { display: none; position: fixed; top: 30%; left: 50%; margin-left: -300px; padding: 12px; } .jqmWindow p { margin-bottom:15px } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (