@CHARSET "UTF-8";

.DivPanel {
	padding: 20px;
	margin: 1em 0;
	background: #FFFFFF url(/images/DivPanel/background.png) repeat-x top center;
	border:1px solid #cecabc;
}

.DivPanelHolder .bt {
	background:url(/images/DivPanel/box.gif) no-repeat 100% 0;
	margin:0 0 0 10px;
	height: 10px;
	font-size: 1px;
}

.DivPanelHolder[class] .bt {
	background-image: url(/images/DivPanel/box.png);
}

.DivPanelHolder .bt div {
	height: 10px;
	width: 10px;
	position: relative;
	left: -10px;
	background:url(/images/DivPanel/box.gif) no-repeat 0 0;
}

.DivPanelHolder[class] .bt div {
	background-image: url(/images/DivPanel/box.png);
}
/* Rules for the bottom corners and border */
.DivPanelHolder .bb {
	background:url(/images/DivPanel/box.gif) no-repeat 100% 100%;
	margin:0 0 0 14px;
	height: 14px;
}

.DivPanelHolder[class] .bb {
	background-image: url(/images/DivPanel/box.png);
}

.DivPanelHolder .bb div {
	height: 14px;
	width: 14px;
	position: relative;
	left: -14px;
	background:url(/images/DivPanel/box.gif) no-repeat 0 100%;
}

.DivPanelHolder[class] .bb div {
	background-image: url(/images/DivPanel/box.png);
}

/* the left border */
.DivPanelHolder .i1 {
	padding: 0 0 0 10px;
	background: url(/images/DivPanel/border-left.gif) repeat-y 0 0;
	overflow: auto;
}

.DivPanelHolder[class] .i1 {
	background-image: url(/images/DivPanel/border-left.png);
}

/* the right border */
.DivPanelHolder .i2 {
	padding:0 14px 0 0;
	background:url(/images/DivPanel/border-right.gif) repeat-y 100% 0;
}

.DivPanelHolder[class] .i2 {
	background-image: url(/images/DivPanel/border-right.png);
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.DivPanelHolder .i3 {
	padding: 10px;
}

.DivPanelHolder h3 {
	font-weight: bold;
	font-size: 14px;
	padding: 2px 0 5px 10px;
}