/* @override 
	http://detail.uaw.dev/tl_files/detail/css/t-box.css
	http://ruefetto.de/tl_files/Default/css/t-box.css
*/

.box-handle {
	height: 18px;
	background: #d1d1d1 url(../img/layout/toggler_head.png) repeat-x center top;
	color: #5e768e;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	z-index: 10000;
	position: relative;
}

.box-handle:hover {
	background-color: #5e768e;
	color: white;
}

.box-handle.active {
	background-color: #e1924e;
	color: white;
}
.box-handle:active {
	background-color: #a02e28;
}

.box-wrapper {
	padding: 38px 40px 42px;
	position: relative;
	overflow: visible;
	margin-top: -80px;
}

.box-canvas {
	background-color: #d1d1d1;
	background-image: url(../img/layout/paper.png);
}

.box-canvas #content{
	padding: 10px;
	position: relative;
}

.box-container .box-TL {
	background: url(lb-shadow.png) no-repeat left top;
	height: 50%;
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.box-container .box-TR {
	width: 50%;
	background: url(lb-shadow.png) no-repeat right top;
	height: 50%;
	left: 50%;
	position: absolute;
	top: 0;
	z-index: -1;
}

.box-container .box-BL {
	background: url(lb-shadow.png) no-repeat left bottom;
	width: 50%;
	height: 50%;
	top: 50%;
	position: absolute;
	left: 0;
	z-index: -1;
}

.box-container .box-BR {
	background: url(lb-shadow.png) no-repeat right bottom;
	height: 50%;
	width: 50%;
	left: 50%;
	position: absolute;
	top: 50%;
	z-index: -1;
}

/* @group individual box settings */

div#box_1 {
	float: left;
	position: relative;
	margin-top: 21px;
	width: 250px;
}
div#box_3 {
	position: relative;
	float: left;
	width: 250px;
}

div#box_4 {
	position: relative;
	float: left;
}
div#box_2 {
	position: relative;
	float: left;
}

div#header-box #content {
	padding: 0;
	height: 100px;
}

div#header-box .box-canvas {
	background-color: #60666b;
	background-image: url(../img/layout/concrete2.png);
}

/* @end */