<?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-spnr-e {
	padding: 0px;
	margin: 0px;
	background-position: left top;
	background-repeat: repeat-x;
	border: 1px solid;
}

.dr-spnr-i {
	border: 0px;
	padding: 0px 0px 0px 3px;
	background: none transparent scroll repeat 0% 0%;
	margin: 0px;
}

.dr-spnr-b {
	border-width: 1px;
	border-style: solid;
	padding: 0px;
	margin: 0px;
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 0px;
}

.dr-spnr-bn{margin: 0px 1px 1px 0px;display:block}
.dr-spnr-bp{margin: 1px 0px 0px 1px;display:block}
]]>
</f:verbatim>
	
	<u:selector name=".dr-spnr-b">
		<u:style name="background-color" skin="headerBackgroundColor" />
		<u:style name="border-color" skin="headerBackgroundColor" />
	</u:selector>
	
	<u:selector name=".dr-spnr-i">
		<u:style name="font-size" skin="buttonSizeFont"/>
		<u:style name="font-family" skin="buttonFamilyFont"/>
	</u:selector>

	<u:selector name=".dr-spnr-e">
		<u:style name="background-image">
			<f:resource f:key="org.richfaces.renderkit.html.images.SpinnerFieldGradient" />
		</u:style>
		<u:style name="background-color" skin="controlBackgroundColor" />
		<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>
	
	<u:selector name=".dr-spnr-b">
		<u:style name="background-image">
			<f:resource f:key="org.richfaces.renderkit.html.images.SpinnerButtonGradient" />
		</u:style>
	</u:selector>
</f:template>