.panel-output       { background-color: white }

.panel-output-frame-heading   { color: #000; font-weight: bold; font-size: 10px; font-family: Tahoma, Arial; background-image: url(../images/panel/output/frame-heading.gif); text-transform: uppercase; padding-top: 2px }

.panel-output-frame-heading-action-left-blank   { background: url(../images/panel/output/frame-heading-action-left.gif) no-repeat left top; width: 17px; height: 19px }
.panel-output-frame-heading-action-right-blank   { background: url(../images/panel/output/frame-heading-action-right.gif) no-repeat right top; height: 19px }
.panel-output-frame-heading-action-collapse   { background: url(../images/panel/output/frame-heading-action-up.gif) no-repeat; width: 22px; height: 19px; cursor: hand; }
.panel-output-frame-heading-action-expand  { background: url(../images/panel/output/frame-heading-action-down.gif) no-repeat; width: 22px; height: 19px; cursor: hand; }
.panel-output-frame-heading-action-drag { background: url(../images/panel/output/frame-heading-action-drag.gif) no-repeat; width: 17px; height: 19px }
.panel-output-frame-action-search  { background: #800000 url(../images/panel/output/frame-action-search.gif) no-repeat; width: 17px; height: 14px }
.panel-output-frame-action-add { background: url(../images/panel/output/frame-action-add.gif) no-repeat; width: 17px; height: 14px }
.panel-output-frame-action-item  { background: url(../images/panel/output/frame-action-add.gif) no-repeat left top; width: 18px; height: 19px }
.panel-output-frame-mid { background-image: url(../images/panel/output/mid.gif); width: 100%; height: 19px }
.panel-output-frame-end-cap { background: url(../images/panel/output/end-cap.gif) no-repeat left top; width: 2px; height: 19px }
.panel-output-frame-begin-cap { background: url(../images/panel/output/begin-cap.gif) no-repeat left top; width: 2px; height: 19px }

.panel-output-frame-action         { color: #999; font-weight: normal; font-size: 9px; font-family: Tahoma; text-decoration: none; text-transform: uppercase }
.panel-output-frame-action:link { color: #999; font-weight: normal; font-size: 9px; font-family: Tahoma; text-decoration: none; text-transform: uppercase }
.panel-output-frame-action:visited { color: #999; font-weight: normal; font-size: 9px; font-family: Tahoma; text-decoration: none; text-transform: uppercase }
.panel-output-frame-action:hover { color: black; font-weight: normal; font-size: 9px; font-family: Tahoma; text-decoration: none; text-transform: uppercase }
.panel-output-frame-action-box   { background-image: url(../images/panel/output/frame-action-mid.gif); text-transform: uppercase; padding-top: 1px }

/* styles for the banner of a panel */
td.panel-output-banner           { color: #696969; font-size: 11px; font-family: Verdana; text-decoration: none; text-align: left; padding-top: 4px; padding-left: 3px; border-right: 1px solid #696969; border-left: 1px solid #696969 }
td.panel-output-banner a         { color: #696969; font-size: 11px; font-family: Verdana; text-decoration: none; text-align: left; }
td.panel-output-banner a:link    { color: #696969; font-size: 11px; font-family: Verdana; text-decoration: none; text-align: left; }
td.panel-output-banner a:hover   { color: #900; font-size: 11px; font-family: Verdana; text-decoration: none; text-align: left; }
td.panel-output-banner a:visited { color: #696969; font-size: 11px; font-family: Verdana; text-decoration: none; text-align: left; }
.panel-output-banner-footer      { color: #696969; font-size: 11px; font-family: Verdana; text-decoration: none; background-color: #f1eeee; text-align: left; padding-left: 3px; border-right: 1px solid #696969; border-bottom: 1px solid #696969; border-left: 1px solid #696969 }

.panel-output-content     { border-right: 1px solid #696969; border-bottom: 1px solid #696969; border-left: 1px solid #696969 }
.panel-output-content-no-frame {  }
.panel-output-frame-table-action { background-color: white }

.panel-output-tabs  { color: #000000; font-size: 9px; font-family: Verdana; background: url(../images/panel/output/panel-tab-bg.gif) repeat-x left bottom; height: 19px }
.panel-output-tab-active  { color: #ffffff; font-weight: bold; text-decoration: none; background: url(../images/panel/output/panel-tab-active-bg.gif) repeat-x left bottom; margin-right: 4px; margin-left: 3px; padding-right: 5px; padding-left: 5px; border: solid 1px #a9a9a9; height: 15px; cursor: hand }
.panel-output-tab-active:link { color: #900; font-weight: bold; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-output-tab-active:visited { color: #900; font-weight: bold; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-output-tab-active:hover { color: #900; font-weight: bold; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-output-tab  { text-decoration: none; margin-right: 4px; margin-left: 3px; padding: 2px; cursor: hand }
.panel-output-tab:link { color: #8b0000; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-output-tab:visited { color: #8b0000; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-output-tab:active { color: #8b0000; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-output-tab:hover { color: black; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none }

.panel-output-tree-collapse  { background: url(../images/panel/output/tree-collapse.gif) no-repeat; width: 10px; cursor: hand; }
.panel-output-tree-expand  { background: url(../images/panel/output/tree-expand.gif) no-repeat; width: 10px; cursor: hand; }
.panel-output-tree-leaf  { background: url(../images/panel/output/tree-leaf.gif) no-repeat; width: 10px; }

table.panel-layout-table  { width: auto; padding: 5px 0px 5px 0px; }
div.panel-layout-column   { padding-left: 3px; padding-right: 10px; padding-bottom: 10px; }


/*
 * =============================================
 * Styles for the record editor panel
 * =============================================
 */

a.panel-editor-manage-frame-heading:link { text-decoration: none; color: #000000; }
a.panel-editor-manage-frame-heading:visited { text-decoration: none; color: #000000; }
a.panel-editor-manage-frame-heading:hover { text-decoration: underline; }

.panel-editor-frame-heading   { color: #000; font-weight: bold; font-size: 10px; font-family: Tahoma, Arial; background-image: url(../images/panel/output/frame-heading.gif); text-transform: uppercase; padding-top: 0px }

.panel-editor-frame-heading-action-left-blank   { background: url(../images/panel/output/frame-heading-action-left.gif) no-repeat left top; width: 17px; height: 19px }
.panel-editor-frame-heading-action-right-blank   { background: url(../images/panel/output/frame-heading-action-right.gif) no-repeat right top; height: 19px }
.panel-editor-frame-heading-action-collapse   { background: url(../images/panel/output/frame-heading-action-up.gif) no-repeat; width: 22px; height: 19px; cursor: hand; }
.panel-editor-frame-heading-action-expand  { background: url(../images/panel/output/frame-heading-action-down.gif) no-repeat; width: 22px; height: 19px; cursor: hand; }
.panel-editor-frame-heading-action-drag { background: url(../images/panel/output/frame-heading-action-drag.gif) no-repeat; width: 17px; height: 19px }
.panel-editor-frame-action-search  { background: #800000 url(../images/panel/output/frame-action-search.gif) no-repeat; width: 17px; height: 14px }
.panel-editor-frame-action-add { background: url(../images/panel/output/frame-action-add.gif) no-repeat; width: 17px; height: 14px }
.panel-editor-frame-mid { background-image: url(../images/panel/output/mid.gif); width: 100%; height: 19px }
.panel-editor-frame-end-cap { background: url(../images/panel/output/end-cap.gif) no-repeat left top; width: 2px; height: 19px }
.panel-editor-frame-begin-cap { background: url(../images/panel/output/begin-cap.gif) no-repeat left top; width: 2px; height: 19px }

.panel-editor-frame-action-item           { padding-bottom: 1px;background: url(../images/panel/output/mid.gif);  vertical-align: top}
.panel-editor-frame-action-item a         { border-left: 1px solid #dcdcdc; border-bottom: 1px solid #696969; border-top: 1px solid #dcdcdc; border-right: 1px solid #696969; color: #444; font-weight: normal; font-size: 9px; font-family: Tahoma, sans-serif; text-decoration: none; text-transform: lowercase; background: #dddddd }
.panel-editor-frame-action-item a:link    { border-left: 1px solid #dcdcdc; border-bottom: 1px solid #696969; border-top: 1px solid #dcdcdc; border-right: 1px solid #696969; color: #444; font-weight: normal; font-size: 9px; font-family: Tahoma, sans-serif; text-decoration: none; text-transform: lowercase; background: #dddddd }
.panel-editor-frame-action-item a:visited { border-left: 1px solid #dcdcdc; border-bottom: 1px solid #696969; border-top: 1px solid #dcdcdc; border-right: 1px solid #696969; color: #444; font-weight: normal; font-size: 9px; font-family: Tahoma, sans-serif; text-decoration: none; text-transform: lowercase; background: #dddddd }
.panel-editor-frame-action-item a:hover   { border-left: 1px solid #696969; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #696969; border-right: 1px solid #dcdcdc; color: #444; font-weight: normal; font-size: 9px; font-family: Tahoma, sans-serif; text-decoration: none; text-transform: lowercase; background: #ffffff }
.panel-editor-frame-action-box   { background-image: url(../images/panel/output/mid.gif);text-transform: uppercase; padding-top: 0px; vertical-align: top; min-width: 100px; text-align: right;}

/* styles for the banner of a panel */
td.panel-editor-banner           { color: #696969; font-size: 9px; font-family: Verdana; text-decoration: none; text-align: left; padding-top: 4px; padding-right: 4px; border-right: 1px solid #696969; border-left: 1px solid #696969 }
td.panel-editor-banner a         { color: #696969; font-size: 8pt; font-family: Tahoma, Arial; text-decoration: none; text-align: left; padding: 0px 3px 0px 3px; margin: 0px 3px 0px 3px}
td.panel-editor-banner a:link    { color: #696969; font-size: 8pt; font-family: Tahoma, Arial; text-decoration: none; text-align: left; }
td.panel-editor-banner a:hover   { color: black; font-size: 8pt; font-family: Tahoma, Arial; text-decoration: none; text-align: left; }
td.panel-editor-banner a:visited { color: #696969; font-size: 8pt; font-family: Tahoma, Arial; text-decoration: none; text-align: left; }
.panel-editor-banner-footer      { color: #696969; font-size: 9px; font-family: Verdana; text-decoration: none; background-color: #f1eeee; text-align: left; padding-left: 3px; border-right: 1px solid #696969; border-bottom: 1px solid #696969; border-left: 1px solid #696969 }

.panel-editor-content     { border-right: 1px solid #696969; border-bottom: 1px solid #696969; border-left: 1px solid #696969 }
.panel-editor-frame-table-action { background-color: white }

.panel-editor-tabs  { color: #000000; font-size: 9px; font-family: Verdana; background: url(../images/panel/output/panel-tab-bg.gif) repeat-x left bottom; height: 19px }
.panel-editor-tab-active  { color: #ffffff; font-weight: bold; text-decoration: none; background: url(../images/panel/output/panel-tab-active-bg.gif) repeat-x left bottom; margin-right: 4px; margin-left: 3px; padding-right: 5px; padding-left: 5px; border: solid 1px #a9a9a9; height: 15px; cursor: hand }
.panel-editor-tab-active:link { color: #900; font-weight: bold; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-editor-tab-active:visited { color: #900; font-weight: bold; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-editor-tab-active:hover { color: #900; font-weight: bold; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-editor-tab  { text-decoration: none; margin-right: 4px; margin-left: 3px; padding: 2px; cursor: hand }
.panel-editor-tab:link { color: #8b0000; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-editor-tab:visited { color: #8b0000; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-editor-tab:active { color: #8b0000; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none }
.panel-editor-tab:hover { color: black; font-weight: normal; font-size: 9px; font-family: Verdana; text-decoration: none }

.panel-editor-tree-collapse  { background: url(../images/panel/output/tree-collapse.gif) no-repeat; width: 10px; cursor: hand; }
.panel-editor-tree-expand  { background: url(../images/panel/output/tree-expand.gif) no-repeat; width: 10px; cursor: hand; }
.panel-editor-tree-leaf  { background: url(../images/panel/output/tree-leaf.gif) no-repeat; width: 10px; }

.panel-editor-content { width: 100%; padding: 0px; }
table.panel-editor-table { width: 100%; padding: 0px;  }
.panel-editor-content-manage { width: auto; padding: 0px; }
table.panel-editor-table-manage { width: auto; padding: 0px; vertical-align:top }
table.panel-editor-table td.active-content  { backgound: #cc0000; text-align: left; padding: 0px 5px 0px 0px; vertical-align: top;}
table.panel-editor-table-manage td.active-content  { backgound: #cc0000; text-align: left; padding: 0px 5px 0px 0px; vertical-align: top;}
table.panel-editor-table td.display-content { backgound: #cc0000; text-align: left; padding: 0px 0px 0px 0px; vertical-align: top;}
table.panel-editor-table-manage td.display-content { backgound: #cc0000; text-align: left; padding: 0px 0px 0px 0px; vertical-align: top;}
.panel-editor-report    { text-align: left; padding: 0px 0px 0px 0px}