/* Default styling. Used when JavaScript is unsupported */
.RoundedBox {
	padding: 0 10px;
	margin: 1em 0;
	background: #B9E5E9;
	border: 1px solid #666;
	text-align: left;
}

.RoundedBoxWithoutBorders {
	padding: 0 10px;
	margin: 1em 0;
	background: #B9E5E9;
}

.RoundedBoxHolder {
	text-align: left;
}

/* Rules for the top corners and border */
.RoundedBoxHolder .bt {
	background:url(/resources/images/roundedBox/box.gif) no-repeat 100% 0;
	margin:0 0 0 10px;
	height: 10px;
	font-size: 1px;
	text-align: left;
}

.RoundedBoxHolder[class] .bt {
	background-image: url(/resources/images/roundedBox/box.png);
}

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

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

.RoundedBoxHolder[class] .bb {
	background-image: url(/resources/images/roundedBox/box.png);
}

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

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

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

.RoundedBoxHolder[class] .i1 {
	background-image: url(/resources/images/roundedBox/borders.png);
}

/* the right border */
.RoundedBoxHolder .i2 {
	padding:0 11px 0 0;
	background: url(/resources/images/roundedBox/borders.gif) repeat-y 100% 0;
}

.RoundedBoxHolder[class] .i2 {
	background-image: url(/resources/images/roundedBox/borders.png);
}

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

.RoundedBoxHolder .Tools {
	text-align: right;
}
.RoundedBoxHolder .Tools img {
	margin-left: 5px; 
	cursor: pointer;
}

.RoundedBoxHolder .Tools .Close {
	display: inline-block;
	margin-left: 5px; 
	cursor: pointer;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: url(/resources/images/roundedBox/btn_close.gif)  no-repeat 0 0;
}

.RoundedBoxHolder h4 {
	font-weight: bold;
	font-size: 12px;
	margin-top: -20px;
	padding: 2px 0 10px 0;
}