.article { margin: 15px 0 15px 0; } .article .title { margin: 0 0 10px 0; } .article .spiegel { margin: 0 0 10px 0; font: 16px/18px Helvetica, Arial; } .article .spiegel a { font: bold 16px/18px Helvetica, Arial; } .article .photo { margin: 0 0 8px 0; } .article .copyright { width: 360px; margin: 0 0 10px 0 ; font: 10px/12px Verdana; color: #627b8c; text-align: right; } .article .copyright2 { margin-top: 5px; font: 10px/12px Verdana; color: #627b8c; text-align: center; } .article .body { margin: 20px 0 20px 0; font: 16px/20px Times; } .article .body p { margin: 0 0 1em 0; padding: 0; font: 16px/20px Times; } .article .body p * { font: 16px/20px Times; } .article .body em.date { display: block; margin-bottom: 1em; font: 16px/20px Times; color: #627b8c;} .article .body em { font-style: italic; color: #000000; } .article .body p em { font-style: italic; color: #000000; } .article .body p strong { font-weight: bold; } .article .body p b { font-weight: bold; } .article .body p i { font-style: italic; } .article .body strong { font-weight: bold; } .article .body strong em { font-weight: bold; } .article .body strong a { font-weight: bold; color: #3f5d73; } .article .body a strong { color: #3f5d73; } .article .forumlink { margin: 0 0 20px 0; text-align: center; } .article .forumlink img { margin: 0 0 0 5px; } .article .forumlink a { text-decoration: none; } .article .forumlink div.comments { font: 12px/12px Times; } .article .infographics { margin: 0 0 20px -52px; width: 998px; text-align: center; padding: 15px 0; } .article .infographics a { display: block; margin-bottom: 10px; text-decoration: none; } .article .gallery { margin: 30px 0 20px 0; text-align: center; } .article .video { background: #ffffff; padding: 25px 0 25px 0; text-align: center; } .article .video { margin: 0 0 20px 0; width: 640px; } .article .video .html5info, .article .video .html5info *, .article .video .html5copyright { font: 11px Tahoma !important; } .article .video .html5info { margin: 0 5px; text-align: left; color: #627B8C !important; } .article .video .html5info * { color: #627B8C !important; } .article .video .html5copyright { margin: 5px 5px 0; text-align: right !important; color: #CCC !important; } .plots { margin: 0 0 30px 0; background: #f7fafc; border: 1px solid #c0cad1; } .plots h4 { font-family: Tahoma !important; margin: 10px !important; } .plots div { margin: 0 10px 15px 10px; padding: 0 0 0 10px; background: url(/i/arrows/red_short.gif) no-repeat 0px 5px; } .plots a { font: 13px/15px Tahoma; text-decoration: none; } .plots strong { font-weight: bold; } .plots a strong { color: #3f5d73; } .plots .link { margin: 0 10px 15px 10px; padding: 0 0 0 10px; background: none; } .maintheme { margin: 5px 0 15px 0; } .maintheme .title { margin: 0 0 10px 0; } .maintheme .spiegel { margin: 0 0 10px 0; font: 16px/18px Helvetica, Arial; } .maintheme .spiegel a { font: bold 16px/18px Helvetica, Arial; text-decoration: none; } .maintheme .photo { margin: 0 0 8px 0; } .maintheme .copyright { width: 360px; margin: 0 0 10px 0 ; font: 10px/12px Verdana; color: #627b8c; text-align: right; } .maintheme .plots { width: 235px; margin: 0 0 15px 15px !important; text-align: left; } .maintheme .plots h4.title { text-transform: none !important; } .maintheme .plots span { display: block; padding: 0 10px 15px 10px; font: 12px/14px Helvetica, Arial; } .maintheme .body { margin: 20px 0 20px 0; font: 16px/20px Times; } .maintheme .body p { font: 16px/20px Times; } .maintheme .body em { font: 16px/20px Times; color: #627b8c; } .maintheme .body a { font: 16px/20px Times; color: #3f5d73; } .references { width: 230px; margin: 0 0 20px 20px; text-align: left; } .references h5 { font-weight: bold; } .references .context { margin: 10px 0 20px 0; } .references .context a { display: block; margin: 0 0 10px 0; text-decoration: none; } .references .mm { margin: 10px 0 10px 0;} .references .mm .item { margin: 0 0 15px 0; } .references .mm img { margin: 3px 10px 0 0; } .references .mm a.link { color: #000000; text-decoration: none; } .inject { float: right; width: 270px; margin: 0 0 20px 20px; } .inject .image img { display: block; margin: 0 0 5px 0; } .inject .image div.copyright { width: 100%; margin: 0 0 5px 0; padding: 0; text-align: center; } .inject .image div.copyright a { font-family: Verdana; font-size: 10px; color: #627b8c; text-decoration: none; } .inject .image span { display: block; font-family: Verdana; font-size: 11px; color: #666666; text-align: center; } .inject-audio { width: 215px; float: right; margin: 0 0 20px 20px; } .inject-audio .player { background-color: #f7fafc; border: 1px solid #c0cad1; } .inject-audio .player .object { position: relative; width: 186px; margin: 10px auto; overflow: visible; } .inject-audio .player .object audio { margin: 2px 0 0 -5px; } .inject-audio .body { margin: 0px; padding: 15px; } .inject-audio .body img { margin: 3px 10px 0 0; } .inject-audio .body .announce { font: 0.9em Tahoma; margin-bottom: 10px; } .inject-audio .desc { margin-top: 5px; padding-left: 1px; font: 11px Verdana ; color: #666666; text-align: center; } .inject-audio .desc span.time { font: 11px Verdana ; color: #000000; } .inject-video { width: 360px; float: right; margin: 0 0 20px 20px; } .inject-video .player { background-color: #f7fafc; border: 1px solid #c0cad1; } .inject-video .player .object { width: 320px; margin: 10px auto; } .inject-video .desc { margin-top: 5px; font: 11px Verdana ; color: #666666; text-align: center; } .inject-video .desc span.time { font: 11px Verdana ; color: #000000; } .inject-video .bottom-bar { margin-top: 10px; font-size: 0.8em; } .inject-video .bottom-bar a { display: inline-block; cursor: pointer; font-size: 13px; } .inject-video .interactivPlayer { width: 320px; width: 220px; } .inject-video-full { width: 100%; margin: 20px 0 20px 0; text-align: center; } .inject-video-full .desc { width: 480px; margin: 0 auto; padding: 10px 0 10px 0; font: 11px Verdana ; color: #666666; text-align: center; } .inject-video .desc span.time { font: 11px Verdana ; color: #000000; } .inject-video-full .bottom-bar { font-size: 0.9em; } .inject-video-full .bottom-bar a { display: inline-block; margin-right: 30px; cursor: pointer; font-size: 13px; } .additional-links { margin: 0 0 20px 0; padding: 15px; } .additional-links h4 { margin: 0 0 7px 0 ; } .additional-links .item { margin: 0 0 10px 0; } .additional-links .item a { color: #000000; text-decoration: none; } .additional-links .item img { margin: 3px 10px 0 0; } .additional-links .item div { padding: 0 10px 0 0; } .actions { margin: 0 0 30px 0; } .actions .tabs { position: relative; margin: 0 0 15px 0; text-align: center; } .actions .tabs span { position: relative; display: inline-block; margin: 0 10px 0 0; padding: 0 10px 0 0; cursor: pointer; border-right: 1px solid #627b8c; } .actions .tabs span.active { color: #cc3300; } .actions .tabs span ins.cone { display: none; position: absolute; bottom: -16px; left: 50%; width: 18px; height: 11px; margin-left: -8px; background: url('/i/corners/cone-actions.png'); } .actions .layer { display: none; padding: 15px; background: #f7fafc; border: 1px solid #c0cad1; } .actions .layer .title { font: 24px Times; color: #627b8c; text-align: center; } #to-blog .comment { margin: 10px 0 20px 0; } #to-blog .subtitle { margin: 0 0 5px 0; font: 14px Helvetica, Arial; color: #3f5d73; } #to-blog .source-code { margin: 0 0 20px 0; } #to-blog .source-code textarea { width: 576px; height: 80px; padding: 5px; border: 1px solid #cacaca; font: 11px Verdana; color: #666666; resize: none; } #to-friend form { width: 600px; margin: 0 auto; padding: 0; } #to-friend input { border: 1px solid #e3e3e3; height: 18px; font: 12px helvetica, arial; } #to-friend textarea { border: 1px solid #e3e3e3; resize: none; font: 12px helvetica, arial; } #to-friend label { display: block; margin-bottom: 3px; font: 12px helvetica, arial; } #to-friend label.alert { color: #cc3300; } #to-friend ul { width: 590px; margin: 0; padding: 0; } #to-friend ul li { float: left; width: 188px; margin-left: 10px; } #to-friend ul li input { width: 188px; } #to-friend .question { margin: 15px 0 15px 0; } #to-friend .question textarea { width: 586px; } #to-friend .captcha { margin-right: 10px; } #to-friend .captcha input { width: 188px; } #to-friend .captcha-image { background: url('/i/loaders/loader_actions.gif') no-repeat 80px 10px; } #to-friend a.close { cursor: pointer; } #to-add form { width: 600px; margin: 0 auto; padding: 0; } #to-add input { border: 1px solid #e3e3e3; height: 18px; font: 12px helvetica, arial; } #to-add textarea { border: 1px solid #e3e3e3; resize: none; font: 12px helvetica, arial; } #to-add label { display: block; margin-bottom: 3px; font: 12px helvetica, arial; } #to-add label.alert { color: #cc3300; } #to-add ul { width: 590px; margin: 0; padding: 0; } #to-add ul li { float: left; width: 290px; margin-left: 10px; } #to-add ul li input { width: 285px; } #to-add .question { margin: 15px 0 15px 0; } #to-add .question textarea { width: 586px; } #to-add .captcha { margin-right: 10px; } #to-add .captcha input { width: 188px; } #to-add .captcha-image { background: url('/i/loaders/loader_actions.gif') no-repeat 80px 10px; } #to-add a.close { cursor: pointer; } #to-social ul { margin: 0; padding: 0; list-style: none; } #to-social ul li { float: left; margin: 0 40px 0 0; } #to-social ul li img { margin: 0 5px -3px 0; } #to-social ul li a { font: 12px/12px Helvetica, Arial; color: #000000; text-decoration: none; } .thisurl { margin-bottom: 30px; background: #eef1f3; padding: 10px; text-align: center; } .thisurl, .thisurl a { font: 12px Helvetica ; } #filters { position: relative; width:100%; height: 25px; margin: 20px 0 30px 0; padding-bottom: 5px; border-top: 1px solid #77a6cc; } #filters ul { position: relative; top: -1px; margin: 0; padding: 0; list-style-type: none ! important; } #filters li { float: left; position: relative; height: 25px; margin-left: -1px; border: 1px solid #77a6cc; background-color: #ffffff; } #filters li span, #filters li a { display: block; position: relative; top: 9px; margin-top: -0.5em; padding: 0.15em 1.2em; cursor: pointer; font: 16px Helvetica, Arial; color: #3f5d73; } #filters li.active { top: -17px; border: 1px solid #77a6cc; border-bottom: 0; background-color: #ffffff; font: Helvetica, Arial; } #filters li.active span { top: 13px; font-size: 1.4em; color: #cc3300; cursor: default; } .filter_page { display: none; } .infographics { padding: 15px; } .infographics .references { width: 100%; padding: 0; margin: 0; } .infographics .references ul li a { text-decoration: underline; } .infographics .bottom-refs { padding-right: 20px; } .infographics .bottom-popular { padding-left: 20px; } .infographics .bottom-popular .title { padding: 5px 10px; } .infographics .actions .layer { width: 600px; margin: 0 auto; } #fb_like_button { border:none; overflow: hidden; width:100%; height:40px; } .fb_like_button2 { margin: 1em 0; } .social-buttons { margin-bottom: 20px; clear:both; } .social-buttons .twitter { float: left; width: 110px; } .social-buttons .vkontakte { float: left; width: 150px; } .social-buttons .odnoklassniki { float: left; overflow: visible; margin-right: 20px; } .social-buttons .mailru { float: left; overflow: visible; } .social-buttons .my_world { float: left; overflow: visible; margin-right: 20px;} .social-buttons .livejourn { float: left; overflow: visible;} .social-buttons .livejourn textarea { display: none;} /* .social-buttons .mailru { float: left; width: 90px; overflow: hidden; margin-top: 3px; } .social-buttons .mailru .wrap { float: left; width: 80px; margin-left: -57px; overflow: hidden; } .social-buttons .mailru .label { margin-top: 3px; font: bold normal 0.8em Arial; } */ .odkl-klass-stat { display: block; overflow: visible !important; height: 21px !important; float:left; padding: 0 0 0 99px !important; background-image:url("/i/odkl-stat.gif") !important; } .odkl-klass-stat:hover { background-color: #FBBA3E;} .odkl-klass-stat span { display: block; height: 19px !important; } div.fbook {float:left; width:380px;height:51px;} div.discuss {float:left;padding:1em 20px 0 0;*width:110px;} div.discuss a {text-decoration:none;display: inline-block;height: 19px;border: 1px solid #cbcbcb;background: url('/i/discuss_bg.jpg') repeat-x 0% 100%;overflow: hidden;} div.discuss a img {padding:4px 5px 2px 3px;float:left;} div.discuss a span {font: 11px Arial;color: #2e4d89;float:left;padding:3px 10px 0 0;} div.discuss a div {font: 12px Arial;color: #003366;border-left:1px solid #D4D4D4;height:17px;float:right;margin-top:1px;padding:1px 7px;} div.discuss a i {font-style: normal;} div.linkedin {float: left; width:100px; height: 17px;margin:16px 0 0 0;} /* Bug #22825 - strong em a combination in article correction */ .article .body em strong{ font-style: italic; } .article .body em a{ font-style: italic; } .article .body a em{ font-style: italic; } .article .body strong em{ font-style: italic; } /* /Bug #22825*/