element.style {
width:350px;
}
.x-panel {
border:0pt solid #99BBE8;
}

.x-panel-tl {
background:transparent url(../images/essential/corners-sprite.png) no-repeat scroll 0pt 0pt;

padding-left:6px;
}
.x-panel-tr {
background:transparent url(../images/essential/corners-sprite.png) no-repeat scroll right 0pt;
padding-right:6px;
}
.x-panel-tc {
background:transparent url(../images/essential/top-bottom.gif) repeat-x scroll 0pt 0pt;
overflow:hidden;
}

.x-panel-tl .x-panel-header {
background:transparent none repeat scroll 0%;
border:0pt none;
color:#15428B;
font-family:tahoma,arial,verdana,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:5px 0pt 4px;
}
.x-panel-header {
overflow:hidden;
}
.x-panel-header {
overflow:hidden;
}
.x-unselectable, .x-unselectable * {
-moz-user-select:none;
}
.x-panel-bwrap {
overflow:hidden;
}
.x-panel-ml {
background:#FFFFFF url(../images/essential/left-right.png) repeat-y scroll 0pt 50%;
padding-left:6px;
}
.x-panel-mr {
background:transparent url(../images/essential/left-right.png) repeat-y scroll right 0pt;
padding-right:6px;
}
.x-panel-mc {
background:#f0efe3;
border:0pt none;
font-family:tahoma,arial,helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0pt;
padding:0px;
}
.x-panel-mc .x-panel-body {
background:transparent none repeat scroll 0%;
border:0pt none;

height:auto !important;
height:200px;
min-height:200px;
}
.x-panel-bl {
background:transparent url(../images/essential/corners-sprite.png) no-repeat scroll 0pt bottom;
padding-left:6px;
}
.x-panel-br {
background:transparent url(../images/essential/corners-sprite.png) no-repeat scroll right bottom;
padding-right:6px;
}
.x-panel-bc {
background:transparent url(../images/essential/top-bottom.gif) repeat-x scroll 0pt bottom;
}
.x-panel-bc .x-panel-footer {
padding-bottom:6px;
}
.x-panel-btns-ct {
padding:5px;
}
.x-panel-btns-ct .x-panel-btns-center {
text-align:center;
}

/*---------------*/
.x-chart .x-panel-bc{height:21px}
.x-panel-bc .x-pie{
	background:url(../images/essential/chart_cmd.png) no-repeat; background-position: -51px -0px;
}
.x-panel-bc .x-bar{
	background:url(../images/essential/chart_cmd.png) no-repeat; background-position: -72px -0px;
}
.x-panel-bc .x-line{
	background:url(../images/essential/chart_cmd.png) no-repeat; background-position: -97px -0px;
}
.x-panel-bc .x-zoom-out{
	background:url(../images/essential/chart_cmd.png) no-repeat; background-position: 0px -0px;
}
.x-panel-bc .x-zoom-in{
	background:url(../images/essential/chart_cmd.png) no-repeat; background-position: -29px -0px;
}

.x-panel-bc .x-pie:hover,.x-panel-bc .x-pie-active{
	background-position: -51px -19px;
}
.x-panel-bc .x-bar:hover,.x-panel-bc .x-bar-active{
	background-position: -72px -19px;
}
.x-panel-bc .x-line:hover,.x-panel-bc .x-line-active{
	background-position: -97px -19px;
}
.x-panel-bc .x-zoom-out:hover,.x-panel-bc .x-zoom-out-active{
	background-position: 0px -19px;
}
.x-panel-bc .x-zoom-in:hover,.x-panel-bc .xzoom-in-active{
	background-position: -29px -19px;
}
.x-panel-bc-cmd-left{float:left; cursor:pointer}
.x-panel-bc-cmd-center{ background:#F0EFE3}
.x-panel-bc-cmd-right{ float:right;cursor:pointer}

/*------------------*/
.x-chart-infor {width: 90%;} /*add by binhlt*/
.x-chart-infor .x-panel-bl {
background:transparent url(../images/essential/corners-sprite.png) no-repeat scroll 0pt center;
}
.x-chart-infor .x-panel-br {
background:transparent url(../images/essential/corners-sprite.png) no-repeat scroll right center;
}
.x-chart-infor .x-panel-bc {
background:transparent url(../images/essential/top-bottom.gif) repeat-x scroll 0pt center;
}
.x-chart-infor .x-panel-bc-cmd-center{ background:#F0EFE3}
.x-chart-infor .data td{padding:3px}
.x-chart-infor .data th,.x-chart-infor .data td{ border-left:1px solid #FFFFFF;border-right:1px solid #deddc5; border-bottom:1px solid #deddc5;}
.x-chart-infor .data .clear-boder-left{border-left:0px;}
.x-chart-infor .data .clear-boder-center{border-left:0px;width:15%;text-align:center;font:bold} /*add by binhlt*/
.x-chart-infor .data .clear-boder-right{border-right:0px;width:24%}
.x-chart-infor .data .clear-boder-bottom{border-bottom:0px; padding:3px}
.x-chart-infor .seconde-row td{background:#e8e6d8}

a img {
	border: none;
}