@charset "utf-8";
/* CSS Document */

/* Panel Begin */
.panel{
	border:solid 0 #CCCCCC;
	}
.panel-header{
	height:32px;
	line-height:32px;
	font-weight:bold;
	background-image: url(images/panel/panel-header.gif);
	background-repeat: repeat-x;
	background-position: center top;
	clear:both;
}
.panel-header-right{
	height:100%;
	width:100%;
	position:relative;
	background-image: url(images/panel/panel-header-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	clear:both;
}
.panel-header-left{
    float:left;
	height:100%;
	width:100%;
	background-image: url(images/panel/panel-header-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear:both;
}
.panel-header-center{
    float:left;
	height:100%;
	padding:0 0 0 16px;
}
.panel-body{
	background-image: url(images/panel/panel-body.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.panel-body-right{
    float:right;
	width:100%;
	position:relative;
	background:transparent url(images/panel/panel-body-right.gif) repeat-y scroll right center ;
}
.panel-body-left{
    float:left;
	width:100%;
	position:relative;
	background:transparent url(images/panel/panel-body-left.gif) repeat-y scroll left center ;
}
.panel-body-center{
	margin:4px 8px 4px 8px;
	text-align:left;
}
.panel-footer{
	height:48px;
	line-height:32px;
	background-image: url(images/panel/panel-footer.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	clear:both;
}
.panel-footer-right{
	height:100%;
	width:100%;
	position:relative;
	background-image: url(images/panel/panel-footer-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	clear:both;
}
.panel-footer-left{
    float:left;
	height:100%;
	width:100%;
	background-image: url(images/panel/panel-footer-left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.panel-footer-center{
	height:100%;
	padding:0 0 0 16px;
}