/*
/* use these classes for rounded boxes which need to support unlimited heights
/**********************************************************************************/

/*Rounded Box base*/ 
.rounded {
	margin-bottom: 10px;
}

/*Title*/
.rounded .rbtitle {
	margin: 0;
	display: block;
	position:relative;
}

h2.rbtitle {
	line-height:1.2em;
	*line-height: 1em;
}

h3.rbtitle {
	line-height:1.2em;
	*line-height: 1em;
}

.rounded h3 {
	color:#681510;
}	

/*Title span*/
.rounded .rbtitle .rbtinner,
.rounded .rbtitle span {
	display: block;
	margin-right: 7px;
	padding: .4em;
	padding-left: 10px;
}

/*Outer bottom*/
.rounded .rbcontent {
	padding-bottom: 6px;
	margin-right: 7px;	
	position:relative;		
}

/*Outer bottom*/
.rounded .rbinner {
	background: #fff;
	border: 1px solid #dac7b6;
	border-width: 0 1px;
	padding: 0 10px 10px 10px;
	*padding-top: 1px;
	margin-right: -7px;
	position:relative;
	/* overflow:hidden; */
}

/* IE requires these fixes for nested boxes */
.nestfix {
	*height:20px;
}

.rounded .rounded {
	*margin-bottom:-10px;
}

.rounded .rounded .rounded {
	*margin-bottom:10px;
}

.rbcontent .rbcontent {
	*margin-right:7px;
}

/* light blue theme  -  no header bg color with light blue background and blue border */

/*
.rounded.rbltblue .rbinner {
	padding-top: 0;
}
*/

/* default theme  - white background with blue stroke, needs to be here for nested boxes */

/*
.rounded.default .rbinner {
	padding-top: 0;
	*padding-top: 1px;
}
*/

/* some prefab padding classes for common use cases */

.rounded.thickpadding .rbtitle span,
.rounded.thickpadding .rbinner {
	padding-left:20px;
	padding-right:20px;
}

.rounded.thinpadding .rbtitle span,
.rounded.thinpadding .rbinner {
	padding-left:10px;
	padding-right:10px;
}

.rounded .rbtitle span {
	padding-top: 10px;
}

.rounded .rbinner {
	padding-top: 0px;
	*padding-top: 1px;
}

.rounded.blue .rbinner,
.rounded.orange .rbinner {
	padding-top: 10px;
}

.rounded.nopadding .rbinner {
	padding:10px 0;
}

.rounded.notoppadding .rbinner {
	padding-top:0;
}

.rounded.nobtmpadding .rbinner {
	padding-top:0;
}

/* put fine tuning for special needs boxes here */


/* drop shadows */

.rbshadow-btm,
.rbshadow-side {
	position:absolute;
}

.rbshadow-btm {
	height:9px;
	width: 300px;
	bottom:-5px;
	left:0;
	background: transparent url(images/roundbox/dropshadow.png) no-repeat right bottom;
}

.rbshadow-btm div {
	height:9px;
	width: 10px;
	bottom:-5px;
	left:0;
	background: transparent url(images/roundbox/dropshadow.png) no-repeat -18px bottom;
}

.rbshadow-side {
	height:298px;
	width: 4px;
	top:-36px;
	right:-11px;
	background: transparent url(images/roundbox/dropshadow.png) repeat-y 0 0;
}

/* expanders and collapsers */

.rbaccordian h3.rbtitle {
	color:#0F6DB6;
}

.rounded.rbaccordian .rbtitle span {
	padding-top:.55em;
	margin-bottom:-2px;
	padding-left:33px;
}

.rounded.thickpadding.rbaccordian .rbtitle span {
	padding-left:43px;
}

*html .rounded.thickpadding.rbaccordian .rbtitle span {
	padding-left:33px;
}

.rounded .accordian {
	cursor:pointer;
	padding-bottom:0;
	margin:5px 10px 5px 0;
	height:16px;
	width:16px;
	position:absolute;
	top:0;
	left:0;
}

.rounded.thickbox .accordian {
	left:10px;
}

.rounded .accordian.closed {
	background:transparent url(images/roundbox/plus-minus.png) no-repeat scroll right 2px;
}

.rounded .accordian.open {
	background:transparent url(images/roundbox/plus-minus.png) no-repeat scroll right -48px;
}

.rbtitle.accordian {
	padding: 6px 10px 4px 10px;
}

@media print {
	.rounded {
		border: 1px solid #000;
		border-radius: 8px;
		-moz-border-radius: 8px;
	}
	.rounded canvas {
		display: none !important;
	}
	.rounded .rbinner {
		border: none !important;
		background-color: #fff !important;
	}
}
