div.panel { position: absolute; margin:0; padding:0; top:0; left:0; }

div.panelBox { background: url("../images/panel_shadow.gif") no-repeat bottom right; }
div.panelHeaderBox { padding-right: 5px; height: 28px; background: url("../images/panel_shadow_top.gif") no-repeat top right;  }
div.panelContentBox { padding-bottom: 4px; padding-right: 5px; background: url("../images/panel_shadow_bottom.gif") no-repeat bottom left; }

div.panelHeaderBox div.panelHeader { height: 100%; padding-right: 52px; }
div.panelHeaderBox div.titleBox { font-size: 14px; color: #FFFFFF; font-weight: bold; line-height: 14px; padding: 6px 0 8px 2px; height: 14px; cursor: move; }
div.panelHeaderBox div.buttonsBox { position: relative; float: right; width: 52px; margin-top: -25px; right: -52px;  }

div.panelHeaderBox div.buttonsBox div { float: left; width: 22px; height: 22px; cursor: pointer; margin-right: 4px; }
div.panelHeaderBox div.buttonsBox div.edit { background: url("../images/edit_button.gif") no-repeat top left; }
div.panelHeaderBox div.buttonsBox div.close { background: url("../images/close_button.gif") no-repeat top left; }

div.panelContentBox div.panelContent { border: 1px solid #969696; position: relative; overflow: hidden; }
div.panelContentBox div.panelContent iframe { width: 100%; height: 100%; }
div.panelContentBox div.panelContent div.mouseHolder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/spacer.gif") repeat top left; }
div.panelContentBox div.panelContent div.mousePointer { cursor: pointer; }

div.placeHolder { position: absolute; margin:0; padding:0; top:0; left:0; }

div.placeHolderBox { width: 100%; height: 100%; background: url("../images/panel_shadow.gif") no-repeat bottom right; }
div.placeHolderBox div.shadowTop { padding-right: 5px; background: url("../images/panel_shadow_top.gif") no-repeat top right; }
div.placeHolderBox div.shadowBottom { padding-bottom: 5px; background: url("../images/panel_shadow_bottom.gif") no-repeat bottom left; }
div.placeHolderBox div.placeHolderContent { border: 1px solid #969696; }

div.narrowPanel div.panelHeader
{ background: url("../images/panel_header_bg.png") repeat-x top left; }

div.widePanel div.panelHeader
{ background: url("../images/panel_header_wide_bg.png") repeat-x top left; }

div.narrowPanel
{ width: 275px; }

div.widePanel
{ width: 560px; }