/*  panel.css */

.panel 
	{
 	position:relative;
 	min-width:8em;
 	max-width:1000px;
 	z-index:1;
	margin:5px 21px 7px 21px;
	}

.panel .content,
.panel .t,
.panel .b,
.panel .b div 
	{
 	background:transparent url(/images/panel.png) no-repeat top right;
 	}
	
.panel.orange .content,
.panel.orange .t,
.panel.orange .b,
.panel.orange .b div 
	{
 	background:transparent url(/images/panelOrange.png) no-repeat top right;
	}

.panel .content, 
.panel.orange .content 
	{
 	position:relative;
 	zoom:1;
 	padding:20px 35px 0 25px;
	margin:0;
	}

.panel .t,
.panel.orange .t
	{
 	/* top+left vertical slice */
 	position:absolute;
 	left:0px;
 	top:0px;
 	width:12px; /* top slice width */
 	margin-left:-12px;
 	height:100%;
 	_height:1500px; /* arbitrary long height, IE 6 */
 	background-position:top left;
	}
	
.panel .b,
.panel .b div
	{
 	height:10px; /* height of bottom cap/shade */
 	font-size:1px;
	}

.panel .b,
.panel.orange .b
	{
 	position:relative;
 	width:100%;
 	background-position:bottom right;
	}

.panel .b div,
.panel.orange .b div
	{
 	position:relative;
 	width:12px; /* bottom corner width */
 	margin-left:-12px;
 	background-position:bottom left;
	}

.panel .wrapper 
	{
 	/* extra content protector - preventing vertical overflow (past background) */
 	position:static;
 	max-height:1180px;
 	/*
	overflow:auto;*/
	/* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2 */
	}