/* You Tube Player Stuff */
div#bytesdisplay { display:none;}
#youtubeplayer {height:365px; overflow:hidden; background:url(/templates/1/images/youtube1/playerBg.png) repeat-x; padding:20px 14px 5px 14px;position: relative; z-index:10;}

#ytimage { width:386px; height:102px; padding:110px 0 0 0; position:absolute; top:50px; left:140px; text-align:center;}
#ytimage h2{ font-size:1.8em; padding:0; margin:0;}
#ytimage p{ padding:2px 0; margin:0; color:#FFEB00;}
#ytapiplayer {position: relative;z-index: -1; width:635px; float:left;}

div#titlearea { height:45px; background:url(/templates/1/images/titlecolumn_repeat.png) repeat-x 0 0;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;  -webkit-border-top-right-radius:4px 4px; -webkit-border-top-left-radius:4px 4px; overflow:hidden; position:relative}
h1.videoTitle{ padding:12px 0 0 9px; margin:0; font-size:1.5em; float:left; color:#fff; letter-spacing:-1px;}
h1.videoTitle span { color:#FFEB00; }

div#youtubeLogo { width:109px; height:29px; background:url(/templates/1/images/youtube1/youtubelogo.jpg) no-repeat; position:absolute; right:12px; top:7px;}

#playList {width:290px; height:358px; float:right; padding:0; margin:0 4px 0 0; overflow:auto; display:block;}
#playList h4{ font-size:0.9em; background:#595959; padding:5px 10px; margin:0 0 2px 0; color:#fff;}
#playList .divider { border-top:1px solid #101010; width:220px;}
#playList ul {margin:0; padding:5px 7px; clear:both; overflow:hidden; background:#151515 url(/templates/1/images/youtube1/playlist.jpg) repeat-x; border-bottom:2px solid #000;}
#playList ul li {list-style:none; position:relative;}
#playList ul li a{color:#fff;}
#playList ul li a:hover{color:#a4a4a4; text-decoration:underline;}
#playList ul li.vid_title { font-size:1em;}
#playList ul li.vid_cat { color:#FFEB00; margin:1px 0 1px 0; font-size:1em;}
#playList ul li.vid_thumb {float:left; margin:4px 6px 0 0; padding:0; border:2px solid #141416; position:relative; z-index:2500;}
#playList ul li.vid_thumb img{margin:0; padding:0; overflow:hidden; width:80px; height:60px;}
#playList ul li.vid_thumb span {background:transparent url(/templates/1/images/videooverlay.png) no-repeat; width:80px; height:60px; display:block; position:absolute; top:0px; left:0px;text-decoration:none; cursor:pointer;}
#playList ul li.vid_thumb span:hover {background:none; z-index:99999; cursor:pointer;}

#playList ul li.vid_desc { font-size:0.9em; line-height:16px;}

#controls { width:893px; height:46px; background:url(/templates/1/images/youtube1/controlsbg.png) no-repeat; padding:5px; margin:0 auto; overflow:hidden;}
#controls ul{ margin:0 15px 0 0; padding:0; float:left;}
#controls ul li {list-style:none; display: inline;margin:0; float:left;}

#VideoPlay a span, #VideoForward a span, #VideoRewind a span, #VideoPause a span, #VideoStop a span, #VideoUnMute a span, #VideoMute a span {display:none;}
#VideoPlay a, #VideoForward a, #VideoRewind a, #VideoPause a, #VideoStop a, #VideoUnMute a, #VideoMute a {display:block; float:left; overflow:hidden; margin:0; padding:0; height:33px; width:33px;}

#VideoPlay, #VideoUnMute { display:none;}
#VideoStop a {background:url(/templates/1/images/youtube1/controls.png) -2px -4px no-repeat; width:33px; margin:7px 2px 0 7px;}
#VideoStop a:hover {background:url(/templates/1/images/youtube1/controls.png) -2px -41px no-repeat;}

#VideoPlay a {background:url(/templates/1/images/youtube1/controls.png) -77px -4px no-repeat; width:33px; margin:7px 5px 0 2px;}
#VideoPlay a:hover {background:url(/templates/1/images/youtube1/controls.png) -77px -41px no-repeat;}

#VideoPause a {background:url(/templates/1/images/youtube1/controls.png) -40px -4px no-repeat; width:33px; margin:7px 5px 0 2px;}
#VideoPause a:hover {background:url(/templates/1/images/youtube1/controls.png) -40px -41px no-repeat;}

#VideoRewind a {background: url(/templates/1/images/youtube1/controls.png) -2px -82px no-repeat; margin:8px 3px 0 12px;}
#VideoRewind a:hover{background: url(/templates/1/images/youtube1/controls.png) -2px -120px no-repeat;}

#VideoForward a {background: url(/templates/1/images/youtube1/controls.png) -40px -82px no-repeat; margin:8px 0 0 0;}
#VideoForward a:hover {background: url(/templates/1/images/youtube1/controls.png) -40px -120px no-repeat;}

#VideoMute a { background:url(/templates/1/images/youtube1/controls.png) -2px -156px no-repeat; margin:8px 0 0 8px;}
#VideoUnMute a { background:url(/templates/1/images/youtube1/controls.png) -41px -156px no-repeat; margin:8px 0 0 8px;}

#timebar { float:left; margin:18px 0 0 10px; position:relative; width:435px; height:7px;background:#161616; overflow:hidden;}
#timespan {position: relative;z-index: 3; width:75px;float: left; padding: 4px; margin:9px 8px 0 32px; letter-spacing:0.4px}
#timebarIndicator {position: absolute; z-index:500;display: block; left:0; top:0; background:url(/templates/1/images/youtube1/controls.png) no-repeat -122px -15px; width:7px; height:7px;}
#bytesbarIndicator {position: absolute; z-index: 1;display: block; left:0; top:0; background:url(/templates/1/images/youtube1/seekbg.jpg) repeat-x; height:10px; overflow:hidden;}

.volumeholder { width:116px; height:27px; margin:0; padding:0;}
#slider01 {position: relative; width:58px; top:10px; left:6px; height: 26px;background: url(/templates/1/images/youtube1/videoVolumeBackground.gif) -5px 0 no-repeat; }
#slider01 span { position: absolute; z-index:7; height:26px; cursor: pointer;background: url(/templates/1/images/youtube1/videoVolumeKnob.gif) 0 0 no-repeat;}

/* Tool Tips */
div.tooltip { display:none;}
.tooltip{position:absolute;left:-2000px;background-color:#000;padding:5px;overflow:hidden; z-index:800;}
.tooltip p{margin:0;padding:0;color:#fff; background-color:#000; }

/* JQuery scroll*/
.jScrollPaneContainer {position:absolute; right:10px; top:20px; overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute; cursor: pointer;right:0px; top: 0;height: 100%; background:#141416;}
.jScrollPaneDrag {position: absolute;background: #494949; cursor: pointer; overflow: hidden;}
.jScrollPaneDrag:hover {background:#ccc;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;background-color: #666; height: 8px;}
a.jScrollArrowUp:hover {background: #ccc;}
a.jScrollArrowDown {display: block;position: absolute;	z-index: 1;bottom: 0;right: 0; text-indent: -2000px;overflow: hidden; background-color: #666; height: 8px;}
a.jScrollArrowDown:hover {background: #ccc; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}