/* general styles */
div.roundbox
{
	position: relative;
	min-width: 250px;
	width: 100%;
	height: auto !important;
	height: 15px;
	z-index: 1;
}

div.focus
{
	z-index: 3;
}

div.padder
{
	padding: 20px 0;
}

div.header
{
	padding: 20px 0 0;
}

div.footer
{
	padding: 0 0 20px 0;
}

div.roundbox div.content
{
	position: relative;
	padding: 0 20px;
	overflow: hidden !important;
	overflow: visible;
}

div.roundbox div.top,
div.roundbox div.bottom
{
	position: absolute;
	left: 20px;
	right: 20px;
	width: expression( parseInt( parentNode.offsetWidth ) - 40 );
	height: 20px;
}

div.roundbox div.left,
div.roundbox div.right
{
	position: absolute;
	top: 0;
	width: 20px;
	height: 20px;
}

div.roundbox div.top
{
	top: -20px;
}

div.roundbox div.bottom
{
	bottom: -20px;
}

div.roundbox div.left
{
	left: -20px;
}

div.roundbox div.right
{
	right: -20px;
}

div.roundbox div.corner
{
	background-image: url(/media/image/roundbox/corner.png) !important;
	background-image: url(/media/image/roundbox/corner.gif);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}

div.header div.roundbox div.bottom,
div.footer div.roundbox div.top
{
	position: absolute;
	left: 0px;
	right: auto;
	height: 20px;
	width: 100%;
}

div.header div.roundbox div.bottom div.corner,
div.footer div.roundbox div.top div.corner
{
	display: none;
}

div.header div.roundbox div.content
{
	height: 65px;
}

div.branch div.roundbox h1
{
	padding-left: 40px;
}


/* white version */
div.roundbox div.white 
{
	background-image: url(/media/image/roundbox/white.png); 
}

div.roundbox div.white div.top,
div.roundbox div.white div.bottom,
div.roundbox div.white div.content
{
	background-image: url(/media/image/roundbox/white.png); 
	background-repeat: repeat-y; 
	background-color: #FFF;
	background-position: -20px 0;
}

div.header div.roundbox div.white div.bottom,
div.footer div.roundbox div.white div.top,
div.roundbox div.white div.content
{
	background-position: 0 0;
}

div.roundbox div.white div.top div.left
{
	background-position: 0 0;
}

div.roundbox div.white div.top div.right
{
	background-position: -20px 0;
}

div.roundbox div.white div.bottom div.left
{
	background-position: 0 -20px;
}

div.roundbox div.white div.bottom div.right
{
	background-position: -20px -20px;
}

div.roundbox div.white h1,
div.roundbox div.white .h1,
div.roundbox div.white h2,
div.roundbox div.white .h2,
div.roundbox div.white h3,
div.roundbox div.white .h3,
div.roundbox div.white h4,
div.roundbox div.white .h4,
div.roundbox div.white h5,
div.roundbox div.white .h5,
div.roundbox div.white h6,
div.roundbox div.white .h6
{
	color: #4C9644;
}


/* green version */
div.roundbox div.green,
div.roundbox div.green div.top,
div.roundbox div.green div.bottom,
div.roundbox div.green div.content
{
	background-image: url(/media/image/roundbox/green.png); 
	background-repeat: repeat-y; 
	background-color: #458E3D;
}

div.roundbox div.green div.top,
div.roundbox div.green div.bottom,
div.roundbox div.green div.content
{
	background-position: -20px 0;
}

div.header div.roundbox div.green div.bottom,
div.footer div.roundbox div.green div.top,
div.roundbox div.green div.content
{
	background-position: 0 0;
}

div.roundbox div.green div.top div.left
{
	background-position: 0 -40px;
}

div.roundbox div.green div.top div.right
{
	background-position: -20px -40px;
}

div.roundbox div.green div.bottom div.left
{
	background-position: 0 -60px;
}

div.roundbox div.green div.bottom div.right
{
	background-position: -20px -60px;
}


/* purple version */
div.roundbox div.purple 
{
	color: #FFF;
}

div.roundbox div.purple div.top,
div.roundbox div.purple div.bottom,
div.roundbox div.purple div.content
{
	background-image: url(/media/image/roundbox/purple.png); 
	background-repeat: repeat-y; 
	background-color: #976E9A;
	background-position: -20px 0;
}

div.header div.roundbox div.purple div.bottom,
div.footer div.roundbox div.purple div.top,
div.roundbox div.purple div.content
{
	background-position: 0 0;
}

div.roundbox div.purple div.top div.left
{
	background-position: 0 -80px;
}

div.roundbox div.purple div.top div.right
{
	background-position: -20px -80px;
}

div.roundbox div.purple div.bottom div.left
{
	background-position: 0 -100px;
}

div.roundbox div.purple div.bottom div.right
{
	background-position: -20px -100px;
}

/* focus version */
div.focus div.content
{
	height: auto !important;
	height: 15px;
}
