﻿

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}

ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
/**/
.clear {clear:both;}
b, strong {font-weight:bold;}
i {font-style:italic;}


body {
background-attachment: fixed;
background-color: #F5F5F5;
background-image: url("http://margosha-tv.ru/v3/images/bg_body.png");
background-position: 50% 0%;
background-repeat: repeat-x;
font: 0.88em/1.29 "Open Sans", sans-serif;
}


#header {
 
} 

.page-top-bg { 
display:none;
}


.header-menu { 
background: #384554;
height: 50px;
}





#headers {
height:100px;
width:1020px;
margin: 0px auto;
}

.logotip {
float:left;
width:420px;
}


.logo { 
background: url("http://margosha-tv.ru/v4/images/logo.png") 0px 0px no-repeat transparent;
width: 400px;
height: 78px;
display: block;
float:left;
position:relative;
top:10px;
}

.poisk-login-form {
float:right;
}

.poisk-login-form form {
position:relative;
top: 35px;
}



 

/* ===================== Горизонтальное меню */


.droplinetabs td { 
vertical-align:top;
}

.droplinetabs th { 
color: #444444;
font-size: 12px;
font-weight: 700;
padding-bottom: 5px;
padding-left: 13px;
padding-top: 10px;
text-align: left;
}


.droplinetabs{
overflow: hidden;
width:1020px;
margin:0 auto;
font-family: tahoma, arial, verdana, sans-serif, Lucida Sans !important;
background: #384554;
height:50px;
}

.droplinetabs ul{
margin: 0 auto;
padding: 0px 0px 0px 80px;
list-style: none;
}

.droplinetabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}


.droplinetabs a { 
color: #E9EAEB !important;
float: left;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 600;
height: 40px;
padding-left: 6px;
padding-right: 6px;
padding-top: 10px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{
color: white;
}

.droplinetabs a span{
float: left;
display: block;
background: transparent url(../_st/rightedge.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.droplinetabs a span{
float: none;
}


.droplinetabs a:hover{
background: #2F3A47;
color: white;
}

.droplinetabs a:hover span{
background-color: transparent;
}

/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;

width:1000px !important;
background: #fbfbfb;
box-shadow: inset 0px 10px 20px -10px rgba(0, 0, 0, 0.298), 0px 10px 20px -10px rgba(0, 0, 0, 0.298);
padding: 20px 0px 20px 20px;
visibility: hidden;
}




/* Sub level menu links style */
.droplinetabs ul li ul li a{
font-size:13px !important;
background: none !important;
color: #2E859E !important;
text-decoration: none !important;
border-radius: 3px !important;
display: block !important;
padding: 8px 14px !important;
transition: background 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0, color 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0 !important;
text-transform: none !important;
font-family: tahoma, arial, verdana, sans-serif, Lucida Sans !important;
font-weight: 400 !important;
height: 18px !important;
float: left !important;
}


.droplinetabs ul li ul li a:hover{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
background-color: #EBEBEB !important;
color: #777777 !important;
text-decoration: none !important;
}


















.jqueryslidemenu{
display: block;
width: 1020px;
margin: 0px auto;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{

color: #E9EAEB !important;
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 600;
padding: 13px 15px 16px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
outline: medium none currentColor;
line-height:48px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #2f3a47; 
}
 
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
z-index:9999;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 11px Verdana !important; 
background: #384554; 
width: 160px !important; /*width of sub menus*/
padding: 5px !important; 
height:18px !important; 
display: block;
line-height:18px !important; 
margin: 0 !important; 
border-top-width: 0 !important; 
border-bottom: 1px solid #4a5767 !important; 
border-radius:0px !important; 
padding-left:10px !important; 
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.251);
text-transform:none;
}

.jqueryslidemenu ul li ul li a:hover { 
background: #2f3a47;
color: #fff;
}

/* ######### CSS classes applied to down and right arrow images ######### */

.downarrowclass{
position: relative;
top: 0px;
right: -3px;

}

.rightarrowclass{
float:right;
position: relative;
top: 5px;
right: 5px;
}




.myslidemenu-drops a {
display: block;
background: #384554; /*background of tabs (default state)*/
color: #E9EAEB;
}



/* ===================== Уведомление о работах сайта */


#site-news-panel {
 background: url("http://margosha-tv.ru/v4/images/tools.png") repeat-x transparent;
 width:100%;
 height:40px;

} 


#site-news-cont {
 padding: 11px 0px 7px 5px;
 text-align:left;
 float:left; 
 font-family: "tahoma", "arial", "verdana", sans-serif, "Lucida Sans";
 font-size:12px; 
 font-weight:700;
 color:#fff;
 padding-left:7px;
 text-shadow: rgba(0, 0, 0, 0.298) 0px 1px 0px;
} 


#site-news-cont-img {
 background: url("http://margosha-tv.ru/v4/images/b.png") no-repeat -17px 0px;
 width:11px;
 height:9px;
 float:left;
 margin: 11px 0px 0px 7px;
} 


#site-news-cont-close {
 transition: all 0.2s cubic-bezier(0.42, 0, 1, 1) 0s; 
 background: url("http://margosha-tv.ru/v4/images/b.png") no-repeat;
 width:17px;
 height:17px;
 float:right; 
 margin: 10px 20px 0px 0px; 
 display:block; 
 opacity:0.6;
}


#site-news-cont-close:hover {
 cursor:pointer;
 opacity:1;
}





/* ===================== Форма поиска */



.poisk-h {
float:right;
padding-top:9px;
}




.search-top-field { 
background: #4c5865;
border:none;
border-radius: 4px 0px 0px 4px;
color: #a2a8ad !important;
font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
font-size: 11px;
font-weight: normal;
height: 26px;
line-height:10px;
outline: medium none currentColor;
padding-left:10px;
padding-bottom:3px;
width: 270px;
float: left;
}

.search-top-field:focus, .search-top-field:hover { 
transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
color: #E9EAEB !important;
}

.search-top-button { 
background: url("http://margosha-tv.ru/v4/images/search.png") #4c5865 5px 6px no-repeat;
border:none;

cursor: pointer;
height: 30px;
width: 28px;
border-radius: 0px 4px 4px 0px;
float: right;
}

.search-top-button:hover { 
background-position: 5px -38px;
cursor:pointer;
}




/* ===================== Горизонтальный слайдер на главной странице */



#rotator { 
background-image: url("http://margosha-tv.ru/v4/images/background.png");
background-position: 50% 50%;
background-repeat: no-repeat;
height: 360px;
margin-top: 0px;

}
 
 #container-slider {
 width: 940px;
 position: relative;
 margin: 0 auto;
 padding-top: 20px;
 }
 
 #carousel {
 width: 780px;
 margin: 0 auto;
 }
 
 #ui-carousel-next, #ui-carousel-prev {
 width: 60px;
 height: 360px;
 background: url("http://margosha-tv.ru/v4/images/arrow-left.png") center center no-repeat;
 display: block;
 position: absolute;
 top: 0;
 z-index: 100;
 transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
 }

 #ui-carousel-next {
 right: 0;
 background-image: url("http://margosha-tv.ru/v4/images/arrow-right.png");
 }

 #ui-carousel-prev {
 left: 0;
 }
 
 #ui-carousel-next > span, #ui-carousel-prev > span {
 display: none;
 }
 
 .slide {
 margin: 0;
 position: relative;
 }

.slide-smotret {
margin: 0;
position: absolute;
right:0px;
bottom:40px;


} 

.slide-smotret a {
border: 0px solid #fff;
border-radius:4px;
background: #e74c3c;
color:#fff;
text-shadow: 0px 1px 1px rgba(118, 102, 102, 0.749);
font-size: 14px;
font-weight: 600;
padding: 10px 15px 10px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;

} 

.slide-smotret a:hover {
background: #ec7063; 

}


.slide h1 { 
color: #363636;
font-size: 19px;
font-weight: 700;
line-height: 29px;
margin: 0px;
padding: 0px;
}
 
.slide p { 
color: #363636;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin: 0px;
padding-top: 10px;
text-align: justify;
}

.slide img {
border-radius:8px;
position: absolute;
bottom: 10px;
left: 0px;
width:200px;
height:300px;
opacity:0.9;
}


.slide > .text {
top: 10px;
left: 225px;
position: absolute;
}



 
 
 
#pages {
bottom: 10px;
float: left;
left: 440px;
position: relative;
width: 200px;
}
 
.bullet {
background: url("http://margosha-tv.ru/v4/images/page-off.png") center center no-repeat;
display: block;
width: 18px;
height: 18px;
margin: 0;
margin-right: 5px;
float: left; 
}
 
 
 
.ui-carousel {
 height: 100px;
 margin: 0;
 overflow: auto;
 padding: 0;
 position: relative; /*for ie7 to work e.g in html carousels*/
 width: 300px
}

.ui-carousel > .wrapper {
 margin: 0;
 padding: 0;
 width: 9999px;
}

.ui-carousel > .wrapper > * {
 border: 0;
 display: block;
 float: left;
 height: 100px;
 overflow: hidden;
 width: 100px; 
} 





/* ===================== Контент */


#wrapper { 
 background:#fff;
 width: 1020px;
 margin: 0px auto;
 min-height:600px;
 margin-bottom:20px;
 -webkit-box-shadow: 0px 1px 2px 1px #65758B;
 -moz-box-shadow: 0px 1px 2px 1px #65758B;
 box-shadow: 0px 1px 2px 1px #65758B;
}


 
 

.wrp-bg {
background: url("http://margosha-tv.ru/v4/images/bg_top.png") repeat-x #FFFFFF;
min-height:300px;
}


#content-left { 
 float: left;
 width: 760px;
}

#content-right { 
 margin-left: 780px;
 padding-left: 0px;
 padding-top: 10px;
 background: url("http://margosha-tv.ru/v4/css/cright.png") 100% 50% repeat-y #FFFFFF;
}



/* -------------------- Вид рекламы */

#content-right iframe {padding-left:10px;}

#ambn97091 {margin-top:10px;}


#trafmag_5dd37b51 {
margin-top:15px;
margin-bottom:20px;
}



.mcimage11431 img {
width:100px !important;
height:100px !important;
box-shadow: 2px 2px 4px -1px #818A95 !important;
}

.mcrc11431 {
vertical-align:top !important;
}


.mcteaser11431 { 
background: #F0F2F4;
border-bottom: 1px solid #C3CBD4 !important;
margin-bottom: 15px !important;
padding: 10px !important;
}

.mcteaser11431:hover {
background: #e0e5e9;
}

.mctitle11431 {
text-align:left !important;
margin-left: 6px !important;
display:block !important;
font-size: 11px !important;
margin-bottom: 6px !important;
color: #333333 !important;
}

.mcdesc11431 {
text-align:left !important;
font-size: 11px !important;
margin-left: 6px !important;
display:block !important;
color: #444444 !important;
}


.mctable11431 {
width: 260px !important;
}


/* -------------------- Табы горизонтальные */

ul.list li {
 list-style-type:none;
 margin-left:20px;
}



ul.tabs {
 width: 728px;
 margin-top:10px;
 margin-bottom:10px;
 overflow:hidden;
 padding-left:16px;
 padding-top:10px;

}

ul.tabs li {
 float:left;
 width:171px;
 height:36px;
 display:block;
 background: #bac4c5;
 list-style-type:none;
 margin-right:5px;
 line-height:35px;
 text-align:center;
 font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
 font-size: 16px;
 color: #fff;
 cursor:pointer;
 text-decoration: none;
 transition:all 0.2s ease-in 0s;
 -webkit-transition:all 0.2s ease-in 0s;
 -moz-transition:all 0.2s ease-in 0s;
 -ms-transition:all 0.2s ease-in 0s;
 -o-transition:all 0.2s ease-in 0s;
}


ul.tabs li:hover {
 
}


ul.tabs li.current {
 background: #384554 !important;
 color:#fff !important;
}


.tabscontent {
 padding:8px 0 0 0;
 display:none;
 width:100%;
 text-align:justify;
}


.marginbot {
 margin-bottom:15px;
}







/* -------------------- Вид материала краткий для фильмов */



.films-block { 
 background: url("http://margosha-tv.ru/v4/images/news-bg.png") repeat-x transparent;
 border-top: 1px solid #DDDDD7;
 padding-top:15px;
 margin-bottom:30px;
}


#films-poster {
 float:left; 
 height: 300px;
 width: 200px;
}


#films-poster img { 
 border-radius: 6px !important; 
 width:200px; 
 height:300px; 
 margin-left:15px; 
}


#films-preview {
 margin-left:230px; 
 min-height:300px;
}


.films-title-link {
 text-align: left;
 width: 650px;
 padding-left:15px;
}


.films-quality {
 background: #DA9595;
 border-radius: 10px;
 color: #FFFFFF;
 float: right;
 font: 700 11px/1em "Verdana", "Arial", sans-serif;
 margin-right: 15px;
 padding: 7px 10px;
 position: relative;
 text-shadow: 0px 1px 0px #817878;
 top: -18px;
}


a.title-link:hover { 
 text-decoration: underline;
}


a.title-link { 
 color: #4E5660;
 font-family: "Tahoma", "verdana", sans-serif;
 font-size: 13px;
 font-weight:700;
 text-decoration: none;
}


.orig-name {
 display:block;
 padding-left:15px;
 font-size:11px;
 font-family: "Tahoma", "verdana", sans-serif;
 color: #616970;
 margin-top:1px;
 margin-bottom:1px;
}


.news-top { 
 background: url("http://margosha-tv.ru/v4/images/header_bg_line.png") 0% 100% no-repeat transparent;
 height: 6px;
 margin-bottom: 15px;
 margin-top: 0px;
 margin-left:15px;
}

.films-description { 
 color: #0F2D41;
 display: block;
 font-family: "PT Sans", sans-serif;
 font-size: 15px;
 font-weight: 400;
 height: 244px;
 line-height: 20px;
 margin-top: 5px;
 padding-right:15px;
 overflow: hidden;
 text-align: justify;
}


#films-poster:hover a { 
 background: url("http://margosha-tv.ru/v4/images/black-alpha.png") transparent;
 border-radius: 6px;
 display: block;
 height: 100%;
 left: 15px;
 position: relative;
 top: -273px;
 width: 100%;
 z-index: 1;
}


#films-poster:hover a span { 
 background: url("http://margosha-tv.ru/v4/images/play-popular.png") no-repeat transparent;
 color: #FFFFFF;
 display: block;
 font-size: 11px;
 font-weight: 700;
 height: 112px;
 left: 44%;
 line-height: 1;
 margin: -31px 0px 0px -34px;
 position: relative;
 text-align: center;
 text-shadow: 0px 1px 0px #000000;
 text-transform: uppercase;
 top: 32%;
 width: 100px;
}


.films-rating { 
 display: block;
 height: 52px;
 margin-top: 10px;
}


.rait-kp-logo {
 left: 10px;
 position: relative;
 margin-top:10px;
}


.rait-imdblogo {
 left: 50px;
 position: relative;
 margin-top:10px;
}


.number-rait-kn {
 color: rgb(83, 182, 67);
 position: relative;
 right: -5px;
 top: -4px;
 font-weight:700;
 font-size:18px;
}


.number-rait-imbd {
 color: rgb(83, 182, 67);
 position: relative;
 right: -5px;
 top: -8px;
 font-weight:700;
 font-size:18px;
}

.info-block { 
 display:block;
 background: #F5F5F5;
 border-radius: 5px;
 margin-top: 15px;
 margin-left: 15px;
 margin-right: 15px;
 margin-bottom: 15px;
 padding: 10px;
 color: #34495E;
 font-family: "Tahoma", "verdana", sans-serif;
 font-size: 11px !important;
 font-weight: 700;
}

.films-data { 
 background: url("http://margosha-tv.ru/v4/images/date_icon.png") 0% 50% no-repeat transparent;
 font-weight: 700;
 margin-right: 15px;
 padding-left: 20px;
}


.films-reads { 
 background: url("http://margosha-tv.ru/v4/images/reads_icon.png") 0% 100% no-repeat transparent;
 font-weight: 700;
 padding-left: 20px;
}


.date-reads { 
 float: right;
}


.films-info-genre a { 
 color: #2B587A;
 text-decoration: none;
}


.films-info-genre a:hover { 
 text-decoration: underline;
}











/* -------------------- Новые серии на главной */



.new-seria-content { 
font-size: 0.9em;
margin: 0px 0px 15px;
padding: 5px 8px;
}

.new-seria-decoration { 
border-bottom: 1px solid #e6e6e6;
padding: 3px 8px;
overflow: hidden;
}

.new-seria-title { 
float: left !important;
color: #4B0609;
font-size: 12pt;
margin: 0px;
padding: 0px;
text-decoration: none;
text-transform: uppercase;
}

.new-seria-right { 
font-family: "Tahoma", "verdana", sans-serif;
float: right !important;
}

.new-seria-right a {
color:#2b587a;
font-size:12px;
font-weight:400;
text-decoration:none;
}

.new-seria-right a:hover {
text-decoration:underline;
}


.new-seria-decoration a.active { 
font-weight:700;
cursor: text;
text-decoration: none;
}



.list-item { 
font-family: "Tahoma", "verdana", sans-serif;
background: url("http://margosha-tv.ru/v4/images/hr-market.jpg") 0px 100% repeat-x transparent;
cursor: pointer;
display: block;
overflow: hidden;
padding: 0px 5px 1px;
}


.list-item a { 
color: #555555;
display: block;
height: 24px;
text-decoration: none;
font-size:13px;
padding-top:9px;
}

.list-item a:hover{ 
color: #333333 !important;
}


.list-name { 

float: left;
font-size: 12px;
font-weight: 700;
padding-left: 5px;
width: 550px;
}

.list-name img {
margin-right:7px;
position: relative;
top: 2px;
}

.list-series { 
float: right;
text-align: right;
width: 150px;
color:#4E4A46;
padding-right:7px;
}


.list-item:hover { 
background: #edf1f5;
}


.newseria-data { 
background: url("http://margosha-tv.ru/v4/images/date_icon.png") 0% 50% no-repeat transparent;
font-weight: 400;
margin-right: 3px;
padding-left: 20px;
color: #4E4A46 !important;
font-size:11px;
}






/* -------------------- Категория сериалов */



.left_blog { 
float: left;
height: 295px;
margin-right: 10px;
padding-left: 10px;
padding-top: 10px;
width: 190px;
}

.poster-blog { 
padding-left: 10px;
padding-top: 10px;
}

.poster-blog img { 
box-shadow: 2px 2px 2px 0px #818A95;
height: 263px;
width: 176px;
}

.center_blog { 
color: #000000;
float: left;
width: 545px;
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
}

.blog_title h1 { 
font-size: 16px !important;
line-height: 26px;
margin-top: 17px;
margin-bottom:10px;
color: #34495e;
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
}

.item-info td { 
color: #4D4D4D;
font-size: 12px;
height: 24px;
padding: 0px 22px 7px 0px;
vertical-align: top;
}



.item-info a.tag { 
background: #e6e6e6;
border-bottom: 1px solid #9eb0cb;
cursor: pointer;
display: inline-block;
height: 20px;
line-height: 20px;
padding-left:4px;
padding-right:4px;
text-decoration: none;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
-khtml-border-radius: 2px;
border-radius: 2px; 
}




.item-info a.tag:hover { 
background: #ebf3f7;
}

.serial-period-from-to { 
background: url("http://margosha-tv.ru/v3/images/year_s.png") 0% 50% no-repeat transparent;
display: inline-block;
height: 20px;
width: 9px;
}


.item-info span { 
color: #3D6373;
cursor: pointer;
display: inline-block;
float: left;
font-size: 12px;
height: 20px;
line-height: 20px;
text-transform: capitalize;
}

.tag-country-flag { 
background-position: 0% 0%;
background-repeat: no-repeat;
display: inline-block;
height: 11px;
margin-top:4px;
margin-right:4px;
padding: 0px;
width: 16px;
}

.left_td_item { 
width: 100px;
}





.rate0 { 
background: url("http://margosha-tv.ru/v4/images/min_rate0.png") no-repeat transparent;
height: 35px;
left: 0px;
position: relative;
top: -35px;
width: 35px;
}



.rate6 { 
background: url("http://margosha-tv.ru/v4/images/min_rate6.png") no-repeat transparent;
height: 35px;
left: 0px;
position: relative;
top: -35px;
width: 35px;
}



.rate12 { 
background: url("http://margosha-tv.ru/v4/images/min_rate12.png") no-repeat transparent;
height: 35px;
left: 0px;
position: relative;
top: -35px;
width: 35px;
}

.rate16 { 
background: url("http://margosha-tv.ru/v4/images/min_rate16.png") no-repeat transparent;
height: 35px;
left: 0px;
position: relative;
top: -35px;
width: 35px;
}


.rate18 { 
background: url("http://margosha-tv.ru/v4/images/min_rate18.png") no-repeat transparent;
height: 35px;
left: 0px;
position: relative;
top: -35px;
width: 35px;
}


.item-description { 
font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
border-top: 1px dashed #C0CAD5;
color: #4D4D4D;
display: inline-block;
font-size: 12px;
line-height: 18px;
margin: 0px 19px;
padding: 0px;
}





.blog-title-vibor h2 { 
 font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
color: #4D4D4D;
font-size: 16px;
padding-bottom: 13px;
text-align: center;
}


.vid-ser-blog { margin-top:0px; margin-left:17px; margin-bottom:10px; }

.vid-ser-blog a.slink {
background: #7B7B7B;
border: 0px solid #DED8BB;
border-radius: 2px;
color: #FFFFFF;
float: left;
font-family: "tahoma", "arial", "verdana", sans-serif, "Lucida Sans";
font-size: 13px;
font-weight: 400;
height: 30px;
line-height: 30px;
margin-bottom: 20px;
margin-left: 6px;
margin-right: 6px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0px #575C64;
transition: all 0.1s cubic-bezier(0, 0, 1, 1) 0s;
width: 80px;
}

.vid-ser-blog a.slink:hover {
background: #444444;
text-shadow: none;
}


.title-blog h3 { 
color: #3A343F;
font-family: "tahoma", "arial", "verdana", sans-serif, "Lucida Sans";
font-size: 17px;
padding-bottom: 0px;
padding-left: 19px;
padding-top: 0px;
text-align: center;
}



.blog-online-watch { 
background-color: #E8EDF2;
border-radius: 3px;
clear: both;
float: left;
margin: 15px 15px 15px;
text-align: center;
width: 727px;
}


.blog-online-watch h4 { 
color: #80858A;
font-family: "Tahoma", "Arial", sans-serif;
font-size: 13px;
font-weight: 400;
height: 25px;
line-height: 24px;
}







/* -------------------- footer */



#footer {

margin: 0px auto;
margin-top:15px;
margin-bottom:15px;
width: 1020px;

font: 0.78em/1.4 "Tahoma", "Arial", "Helvetica", sans-serif;
}

.left-footer {
float: left;
width: 945px;

}

.right-footer { 
margin-left: 945px;
padding-top: 17px;
}


.footer-title {
color: #333333;
font-size: 12px;
font-weight: 700;
text-align:center;
padding-left: 65px;
}

.copyright { 
color: #444444;
font-size: 11px;
padding-left: 65px;
padding-top: 5px;
text-align:center;
}


#counter {float:left;}
#counter a img {opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40);}
 
#counter a:hover img {opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}



/* -------------------- Вид сериала категории */

.pb_title { 
padding-left:40px;
padding-top:20px;
padding-bottom:25px;
}

.pb_title h1 { 
color: #333333;
font-family: "Calibri";
font-size: 32px;
font-weight: 100;
letter-spacing: -2px;
margin: 0px;
padding: 0px;
position: relative;
}


.pb { 
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}

.pb_desc { 
float: left;
margin-left:20px;
}

.pb_poster { 
float: left;
}

.pb_poster img { 
box-shadow: 2px 2px 2px 0px #818A95;
height: 263px;
width: 176px;
}

.pb_text_ul li span { 
text-align: left;
width:300px;
}




.pb_desc_ul { 
padding-top:30px;
float: right;
width: 539px;
}


.pb_text_ul { 

margin: 0px;
padding: 0px;
}

.pb_text_ul li { 
border-bottom: 0px dashed #C0CAD4;
color: #4D4D4D;
font-family: "tahoma", "arial", "verdana", sans-serif, "Lucida Sans";
font-size: 12px;
height: 26px;
line-height: 21px;
}


.pb_text_ul li a {
 color: #6994cd;
}

.pb_text_ul li a:hover {
 color: black;
}

.pb_short { 
background: url("http://margosha-tv.ru/v4/images/hr-market.jpg") 100% 0px repeat-x transparent;
color: #4D4D4D;
float: left;
font-family: "tahoma", "arial", "verdana", sans-serif, "Lucida Sans";
font-size: 12px;
text-align: justify;
line-height: 18px;
margin-top: 18px;
padding-bottom: 10px;
padding-top: 10px;
padding-right:10px;
}


.lfb { 
color: #444444;
display: block;
float: left;
font-weight: 700;
width: 150px !important;
}

.rfb { 
display: block;
font-weight: 400;
margin-left: 115px;
padding-left: 0px;
}

.pb-title {
position:relative;
top: 19px;
left: 220px;
}


.pb-title h1 { 
color: #3A343F;
font-family: "tahoma", "arial", "verdana", sans-serif, "Lucida Sans";
font-size: 17px;
font-weight: 400;
}








/* -------------------- fullstory blog */





.title-blog-full h1 { 
color: #3A343F;
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 15px;
padding: 0px;
text-align:center;
}

.video_player2 {
position: relative;
z-index: 1;
margin-left:20px;
margin-top:10px;
 font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
}



.title_blog_full { 
display: inline-block;
margin-bottom: 5px;
margin-top: 10px;
}

.title_blog_full h2 { 
font-size: 16px !important;
line-height: 26px;
padding-left: 20px;
color: #4D4D4D;
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
}

.bad_ser { 
float: right;
padding-right: 8px;
padding-top: 9px;
}

.bad_ser a { 

color: #fff;
font-size: 11px;
text-decoration: none;
background-color: #E74C3C;
padding: 8px 10px;
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1) 0;
}


.bad_ser a:hover { 
background-color: #ec7063;
}


.item_description { 
border-top: 1px dashed #C0CAD5;
color: #4D4D4D;
display: inline-block;
font-size: 12px;
line-height: 18px;
margin: 0px 19px;
padding: 0px;
}




.item_description2 { 
border-top: 1px dashed #C0CAD5;
color: #4D4D4D;
display: inline-block;
font-size: 12px;
line-height: 18px;
margin-left: 20px;
margin-right: 8px;
padding: 0px;
}

.item-decription.full { 
display: block;
padding-bottom: 10px;
padding-top: 10px;
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 12px;
line-height: 18px;
width:732px;
text-align: justify;
}

.best-title-comments { 
color: #224A66;
font-size: 18px;
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
padding-left: 20px;
}






.reklama {
 position:absolute;
 top:0px;
 left:0px;
 width: 732px;
 height: 390px;
 background: #000;
 color:#fff;
 z-index: 3;
 display:none;
}

.reklama2 {
 padding:0px;
 font-size:12px;
 font-weight:bold;
 color: #fff;
 height:350px;


}

.fade {
 cursor:pointer;
 position:absolute;
 top:0px;
 left: 0px;
 width:730px;
 height: 390px;
 z-index: 2;
}



.timer_player {
z-index:9999;
color: #fff; font-size:16px; font-weight:400; padding-left:20px; padding-right:20px; padding-top:10px;
text-align:center;
}

.timer_player span { font-weight:700; }

#vk_comments { margin-left:20px; margin-top:15px; }


#trafmag_5f75e401 {
margin-top:25px;
}


/* -------------------- Реклама на странице сериала */



#MarketGidComposite53821 .mctable11530 { 
padding-left:4px !important;
width: 240px !important;
}


.mcteaser11530 {

border-top: 0px solid #C3CBD4 !important;
border-right: 0px solid #C3CBD4 !important;
border-left: 0px solid #C3CBD4 !important;
border-bottom: 0px dashed #C0CAD5 !important;
margin-bottom: 15px !important;
padding: 10px !important;
background: url("http://margosha-tv.ru/v4/images/hr-market.jpg") 0px 100% repeat-x transparent;
}



.mcimage11530 img { 
box-shadow: 2px 2px 4px -1px #818A95 !important;
height: 200px !important;
width: 200px !important;
}


.mctitle11530 { 
color: #333333 !important;
display: block !important;
font-size: 12px !important;
margin-bottom: 6px !important;
margin-left: 0px !important;
text-align: center !important;
}


.mcdesc11530 { 
color: #444444 !important;
display: block !important;
font-size: 12px !important;
margin-top: 6px !important;
text-align: center !important;
}


.mcprice11530 {
display: block !important;
font-size: 13px !important;
margin-top: 6px !important;
text-align: center !important;
}


.da_adp_links {
display:none;
}


#MarketGidScriptRootC38087 { padding-left:10px !important; height:335px !important; overflow: hidden !important;}





#ambn14770 {
margin-top:10px;
}

#ambn14773 {
margin-top:20px;
}







.trafmag_table_class_1 {
margin-left: 32px;
}

a.trafmag_logo { display:none !important;}



.mcteaser162587 { 
float: left !important;
margin-bottom: 40px !important;
margin-right: 0px !important;
}


.mctable162587 { 
background: transparent !important;
display: block !important;
padding-left: 20px !important;
width: 713px !important;
}


#MarketGidComposite38087 {margin-top:20px;}

.mctitle162587 {
margin-left:5px !important;
margin-bottom: 10px !important;
padding-right: 10px !important;
display:block !important;
color: #C2ACFF !important;
font-size:14px !important;
}

.mcdesc162587 {
margin-left:5px !important;
margin-bottom: 10px !important;
padding-right: 10px !important;
display:block !important;
font-size:13px !important;
}

.mcprice162587 { 
color: #FF6600 !important;
font-size:14px !important;
font-weight: 700;
font-size:13px !important;
margin-left:5px !important;
margin-bottom: 10px !important;
display:block !important;
}

.mcteaser162587 td {
vertical-align:top !important;
}

















/* -------------------- board */



.serial_board_border { 
border-bottom: 1px dashed #c0cad4;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 1px;
padding-bottom: 20px;
display:inline-block;
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
}


.spisok_page { 
display: block;
float: left;
width: 235px;
height:157px;
}

.spisok_page a {
display:none;
background-color: #34495e;
padding-top:8px;
padding-bottom:8px;
font-size:13px;
color: #fff;
margin-top:0px;


 -webkit-border-radius: 0px 0px 6px 6px;
 -moz-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px;

-webkit-transition: 0.25s;
 -moz-transition: 0.25s;
 -o-transition: 0.25s;
 transition: 0.25s;
text-decoration:none;
}

.spisok_page a:hover { background-color: #4e6d8d;}

.spisok_page img { 
border-radius: 6px;
float: left;
height: 157px;
margin-right: 0px;
width: 235px;
}



.link_title_board {padding-bottom:6px;}

.link_title_board a {
font-size: 17px;
color: #3B3838;
margin-left:20px;
text-decoration:none;
}

.link_title_board a:hover {text-decoration:underline;}


.serial_opis { 
color: #47484C;
font-size: 12px;
height: 103px;
margin-left: 255px;
overflow: hidden;
padding-right: 10px;
text-align:justify;
line-height: 20px;
}

.smotret-online-board {float:right; padding-right: 10px; padding-top: 8px;}
.smotret-online-board a.entryReadAllLink { font-size:12px; font-weight:700; color:#333333; text-decoration:none;}
.smotret-online-board a.entryReadAllLink:hover {text-decoration:underline;}



.season-seria {
background: url("http://margosha-tv.ru/v4/images/locker_bg7.png") transparent;
border-radius: 0px 0px 6px 6px;
bottom: 30px;
color: #FFFFFF;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 30px;
position: relative;
width: 235px;
text-align:center;
line-height: 30px;
text-shadow: 0px 1px 0px #090B0C;
}




/* -------------------- Страницы сайта */


.text-pravoobladateli {
font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
color: #464B4E;
display:inline-block;
margin:20px;
line-height:22px;
}


.title-pravoobladateli h1 {
color: #694E7D;
font-size: 20px;
font-weight: 600;
padding-top: 15px;
text-align: center;
}




.body-index-page {
font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
color: #464B4E;
display:inline-block;
margin-left:20px;
margin-top:10px;
margin-bottom:20px;
margin-right:20px;
}

.body-index-page b { display:block; margin-top:25px; color:#3F2C2C; padding-bottom:7px; font-size:14px;}

.body-index-page p {padding-left:20px; font-size:14px; line-height:20px;}

.body-index-page p b {
font-size: 13px;
margin-top: 0px !important;
padding-bottom: 0px !important;
}

.body-index-page a { 
font-weight:400;
color: #2B587A;
cursor: pointer;
text-decoration: none;
border-bottom: 1px dashed #A7B7C9;
}

.body-index-page a:hover { 
border-bottom: 1px solid #A7B7C9;
}








.title-tehpod {
color: #694E7D;
font-size: 20px;
padding-left: 20px;
padding-top: 15px;
text-align: center;
font-weight:600;
}

.title-valid-email {
padding-top:10px;
padding-bottom: 25px;
color: #000;
font-size:16px;
text-align: center;
}

.forma-obratnoy-sv {
width:606px;
margin: 0 auto;
}


.forma-obratnoy-sv input[type="text"] { 
border: 2px solid #DCE4EC;
border-radius: 6px;
box-shadow: none;
color: #34495E;
font-family: "Lato", sans-serif;
font-size: 14px;
padding: 8px 0px 9px 10px;
text-indent: 1px;
transition: border 0.2s cubic-bezier(0, 0, 1, 1) 0s, box-shadow 0.2s cubic-bezier(0, 0, 1, 1) 0s;
width: 440px !important;
}


.forma-obratnoy-sv input[type="text"]:focus { 
border-bottom-color: #1ABC9C;
border-left-color: #1ABC9C;
border-right-color: #1ABC9C;
border-top-color: #1ABC9C;
box-shadow: none;
outline: medium none currentColor;
}



.forma-obratnoy-sv textarea:focus { 
border-bottom-color: #1ABC9C;
border-left-color: #1ABC9C;
border-right-color: #1ABC9C;
border-top-color: #1ABC9C;
box-shadow: none;
outline: medium none currentColor;
}

.forma-obratnoy-sv textarea { 
border: 2px solid #DCE4EC;
border-radius: 6px;
font-family: "tahoma", "arial", "verdana", sans-serif, "Lucida Sans";
font-size: 12px;
height: 180px !important;
line-height: 18px;
padding: 8px 0px 9px 10px;
resize: none !important;
text-indent: 1px;
transition: border 0.2s cubic-bezier(0, 0, 1, 1) 0s, box-shadow 0.2s cubic-bezier(0, 0, 1, 1) 0s;
width: 440px !important;
}





.forma-obratnoy-sv td { 
color: #4C4C4C;
font-size: 14px !important;
line-height: 35px;
padding-bottom: 10px;
vertical-align:top;
}


.forma-obratnoy-sv td img { 
padding-top:10px !important;

}





.button-obratnaya:focus { 
background: #1ABC9C;
color: #FFFFFF !important;
outline: medium none currentColor;
}


.button-obratnaya:hover { 
background: #1ABC9C;
}


.button-obratnaya { 
position:relative;
top:-58px;
background-color: #4E4A63;
border: medium none currentColor;
border-radius: 4px;
color: #FFFFFF !important;
cursor: pointer;
float: right;
font-size: 15px;
font-weight: 400 !important;
list-style-type: none;

padding: 12px 60px;
text-decoration: none;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.196);
transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}








.b-seo-text { 
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
color: #5B5B5B;
font-size: 12px;
line-height: 20px;
padding-bottom:20px;
border-top: 1px solid #E1E2E4;
margin: 60px 20px 30px;
padding-top:18px;
}



.online-users { 
color: #3B3838;
font-size: 14px;
margin-bottom: 20px;
margin-top: 10px;
text-align: center;
}


.online-users span { 
display: block;
font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
font-size: 13px;
padding-top: 7px;
}

.online-users span a { 
color: #2B587A;
text-decoration:none;
}

.online-users span a:hover { 
text-decoration:underline;
}




.pagesBlockuz2 { 
display: block;
margin: 0px auto;
font-family: "Tahoma", "verdana", sans-serif;
font-size:15px;
color: #2B587A;
}


.pagesBlockuz2 a { 
color: #2B587A;
cursor: pointer;
padding-left: 2px;
padding-right: 2px;
text-decoration: none;
}

.pagesBlockuz2 a:hover { 
text-decoration: underline;
}





.searchform input[type="submit"]:hover { 
background: #1ABC9C;
}


.searchform input[type="submit"]:focus { 
background: #1ABC9C;
color: #FFFFFF !important;
outline: medium none currentColor;
}

.searchform input[type="submit"] { 
background-color: #4E4A63;
border: medium none currentColor;
border-radius: 4px;
color: #FFFFFF !important;
cursor: pointer;
font-size: 15px;
font-weight: 400 !important;
list-style-type: none;
padding: 8px 18px;
margin-left:5px;
text-decoration: none;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.196);
transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}










.searchform {
margin-left:30px;
margin-top:20px;
}

.searchform input[type="text"]:focus { 
border-bottom-color: #1ABC9C;
border-left-color: #1ABC9C;
border-right-color: #1ABC9C;
border-top-color: #1ABC9C;
box-shadow: none;
outline: medium none currentColor;
}


.searchform input[type="text"] { 
border: 2px solid #DCE4EC;
border-radius: 6px;
box-shadow: none;
color: #34495E;
font-family: "Lato", sans-serif;
font-size: 14px;
padding: 8px 0px 9px 10px;
text-indent: 1px;
transition: border 0.2s cubic-bezier(0, 0, 1, 1) 0s, box-shadow 0.2s cubic-bezier(0, 0, 1, 1) 0s;
width: 440px !important;
}




.vid-rezyltata-poiska {
margin-left:32px;
margin-top:20px;
}

.vid-rezyltata-poiska a {
font-size: 16px;
color:#000;
display:inline-block;
padding-bottom:15px;
text-decoration:underline;
}

.vid-rezyltata-poiska a:hover {
text-decoration:none;
}



.zakaz-serial { 
background: url("http://margosha-tv.ru/v4/images/zakaz-serial.png") 0px 0px no-repeat transparent;
height: 230px;
margin: -115px 0px 0px;
opacity: 0.9;
position: fixed;
right: 0px;
text-decoration: none;
top: 50%;
width: 26px;
z-index: 9999;
}


.zakaz-serial:hover { 
opacity: 1;
}










.readblog {
float:right;
font-weight:400;
text-transform: none;
}
.intr { 
background: #F7F7F7;
border-bottom: 1px solid #D4D4D4;
border-top: 1px solid #D4D4D4;
height: 41px;
overflow: hidden;
padding: 0px 20px;
color:#555e6b;
font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
font-size:12px;
font-weight:700;
text-transform: uppercase;
}

.intr a {
color:#555e6b;
font-weight:700;
line-height:41px;
text-decoration:none;
text-transform: uppercase;
}


.intr a:hover {
color:#333333;
text-decoration:underline;

}


.bn_e82a9a39ab_table { 
background: none !important;
border-spacing: 1px !important;
table-layout: auto;
width: 700px !important;
margin:0 auto;
}

.recreativ-link {display:none;}

.lenta { 
float: left;
position: relative;
top: 10px;
z-index: 2;
}


.edge-left { 
border-bottom: 10px solid #8A212E;
border-right: 10px solid rgba(255, 255, 255, 0);
border-left: 10px solid #8A212E;
border-top: 10px solid #8A212E;
float: right;
height: 0px;
position: relative;
width: 0px;
}

.cont { 
background: #8A212E;
color: #FFFFFF;
float: left;
height: 19px;
padding-left: 7px;
padding-top: 1px;
font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
font-size:12px;
}











.top-serial-bg {
background: url("http://margosha-tv.ru/v4/images/top-serial/bg_top_serial.jpg") transparent;
}

 .wrapper-top-serial {
 width: 940px;
 margin: 0px auto;
 text-align:center;
 font: 0.88em/1.29 "Open Sans", sans-serif;
 }
 
 
 .wrapper-top-serial h1 {
 color: #3A343F;
font-size: 22px;
font-weight: 600;
margin-bottom: 0px;
padding-top: 15px;
text-align: center;
} 
 #carousel {
 margin: 0px 0px 0px;
 width: 943px;
 position:relative;
 }
 #carousel ul {
 margin: 0;
 padding: 0;
 list-style: none;
 display: block;
 height: 290px !important;
 overflow: hidden !important;
 
 }
 #carousel li {
 font-size: 40px;
 color: #999;
 text-align: center;
 height: 263px;
 width: 176px;
 padding: 0;
 margin: 6px;
 display: block;
 float: left;
 position:relative;
 }

 #carousel li img {
 box-shadow: 2px 2px 2px 0px #818A95;
 height: 263px;
 width: 176px;
 margin-top:14px;
 }
 
 #carousel li a {
 height: 263px;
 width: 176px;
 position:absolute;
 display:block;
 z-index:2;
 top:14px;
 
 
 text-indent:-999em;
 } 

 .clearfix {
 float: none;
 clear: both;
 }
 
 #carousel .prev, #carousel .next {
 margin-left: 10px;
 width:15px;
 height:21px; 
 display:block; 
 text-indent:-999em;
 background: transparent url('http://margosha-tv.ru/v4/images/top-serial/carousel_control.png') no-repeat 0 0;
 position:absolute;
 top:135px; 
 }
 #carousel .prev {
 background-position:0 0;
 left:-33px;
 opacity: 0.8;
 }
 #carousel .prev:hover {
 left:-33px;
 opacity: 1;
 } 
 #carousel .next {
 background-position: -18px 0;
 right:-23px;
 opacity: 0.8;
 }
 #carousel .next:hover {
 right:-23px;
 opacity: 1;
 } 
 #carousel .pager {
 margin:0 auto;
 text-align: center;
 padding-bottom:10px;
 }
 #carousel .pager a {
 margin: 0 5px 0 0;
 text-decoration: none;
 display:inline-block;
 width:8px;
 height:8px;
 background: transparent url('http://margosha-tv.ru/v4/images/top-serial/carousel_control.png') no-repeat -2px -32px;
 text-indent:-999em;
 }
 #carousel .pager a.selected {
 text-decoration: underline;
 background: transparent url('http://margosha-tv.ru/v4/images/top-serial/carousel_control.png') no-repeat -12px -32px; 
 }








/* -------------------- Вид сезонов */


#season_menu { 
font-family: "tahoma", "arial", "verdana", sans-serif, "Lucida Sans";
height: 36px;
}

.season-panel {
 line-height:32px;
 float:left;
}

.season-panel li {
 float:left;
}

.season-panel li a {
background: url("http://margosha-tv.ru/v4/images/season_panel.png") 0px 0px repeat-x #356FAC;
border-bottom: 1px solid #173d64;
border-top: 1px solid #173d64;
border-left: 0px none currentColor;

border-right: 1px solid #173d64;

cursor: pointer;
float: left;
height: 34px;
font-size:12px;
color:#fff;
font-weight:bold;
text-align: center;
width: 90px;
text-decoration:none;
}

.season-panel li a:hover {
background: url("http://margosha-tv.ru/v4/images/season_panel.png") 0px -80px repeat-x #356FAC;
color: #FFFFFF;
text-decoration: none; 
}

.seasons ul li.bd-left { 
border-left: 1px solid #173d64;
}

.season-panel li a.active {
background: url("http://margosha-tv.ru/v4/images/season_panel.png") 0px -159px repeat-x #ff8500;
cursor: default;
color:#fff;
}

.seasons {
display: inline-block;
padding-left: 20px;
padding-bottom: 10px;
padding-top: 30px;
}

/*
playback timings (ms):
  LoadShardBlock: 229.554 (3)
  esindex: 0.009
  captures_list: 302.684
  CDXLines.iter: 16.342 (3)
  PetaboxLoader3.datanode: 176.911 (4)
  exclusion.robots.fetch: 46.492 (2)
  exclusion.robots: 47.403
  exclusion.robots.policy: 0.5
  RedisCDXSource: 2.959
  PetaboxLoader3.resolve: 1123.435
  load_resource: 1166.855
*/