.VLplayer-wrapper {background: #FFFFFF center center no-repeat; z-index: 500; position:relative;}
.VLplayer-wrapper video {position:relative; padding:4px;}

.VLplayer-wrapper span {font-family: Helvetica, Arial, sans-serif;}

.VLplayer-controls {height:30px; padding:0 4px;}
.VLplayer-controls button.play {background: transparent url(../images/button-play.png) center center no-repeat; border:none; height:30px; width:30px; float:left; padding:0; margin:0;}
.VLplayer-controls button.pause {background: transparent url(../images/button-pause.png) center center no-repeat; border:none; height:30px; width:30px; float:left; padding:0; margin:0;}
.VLplayer-controls .VLplayer-option-button {background: #C0C0C0; color: #000; width:20px; height:20px; float:left; border:1px solid #000; margin:2px; padding:0; font-size:11px; font-family: Helvetica, Arial, sans-serif; cursor:pointer; text-decoration:none;}
.VLplayer-controls .VLplayer-button-active {background: #395588; color: #FFF;}
.VLplayer-controls .VLplayer-button-disabled {background: #FFDDDD; color:#666; cursor:auto; opacity:0.8;}

.VLplayer-sharing-options {background: #EFEFEF; padding:0; height:25px;}
.VLplayer-sharing-options .VLplayer-sharing-links {float:right;}
.VLplayer-sharing-options .VLplayer-option-button {background: #C0C0C0; color: #000; height:25px; line-height:25px; margin:0; padding:0 5px; float:left; border-right: 1px solid #EFEFEF; border-left: none; border-top: none; border-bottom: none; font-size:11px; font-family: Helvetica, Arial, sans-serif; cursor:pointer;}
.VLplayer-sharing-options .VLplayer-button-active {background: #395588; color: #FFF;}
.VLplayer-sharing-options .VLplayer-option-label {color: #000; height:25px; line-height:25px; margin:0; padding:0 5px; float:left; font-size:11px; font-family: Helvetica, Arial, sans-serif;}
.VLplayer-sharing-options .VLplayer-share-button, .VLplayer-sharing-options .VLplayer-embed-button {background: #395588; color: #FFF; width:20px; height:20px; margin:2px; padding:0; float:left; border: 1px solid #444; font-size:11px; font-family: Helvetica, Arial, sans-serif; cursor:pointer; text-decoration:none; text-align:center; display:block;}

.VLplayer-wrapper-fullscreen {position:fixed; z-index:5000; left:0; top:0; width:100% !important; height:100% !important; border:none;}

.VLplayer-video-time {font-size:11px; float:left; width:40px; margin:5px 0 0; text-align:right;}
.VLplayer-loading {position:absolute; display:none; background:#20223F; opacity:0.8; top:4px; left:4px; color:#FFF;}
.VLplayer-loading span {font-size:14px; height:14px; display:block; text-align:center; color:#FFF;}
.VLplayer-tap-play {position:absolute; display:block; background:#20223F; opacity:0.5; top:0; left:0; color:#FFF;}
.VLplayer-tap-play span {background:url("http://static.c-spanvideo.org/assets/images/play-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height:30px; width:30px; position:absolute;}
.VLplayer-cc {position:absolute; display:none; background:#000; opacity:0.8; bottom:0; left:0; color:#FFF; min-height:16px;}
.VLplayer-cc p {margin:0 10px; color:#FFF; font-size:14px; font-family: Helvetica, Arial, sans-serif;}

#volume-slider-container {float:right; width:150px; height:4px; background: #A69C99 left bottom no-repeat; margin-top:10px;}
#volume-slider-container .ui-slider {width:132px; margin-left:9px;}

#video-clipbeg, #video-clipend {position:absolute; height:8px; width:1px; background: #604040 left bottom no-repeat; display:none; top:-2px; z-index:10;}

.VLplayer-error-message {background-color:#800000; color:#FFF; position:absolute; top:0; left:0; font-family: Helvetica, Arial, sans-serif; font-size:11px; text-align:center; z-index:500; padding:4px;}
.VLplayer-error-message a {color:#FFF;}

.VLplayer-create-clip, .VLplayer-share-form {display:none; position:absolute; width:100%; background:#000;}
.VLplayer-volume-form {display:none; position:absolute; background:#000; text-align:center;}
.VLplayer-settings-form {display:none; position:absolute; background:#000;}
.VLplayer-create-clip .show-title, .VLplayer-share-form .show-title {color:#888;}
.VLplayer-create-clip-input, .VLplayer-share-input {width: 98%; resize:none; clear:both; margin:2px auto; display:block;}
.VLplayer-create-clip button, .VLplayer-share-form button {float:right; background: #395588; color: #FFF; margin:2px 0; padding:3px; border:none; cursor:pointer;}
.VLplayer-create-clip .VLplayer-button-disabled {background: #FFDDDD; color:#666; cursor:auto; opacity:0.8;}
.VLplayer-create-clip .VLplayer-clip-set-start {float:left;}
.VLplayer-create-clip h3, .VLplayer-share-form h3, .VLplayer-volume-form h3, .VLplayer-settings-form h3 {font-family: Helvetica, Arial, sans-serif; color:#FFF; margin:2px; text-align:center;}
.VLplayer-create-clip span, .VLplayer-share-form span, .VLplayer-volume-form span, .VLplayer-settings-form span {font-family: Helvetica, Arial, sans-serif; color:#FFF; margin:2px; display:block; font-size:11px;}

.VLplayer-timeline-thumbs {position:absolute; width:100%; display:none; text-align:center; overflow:hidden; background:#000;}
.VLplayer-timeline-thumbs .VLplayer-timeline-thumb {display:inline-block; width:60px; height:38px; margin:3px; border: 1px solid #888; background-repeat:no-repeat;}
.VLplayer-timeline-thumbs .VLplayer-timeline-thumb-selected {width:70px; height:45px; margin:0; border: 2px solid #888; background-color: #000;}
.VLplayer-timeline-thumbs .VLplayer-timeline-thumb-hidden {border:1px solid #000; background-position: 70px 45px !important;}

/* SLIDER STYLES */
.VLplayer-time-slider-wrapper {float:left; width:370px; height:30px; position:relative; margin:0 10px;}
.VLplayer-time-slider-wrapper .ui-slider {width:370px; margin:10px 0 0; position: relative; text-align: left; border: 1px solid #000; border-radius:3px; height: 6px;}

.VLplayer-time-slider-wrapper .ui-slider .ui-slider-handle { position: absolute; z-index: 3; width: 11px; height: 18px; cursor: pointer; background: transparent url(../images/slider-control.png) left bottom no-repeat; border: none; margin-left:-5px; margin-top:-14px; text-decoration:none; color:#222;} 
.VLplayer-time-slider-wrapper .ui-slider .VLplayer-slider-clipping-handle {display:none; background: transparent url(../images/slider-control2.png) left bottom no-repeat; z-index:2;}
.VLplayer-time-slider-wrapper .VLplayer-time-slider-clipping .VLplayer-slider-clipping-handle {display:block;}
.VLplayer-time-slider-wrapper .ui-slider .ui-slider-handle .ui-handle-tooltip {position:absolute; top:-13px; left:-15px; font-size:11px; text-align:center; background: #FFFFFF center center no-repeat; padding:0px 4px;}
.VLplayer-time-slider-wrapper .ui-slider .ui-slider-handle .ui-handle-tooltip-left {left:0; text-align:left;}
.VLplayer-time-slider-wrapper .ui-slider .ui-slider-handle .ui-handle-tooltip-right {left:auto; right:0; text-align:right;}

.VLplayer-time-slider-wrapper .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: #20223F; }
.VLplayer-time-slider-wrapper .VLplayer-time-slider-clipping .ui-slider-range { background: #3F2020; }

.VLplayer-time-slider-wrapper .ui-slider-horizontal .ui-slider-handle { }
.VLplayer-time-slider-wrapper .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.VLplayer-time-slider-wrapper .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.VLplayer-time-slider-wrapper .ui-slider-horizontal .ui-slider-range-max { right: 0; }

.VLplayer-volume-slider-wrapper {text-align:center;}
.VLplayer-volume-slider-wrapper .ui-slider-vertical { margin:10px auto 5px; width: 6px; height: 60px; background-color:#FFF; position:relative; }
.VLplayer-volume-slider-wrapper .ui-slider-vertical .ui-slider-handle { position:absolute; left:0; margin-left: -3px; margin-bottom: -3px; border: 1px solid #444; background: #395588; height:9px; width:9px;}
.VLplayer-volume-slider-wrapper .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; background-color:#20223F; bottom: 0; position:absolute; }
.VLplayer-volume-slider-wrapper .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.VLplayer-volume-slider-wrapper .ui-slider-vertical .ui-slider-range-max { top: 0; }
