/*
	back:	rgb(230,230,230)
	dark:	rgb(90,97,90)
	medium	rgb(189,190,189)
*/

.dynamic-slider-control {
	position:			relative;
	/*background-color:	rgb(230,230,230);*/
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;

}
.Qvolbar, .Qvolbar2 {
	/*background-color:	rgb(230,230,230);*/
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;

	display:			inline;
	margin-left:		10px;
	background-image:	url(../../images/mediaspelaren/volume-bg.gif);
	background-repeat:	no-repeat;
}

.horizontal {
	width:				78px;
	height:				22px;
}

.vertical {
	width:				29px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}
.Qvolbar input,.Qvolbar2 input {
	display:	none;
}

.dynamic-slider-control .sliderCtrlhandle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}
.Qvolbar .Qvolbarhandle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.Qvolbar2 .Qvolbar2handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .sliderCtrlhandle 
{
	position:			absolute;
	width:				17px;
	height:				7px;
	background-image:	url(../../images/mediaspelaren/timemarker.gif);
	background-repeat:	no-repeat;
}

.Qvolbar.horizontal .Qvolbarhandle {
	width:				8px;
	height:				16px;
	background-image:	url(../../images/mediaspelaren/volume-slider.gif);
	background-repeat:	no-repeat;
}
.Qvolbar2.horizontal .Qvolbar2handle {
	width:				8px;
	height:				16px;
	background-image:	url(../../images/mediaspelaren/volume-slider.gif);
	background-repeat:	no-repeat;
}

.sliderCtrl
{
	display:			block;
	height:				3px;
	width:				100%;
	margin-top:			5px;
	margin-bottom:		5px;
 	background-image:	url(../../images/mediaspelaren/timeline.gif);
	background-repeat:	repeat-x;
}
.timerCtrl
{
	font-family:		Verdana, Arial, Helvetica, Sans-Serif;
	font-size:			10px;
	font-weight:        bold;
	color:				#333333;
	text-align:			center;
	white-space:		nowrap;

	position:			relative;
	float:				right;
	padding-right:		5px;
}
.buttonCtrl
{
	position:			relative;
 	clear:				both;
	overflow:			hidden;
	padding-bottom:     10px;
}
.buttonCtrlBackground
{
	background-image:	url(../../images/mediaspelaren/kontroller-bg.gif);
	background-repeat:	no-repeat;
	position:			absolute;
	left:				0px;
	width:				100%;
	height:				30px;
}
.buttonCtrlContainer
{
	position:           relative;
	z-index:            0;
}
/*
.dynamic-slider-control.horizontal .sliderhandle div {}
.Qvolbarhandle.horizontal .Qvolbarhandle div {}
.dynamic-slider-control.horizontal .sliderhandle.hover {}
.Qvolbar.horizontal .Qvolbarhandle.hover {}

.dynamic-slider-control.vertical .sliderhandle {
	width:				15px;
	height:				31px;
	background-image:	url(handle.vertical.png);
}
*/
/*
.dynamic-slider-control.vertical .handle.hover {}
*/
.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	/*border:				1px solid rgb(90,97,90);
	background:			rgb(189,190,189);*/
	behavior:			url(css/boxsizing.htc); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.Qvolbar .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	/*border:				1px solid rgb(90,97,90);
	background:			rgb(189,190,189);*/
	behavior:			url(css/boxsizing.htc); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.Qvolbar2 .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	/*border:				1px solid rgb(90,97,90);
	background:			rgb(189,190,189);*/
	behavior:			url(css/boxsizing.htc); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.dynamic-slider-control.vertical .line {
	width:				3px;
}
.Qvolbar.vertical .line {
	width:				3px;
}

.dynamic-slider-control.horizontal .line {
	height:				3px;
}

.Qvolbar.horizontal .line {
	height:				3px;
}
.Qvolbar2.horizontal .line {
	height:				3px;
}
.dynamic-slider-control .line div {
	width:		1px;
	height:		1px;
	
/*	border:				1px solid;
	border-color:		rgb(230,230,230) rgb(189,190,189)
						rgb(189,190,189) rgb(230,230,230);*/
}

.Qvolbar2 .line div {
	width:		1px;
	height:		1px;
	
/*	border:				1px solid;
	border-color:		rgb(230,230,230) rgb(189,190,189)
						rgb(189,190,189) rgb(230,230,230);*/
}
.Qvolbar .line div {
	width:		1px;
	height:		1px;
	
/*	border:				1px solid;
	border-color:		rgb(230,230,230) rgb(189,190,189)
						rgb(189,190,189) rgb(230,230,230);*/
}