body { background: url("/Global/Templates/sites/videos/images/IDBHeader_bg.png") repeat-x scroll 0 0 transparent; }
#templateTopBar { display:none; }

/* Video Description */
#videoPlayerBox { overflow:hidden; margin-top:14px; height:360px; }
#videoPlayerBox .videoNotFound { width: 600px; height: 320px; background: url(/global/customtags/videoplayer/background.png) repeat-x; padding:20px; }
#videoPlayerBox h2 { color:#fff; text-align:center; font-size:2.2em; margin-top:100px; }
#videoPlayer { float:left; width:640px; padding-right:9px; }
#videoDesc { float:left; width:274px; padding-left:9px; color:#FFFFFF; height:360px; overflow:auto; }
#videoDesc h1 { color:#FFF; }
#videoDesc ul { margin-left:0px; overflow:hidden; }
#videoDesc ul li { list-style:none;  padding-bottom:6px; color:#ccc; position:relative; overflow:hidden; }
#videoDesc ul li a { text-decoration:none; color:#FFFFFF; display:block; overflow:hidden; }
#videoDesc ul li a:hover { color:#ccc; }
#videoDesc ul li img { padding:0px; border:solid 2px #fff; margin-right:8px; float:left; height:45px; padding-bottom:1px; }
#videoDesc ul li a img { padding:2px; border:0px; }
#videoDesc ul li .videoLength { background-color: #333333; color: #FFFFFF; padding: 0 4px; position: absolute; top:32px; font-size:0.8em; margin-left:2px; }
#videoDesc ul li a .videoLength { top:32px; }

a.share { float:right; padding:4px 12px; margin-top:4px; cursor:pointer; color:#FFFFFF; border: 1px #FFFFFF solid; font-weight:bold; text-decoration:none; }
a.share:hover { background-color:#fff; color:#000; }

a.embed { width:100px; padding:4px 12px; margin-top:4px; cursor:pointer; color:#666666; border: 1px #666666 solid; font-weight:bold; text-decoration:none; }
a.embed:hover { background-color:#666666; color:#FFFFFF; }

/* Highlights box */
#videoHighlights { height:137px; overflow:auto; background:url("/Global/Templates/sites/videos/images/highlightsBG.png") repeat-x; margin-top:10px; }
#videoHighligthsContainer { width:1550px;overflow:hidden; }
#videoHighlights a.videoListItem { margin:0px; height:105px; padding:5px 12px; }
#videoHighlights a.videoListItem .videoBox { border: solid 4px #292829; background:none; }
#videoHighlights a.videoListItem .videoDesc { color:#fff; height:26px; overflow:hidden; display:block; }
#videoHighlights a.videoListItem:hover { background:none; }
#videoHighlights a.videoListItem:hover .videoBox {border: solid 4px #fff; }

/* Scrolling */
.jspContainer .jspHorizontalBar { height:16px; }
.jspContainer .jspTrack { background-color:#000;}
.jspContainer .jspHorizontalBar .jspDrag { background-color:#313131; margin-top:4px; margin-bottom:4px; height:8px; cursor:move; }
.jspContainer .jspHorizontalBar .jspArrowLeft  { background:url("/global/JavaScript/jQuery/JScrollPane/arrowLeft.png"); }
.jspContainer .jspHorizontalBar .jspArrowRight  { background:url("/global/JavaScript/jQuery/JScrollPane/arrowRight.png");  }
.jspContainer .jspVerticalBar { height:16px; }
.jspContainer .jspVerticalBar .jspDrag { background-color:#313131; margin-left:4px; margin-right:4px; width:8px; cursor:move; }
.jspContainer .jspVerticalBar .jspArrowUp  { background:url("/global/JavaScript/jQuery/JScrollPane/arrowUp.png"); }
.jspContainer .jspVerticalBar .jspArrowDown  { background:url("/global/JavaScript/jQuery/JScrollPane/arrowDown.png");  }

/* Videos list */
#videoResultsBox { margin-top:14px; overflow:hidden; }
#videoResultsInfo {  margin-bottom:12px; padding:4px 12px; overflow:hidden; font-weight:bold; color:#fff; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; }

#videoResultsSummary { overflow:hidden; padding:3px 11px 10px 11px; }
#videoResultsSummary div { float:left; font-size:1.8em; color:#4CA8DC; font-weight:bold; font-family:arial; margin-right:22px; }
#videoResultsSummary div span { color:#333; }

/* Search box */
#videoSearchBox { float:right; width:285px; height:150px; padding:7px 0px 6px 0px; margin-right:14px; overflow:hidden; background-color:#ccc; }
#videoSearchBoxInner { height:80px; color:#fff; background-color:#313131; overflow:hidden;  }
#videoSearchTitle { margin-top:16px; margin-left:20px; font-size:1.4em; color:#aaaaaa; }
#videoSearchForm { margin-top:6px; margin-left:20px; }
#videoSearchKeywords { font-size:1.2em; padding:1px; margin-top:1px; float:left; }
#videoSearchSubmit { padding:3px;  margin:1px 0px 0px 10px; border:0px; background-color:#4ca8dc; color:#fff; float:left; }

#pagination { clear:both; padding-top:12px; }

/* Video Items */
a.videoListItem { float: left; height: 144px; margin-left:1px; overflow: hidden; padding: 9px 12px 9px 12px; text-decoration:none; color:#333; width:130px; cursor:pointer; }
a.videoListItem img { width:130px; }
a.videoListItem:hover { background-color:#444444; }
a.videoListItem .videoBox { background: none no-repeat scroll center center #FFFFFF; width:130px; height: 73px; overflow: hidden; position: relative; display:block; }
a.videoListItem .videoLength { background-color: #333333; bottom: 0; left: 0; color: #FFFFFF; padding: 0 4px; position: absolute; display:block; }
a.videoListItem .videoTitle { max-height:48px; overflow:hidden; font-size:1.4em; margin-top:3px; font-weight:bold; color:#4ca8dc; font-family:"arial"; display:block; }
a.videoListItem .videoDate { color:#aaa; font-size:0.9em; padding-top:3px; display:block; }