html {  overflow-y: auto !important; background-color:#333; 
font-family:arial, helvetica, sans-serif;}
table.videos { width:1108px; color:#fff; /*border-top:1px solid #555;  padding:0;*/}
table.videos td#latest,table.videos td#related{ text-align:left; vertical-align:top;}
table.videos td#latest h2, table.videos td#related h2{ text-indent:20px; font-size:1.3em; font-weight:normal; }
table.videos td#latest ul, table.videos td#related ul{ list-style:none; }
table.videos td#latest ul li,
table.videos td#related ul li{ vertical-align:top; float:left; width: 320px; text-align:center; padding:0 0 20px 0; margin:0;}
table.videos td#related ul li a img{border:0;}
table.videos td#related ul li h4{ width: 300px; }
table.videos td#latest a,
table.videos td#related a{
  color:white; font-weight:normal;
}

div#media { padding:2px 0 20px 0; width:100%; text-align:center}
div#media h1{color:white; font-size:20px; }


#media .header{width:1108px; margin-bottom:15px;}
.header td{text-align:left}
td.social{width:70px}
.header td.title {border-top:1px solid #ccc; padding:0; margin:0}
.description{/*display:none;*/ color:white; font-size:0.9em}
.header a img{border:0}

td.logo a{text-decoration:none}
td.logo a span{color:#fff; font-size:1.7em; text-decoration:none; padding:0 120px 0 10px; top:30px; position:absolute; height:60px;}
td.logo{ vertical-align:middle;}

table.related a,
div.noUpdate a,
div.noUpdate {
    color:white;
    font-size:1.2em;
}
div.noUpdate a { font-size:1em; }

table.social_networks{width:1050px; text-align:center;padding:10px}
table.social_networks td{width:140px; float:left; text-align:left; margin-left:-37px}

#colorbox h3 { color:white; font-size:1.4em;
  position:absolute; margin:0 0 0 10px; font-weight:normal;
  z-index:9999;background:transparent; }
#colorbox h4 {color:white; padding:0;}
#colorbox div.related a {}



/*
    ColorBox Core Style
    The following rules are the styles that are consistent between themes.
    Avoid changing this area to maintain compatibility with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9997; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{background:#333}
    #cboxTopLeft{width:4px; height:4px; background:url(/img/colorbox/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:4px; background:url(/img/colorbox/border.png) top left repeat-x;}
    #cboxTopRight{width:4px; height:4px; background:url(/img/colorbox/controls.png) -41px 0 no-repeat;}
    #cboxBottomLeft{width:4px; height:4px; background:url(/img/colorbox/controls.png) 0 -66px no-repeat;}
    #cboxBottomCenter{height:4px; background:url(/img/colorbox/border.png) 0px -67px repeat-x;}
    #cboxBottomRight{width:4px; height:4px; background:url(/img/colorbox/controls.png) -41px -66px no-repeat;}
    #cboxMiddleLeft{width:4px; background:url(/img/colorbox/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:4px; background:url(/img/colorbox/controls.png) -216px 0 repeat-y;}
    #cboxContent{background:#333; }
    #cboxLoadedContent{margin-bottom:5px;}
    #cboxLoadingOverlay{background:url(/img/colorbox/loading_background.png) center center no-repeat;}
    #cboxLoadingGraphic{background:url(/img/colorbox/loading.gif) center center no-repeat;}
    #cboxTitle{position:absolute; top:0px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C; 
       background-color:#555;
       height:30px; /*background:url(/img/colorbox/border.png) left -32px repeat-x;*/
    }
    #cboxCurrent{position:absolute; top:6px; left:60px; font-weight:bold; color:#fff; font-size:1.1em;}
        
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; top:3px; background:url(/img/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
    #cboxPrevious{left:0px; background-position: -51px -25px;}
    #cboxPrevious.hover{background-position:-51px 0px;}
    #cboxNext{left:27px;top:3px; background-position:-75px -25px;}
    #cboxNext.hover{background-position:-75px 0px;}
    #cboxClose{right:4px; background-position:-100px -25px;}
    #cboxClose.hover{background-position:-100px 0px;}

    .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
    .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
    .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
    .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
    
    #media{width:1280px}
    #toc{
        background-image:url("/img/toc.png");
        background-repeat:no-repeat;
        width:1280px; height:50px;
        font-size:0.8em;
        padding-top:25px;
        display:inline-block;
        background-position:98.5% 0;
        
        border:1px dashed red;
    }
    #toc span{margin-right:20px;
            float:right;
            width:145px;
            border:1px dashed green;
    }

#media .toc_info{
    display: block;
    z-index: 999;
    position: relative;
    margin-left:1070px;
    margin-top: -24px;
}

.toc_info .bt_close_toc{
    background-image:url("/img/bb_video_close.png");
    background-repeat:no-repeat;
    width:13px; 
    height:13px;
    position:absolute;
    margin:12px 5px 0 152px;
    cursor:pointer;
}

.bt_close_toc:hover{
   background-image:url("/img/bb_video_close_hover.png");
}