@CHARSET "utf-8";

.panel .header {
	height: 30px;
	position: relative;
	padding:0;
	margin:0;
}

.panel .header .left {
	color: green;
	width: 10px;
	height: 30px;
	float: left;
	background-image: url('../images/panel/top-left.png');
	float: left;
}

.panel .header .right {
	width: 10px;
	height: 30px;
	float: right;
	background-image: url('../images/panel/top-right.png');
}

.panel .header h1 {
	height: 30px;
	margin: 0;
	float:left;
	line-height: 30px;
	font-size: 12px;
	background-color: #9a999a;
	line-height: 30px;
	color:white;
	overflow: hidden;
	white-space: nowrap;
}

.panel .container {
	background-color: #cfcfcf;
	border: 1px solid #999999;
	border-top: 1px solid black;

}

.panel.collapsible .icon-status {
	float: right;
	line-height: 30xp;
	margin-top: 7px;
	background-image: url('../images/panel/icon-expanded.png');
	width: 16px;
	height: 17px;
}

.panel.collapsible.collapsed .icon-status {
	background-image: url('../images/panel/icon-collapsed.png');
}

.panel .glow {
	background-image: url("../images/panel/glow.png");
	background-repeat: no-repeat;
}

.panel .bottom {
	height:20px;
}

.panel .container-tbar
{
	height:30px;
	line-height: 30px;
	vertical-align: middle;
	padding-left:5px; 	
}
.panel .container-tbar a
{
	text-decoration: none;
}
.panel .container-tbar .icon
{
	vertical-align: text-bottom;	
}

.panel hr
{
	margin:0px;
	padding:0px;
	border-top:1px solid #9a999a;	
	border-bottom:1px solid white;	
}

.grid_12 .shade {
	background-image: url("../images/panel/grid_12/shade.png");
	background-repeat: no-repeat;
}
.grid_12 .panel .header h1 {
	width:920px;
}

.grid_8 .shade {
	background-image: url("../images/panel/grid_8/shade.png");
	background-repeat: no-repeat;
}
.grid_8 .panel .header h1 {
	width:600px;
}

.grid_4 .shade {
	background-image: url("../images/panel/grid_4/shade.png");
	background-repeat: no-repeat;
}

.grid_4 .panel .header h1 {
	width:280px;
}