@CHARSET "ISO-8859-1";

.BorderBox {
	position: relative;
	padding-bottom:8px;
}

.BorderBox .TopWrapper {
	position: relative;
	overflow: hidden;
	/*padding-top: 1px;*/ /*why 1 px padding?*/
	height: 100%;
	/*width: 100%*/ /*firefox wrong behaviour with floating boxes*/
}

.BorderBox .Content {
	position: relative;
	padding: 8px 10px 0px 10px;
	overflow: hidden;
}

.BorderBox .TopLeft,
.BorderBox .BottomLeft {
	overflow: hidden;		
	right: 60px;
}

/*
	overlaying of shadows does not work in ie 6 because 
	width of left graphics have to be 90% and "right: 60px" does not work here.	
	shadows will not be transparent here.
	
	UPDATE: correct width set with expression -> WORKS!
*/

* html .BorderBox .TopLeft,
* html .BorderBox .BottomLeft {
	/*width: 90%;*/
	width: expression( this.parentNode.clientWidth - 60 + "px" );	
}

* html .BorderBox .TopLeft,
* html .BorderBox .TopRight,
* html .BorderBox .BottomLeft,
* html .BorderBox .BottomRight {
	/*background: white;*/
	z-index: -9999;	
}

.BorderBox .TopLeft {
	position: absolute;
	top: 0px;
	left: 0px;
}

.BorderBox .TopRight {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 60px;	
}

.BorderBox .BottomLeft {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.BorderBox .BottomRight {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 60px;
}

.BorderBox .BottomWrapper {
	position: relative;
	height: 15px;
	overflow: hidden;			
}