/* BEGIN LAYOUT DEFINITIONS FOR ALL PANELS */
.panel    { float: left; }
.panelM   { overflow: hidden; width: 700px}
.panelFix { padding-top:1px; margin-top:-1px; } /* prevent 'panelRight' extending over 'panelBottomRight' in IE */
.panelTS, .panelBS { width: 1px; height: 30px; } /* the height of the top and bottom slices (this is a fix for IE) */
.panelTL, .panelL, .panelBL { padding-left: 30px;} /* the width of the left edge */ 
.panelTR, .panelR, .panelBR { padding-right: 30px;} /* the width of the right edge */ 
/* END LAYOUT DEFINITIONS FOR ALL PANELS */


/* BEGIN LAYOUT DEFINITIONS FOR NARROW PANELS */
.narrowPanel .panelM { width: 400px}
.narrowPanel .panelTL, .narrowPanel .panelL, .narrowPanel .panelBL { padding-left: 15px;} /* the width of the left edge */ 
.narrowPanel .panelTR, .narrowPanel .panelR, .narrowPanel .panelBR { padding-right: 15px;} /* the width of the right edge */ 
/* END LAYOUT DEFINITIONS FOR NARROW PANELS */


/* BEGIN BACKGROUND-IMAGE DEFINITIONS FOR WHITE (DEFAULT) PANELS */
.panelM   { background: url(../images/panel/white/panelM.png)  repeat; } /* separating this line from the '.panelM' declaration above helps IE5/IE6 render the results of 'changePNGsToGIFs()' more reliably */
.panelTL  { background: url(../images/panel/white/panelTL.png) no-repeat; }
.panelT   { background: url(../images/panel/white/panelT.png)  repeat-x; }
.panelTR  { background: url(../images/panel/white/panelTR.png) no-repeat top right; }
.panelBL  { background: url(../images/panel/white/panelBL.png) no-repeat; }
.panelB   { background: url(../images/panel/white/panelB.png)  repeat-x; }
.panelBR  { background: url(../images/panel/white/panelBR.png) no-repeat top right; }
.panelL   { background: url(../images/panel/white/panelL.png)  repeat-y; }
.panelR   { background: url(../images/panel/white/panelR.png)  repeat-y  top right; }
/* END BACKGROUND-IMAGE DEFINITIONS FOR WHITE (DEFAULT) PANELS */


/* BEGIN BACKGROUND-IMAGE DEFINITIONS FOR BLACK PANELS */
.blackPanel .panelM   { background: url(../images/panel/black/panelM.png)  repeat; } /* separating this line from the '.blackPanel .panelM' declaration above helps IE5/IE6 render the results of 'changePNGsToGIFs()' more reliably */
.blackPanel .panelTL  { background: url(../images/panel/black/panelTL.png) no-repeat; }
.blackPanel .panelT   { background: url(../images/panel/black/panelT.png)  repeat-x; }
.blackPanel .panelTR  { background: url(../images/panel/black/panelTR.png) no-repeat top right; }
.blackPanel .panelBL  { background: url(../images/panel/black/panelBL.png) no-repeat; }
.blackPanel .panelB   { background: url(../images/panel/black/panelB.png)  repeat-x; }
.blackPanel .panelBR  { background: url(../images/panel/black/panelBR.png) no-repeat top right; }
.blackPanel .panelL   { background: url(../images/panel/black/panelL.png)  repeat-y; }
.blackPanel .panelR   { background: url(../images/panel/black/panelR.png)  repeat-y  top right; }
/* END BACKGROUND-IMAGE DEFINITIONS FOR BLACK PANELS */