<?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>
		.dr-mpnl-mask-div {
			position: fixed;
			top: 0;
			left: 0;
			border: 0;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			border-style: none;
			background-color: #d0d0d0;
			filter: alpha(opacity=50);
			opacity: 0.5;
		}
	
		.dr-mpnl-mask {
			
		}
		
		.dr-mpnl-panel {
			position: fixed;
			margin: 0;
			padding: 0;
			background-color: inherit;
		}
		
		.dr-mpnl-resizer {
			line-height: 1px;
			font-size: 1px;
			position: absolute;
			/*background-color: red;
			filter: alpha(opacity=50); 
			opacity: 0.5;*/
		}

		.dr-mpnl-header {
			height: 20px;
			/*position: absolute;*/
		}
		
		.dr-mpnl-pnl-a {
			position: absolute;
			left: -32000px;
		}
		
	</f:verbatim>

	<u:selector name=".dr-mpnl-spacer, .dr-mpnl-resizer">
		<u:style name="background-image">
			<f:resource f:key="/org/richfaces/renderkit/html/images/spacer.gif"/>
		</u:style>
	</u:selector>
	
<f:verbatim>
<![CDATA[
.dr-mpnl-pnl{
   border-width: 1px;
   border-style: solid;
   padding : 1px;
   background-color: inherit;
}
   
.dr-mpnl-pnl-h{
   padding : 2px;
   border-width: 1px;
   border-style: solid;
   background-position : top left;
   background-repeat : repeat-x;
}

.dr-mpnl-pnl-b{
   padding : 10px;
} 

.dr-mpnl-shadow {
	position: absolute;
    height: 100%;
    width: 100%;
    border : 1px solid;
    z-index: 1;
}

]]>
</f:verbatim>
<u:selector name=".dr-mpnl-pnl">
	<u:style name="background-color" skin="generalBackgroundColor" />
	<u:style name="border-color" skin="panelBorderColor" />
</u:selector>
<u:selector name=".dr-mpnl-pnl-h">
	<u:style name="background-color" skin="headerBackgroundColor" />
	<u:style name="border-color" skin="headerBackgroundColor" />
	<u:style name="background-image" >
    	<f:resource f:key="org.richfaces.renderkit.html.GradientA"/>
    </u:style>

</u:selector>


<u:selector name=".dr-mpnl-pnl-text">
	<u:style name="font-size" skin="headerSizeFont" />
	<u:style name="color" skin="headerTextColor" />
	<u:style name="font-weight" skin="headerWeightFont" />
   	<u:style name="font-family" skin="headerFamilyFont" />
</u:selector>

<u:selector name=".dr-mpnl-pnl-b">
	<u:style name="font-size" skin="generalSizeFont" />
	<u:style name="color" skin="generalTextColor" />
    <u:style name="font-family" skin="generalFamilyFont" />
</u:selector>
	
<u:selector name=".dr-mpnl-shadow">
    <u:style name="background-color" skin="shadowBackgroundColor" />
    <u:style name="border-color" skin="shadowBackgroundColor" />
    <u:style name="opacity" skin="shadowOpacity" />
</u:selector>

</f:template>

