#controls, #controls *{
 cursor: default!important;
 -moz-box-shadow: none!important;
 -webkit-box-shadow: none!important;
 box-shadow: none!important;
 position: static!important;}

#mov, #mov *{
 user-select: none;
 -khtml-user-select: none;
 -o-user-select: none;
 -moz-user-select: -moz-none;
 -webkit-user-select: none;}

#controls{
 height: 24px;
 position: relative!important;
 bottom: 0;
 left: 0;
 /* background: url("../images_demonstrator/background.png") repeat-x; */
 border-top: 1px solid #444;
 background: -webkit-linear-gradient(top, #2B2B2B, #050505);
 background: -o-linear-gradient(top, #2B2B2B, #050505);
 opacity: 1;}

#play_pause_button{
 display: block;
 width: 15px;
 height: 15px;
 background: url("../images_demonstrator/pause.png") no-repeat;
 margin: 5px 0 0 5px;
 float: left;}

#play_pause_button.pause{
 background: url("../images_demonstrator/play.png") no-repeat;}


#progress_bar{
 display: block;
 float: left;
 padding: 6px 0 0;}

#time_display{
 float: left;
 width: 35px;
 font: normal bold 10px/10px Helvetica, Arial, sans-serif;
 color: #d5d5d5;
 text-shadow: #000 1px 1px 1px;
 cursor: default;
 display: block;
 text-align: center!important;}

/* Progress */

#progress_back{
 position: relative!important;}

#progress_loading_wrapper{
 width: 100%;
 height: 8px;
 position: absolute!important;
 top: 0;
 left: 0;
 overflow: hidden;
 -webkit-background-clip: padding-box;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;}

/* #progress_loading_stripes{
 width: 110%;
 height: 8px;
 position: relative!important;
 background: url("data: image/png;charset=utf-8;base64, iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAAVUlEQVR42o3MIQ6AMBQE0dYQVAOugIOgCIbe/2wfViBhZ5N1k5d+Vp838CUi0vuvFYjtih3YQexUTMALgpmAB8R6xQ7cIDYoduAMsUmxA0eIrYodeAPX91epV+VCWQAAAABJRU5ErkJggg==") repeat-x;} */

#progress_buffered{
 width: 0;
 height: 8px;
 position: absolute!important;
 top: 0;
 left: 0;
 overflow: hidden;
 /* background: url("../images_timelapse/slider_loaded.png") repeat-x; */
background: -webkit-linear-gradient(top, #6a6a6a, #404040);
 background: -o-linear-gradient(top, #6a6a6a, #404040);
 -webkit-background-clip: padding-box;
 /* border-radius: 20px; */
-webkit-transition: .5s width;
 -moz-transition: .5s width;
 -o-transition: .5s width;}

#progress_elapsed{
 left: 0;
 /* border-right: 3px solid #000;
-webkit-transition: .001s width;
 -o-transition: .001s width;
 border-radius: 20px 0px 0px 20px;*/
}

#progress_indicator{
 -webkit-appearance: none;
 -o-appearance: none;
 /* z-index: -1000; */
 background: none;
 width: 100%;
 height: 8px;
 position: absolute!important;
 top: 0;
 left: 1px;
 -webkit-border-radius: 10px;
 border-radius: 10px;}

#progress_indicator: focus{
 outline: none;}

/* /Progress */

/* Volume */

#volume_speaker_button{
 float: left;
 display: block;
 margin: 5px 0 0 5px;
 height: 15px;
 width: 15px;
 background: url("../images_demonstrator/volume.png") no-repeat;}

#volume_bar{
 float: left;
 display: block;
 width: 50px;
 padding: 6px 0 0;}

#volume_back{
 display: block;
 border-radius: 20px;}

#volume_used{
 min-width: 5px;
 border-radius: 20px 5px 5px 20px;}

#volume_indicator{
 -webkit-appearance: none;
 -o-appearance: none;
 background: none;
 width: 100%;
 height: 8px;
 position: absolute!important;
 top: 7px;
 -webkit-border-radius: 10px;
 border-radius: 10px;}

#volume_indicator: focus{
 outline: none;}

/* /Volume */

/* Fullscreen */

#fullscreen_button{
 float: left;
 display: block;
 margin: 5px 0 0 5px;
 height: 15px;
 width: 15px;
 background: url("../images_demonstrator/full.png") no-repeat;}

/* /Fullscreen */

/* Apperance Sliders */
#progress_back, #volume_back{
 float: left;
 padding: 0;
 height: 8px;
 background: -webkit-linear-gradient(top, #353535, #5B5B5B);
 background: -o-linear-gradient(top, #353535, #5B5B5B);
 background: -moz-linear-gradient(top, #353535, #5B5B5B);
 border: 1px solid rgba(0, 0, 0, 1)!important;
 -webkit-background-clip: padding-box;
 /* border-radius: 20px; */
-webkit-box-shadow: rgba(255, 255, 255, 0.05) 0 1px 0!important;
 box-shadow: rgba(255, 255, 255, 0.05) 0 1px 0!important;}

#progress_elapsed, #volume_used{
 width: 0;
 height: 8px;
 position: relative!important;
 background: -webkit-linear-gradient(top, #BBBBBB, #666666);
 background: -o-linear-gradient(top, #BBBBBB, #666666);
 -webkit-background-clip: padding-box;}

#progress_indicator::-webkit-slider-thumb{
 -webkit-appearance: none;
 width: 4px;
 height: 8px;
 display: block;
 background: -webkit-linear-gradient(top, #1C1C1C, #0A0A0A);}

#volume_indicator::-webkit-slider-thumb{
 -webkit-appearance: none;
 width: 10px;
 height: 10px;
 display: block;
 border: 1px solid #000;
 background: -webkit-linear-gradient(top, #2E2E2E, #0A0A0A);
 -webkit-background-clip: padding-box;
 border-radius: 10px;}