<?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-pnlbar{
	border : 1px solid;
	padding : 1px;
}
.dr-pnlbar-ext{
	border-bottom : 0px !important;
}
.dr-pnlbar-h{
	border : 0px solid red;
	padding : 0px 1px 1px 5px;
	cursor : pointer;
}

.dr-pnlbar-h-act{
	border : 0px solid red;
	padding : 0px 1px 1px 5px;
	cursor : pointer;
}


.dr-pnlbar-c{
	padding : 10px;
	text-align : left;
	vertical-align : top;
}

.dr-pnlbar-b{
	border-top-width: 0px !important;
	border-left-width: 0px !important;
	border-right-width: 0px !important;
	padding : 0px;
}

]]></f:verbatim>

<u:selector name=".dr-pnlbar">
   	<u:style name="border-color" skin="headerBackgroundColor" />
</u:selector>

<u:selector name=".dr-pnlbar-h">
	<u:style name="background-image" >
    	<f:resource f:key="org.richfaces.renderkit.html.GradientA"/>
    </u:style>
	<u:style name="background-position" value="top left"/>
	<u:style name="background-repeat" value="repeat-x"/>
	<u:style name="vertical-align" value="middle"/>
	<u:style name="color" skin="headerTextColor" />
	<u:style name="background-color" skin="headerBackgroundColor" />
	<u:style name="font-size" skin="headerSizeFont" />
    <u:style name="font-weight" skin="headerWeightFont" />
    <u:style name="font-family" skin="headerFamilyFont" />
</u:selector>

<u:selector name=".dr-pnlbar-h-act">
	<u:style name="background-image" >
    	<f:resource f:key="org.richfaces.renderkit.html.GradientA"/>
    </u:style>
	<u:style name="background-position" value="top left"/>
	<u:style name="background-repeat" value="repeat-x"/>
	<u:style name="vertical-align" value="middle"/>
	<u:style name="color" skin="headerTextColor" />
	<u:style name="background-color" skin="headerBackgroundColor" />
	<u:style name="font-size" skin="headerSizeFont" />
    <u:style name="font-weight" skin="headerWeightFont" />
    <u:style name="font-family" skin="headerFamilyFont" />
</u:selector>


<u:selector name=".dr-pnlbar-c">
	<u:style name="color" skin="generalTextColor" />
	<u:style name="font-size" skin="preferableDataSizeFont" />
    <u:style name="font-family" skin="preferableDataFamilyFont" />
</u:selector>

   
<u:selector name=".dr-pnlbar-ext">
	<u:style name="background-color" skin="generalBackgroundColor" />
</u:selector>

</f:template>
