.videoCenter {padding-bottom: 40px;}

/* Video List Scroller */
.videoMediaList ul {width: 90%; margin: 0 auto; float: left; background: #fff; border: 0;}
.videoMediaList .listMoverBack {cursor: pointer; position: absolute; top: 0; left: 0; z-index: 20; background: #fff; width: 50px; height: 100%;}
.videoMediaList .listMoverForward {cursor: pointer; position: absolute; top: 0; right: 0; z-index: 20; background: #fff; width: 50px; height: 100%;}
.videoMediaList .listMoverBack .listMoverBackInner {display: block; position: absolute; top: 85px; left: 5px; width: 18px; height: 18px; background: url("/professional-wGlobal/wGlobal/layout/images/backgrounds/arrows.png") 0 0 no-repeat;}
.videoMediaList .listMoverForward .listMoverForwardInner{display: block; position: absolute; top: 85px; right: 5px; width: 18px; height: 18px; background: url("/professional-wGlobal/wGlobal/layout/images/backgrounds/arrows.png") 0 -23px no-repeat;}
.videoMediaList ul li img.thumbnail {width: 165px;}
.videoMediaList ul li.listEntry {width: 165px; float: left; color: #666; font-size: 14px; max-height: 175px; border: 0; margin: 0;}
.videoMediaList ul li a {color: #666;}
.videoMediaList ul li strong {font-weight: normal;}

.videoMediaList ul li.listEntryClickable,
.videoMediaList ul li.listEntryInnerClickable {background: #fff;  padding: 10px;}

.videoMediaList ul li.listEntryClickableOver,
.videoMediaList ul li.listEntryInnerClickableOver {
padding: 10px;
color: #fff;
background: #0059b3; /* Old browsers */
background: -moz-linear-gradient(top,  #0059b3 0%, #002764 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0059b3), color-stop(100%,#002764)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0059b3 0%,#002764 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0059b3 0%,#002764 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0059b3 0%,#002764 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0059b3 0%,#002764 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0059b3', endColorstr='#002764',GradientType=0 ); /* IE6-9 */
}
.videoMediaList ul li.listEntryClickable:hover a,
.videoMediaList ul li.listEntryInnerClickable:hover a {
color: #fff;
}

.videoMediaList ul li div.videoBox {position: relative;}
.videoMediaList ul li div.videoBox span.duration {position: absolute; bottom: 5px; right: 0; display: block; background: #000; color: #fff; font-size: 12px; padding: 0px 4px;}

/* Big Screen with Video Details */
.videoCenter #showMediaContainer {max-height: 375px; overflow: hidden;}
.videoCenter #showMediaContainer ul,
.videoCenter #showMediaContainer ul li {margin:0; padding: 0; list-style: none;}
.videoCenter #showMediaContainer ul li {display: inline; cursor: auto;}
.videoCenter #showMediaContainer img {min-width: 100%; max-width: 100%;}


.videoCenter #showMediaContainer .bigVideoBox {position: relative; min-height: 375px;}
.videoCenter #showMediaContainer .bigVideoBox .overlayDetail {
font-size: 14px;
position: absolute; top: 50%; left: 50%;
background: url(/professional-wGlobal/wGlobal/layout/images/backgrounds/video-overlay.png) no-repeat;
padding: 10px 10px 10px 140px;
height: 130px; width: 330px;
margin: -65px 0 0 -240px;
color: #fff;
cursor: pointer;
}

.videoCenter #showMediaContainer li div.bigVideoBox  {display: none;}
.videoCenter #showMediaContainer li.active div.bigVideoBox  {display: block;}

.videoCenter #showMediaContainer .bigVideoBox .overlayDetail h2 {color: #fff; font-weight: bold; font-size: 16px; margin: 0;}
.videoCenter #showMediaContainer .bigVideoBox .overlayDetail a {color: #fff;}
.videoCenter #showMediaContainer .bigVideoBox .overlayDetail a span.duration {color: #666; font-size: 12px; }

.scrollable {position:relative; overflow:hidden;}
.scrollable .items {
    position:relative;
    width:20000em;
    margin: 0 52px 0 52px;
}
.scrollable .disabled div {opacity: .5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);}

/* Wide Template */
#blockContentFull .videoCenter #showMediaContainer,
#blockContentFull .videoCenter #showMediaContainer {min-height: 550px; max-height: 550px;}

#blockContentFull .scrollable .items { margin: 0 30px 0 30px; }
#blockContentFull .videoMediaList .listMoverBack {width: 30px;}
#blockContentFull .videoMediaList .listMoverForward {width: 30px;}

#blockContentFullRight .videoCenter #showMediaContainer,
#blockContentFullRight .videoCenter #showMediaContainer {min-height: 510px; max-height: 510px; }
    /* Reset #blockContentFullInner and #blockContent to fit full width */
    #blockContent {margin-left: 0; margin-right: 0; width: 660px;}
    #blockContentFullRightInner,
    #blockContentFullLeftInner {margin-left: 0; margin-right: 0;}
    #blockContentFullInner {margin: 0;}
    
/* Video List in Content Slider */
#contentSlider .videoCenter #showMediaContainer .bigVideoBox {
height: 283px;
}

#contentSlider .videoCenter #showMediaContainer .bigVideoBox .overlayDetail {
    position: absolute;
    top: 70px; 
    left: 50%;
    z-index: 30;
    background: url(/professional-wGlobal/wGlobal/layout/images/backgrounds/video-play.png) no-repeat;
    padding: 0;
    height: 80px; width: 80px;
    margin: 0 0 0 -40px;
    cursor: pointer;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari 1.x */
    -khtml-opacity: 0.8;
    /* Good browsers */
    opacity: 0.8;
}

.blackOverlay20 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: #000;
      /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    /* IE 5-7 */
    filter: alpha(opacity=20);
    /* Netscape */
    -moz-opacity: 0.2;
    /* Safari 1.x */
    -khtml-opacity: 0.2;
    /* Good browsers */
    opacity: 0.2;    
}

#contentSlider .videoCenter #showMediaContainer .bigVideoBox .overlayDetail span.title { display: none;}
#contentSlider .videoMediaList .listDefault {width: 700px; overflow: hidden; height: 50px;}
#contentSlider .videoMediaList {z-index: 30; background: none; position: absolute; bottom: 33px; left: 0;}
#contentSlider .videoMediaList ul li img.thumbnail {width: 100px; height: 50px; float: left;}
#contentSlider .videoMediaList ul li .title {display: block; float: left; padding: 5px; width: 90px;}
#contentSlider .videoMediaList ul li a {color: #fff;}
#contentSlider .videoMediaList ul {background: none;}
#contentSlider .videoMediaList ul li.listEntryClickable,
#contentSlider .videoMediaList ul li.listEntryInnerClickable {
    line-height: normal; font-size: 12px; background: #00447b; margin-right: 10px; padding: 0; width: 200px;  height: 50px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
   opacity: 0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);
}


#contentSlider .videoCenter #showMediaContainer .bigVideoBox .overlayDetailOver,
#contentSlider .videoMediaList ul li.listEntryInnerClickableOver {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
   opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);
}

/* Hoverscroll */
#contentSlider div.hoverscroll {position:relative;}
div.hoverscroll div.listcontainer {overflow:hidden;}
div.hoverscroll div.fixed-listcontainer {   overflow: hidden;   float: left;}
div.hoverscroll ul.list {list-style:none;margin:0;	padding:0;}
div.hoverscroll ul.list li.item {display:block;	padding:0;}
div.hoverscroll.horizontal ul.list li.item {float:left;}
div.hoverscroll.horizontal.rtl ul.list li.item {float: right;}