/*** Examples ***/

/* Example 1: Panel with corners. */

/*

- [A]: top border height.
- [B]: bottom border height.
- [C]: left border width.
- [D]: right border width.
- [E]: top left corner width.
- [F]: top left corner height.
- [G]: top right corner width.
- [H]: top right corner height.
- [I]: bottom left corner width.
- [J]: bottom left corner height.
- [K]: bottom right corner width.
- [L]: bottom right corner height.

div.example
{
}

div.example > div.body
{
    padding: [A]px [D]px [B]px [C]px;
}

div.example > div.top
{
	background-image: url(Example/Top.png);
	height: [A]px;
    left: [E]px;
	right: [G]px;
}

div.example > div.bottom
{
	background-image: url(example/Bottom.png);
	height: [B]px;
    left: [I]px;
	right: [K]px;
}

div.example > div.left
{
	background-image: url(example/Left.png);
	width: [C]px;
    top: [F]px;
	bottom: [J]px;
}

div.example > div.right
{
	background-image: url(example/Right.png);
	width: [D]px;
    top: [H]px;
	bottom: [L]px;
}

div.example > div.topLeft
{
	background-image: url(example/TopLeft.png);
	width: [E]px;
	height: [F]px;
}

div.example > div.topRight
{
	background-image: url(example/TopRight.png);
	width: [G]px;
	height: [H]px;
}

div.example > div.bottomLeft
{
	background-image: url(example/BottomLeft.png);
	width: [I]px;
	height: [J]px;
}

div.example > div.bottomRight
{
	background-image: url(example/BottomRight.png);
	width: [K]px;
	height: [L]px;
}
*/
/*** Common ***/
div.panel{
    position: relative;
}
div.panel div.body{
    height: 100%;
    position:relative;
}
form.ie div.panel > div.body{
    box-sizing: border-box;
}
form.firefox div.panel > div.body{
    -moz-box-sizing: border-box;
}
form.chrome div.panel > div.body, form.safari div.panel > div.body{
    -webkit-box-sizing: border-box;
}
div.panel > div.top, div.panel > div.bottom, div.panel > div.left, div.panel > div.right, div.panel > div.topLeft, div.panel > div.topRight, div.panel > div.bottomLeft, div.panel > div.bottomRight{
    position: absolute;
}
div.panel > div.top, div.panel > div.bottom{
    left: 0;
    right: 0;
    background-repeat: repeat-x;
}
div.panel > div.left, div.panel > div.right{
    top: 0;
    bottom: 0;
    background-repeat: repeat-y;
}
div.panel > div.topLeft, div.panel > div.topRight, div.panel > div.bottomLeft, div.panel > div.bottomRight{
    background-repeat: no-repeat;
}
div.panel > div.top, div.panel > div.topLeft, div.panel > div.topRight{
    top: 0;
}
div.panel > div.bottom, div.panel > div.bottomLeft, div.panel > div.bottomRight{
    bottom: 0;
}
div.panel > div.left, div.panel > div.topLeft, div.panel > div.bottomLeft{
    left: 0;
}
div.panel > div.right, div.panel > div.topRight, div.panel > div.bottomRight{
    right: 0;
}
/*** Panels ***/
/* Panel1 */
div.panel1 > div.body{
    padding: 10px 11px;
}
div.panel1 > div.top{
    background-image: url(Panel1/Top.png);
    height: 10px;
    left: 10px;
    right: 10px;
}
div.panel1 > div.bottom{
    background-image: url(Panel1/Bottom.png);
    height: 10px;
    left: 10px;
    right: 10px;
}
div.panel1 > div.left{
    background-image: url(Panel1/Left.png);
    width: 10px;
    top: 11px;
    bottom: 11px;
}
div.panel1 > div.right{
    background-image: url(Panel1/Right.png);
    width: 10px;
    top: 11px;
    bottom: 11px;
}
div.panel1 > div.topLeft{
    background-image: url(Panel1/TopLeft.png);
    width: 10px;
    height: 11px;
}
div.panel1 > div.topRight{
    background-image: url(Panel1/TopRight.png);
    width: 10px;
    height: 11px;
}
div.panel1 > div.bottomLeft{
    background-image: url(Panel1/BottomLeft.png);
    width: 10px;
    height: 11px;
}
div.panel1 > div.bottomRight{
    background-image: url(Panel1/BottomRight.png);
    width: 10px;
    height: 11px;
}
div.panel1 table.partChrome td.part{
    background: none;
}
/* Panel2 */
div.panel2{
    background-image: url(Panel2/content.png);
}
div.panel2 > div.body{
    padding: 2px;
}
div.panel2 > div.top{
    background-image: url(Panel2/Top.png);
    height: 2px;
    left: 0;
    right: 0;
}
div.panel2 > div.bottom{
    background-image: url(Panel2/Bottom.png);
    height: 2px;
    left: 0;
    right: 0;
}
div.panel2 > div.left{
    background-image: url(Panel2/Left.png);
    width: 2px;
    top: 5px;
    bottom: 5px;
}
div.panel2 > div.right{
    background-image: url(Panel2/Right.png);
    width: 2px;
    top: 5px;
    bottom: 5px;
}
div.panel2 > div.topLeft{
    background-image: url(Panel2/TopLeft.png);
    width: 2px;
    height: 5px;
}
div.panel2 > div.topRight{
    background-image: url(Panel2/TopRight.png);
    width: 2px;
    height: 5px;
}
div.panel2 > div.bottomLeft{
    background-image: url(Panel2/BottomLeft.png);
    width: 2px;
    height: 5px;
}
div.panel2 > div.bottomRight{
    background-image: url(Panel2/BottomRight.png);
    width: 2px;
    height: 5px;
}
div.panel2 table.partChrome td.partTitle{
    background-image: url(Panel2/partTitle.png);
    padding-top: 22px;
}
div.panel2 table.partChrome td.partTitle a, div.panel2 table.partChrome td.partTitle span{
    color: #000;
}
div.panel2 table.partChrome td.part{
    background: none;
}
/* Panel3 */
div.panel3 > div.body{
    padding: 0;
    background-image: url(Panel3/Absinthe.jpg);
}
div.panel3 > div.top{
    background-image: url(Panel3/Top.png);
    height: 6px;
    left: 10px;
    right: 10px;
}
div.panel3 > div.bottom{
    background-image: url(Panel3/Bottom.png);
    height: 6px;
    left: 10px;
    right: 10px;
}
div.panel3 > div.left{
    background-image: url(Panel3/Left.png);
    width: 6px;
    top: 10px;
    bottom: 10px;
}
div.panel3 > div.right{
    background-image: url(Panel3/Right.png);
    width: 6px;
    top: 10px;
    bottom: 10px;
}
div.panel3 > div.topLeft{
    background-image: url(Panel3/TopLeft.png);
    width: 10px;
    height: 10px;
}
div.panel3 > div.topRight{
    background-image: url(Panel3/TopRight.png);
    width: 10px;
    height: 10px;
}
div.panel3 > div.bottomLeft{
    background-image: url(Panel3/BottomLeft.png);
    width: 10px;
    height: 10px;
}
div.panel3 > div.bottomRight{
    background-image: url(Panel3/BottomRight.png);
    width: 10px;
    height: 10px;
}
div.panel3 table.partChrome td.partTitle{
    background-image: none;
}
div.panel3 table.partChrome td.part{
    background: none;
}
/* Panel4 */
div.panel4 > div.body{
    padding: 0;
    background-image: url(Panel4/metal2.png);
}
div.panel4 > div.top{
    background-image: url(Panel4/top.png);
    height: 6px;
    left: 0;
    right: 0;
}
div.panel4 > div.bottom{
    background-image: url(Panel4/Bottom.png);
    height: 6px;
    left: 10px;
    right: 10px;
}
div.panel4 > div.left{
    background-image: url(Panel4/Left.png);
    width: 6px;
    top: 0;
    bottom: 10px;
}
div.panel4 > div.right{
    background-image: url(Panel4/Right.png);
    width: 6px;
    top: 0;
    bottom: 10px;
}
div.panel4 > div.topLeft{
    width: 0;
    height: 0;
}
div.panel4 > div.topRight{
    width: 0;
    height: 0;
}
div.panel4 > div.bottomLeft{
    background-image: url(Panel4/BottomLeft.png);
    width: 10px;
    height: 10px;
}
div.panel4 > div.bottomRight{
    background-image: url(Panel4/BottomRight.png);
    width: 10px;
    height: 10px;
}
div.panel4 table.partChrome td.partTitle{
    background-image: url(Panel4/metal1.png);
}
div.panel4 table.partChrome td.partTitle a, div.panel4 table.partChrome td.partTitle span{
    color: #000;
}
div.panel4 table.partChrome td.part{
    background: none;
    padding: 6px;
}
/* Panel5 */
div.panel5 > div.body{
    padding: 0;
    background: url(Panel5/page_bg.png) white top right repeat-y;
}
div.panel5 table.partChrome td.partTitle{
    background-image: url(Panel5/blackstripes.jpg);
    color: #000;
}
div.panel5 table.partChrome td.part{
    background: none;
}
/* Panel6 */
div.panel6 > div.body{
    padding: 0;
    background: #fff;
}
div.panel6 > div.top{
    background-image: url(Panel6/top.png);
    height: 2px;
    left: 0;
    right: 0;
}
div.panel6 > div.bottom{
    background-image: url(Panel6/Bottom.png);
    height: 2px;
    left: 0;
    right: 0;
}
div.panel6 > div.left{
    background-image: url(Panel6/Left.png);
    width: 2px;
    top: 0;
    bottom: 0;
}
div.panel6 > div.right{
    background-image: url(Panel6/Right.png);
    width: 2px;
    top: 0;
    bottom: 0;
}
div.panel6 > div.topLeft{
    background-image: url(Panel6/topLeft.png);
    width: 2px;
    height: 5px;
}
div.panel6 > div.topRight{
    background-image: url(Panel6/topRight.png);
    width: 2px;
    height: 5px;
}
div.panel6 > div.bottomLeft{
    background-image: url(Panel6/BottomLeft.png);
    width: 2px;
    height: 5px;
}
div.panel6 > div.bottomRight{
    background-image: url(Panel6/BottomRight.png);
    width: 2px;
    height: 5px;
}
div.panel6 table.partChrome td.partTitle{
    background-image: url(Panel6/partTitle.png);
}
div.panel6 table.partChrome td.partTitle a, div.panel6 table.partChrome td.partTitle span{
    color: #000;
}
div.panel6 table.partChrome td.part{
    background: none;
    padding: 6px;
}
/* Panel7 */
div.panel7 > div.body{
    padding: 0px;
    background: url(Panel7/body.png) white right top repeat-y;
}
div.panel7 > div.top{
    background-image: url(Panel7/top.png);
    height: 6px;
    left: 0;
    right: 0;
}
div.panel7 > div.bottom{
    background-image: url(Panel7/Bottom.png);
    height: 10px;
    left: 10px;
    right: 10px;
}
div.panel7 > div.left{
    background-image: url(Panel7/Left.png);
    width: 6px;
    top: 10px;
    bottom: 10px;
}
div.panel7 > div.right{
    background-image: url(Panel7/Right.png);
    width: 10px;
    top: 10px;
    bottom: 10px;
}
div.panel7 > div.topLeft{
    width: 0;
    height: 0;
}
div.panel7 > div.topRight{
    width: 0;
    height: 0;
}
div.panel7 > div.bottomLeft{
    background-image: url(Panel7/BottomLeft.png);
    width: 10px;
    height: 10px;
}
div.panel7 > div.bottomRight{
    background-image: url(Panel7/BottomRight.png);
    width: 10px;
    height: 10px;
}
div.panel7 table.partChrome td.partTitle{
    background-image: url(Panel7/partTitle.png);
}
div.panel7 table.partChrome td.partTitle a, div.panel7 table.partChrome td.partTitle span{
    color: #000;
}
div.panel7 table.partChrome td.part{
    background: none;
    padding: 6px;
}
/* PanelDSGI */
div.panelDSGI > div.body{
    padding: 10px;
}
div.panelDSGI > div.top{
    background-image: url(DSGI/Top.png);
    height: 6px;
    left: 10px;
    right: 10px;
}
div.panelDSGI > div.bottom{
    background-image: url(DSGI/Bottom.png);
    height: 6px;
    left: 10px;
    right: 10px;
}
div.panelDSGI > div.left{
    background-image: url(DSGI/Left.png);
    width: 6px;
    top: 10px;
    bottom: 10px;
}
div.panelDSGI > div.right{
    background-image: url(DSGI/Right.png);
    width: 6px;
    top: 10px;
    bottom: 10px;
}
div.panelDSGI > div.topLeft{
    background-image: url(DSGI/TopLeft.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI > div.topRight{
    background-image: url(DSGI/TopRight.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI > div.bottomLeft{
    background-image: url(DSGI/BottomLeft.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI > div.bottomRight{
    background-image: url(DSGI/BottomRight.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI table.partChrome td.part{
    background: none;
}
div.panelDSGI1{
   background: #fff;
}
div.panelDSGI1 table.partChrome td.partTitle{ 
	background: url(DSGI1/Top.png) !important;	
	border:none!important;
	height:21px;	
}
div.panelDSGI1 table.partChrome td.partTitle span{
	padding-left:0;
}
div.panelDSGI1 > div.body{
    padding: 0 10px 10px 10px;
}
div.panelDSGI1 > div.top{
    height: 25px;
    left: 10px;
    right: 10px;
}
div.panelDSGI1 > div.bottom{
    background-image: url(DSGI1/Bottom.png);
    height: 6px;
    left: 10px;
    right: 10px;
}
div.panelDSGI1 > div.left{
    background-image: url(DSGI1/Left.png);
    width: 6px;
    top: 0;
    bottom: 0;
}
div.panelDSGI1 > div.right{
    background-image: url(DSGI1/Right.png);
    width: 6px;
    top: 0;
    bottom: 0;
}
div.panelDSGI1 > div.topLeft{
    background-image: url(DSGI1/TopLeft.png);
    width: 10px;
    height: 25px;
}
div.panelDSGI1 > div.topRight{
    background-image: url(DSGI1/TopRight.png);
    width: 10px;
    height: 25px;
}
div.panelDSGI1 > div.bottomLeft{
    background-image: url(DSGI1/BottomLeft.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI1 > div.bottomRight{
    background-image: url(DSGI1/BottomRight.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI1 table.partChrome td.part{
    background: none;
}
div.panelDSGI2 {
    background: #fff;
}
div.panelDSGI2 table.partChrome td.partTitle{ 
	background: url(DSGI2/Top.png) !important;	
	border:none!important;
	height:21px;	
}
div.panelDSGI2 table.partChrome td.partTitle span{
	padding-left:0;
}
div.panelDSGI2 > div.body{
    padding: 0 10px 10px 10px;
}
div.panelDSGI2 > div.top{
    height: 25px;
    left: 10px;
    right: 10px;
}
div.panelDSGI2 > div.bottom{
    background-image: url(DSGI2/Bottom.png);
    height: 6px;
    left: 10px;
    right: 10px;
}
div.panelDSGI2 > div.left{
    background-image: url(DSGI2/Left.png);
    width: 6px;
    top: 0;
    bottom: 0;
}
div.panelDSGI2 > div.right{
    background-image: url(DSGI2/Right.png);
    width: 6px;
    top: 0;
    bottom: 0;
}
div.panelDSGI2 > div.topLeft{
    background-image: url(DSGI2/TopLeft.png);
    width: 12px;
    height: 25px;
}
div.panelDSGI2 > div.topRight{
    background-image: url(DSGI2/TopRight.png);
    width: 12px;
    height: 25px;
}
div.panelDSGI2 > div.bottomLeft{
    background-image: url(DSGI2/BottomLeft.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI2 > div.bottomRight{
    background-image: url(DSGI2/BottomRight.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI2 table.partChrome td.part{
    background: none;
}
/* PanelDSGI3 */
div.panelDSGI3 > div.body{
    padding: 10px 5px;
}
div.panelDSGI3 > div.top{
    background-color: #353535;
    height: 10px;
    left: 10px;
    right: 10px;
}
div.panelDSGI3 > div.bottom{
    background-color: #353535;
    height: 10px;
    left: 10px;
    right: 10px;
}
div.panelDSGI3 > div.left{
    background-color: #353535;
    width: 5px;
    top: 10px;
    bottom: 10px;
}
div.panelDSGI3 > div.right{
    background-color: #353535;
    width: 5px;
    top: 10px;
    bottom: 10px;
}
div.panelDSGI3 > div.topLeft{
    background-image: url(DSGI3/TopLeft.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI3 > div.topRight{
    background-image: url(DSGI3/TopRight.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI3 > div.bottomLeft{
    background-image: url(DSGI3/BottomLeft.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI3 > div.bottomRight{
    background-image: url(DSGI3/BottomRight.png);
    width: 10px;
    height: 10px;
}
div.panelDSGI3 table.partChrome td.part{
    background-color: #353535;
}
div.panelDSGI4 > div.body{
    padding: 0;
}
div.panelDSGI4 > div.left{
    background: url(DSGI4/Left.png) no-repeat;
    width: 7px;
    top: 0;
    bottom: 0;
}
div.panelDSGI4 > div.right{
    background: url(DSGI4/Right.png) no-repeat;
    width: 7px;
    top: 0;
    bottom: 0;
}
div.panelDSGI4 table.partChrome td.part{
     background: url(DSGI4/bg.png) repeat-x;
}
div.panelCPR1{
     background: url(CPR1/tab.jpg) repeat-x 0 0;
}
div.MenuBlack{
     background: url(MenuBackgroundImages/catitleblack.jpg) repeat-x 0 0;
}
div.MenuChaki{
     background: url(MenuBackgroundImages/catitlechaki.jpg) repeat-x 0 0;
}
div.MenuCoraline{
     background: url(MenuBackgroundImages/coraline.png) repeat-x 0 0;
}
div.MenuDarkGreen{
     background: url(MenuBackgroundImages/catitledarkgreen.jpg) repeat-x 0 0;
}
div.MenuGray{
     background: url(MenuBackgroundImages/catitlegray.jpg) repeat-x 0 0;
}
div.MenuGreen{
     background: url(MenuBackgroundImages/catitlegreen.jpg) repeat-x 0 0;
}
div.MenuLightGreen{
     background: url(MenuBackgroundImages/catitlelightgreen.jpg) repeat-x 0 0;
}
div.MenuOrange{
     background: url(MenuBackgroundImages/catitleorange.jpg) repeat-x 0 0;
}
div.MenuPurple{
     background: url(MenuBackgroundImages/catitlepurple.jpg) repeat-x 0 0;
}
div.MenuRed{
     background: url(MenuBackgroundImages/catitlered.png) repeat-x 0 0;
}
div.panelDSGI5 > div.body{
    padding: 0px 5px;
}
div.panelDSGI5 > div.left{
    background: url(DSGI5/Left.png) no-repeat;
    width: 5px;
    top: 0;
    bottom: 0;
}
div.panelDSGI5 > div.right{
    background: url(DSGI5/Right.png) no-repeat;
    width: 5px;
    top: 0;
    bottom: 0;
}
div.panelDSGI5 table.partChrome td.part{
    background: url(DSGI5/menubg.png) repeat-x;
}
div.panelDSGI6 table.partChrome td.partTitle{ 
	background: url(DSGI6/top.png) repeat-x;	
	border:none!important;
	padding:0;
	margin:0;
	height: 30px;
}
div.panelDSGI6 table.partChrome td.partTitle span{
	padding-left:0;
	color:#444;	
}
div.panelDSGI6 > div.body{
    padding: 0 6px 6px 6px;
}
div.panelDSGI6 > div.bottom{
    background-image: url(DSGI6/Bottom.png);
    height: 6px;
    left: 6px;
    right: 6px;
}
div.panelDSGI6 > div.left{
    background-image: url(DSGI6/Left.png);
    width: 6px;
    top: 30px;
    bottom: 6px;
}
div.panelDSGI6 > div.right{
    background-image: url(DSGI6/Right.png);
    width: 6px;
    top: 30px;
    bottom: 6px;
}
div.panelDSGI6 > div.topLeft{
    background-image: url(DSGI6/TopLeft.png);
    width: 6px;
    height: 30px;
}
div.panelDSGI6 > div.topRight{
    background-image: url(DSGI6/TopRight.png);
    width: 6px;
    height: 30px;
}
div.panelDSGI6 > div.bottomLeft{
    background-image: url(DSGI6/BottomLeft.png);
    width: 6px;
    height: 6px;
}
div.panelDSGI6 > div.bottomRight{
    background-image: url(DSGI6/BottomRight.png);
    width: 6px;
    height: 6px;
}
div.panelDSGI6 table.partChrome td.part{
    background: #fff;
}
div.panelDSGI7{
    float:left;
}
div.panelDSGI7 > div.body{
    padding: 0 6px;
}
div.panelDSGI7 > div.left{
    background: url(DSGI7/Left.png) no-repeat;
    width: 6px;
    top: 0;
    bottom: 0;
}
div.panelDSGI7 > div.right{
    background: url(DSGI7/Right.png) no-repeat;
    width: 6px;
    top: 0;
    bottom: 0;
}
div.panelDSGI7 table.partChrome{
  width:auto!important;
}
div.panelDSGI8 > div.body{
    padding: 0 6px 0 26px;
}
div.panelDSGI8 > div.left{
    background: url(DSGI8/Left.png) no-repeat;
    width: 26px;
    top: 0;
    bottom: 0;
}
div.panelDSGI8 > div.right{
    background: url(DSGI8/Right.png) no-repeat;
    width: 6px;
    top: 0;
    bottom: 0;
}
div.panelDSGI8 table.partChrome td.part{
     background: url(DSGI8/bg.png) repeat-x;
     height:30px;
}
div.panelDSGI9 > div.body{
    padding: 0 6px 6px 6px;
}
div.panelDSGI9 > div.top{
    height: 30px;
    left: 6px;
    right: 6px;
}
div.panelDSGI9 > div.bottom{
    background-image: url(DSGI6/Bottom.png);
    height: 6px;
    left: 6px;
    right: 6px;
}
div.panelDSGI9 > div.left{
    background-image: url(DSGI6/Left.png);
    width: 6px;
    top: 30px;
    bottom: 6px;
}
div.panelDSGI9 > div.right{
    background-image: url(DSGI6/Right.png);
    width: 6px;
    top: 30px;
    bottom: 6px;
}
div.panelDSGI9 > div.topLeft{
    background-image: url(DSGI6/TopLeft.png);
    width: 6px;
    height: 30px;
}
div.panelDSGI9 > div.topRight{
    background-image: url(DSGI6/TopRight.png);
    width: 6px;
    height: 30px;
}
div.panelDSGI9 > div.bottomLeft{
    background-image: url(DSGI6/BottomLeft.png);
    width: 6px;
    height: 6px;
}
div.panelDSGI9 > div.bottomRight{
    background-image: url(DSGI6/BottomRight.png);
    width: 6px;
    height: 6px;
}
div.panelDSGI9 table.partChrome td.part{
    background: #fff;
}
div.panelDSGI10 > div.body{
    padding: 0px 6px;
}
div.panelDSGI10 > div.top{
    height: 30px;
    left: 6px;
    right: 6px;
}
div.panelDSGI10 > div.bottom{
    height: 0px;
    left: 6px;
    right: 6px;
}
div.panelDSGI10 > div.left{
    background-image: url(DSGI6/Left.png);
    width: 6px;
    top: 30px;
    bottom: 6px;
}
div.panelDSGI10 > div.right{
    background-image: url(DSGI6/Right.png);
    width: 6px;
    top: 30px;
    bottom: 6px;
}
div.panelDSGI10 > div.topLeft{
    background-image: url(DSGI6/TopLeft.png);
    width: 6px;
    height: 30px;
}
div.panelDSGI10 > div.topRight{
    background-image: url(DSGI6/TopRight.png);
    width: 6px;
    height: 30px;
}
div.panelDSGI10 > div.bottomLeft{
    background-image: url(DSGI10/BottomLeft.png);
    width: 6px;
    height: 30px;
}
div.panelDSGI10 > div.bottomRight{
    background-image: url(DSGI10/BottomRight.png);
    width: 6px;
    height: 30px;
}
div.panelDSGI10 table.partChrome td.part{
    background: url(DSGI10/panelbg.png) white repeat-y left top;
}
div.panelDSGI11 table.partChrome td.partTitle{ 
	background: url(DSGI11/top.png) repeat-x;	
	border:none!important;
	padding:0;
	margin:0;
	height: 30px;
}
div.panelDSGI11 table.partChrome td.partTitle span{
	padding-left:0;
	color:#444;	
}
div.panelDSGI11 > div.body{
    padding: 0 6px 6px 6px;
}
div.panelDSGI11 > div.bottom{
    background:none;
    height: 0;
    left: 6px;
    right: 6px;
}
div.panelDSGI11 > div.left{
    background-image: url(DSGI11/Left.png);
    width: 6px;
    top: 30px;
    bottom: 6px;
    margin-bottom:6px;
}
div.panelDSGI11 > div.right{
    background-image: url(DSGI11/Right.png);
    width: 6px;
    top: 30px;
    bottom: 6px;
    margin-bottom:6px;
}
div.panelDSGI11 > div.topLeft{
    background-image: url(DSGI11/TopLeft.png);
    width: 6px;
    height: 30px;
}
div.panelDSGI11 > div.topRight{
    background-image: url(DSGI11/TopRight.png);
    width: 6px;
    height: 30px;
}
div.panelDSGI11 > div.bottomLeft{
    background-image: url(DSGI11/BottomLeft.png);
    width: 6px;
    height: 30px;
    margin-bottom:6px;
}
div.panelDSGI11 > div.bottomRight{
    background-image: url(DSGI11/BottomRight.png);
    width: 6px;
    height: 30px;
    margin-bottom:6px;
}
div.panelDSGI11 table.partChrome td.part{
    background: #fff;
}
div.panelCPR2 > div.body{
   background-color:#D8D7D7;
}
div.panelCPR2 > div.left{
    background: url(CPR2/left.png) no-repeat;
    width: 12px;
    top: 0;
    bottom: 0;
}
div.panelCPR2 > div.right{
    background: url(CPR2/right.png) no-repeat;
    width: 12px;
    top: 0;
    bottom: 0;
}
div.panelBG, div.panelBG table.partChrome td.part{
   background:#ebebed;
}
div.panelElect{
  width:955px;
}
div.panelElect > div.body{
    padding: 0 12px 0 12px;
}
div.panelElect > div.left{
    background: url(Elect/left.png) no-repeat;
    width: 12px;
    top: 0;
    bottom: 0;
}
div.panelElect > div.right{
    background: url(Elect/right.png) no-repeat;
    width: 12px;
    top: 0;
    bottom: 0;
}
div.panel.panelElect table.partChrome td.part{
     background: url(Elect/center.png) repeat-x;
     height:51px;
}
div.panelIn{
  	border-left: solid 1px #adadad;
	border-right: solid 1px #adadad;
	background:#fff;
}
div.panelIn > div.body{
    padding: 0 0 10px 0;
}
div.panelIn > div.bottom{
    background: url(In/Bottom.png);
    height: 25px;
    left: 0;
    right: 0;
}
div.panelIn > div.bottomRight{
    background-image: url(In/BottomRight.png);
    width: 10px;
    height: 25px;
    right:-1px;
}
div.panelIn table.partChrome td.partTitle{
   background: url(In/Title.gif) repeat-x;
}
div.panelIn table.partChrome td.partTitle span{
   background-image:none!important;
}
div.panelIn table.partChrome td.part{
  background-image:none!important;
  background:#fff;
}
div.In td.Title span{
    color:#fff;
    font-size:12px;
    display:block;
}
div.panelCPR{
	background: url(CPR/tab.jpg) repeat-x;
	height: 28px;
}
div.panelCA4{
    background:url(CA4/bg.png) repeat-x;
 }
div.panelCA4 div.right{
    background: url(CA4/right.png) no-repeat 100% 0;
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:100%;
}
 div.panelCA4 div.left{
    background: url(CA4/left.png) no-repeat 0 0;
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:100%;
}