<?xml version="1.0" encoding="UTF-8"?>
<f:template xmlns:f='http:/jsf.exadel.com/template'
   xmlns:u='http:/jsf.exadel.com/template/util'
   xmlns="http://www.w3.org/1999/xhtml" >
	<f:verbatim><![CDATA[

.dr-insldr {
	width : 200px;
	height : 20px;
}

.dr-insldr-tip {
	position : absolute;
	white-space	: nowrap;
	padding : 0px 2px 0px 2px;
	top: -17px;
	border : 1px solid;
}

.dr-insldr-size {
	width: 100%;
}

.dr-insldr-left-num {
	text-align : left;
	border-left: 1px solid;
	padding : 0px 3px 0px 3px;
}
.dr-insldr-right-num{
	text-align : right;
	border-right : 1px solid;
	padding : 0px 3px 0px 3px;
}
.dr-insldr-vert-spacer{
	padding-top : 3px;
}
.dr-insldr-handler{
	background-color : transparent;
	width : 7px;
	height : 8px;
	font-size : 1px;
	position : absolute;
	text-align : center;
	z-index : 1;
}
.dr-insldr-handler-sel{
	background-color : transparent;
	width : 7px;
	height : 8px;
	font-size : 1px;
	position : absolute;
	text-align : center;
	z-index : 1;
}
.dr-insldr-track{
	background-position: left top;
	background-repeat: repeat-x;
	height : 8px;
	font-size : 1px;
}
.dr-insldr-track-decor-1 {
	height : 100%;
	width : 100%;
	border : 1px solid;
}
.dr-insldr-track-decor-2 {
	border : 1px solid white;
}
.dr-insldr-field {
	border: 1px solid;
	padding: 0px 0px 0px 3px;
    margin-top: 0px;
    margin-bottom: 0px;
	background-position: left top;
	background-repeat: repeat-x;
}
.dr-insldr-field-left {
    margin-right: 10px;
}
.dr-insldr-field-right {
    margin-left: 10px;
}

       ]]>
	</f:verbatim>

	<u:selector name=".dr-insldr-tip">
		<u:style name="background-color" skin="tipBackgroundColor"/>
		<u:style name="border-color" skin="tipBorderColor"/>
		<u:style name="font-family" skin="generalFamilyFont"/>
		<u:style name="font-size" skin="generalSizeFont"/>
	</u:selector>

	<u:selector name=".dr-insldr-left-num">
		<u:style name="font-family" skin="generalFamilyFont"/>
		<u:style name="font-size" skin="generalSizeFont"/>
		<u:style name="color" skin="generalTextColor"/>
		<u:style name="border-color" skin="panelBorderColor"/>
		<u:style name="line-height" skin="generalSizeFont"/>
	</u:selector>

	<u:selector name=".dr-insldr-right-num">
		<u:style name="font-family" skin="generalFamilyFont"/>
		<u:style name="font-size" skin="generalSizeFont"/>
		<u:style name="color" skin="generalTextColor"/>
		<u:style name="border-color" skin="panelBorderColor"/>
		<u:style name="line-height" skin="generalSizeFont"/>
	</u:selector>

	<u:selector name=".dr-insldr-track">
		<u:style name="background-color" skin="controlBackgroundColor"/>
		<u:style name="background-image">
			<f:resource f:key="org.richfaces.renderkit.html.images.SliderTrackGradient" />
		</u:style>
	</u:selector>

	<u:selector name=".dr-insldr-track-decor-1">
		<u:style name="border-color" skin="panelBorderColor"/>
	</u:selector>

	<u:selector name=".dr-insldr-handler">
		<u:style name="background-image">
			<f:resource f:key="org.richfaces.renderkit.html.images.SliderArrowImage" />
		</u:style>
	</u:selector>

	<u:selector name=".dr-insldr-handler-sel">
		<u:style name="background-image">
			<f:resource f:key="org.richfaces.renderkit.html.images.SliderArrowSelectedImage" />
		</u:style>
	</u:selector>

	<u:selector name=".dr-insldr-track-decor-2">
		<u:style name="border-color" skin="controlBackgroundColor"/>
	</u:selector>

	<u:selector name=".dr-insldr-field">
		<u:style name="background-image">
			<f:resource f:key="org.richfaces.renderkit.html.images.SliderFieldGradient" />
		</u:style>
		<u:style name="background-color" skin="controlBackgroundColor"/>
		<u:style name="font-family" skin="generalFamilyFont"/>
		<u:style name="font-size" skin="generalSizeFont"/>
		<u:style name="color" skin="controlTextColor"/>
		<u:style name="border-color" skin="panelBorderColor" />
	    <u:style name="border-bottom-color" skin="subBorderColor" />
    	<u:style name="border-right-color" skin="subBorderColor" />
	</u:selector>
</f:template>