table { width:100%; }
.button { background-repeat:no-repeat; cursor:pointer; }
.leftShadow { width:9px; background:url(../images/player-left.jpg) repeat-y; }
.rightShadow { width:17px; background:url(../images/player-right.jpg) repeat-y; }
.controlPad { width:13px; height:50px; }
/* -------------------   Stuff for the top bar   --------------------- */
#showTitle { width:100%; height:18px; position:relative; font:bold 13px Verdana, Arial, Helvetica, sans-serif; top:8px; overflow:hidden }
#topCtrls { display:none; }
#videoSize { width:110px; overflow:hidden; }
/* ------------------  stuff for the control row ------------------ */
#ctrlRight { float:right; padding-right:8px; position:relative; top:-3px; }
#ctrlStatus { width:112px; height:19px; }
#ctrlStatusState { position:relative; top:3px; left:4px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#362f2d; }
#ctrls { padding-left:8px; }
#volumeBar { width:117px; height:21px; position:relative; left:-3px; top:4px; }
#volumetrack { width:85px; height:21px; position:relative; top:-2px; left:15px; cursor:pointer; }
#volumethumb { width:19px; height:20px; cursor:pointer; }
#share { width:63px; height:26px; position:relative; left:50px; top:5px; cursor:pointer; }
#timelineSelection { padding-left:13px; font: 11px Verdana; }
.fakeLink { text-decoration:underline; cursor:pointer; }
#description { display:none; overflow:hidden; height:40px; padding-left:31px; padding-right:31px; margin-bottom:25px; font:11px Verdana; }
#bottomTimeline { padding-right:31px; padding-left:30px; }
#thumbPosition { width:75px; position:absolute; left:-20px; top:-15px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#897F7C; }
#bottomDuration { display:none; font:bold 11px Verdana; color:#897F7C; }
/*-------------- stuff for the fancy timeline row -----------------*/
#position { height:18px; vertical-align:middle; text-align:center; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#7c7c7c; padding-top:10px; }
#fancytimeline { height:54px; border-top:1px solid black; border-bottom:1px solid black; }
#tlScrollLeft { width:12px; height:56px; background:url(../images/scroll_left.jpg); cursor:pointer; }
#tlScrollRight { width:12px; height:56px; background:url(../images/scroll_right.jpg); cursor:pointer; }
#tlMarker { position:absolute; width:480px; height:0px; font-size:0pt; z-index:10; }
#tlMarkerTop { width:5px; height:3px; position:relative; top:1px; background-image:url(../images/tl_top_marker.gif); }
#tlMarkerBt { width:5px; height:3px; position:relative; top:1px; background-image:url(../images/tl_bt_marker.gif); }
#tlMarkerCenter { width:2px; height:48px; position:relative; top:1px; background-image:url(../images/timeline-center.gif); }
.show0Top { color:#363636; font: bold 10px Verdana; }
.show0Bot { color:#363636; font: 10px Verdana; }
.show1Top { color:white; font: bold 10px Verdana; }
.show1Bot { color:#363636; font: 10px Verdana; }
/*----------- Stuff for the bottom bar ----------------*/

#bottomLeft { width:21px; height:48px; background:url(../images/player-bl.jpg); }
#bottomLeftStatus { width:139px; height:48px; display:none; }
#bottomStatusState { position:relative; top:-8px; left:29px; font:11px Verdana, Arial, Helvetica, sans-serif; color:#362f2d; }
#bottomCenter { background: url(../images/player-bc.jpg) repeat-x; }
#bottomScrubTrack { position:relative; padding-left:17px; height:48px; }
#scrubtrack { position:relative; width:270px; height:20px; top:10px; cursor:pointer; }
#scrubthumb { width:35px; height:13px; position:absolute; left:0px; cursor:pointer; }
.thumbLeft { width:10px; height:13px; background:url(../images/thumb_slider_left.gif) no-repeat; }
.thumbCenter { width:100%; height:13px; background:url(../images/thumb_slider_center.gif) repeat-x; }
.thumbRight { width:10px; height:13px; background:url(../images/thumb_slider_right.gif) no-repeat; }
.trackLeft { width:4px; height:13px; background:url(../images/slider_slot_left.gif) no-repeat; }
.trackCenter { width:100%; height:13px; background:url(../images/slider_slot_center.gif) repeat-x; }
.trackRight { width:4px; height:13px; background:url(../images/slider_slot_right.gif) no-repeat; }
#tradtimelinetrack { height:20px; position:relative; top:-3px; cursor:pointer; }
#timelinethumb { width:35px; height:13px; position:absolute; left:50px; cursor:pointer; }
#goLiveBtn { display:none; width:52px; height:48px; cursor:pointer; }
#bottomRight { width:48px; height:48px; background:url(../images/player-br.jpg); }
#bottomRightDrag { display:none; width:48px; height:48px; background:url(../images/player-br-stretch.jpg); cursor:se-resize; }
/*--------------------- Here are the control buttons ------------------*/
#topBack { display:block; float:left; width:30px; height:50px; cursor:pointer; background-position:0px 50px; }
#topBack:hover { background-position:0px 0px; }
#topRewind { display:block; float:left; width:30px; height:50px; cursor:pointer; background-position:0px 50px; }
#topRewind:hover { background-position:0px 0px; }
#topPause { display:block; float:left; width:30px; height:50px; cursor:pointer; background-position:0px 50px; }
#topPause:hover { background-position:0px 0px; }
#topPlay { display:none; float:left; width:30px; height:50px; cursor:pointer; background-position:0px 50px; }
#topPlay:hover { background-position:0px 0px; }
#topFastforward { display:block; float:left; width:30px; height:50px; cursor:pointer; background-position:0px 50px; }
#topFastforward:hover { background-position:0px 0px; }
#topForward { display:block; float:left; width:30px; height:50px; cursor:pointer; background-position:0px 50px; }
#topForward:hover { background-position:0px 0px; }
#back { display:block; float:left; width:43px; height:45px; cursor:pointer; background-position:0px 45px; }
#back:hover { background-position:0px 0px; }
#rewind { display:block; float:left; width:43px; height:45px; cursor:pointer; background-position:0px 45px; }
#rewind:hover { background-position:0px 0px; }
#pause { display:block; float:left; width:43px; height:45px; cursor:pointer; background-position:0px 45px; }
#pause:hover { background-position:0px 0px; }
#play { display:none; float:left; width:43px; height:45px; cursor:pointer; background-position:0px 45px; }
#play:hover { background-position:0px 0px; }
#fastforward { display:block; float:left; width:43px; height:45px; cursor:pointer; background-position:0px 45px; }
#fastforward:hover { background-position:0px 0px; }
#forward { display:block; float:left; width:43px; height:45px; cursor:pointer; background-position:0px 45px; }
#forward:hover { background-position:0px 0px; }
#extraTbl { background: #FFFFFF; }
/* New Resize Buttons */
#vidSizeLg { display:block; float:right; width:33px; height:50px; cursor:pointer; }
#vidSizeLgHot { display:block; float:right; width:33px; height:50px; }
#vidSizeSm { display:block; float:right; width:33px; height:50px; cursor:pointer; }
#vidSizeSmHot { display:block; float:right; width:33px; height:50px; }
#videoSizeText { display:block; float:right; margin-right: 2px; width: 38px; height: 50px; }
#topAudio { width: 19px; height: 20px; display:none; float: right; margin: 0 5px 0 0; position:relative; top: -9px; }
#topMute { width: 19px; height: 20px; background: #FFFFFF; display: block; cursor:pointer; padding: 0 2px; margin: 30px 0 0 0; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; background:url(../images/blue/audio-on.jpg) center no-repeat; }
#topUnmute { width: 19px; height: 20px; background: #FFFFFF; display: none; cursor:pointer; padding: 0 2px; margin: 30px 0 0 0; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; background:url(../images/blue/audio-off.jpg) center no-repeat; }