#video-controls{
	width: 50%;
	background: #3A4149;
}

#globalVideoToolbar {
	position: absolute;
	right: 0px;
	bottom: 0px;
	float: right;
}

.videoToolbarButton {
	background: #3A4149;
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	height: 2.5em;
	width: 2.5em;
}

.save-button {
	background-image: url('../assets/saveVideoEdit.svg');
	width: 3em;
	height: 3em;
	background-size: 3em 3em;
}

.exit-button {
	background-image: url('../assets/exit.svg');
	width: 3em;
	height: 3em;
	background-size: 3em 3em;
}

.videoToolbarButton:hover {
	cursor: pointer;
}

#videoEditButtons{
	display: inline-block;
}

.snap-button {
	background-image: url('../assets/snapShot.svg');
}

.cutResolutionCombobox {
	vertical-align: top;
	font-size: 1.2em;
	margin-top: 4px
}

.full-screen {
	background-image: url('../assets/fullScreenVideoEdit.svg');
}

.play-button {
	background-image: url('../assets/playButtonVideoEdit.svg');
}

.do-cut {
	background-image: url('../assets/doCutVideoEdit.svg');
}

.videoBar {
    height: 1.25em;
    width: 100%;
    text-align: left;
    top: 5px;
    border-radius: 0.625em;
    margin-bottom: 3px;
    padding: 0px;
    
    background: #5e738c; /* Old browsers */
	background: -moz-linear-gradient(top,  #5e738c 0%, #c7d1d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e738c), color-stop(100%,#c7d1d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5e738c 0%,#c7d1d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5e738c 0%,#c7d1d5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5e738c 0%,#c7d1d5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5e738c 0%,#c7d1d5 100%); /* W3C */
}

#seekThumb {
  	position:relative;
    text-align:left;
    height: 1.25em;
    width: 1.25em;
    border-radius: 2.175em;
    top: -5px;
    
    /* if visible remove comments below */
    /* background: #647996; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #647996 0%, #363a3e 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#647996), color-stop(100%,#363a3e)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #647996 0%,#363a3e 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #647996 0%,#363a3e 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #647996 0%,#363a3e 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #647996 0%,#363a3e 100%); /* W3C */
}

.videoFill {
    position:absolute;
    /*background-color: #36F;*/ 
    height: 1.25em;
    width: 0px;
    border-radius: 0.625em;
    background: #f6e6b4; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6e6b4 0%,#ed9017 100%); /* W3C */
}

.cut {
	position:relative;
	width: 1.125em;
	height: 1.875em;	
	text-align:left;
	display: inline-block;
	margin: 0px;
	margin-right: -5px;
	border-radius: 0.315em;
	top: -5px;
	background-size: 15px 30px;
	z-index: 1;
}

.cut-bg{
	background-color: #eee; 
	height: 100%; 
	width: 1.125em;
	float: right;
	border-radius: 0.315em;
}

#startCut {
	background:url("../assets/left.png") center center no-repeat #000000;
}

#endCut {
	background:url("../assets/right.png") center center no-repeat #000000;
}

#interval {
	position:absolute;
	display: inline-block;
	/*left: -20px;*/
	width: 0px;
}


@media (min-width: 2000px) and  (min-height: 2000px) {
	.exit-button {
		height: 4em;
	    width: 4em;
	    background-size: 4em 4em;
	}
	
	.save-button {
		height: 4em;
	    width: 4em;
	    background-size: 4em 4em;
	}
	
	.videoToolbarButton {
		height: 4em;
	    width: 4em;
	    background-size: 4em 4em;
	}
}