
#videobody {overflow:hidden;padding:0px;width:950px;margin-left:auto; display:inline}
#videobody #videoCenterColumn{width:950px;} 
#videobody #videoContent{margin-right:0px;}
#videobody .column-in{background-color:none;}

#videolowerpanel {margin: 0px 0px 0px 3px}
#videolowerpanel #videoLeftColumn{position:relative;background-color:#e9e9e9; float:left;width:150px;margin-top: 10px; padding:2px}

#videoleftColumn{z-index:1}
#videoCenterColumn{z-index:2}
#playerPanelLeft{z-index:3}
#playerPanelRight{z-index:4}

#videoContent{padding:10px;margin-left:0px;margin-right:0px;padding-bottom:10px}
#videoCenterColumn .column-in{padding:0px;margin-left:0px;margin-right:0px;}
#videoLeftColumn {background-color:#e9e9e9; margin: 0px;padding-left:5px;list-style-type: none; padding-bottom:10px; height:331px}

#videoPlayerPanel {padding:0px; margin:0px}
#videoPlayerPanel #playerPanelLeft {padding:1px; float:left;width:550px;}
#videoPlayerPanel #playerPanelRight {position:relative; float:right;width:370px;}
#videoPlayerPanel #playerPanelLeft #playerPanelLeftText #playerPanelLeftContent {padding: 3px 5px 3px 5px; height: 135px; overflow:auto; z-index:0}
#videoPlayerPanel #playerPanelLeft #playerPanelLeftText #playerPanelLeftContentShort {padding: 3px 5px 3px 5px; height: 135px; overflow:auto; z-index:10}

#floatTeaserImageLeft {float:left;margin:0px;padding-right:10px;height:63px;width:112px}
#floatTeaserTextRight {float:right;width:215px;margin:0px;}

#player {vertical-align:top;margin:0px;padding:0px 3px 0px 3px;overflow:hidden;}

#thumbVideoPanel {float:right;width:763px;background-color:#e9e9e9; height:300px;overflow:auto; padding:5px; margin:35px 0px 10px 0px;}
#thumbVideoPanel #thumbnail {width: 160px;margin: 5px 6px 5px 4px;padding: 5px;height:143px;overflow:hidden;}	
#thumbVideoPanel #thumbnail:hover {background-color:#EEF3F8;}
#thumbVideoPanel .thumbSelected {background-color:#D4E0EC;float: left;}
#thumbVideoPanel .thumbNotSelected {background-color:#e9e9e9;float: left;}

/*************************************************************************************************************/

/* BOXES */

.box{border:1px solid #628ABD;background-color:white;font-size:11px;padding-left:0px;padding-right:0px;height:250px;}
.box h6{color:white;font-size:12px;background-color:#628ABD;margin:0px 0px 0px 0px;padding:4px 6px 5px 6px;}
.box .innerBox{height:227px;overflow:auto;padding-left:5px;padding-right:5px;}

.boxAbout{background-color:#e9e9e9; overflow:auto; font-size:11px;padding:0px;height:312px;border-bottom-width: 1px;border-bottom-style:solid;border-bottom-color:#cccccc;border-left-width:1px;border-left-style:solid;border-left-color:#cccccc;}
.boxAbout .innerBox{padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#cccccc;}
.boxAbout .innerBox:hover{background-color:#EEF3F8;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#cccccc;}
.boxAbout .innerBoxSelected{background-color:#E3EFFD;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#cccccc;}
.boxAbout .innerBoxSelected:hover{background-color:#EEF3F8;padding-left:5px;padding-right:5px;padding-top:10px;padding-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#cccccc;}


/*************************************************************************************************************/


#videoLeftColumn h1{color:#cc0000; font-size:14px; height:20px; padding:5px 5px 3px 10px; background-color:#e9e9e9; }
#playerPanelRight h1{color:white;height:15px; padding:5px 5px 5px 10px; font-size:14px; background-color:#084a94; margin: 0px}


.videoLeftCategory {width:150px; background-color:#e9e9e9; margin-left: -2px;padding:10px 0px 10px 0px; border-bottom-width: 1px;border-bottom-style:solid;border-bottom-color:#cccccc;}
.videoLeftCategory a{ display:block; width:135px; height:text-decoration: none; color:#084a94; margin-top:0;padding:3px 5px 1px 10px;border-right:1px;font-weight:bold;}
.videoLeftCategory a:hover{color:#333333; background-color:#c7c7c7;}
.videoLeftCategory:hover{color:#333333; background-color:#c7c7c7;}

.videoLeftCategorySelected {width:150px; background-color:#c7c7c7; margin-left: -2px; padding:10px 0px 10px 0px; border-bottom-width: 1px;border-bottom-style:solid;border-bottom-color:#cccccc;}
.videoLeftCategorySelected a{ display:block; width:135px; height:text-decoration: none; color:#252525 !important; background-color:#c7c7c7; margin-top:0;padding:3px 5px 1px 10px;border-right:1px;font-weight:bold;}
.videoLeftCategorySelected a:hover{color:#333333; background-color:#c7c7c7;}

#videoLeftColumn hr { border: 0px; color: #9E9E9E; background-color: #9E9E9E; height: 1px; width: 90%; margin:0px; padding:0px}

#playerPanelLeft h4{color:black;font-size:13px;font-family:"Verdana"}
#playerPanelLeft h5{color:#666666;font-size:12px;font-family:"Verdana"; margin:0px 0px 0px 5px;}

#floatTeaserTextRight h4{font-size:11px;font-weight: bold;margin: 5px 0px 5px 0px;}
#floatTeaserTextRight h5{color:#666666;font-size:11x;}

#floatTeaserTextRight a.rightTeaserHref{font-family:"Verdana;";color:#084a94;font-size:11px;font-weight: bold;margin: 5px 0px 5px 0px;}
#floatTeaserTextRight a.rightTeaserHref:link{font-family:"Verdana";color:#084a94;font-size:11px;font-weight: bold;margin: 5px 0px 5px 0px;}
#floatTeaserTextRight a.rightTeaserHref:visited{font-family:"Verdana";color:#084a94;font-size:11px;font-weight: bold;margin: 5px 0px 5px 0px;}
#floatTeaserTextRight a.rightTeaserHref:hover{font-family:"Verdana";color:#084a94;font-size:11px;font-weight: bold;margin: 5px 0px 5px 0px;}
.rightTeaserPara{font-family:"Verdana";color:#666666;font-size:11x;margin: 5px 0px 5px 0px;}

#videoSummary {border:1px solid #999999; background-color:#e9e9e9; padding:5px;}
#videoSummary hr { border: 0px; color: #999999; background-color: #999999; height: 1px; margin-top:20px; margin-bottom:20px; }

#summarythumbnail {width: 135px;margin: 5px 6px 5px 4px;padding: 5px;height:123px;overflow:hidden;}	
#summarythumbnail:hover {background-color:#EEF3F8;}
.thumbSelected {background-color:#D4E0EC;float: left;}
.thumbNotSelected {background-color:#e9e9e9;float: left;}

.playerBlockTime {float:right; color:#666666; font-family:"Verdana"; font-size:12px; margin: 0px 0px 5px 5px;}
.playerBlockDate {float:left; color:#666666; font-family:"Verdana"; font-size:12px; margin: 0px 0px 5px 0px;}


.header6{color:#084a94;font-size:10px;margin: 5px 3px 5px 3px;}
.header7{color:#666666;font-size:10px;margin: 5px 3px 5px 0px;}
.header8{color:#084a94;font-weight:bold;font-size:11px;margin: 5px 0px 5px 0px;}

.thumbPlayingSmall {
     width: 112px;
     height: 63px;
     background:url(/images/playing_small.png) no-repeat;
     top:0;
     left:0;
     position: absolute;
     visibility: hidden;
}

.thumbPlayingLarge {
     width: 155px;
     height: 87px;
     background:url(/images/playing_large.png) no-repeat;
     top:0;
     left:0;
     position: absolute;
     visibility: hidden;
}


/* ROUNDED CORNERS ON BOXES */
.tl, 
.tr {display:block;height:9px;position:absolute;width:9px;}
.tl {background:transparent url(/images/white_corner.png) repeat scroll left top;left:0;top:0;}
.tr {background:transparent url(/images/white_corner.png) repeat scroll right top;right:0;top:0;}

.tl2, 
.tr2 {display:block;height:9px;position:absolute;width:9px;}
.tl2 {background:transparent url(/images/white_corner.png) repeat scroll left top;left:0;top:141px;}
.tr2 {background:transparent url(/images/white_corner.png) repeat scroll right top;right:0;top:141px;}
/* ROUNDED CORNERS ON BOXES */

/* IN THE RARE CASE IE6 IS USED (USERS HOME COMPUTER, REMOTE CONNECTION) MAKE THIS DESIGN FAIL MORE GRACEFULLY */
* html .box .tl, * html .box .tr {background:none;}
* html .tl,* html .tr {display:none !important;}


















