/* ONE DESIGN */
.mejs-container.onedesign {
	
	min-width:150px;
	/*background: none;*/
	font-family: sans-serif;
}

.onedesign .mejs-poster {  
	overflow:hidden; 
}

.onedesign .mejs-poster img {
	width: auto;
	height: 100%;
}

.onedesign  .mejs-overlay-loading {
	background: inherit;
}

.onedesign .mejs-overlay-loading span {
	background: #3A3C3D url(loading.gif) 50% 50% no-repeat;
	border-radius: 40px;
}
/* Start: CONTROL BAR */
.onedesign .mejs-controls {
	background: #3a3c3d url(background.png);
	background: -webkit-linear-gradient(#4a4c4d, #2b2d2d); 
	background: -moz-linear-gradient(#4a4c4d, #2b2d2d);
	background: -o-linear-gradient(#4a4c4d, #2b2d2d); 
	background: -ms-linear-gradient(#4a4c4d, #2b2d2d); 	
	background: linear-gradient(#4a4c4d, #2b2d2d); 	
	list-style: none;
}
.onedesign .mejs-audio .mejs-controls{
	border-radius:3px;
}

.onedesign .mejs-controls  div {
	width: 32px;
	height: 30px;
	font-family: sans-serif;
	background: url(sep.png) left no-repeat;
}


.onedesign .mejs-controls .mejs-button button {
	margin: 7px 7px 0 9px;
	background: transparent url(controls.png) no-repeat;
}

/* Start: Time (current / duration) */
.onedesign .mejs-controls .mejs-time {
	padding: 8px 8px 5px 10px;
}

/* Start: Play/pause */
.onedesign .mejs-controls .mejs-pause button {
	background-position:0 -16px;
}

.onedesign .mejs-controls .mejs-playpause-button {
	cursor: pointer;
	background: none;
	width: 30px;
}

.onedesign .mejs-controls .mejs-playpause-button button {
	margin:7px 8px;
}

.onedesign .mejs-controls .mejs-play:hover button {
	background-position:0 -32px;
}

.onedesign .mejs-controls .mejs-pause:hover button {
	background-position:0 -48px;
}

.onedesign .mejs-controls .mejs-stop:hover button {
	background-position: -112px -32px;
}

.onedesign .mejs-controls div.mejs-time-rail {
	padding-top: inherit;
}

.onedesign .mejs-controls .mejs-time-rail span {
	height: 5px;
	border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
}

.onedesign .mejs-controls .mejs-time-rail .mejs-time-total {
	padding: 1px;
	margin: 11px 8px 0 10px;
	background: #262929;
	border-bottom: #3d3f40 1px solid;
	box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
}

.onedesign .mejs-controls .mejs-time-rail .mejs-time-buffering {
	background:#464849;
	background-image: -webkit-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
	background-image: -moz-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
	background-image: -o-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
	background-image: -ms-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
	background-image: linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
	-moz-background-size: 6px 6px;
	background-size: 6px 5px;
	-webkit-background-size: 6px 5px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	-moz-animation: buffering-stripes 2s linear infinite;
	-ms-animation: buffering-stripes 2s linear infinite;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
	z-index: 1;
}

.onedesign .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #464849;
}
.onedesign .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #feea36;
	background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	-moz-background-size: 6px 6px;
	background-size: 6px 6px;
	-webkit-background-size: 6px 5px;
	z-index: 1;
}
.onedesign .mejs-controls .mejs-time-rail .mejs-time-handle {
	width: 5px;
	background: transparent;
	top: 1px;
	z-index: 1;
}

.onedesign .mejs-controls .mejs-time-rail .mejs-time-float {
	display: none;
	height:17px;
	background: #C2C8CF;
	background: -webkit-linear-gradient(#E3E6E9, #C2C8CF);
	background: -moz-linear-gradient(#E3E6E9, #C2C8CF);
	background: -o-linear-gradient(#E3E6E9, #C2C8CF);
	background: -ms-linear-gradient(#E3E6E9, #C2C8CF);
	background: linear-gradient(#E3E6E9, #C2C8CF);
	border-radius: 4px;
	box-shadow:0 1px 1px rgba(0, 0, 0, .4);
}

.onedesign .mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 3px;
}

.onedesign .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	border: solid 4px #C2C8CF;
	border-color: #C2C8CF transparent transparent transparent;
	top: 17px;
}

.onedesign .mejs-controls .mejs-fullscreen-button button {
	background-position:-32px 0;
}

.onedesign .mejs-controls .mejs-unfullscreen button {
	background-position:-32px -16px;
}

.onedesign .mejs-controls .mejs-mute button {
	background-position:-16px -16px;
}

.onedesign .mejs-controls .mejs-mute button:hover {
	background-position:-16px -48px;
}


.onedesign .mejs-controls .mejs-unmute button:hover {
	background-position:-16px -32px;
}

.onedesign .mejs-controls .mejs-volume-button .mejs-volume-slider {
	height: 68px;
	width: 31px;
	background: #3A3C3D;
	top: -68px;
	left: 1px;
}

.onedesign .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	left: 13px;
	top: 8px;
	width: 5px;
	height: 50px;
	background: #262929;
	border-bottom: #3d3f40 1px solid;
	box-shadow: inset 1px 1px rgba(0, 0, 0, .4);
	margin: 0;
	padding: 1px;
}

.onedesign .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	left: 13px;
	top: 8px;
	width: 5px;
	height: 50px;
	background: #feea36;
	background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	-moz-background-size: 6px 6px;
	background-size: 6px 6px;
	-webkit-background-size: 6px 5px;
	background-position: bottom;
	margin: 1px;
}

.onedesign .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	left: 14px;
	top: 16px;
	width: 5px;
	height: 5px;
	background: transparent;
	
	cursor: inherit;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
}

.onedesign .mejs-controls div.mejs-horizontal-volume-slider {
	height: 26px;
	width: 62px;
	background:none;
}

.onedesign .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	height: 5px;
	padding: 1px;
	background: #262929;
	border-bottom: #3d3f40 1px solid;

}

.onedesign .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	height: 5px;
	margin: 1px;
	background: #feea36;
	background-image: -webkit-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: -moz-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: -o-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: -ms-linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	background-image: linear-gradient(-45deg, #feea36 25%, #fdd500 25%, #fdd500 50%, #feea36 50%, #feea36 75%, #fdd500 75%, #fdd500);
	-moz-background-size: 6px 6px;
	background-size: 6px 6px;
	-webkit-background-size: 6px 5px;
}
	
.onedesign .mejs-controls .mejs-captions-button:hover button {
	background-position:-48px -32px;
}

.onedesign .mejs-controls .mejs-captions-button .mejs-captions-selector {
	bottom: 30px;
	background: #3A3C3D;
	
}
.onedesign .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{
	font-family: sans-serif;
}
.onedesign .mejs-chapters .mejs-chapter {
	background: #3A3C3D;
	background: rgba(58, 60, 61, 0.7);
	background: -webkit-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
	background: -moz-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
	background: -o-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
	background: -ms-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
}

.onedesign .mejs-chapters .mejs-chapter .mejs-chapter-block {
	border-right: solid 1px #313335;
	border-right: solid 1px rgba(49, 51, 53, .7);
	border-bottom: solid 1px #313335;
	border-bottom: solid 1px rgba(49, 51, 53, .7);
}
.onedesign .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	background: #333;
}

.onedesign .mejs-captions-text {
	padding: 5px 7px;
	background: #3a3c3d;
	background: rgba(58, 60, 61, 0.8);
	border-radius: 4px;
}
.onedesign .mejs-controls .mejs-loop-off:hover button{
	background-position: -64px -48px;
}
.onedesign .mejs-controls .mejs-loop-on::hover button {
	background-position: -64px -32px;
}
.onedesign .mejs-controls .mejs-backlight-off:hover button{
	background-position: -80px -48px;
}
.onedesign .mejs-controls .mejs-backlight-on:hover button {
	background-position: -80px -32px;
}
.onedesign .mejs-controls .mejs-picturecontrols-button:hover{
	background-position: -96px -32px;
}
.onedesign .mejs-contextmenu .mejs-contextmenu-item {
	font-family: sans-serif;
}

.onedesign .mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px -32px;
}
.onedesign .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	background: #3A3C3D;
}
.onedesign .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{
	font-family: sans-serif;
}


