Is it possible to apply a gradient to a panel in the HTML composer? I know it is easy with HTML5, but that is not what I am doing. I have looked through the information via the search but I have not found anything.

This message has been edited. Last edited by: FP Mod Chuck,

I would add a css file via the Insert Web Files option of HTML Composer. In the css file I would reference the ID of the panel where I would place the required gradient css.

Because I'm working with Developer Studio v8.0.08, the HTML file references an old HTML doctype, which does not allow for modern methods of applying gradients.

This works for an HTML page created using HTML Composer v8.0.08 when viewed in Internet Explorer 11:

CSS file:

#panel1 { 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=red, endColorstr=yellow)";
}

I tried to do this but was unable to get it to work. I am unfamiliar with using CSSs or referencing them in HTML composer. I tried to add this in the settings area under the manage CSS and Scripts, but it did not change anything. I am not sure if I was correctly doing what you directed me to do in the composer or if I got the CSS file correct.

Gerndude

Here is an example css file. It uses the 8105 standard classes (ie. IBI_Panel that are referenced but the html properties.

@charset "utf-8";
/* Copyright 1996-2011 Information Builders, Inc. All rights reserved. */

/* CSS Document */


/***** GLOBAL *****/

body {

background: #FFFFFF;

/*background-color: #f2dcdb;*/
cursor: default;
color: #000000;
font: 11px ARIAL;
}

.IBIfield {
font: 11px ARIAL;
}

/*
.IBI_PageBg {
}
.IBI_Focus {
}*/

/***** TOPBAR *****/

.IBI_Topbar {
/* display: none; */
background-color: transparent;
}

.IBI_TopbarTitle {
/* font-size: 24pt;*/
color: #FFFFFF;
}

.IBI_TopbarColumn1 {
background-position: right;
/* background-image:url(../IBI-Graphics/brandingLogo-grey-wide.gif) */
}

.IBI_TopbarColumn2 {
float: left;
/* display: none; */
color: #FFFFFF;
}

/***** FOCUS *****/

.IBI_PageTitle {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #A19CAF;
color: #DFDFEB;
}

.IBI_Description {
color: #DFDFEB;
}

.IBI_HyperlinksBar {
background-color: #ADADC7;
}

/***** TABFOLDER *****/

.IBI_TabfolderContainer{
padding: 10px;
border-width: 1px;
border-style: solid;
border-top-style: none;
border-color: #669;
}

.IBI_TabfolderStrip {
background-color: #7C5359;
}

.IBI_TabfolderStrip a:link, .IBI_TabfolderStrip a:visited {
color: #666;
}

.IBI_TabfolderStrip a:hover{
background-color: #EFF;
color: #000;
}

.IBI_tabItem {
background-color: #9C9598;
border-right-color: #B3B3B3;
color: #C4BFC1;
}

.IBI_tabItem-selected {
background-color: #DAD8DF;
border-color: #DB7194;
color: #838280;
}

/***** CONTROL PANEL *****/

.IBI_Panel {
color: #6F6F6F; font-size: 12; font-weight: bold;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
background: -ms-linear-gradient( #F3F3F3, #989797);
background: -o-linear-gradient( #F3F3F3, #989797);
background: linear-gradient( #F3F3F3, #989797);
filter: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#989797); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#989797)); /* for webkit browsers */
background: -moz-linear-gradient(top, #F3F3F3, #989797); /* for firefox 3.6+ */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_ReportTitle {
color: #FFFFFF;
background-color: #2A5A8B;

}

.IBI_ReportControlPanel {
border: 1px solid #5a201f;

/*border: 1px solid #5a201f;*/

color: Black; font-size: 12; font-weight: bold;
display: block; border-left: solid 0px #708090; border-right: solid 0px #708090;border-top: solid 0px #000000; border-bottom: solid 0px #708090;
background: -ms-linear-gradient( #F3F3F3, #F3F3F3);
background: -o-linear-gradient( #F3F3F3, #F3F3F3);
background: linear-gradient( #F3F3F3, #F3F3F3);
/*Background gradient effect */ filter: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3)); /* for webkit browsers */
background: -moz-linear-gradient(top, #F3F3F3, #F3F3F3); /* for firefox 3.6+ */
/*Rounded corner effect */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_ReportControlLabel {

color: #333333 ; font-weight: bold ; font-size:14; vertical-align:middle; line-height:25px; width: 100px; float: left; text-align: center;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 1px #708090; border-bottom: solid 0px #000000;
background: -ms-linear-gradient( #F3F3F3, #F3F3F3);
background: -o-linear-gradient( #F3F3F3, #F3F3F3);
background: linear-gradient( #F3F3F3, #F3F3F3);
filter: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3), color-stop(0.9, #F3F3F3), color-stop(1.0, #F3F3F3));
background: -moz-linear-gradient(top, #F3F3F3, #F3F3F3); /* for firefox 3.6+ */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
/* Shadow effect */ /* -moz-box-shadow: 0 0 2px 2px #888;-webkit-box-shadow: 0 0 2px 2px #888; box-shadow: 0 0 2px 2px #888; */ }

}

.IBI_ReportControlTarget {
/* border-width: 1px; */
/* border-style: solid; */
/* border-color: #669; */
background-color: #FFFFFF;
color: #000000;
/* font-weight: bold; */
}

.IBI_ReportControlTargetDListFrom{
font: 11px ARIAL;
color: #333333;
}
.IBI_TextEntry { /* for Text INPUT fields */
background-color: #669;
color: #FFF;
}

TEXTAREA {
background-color: #FFFFFF;
color: #000000;
border: 1px solid #5a201f;
}
/* Page Title*/
.pagetitle { color: #ffffff; font-weight: bold; font-size: 16; vertical-align: middle; line-height: 25px; width: 100px; float: left; text-align: center;display: block; /* border: thin solid #708090; */
background: -ms-linear-gradient( #C16125, #DDA988);
background: -o-linear-gradient( #C16125, #DDA988);
background: linear-gradient( #C16125, #DDA988);
/* Background gradient effect*/ filter: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C16125,endColorStr=#DDA988 ); /*for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#C16125), to(#DDA988)); /* for webkit browsers */
background: -moz-linear-gradient(top, #C16125, #DDA988); /* for firefox 3.6+ */
/* Rounded corner effect*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
/* Shadow effect*/ -moz-box-shadow: inset 0 0 4px #888; -webkit-box-shadow: inset -4 -4 4px #888; }

/*.IBI_ButtonPanel{
} */

.IBI_button, .IBI_button2
{
color: #FFFFFF;
border: solid 0px #6fc072;
background: #C16125;
background: -webkit-gradient(linear, left top, left bottom, from(#C16125), to(#C16125));
background: -moz-linear-gradient(top, #C16125, #C16125);
filter: progidXImageTransform.Microsoft.gradient(startColorstr='#C16125', endColorstr='#C16125');
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% ARIAL, ;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.IBI_button
{
text-align: center;
border: 0px solid #707070;
border-radius: 5px;
}

.IBI_button2 {
text-align: center;
border: 0px solid #707070;
border-radius: 5px;
}



.IBI_btn-run {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/run16.gif");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-reset {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/reset.gif");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-up {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_up_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-down {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_down_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-left {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_left_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-right {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_right_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-defer {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/defer.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-schedule {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/schedule.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-navigatenextlast {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/navigate_next_last.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-navigateprevfirst {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/navigate_prev_first.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-search {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/search16.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-saveselection {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/saveparameters_16.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_windowHome {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/home.png");
background-repeat: no-repeat;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_ButtonPanel a:hover {
background-color: #CCC;
border-top-color: #000099;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #000099;
}

.IBI_sliderBG {
background-color: #000;
border: 2px solid #009;
}

.IBI_sliderFG {
background-color: #090;
}

.IBI_ReportDisplay {
background-color: #dea5a3;
}

.IBI_Frame{
/*border: 1px solid #5a201f;*/

color: Black; font-size: 12; font-weight: bold;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
/*Background gradient effect */ filter: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3)); /* for webkit browsers */
background: -moz-linear-gradient(top, #F3F3F3, #F3F3F3); /* for firefox 3.6+ */
/*Rounded corner effect */ -moz-border-bottom-left-radius: 15px 15px; -moz-border-bottom-right-radius: 15px 15px;
-webkit-border-bottom-left-radius: 15px 15px; -webkit-border-bottom-right-radius: 15px 15px; border-bottom-left-radius: 15px 15px; border-bottom-right-radius: 15px 15px;
/* Shadow effect */ -moz-box-shadow: 5px 5px 5px black; -webkit-box-shadow: 5px 5px 5px black; box-shadow: 5px 5px 5px black;

}

.IBI_Report-iFrame{
border: 0px solid #5a201f;
}

.IBI_Radio, .IBI_CheckBox
{
background-color: Transparent;
font-size: 12; font-weight: normal; color: #6F6F6F;
}

.IBI_TextBox, select, fieldset
{
border: 1px solid #C16125;
}

.IBI_tabButton {
TEXT-ALIGN: center;
LINE-HEIGHT: 200%;
CURSOR: pointer
}

.IBI_tabBody {
color: Black; font-size: 12; font-weight: bold;display:
block; border-left: solid 0px #708090; border-right: solid 0px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
/*Background gradient effect */
background: -ms-linear-gradient( #DFDFDF, #DFDFDF);
background: -o-linear-gradient( #DFDFDF, #DFDFDF);
background: linear-gradient( #DFDFDF #DFDFDF);
filter: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DFDFDF,endColorStr=#DFDFDF); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#DFDFDF)); /* for webkit browsers */
background: -moz-linear-gradient(top, #DFDFDF, #DFDFDF); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-bottom-left-radius: 10px 10px; -moz-border-bottom-right-radius: 10px 10px;
-webkit-border-bottom-left-radius: 10px 10px; -webkit-border-bottom-right-radius: 10px 10px;
border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px;
-moz-border-radius: 5px; border-radius: 5px;


}


.IBI_tabButton{

/*this section creates the tab that is not selected.. i added the same style sheet as the tab button selected.. I might want to make it a shade lighter */

color: #333333 ; font-weight: bold ; font-size:14;

filter: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F0F0F0,endColorStr=#F0F0F0); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0), color-stop(0.9, #F0F0F0), color-stop(1.0, #F0F0F0));
background: -moz-linear-gradient(top, #F0F0F0, #F0F0F0); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-radius: 10px;
-webkit-border-top-left-radius: 10px 10px; -webkit-border-top-right-radius: 10px 10px;
border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;


}

.IBI_tabButton_top {
BORDER: Transparent 1px solid;
BORDER-BOTTOM-STYLE: none;
border-top-left-radius : 7px;
border-top-right-radius: 7px;
}

.IBI_tabButton_bottom {
BORDER: Transparent 1px solid;
BORDER-TOP-STYLE: none;
border-bottom-left-radius : 7px;
border-bottom-right-radius: 7px;
}

.IBI_tabButton_right {
BORDER: Transparent 1px solid;
BORDER-LEFT-STYLE: none;
border-top-right-radius : 7px;
border-bottom-right-radius: 7px;
}

.IBI_tabButton_left {
BORDER: Transparent 1px solid;
BORDER-RIGHT-STYLE: none;
border-top-left-radius : 7px;
border-bottom-left-radius: 7px;
}

.IBI_tabButton_top_selected, .IBI_tabButton_bottom_selected, .IBI_tabButton_right_selected, .IBI_tabButton_left_selected {

color: #333333 ; font-weight: bold ; font-size:14;

filter: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#84B90B,endColorStr=#B2CD47); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#84B90B), to(#B2CD47), color-stop(0.9, #B2CD47), color-stop(1.0, #B2CD47));
background: -moz-linear-gradient(top, #84B90B, #B2CD47); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-radius: 15px;
-webkit-border-top-left-radius: 10px 10px; -webkit-border-top-right-radius: 10px 10px;
border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;


}

.IBI_tabButton_top_selected {
BORDER-BOTTOM-STYLE: none;
}

.IBI_tabButton_bottom_selected {
BORDER-TOP-STYLE: none;
}

.IBI_tabButton_right_selected {
BORDER-LEFT-STYLE: none;
}

.IBI_tabButton_left_selected {
BORDER-RIGHT-STYLE: none;
}

.IBI_rounded_s
{
border-radius: 2px;
}

.IBI_rounded_m
{
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_InfoWnd
{
border-radius: 5px;
BORDER: 5px ridge #5a201f;
background-color: #a53c3e;
/* startColorstr='#a53c3e', endColorstr='#ebbbbb' */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBNTNDM0UiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFQkJCQkIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMjEpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, #a53c3e, #ebbbbb);
}

.IBI_InfoWndTitleBar
{
color: #FFF;
background-color: Transparent;
}

.IBI_InfoWndFrame
{
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.IBI_SP1Control_OuterSpan, .IBI_SP1_Main, .IBI_SP1_Settings
{
BACKGROUND-COLOR: #dbf1f2;
}

/*window control max-restore , .IBI_windowMinimize, .IBI_windowFlipLeft, .IBI_windowFlipRight*/
.IBI_windowMaxRestore {
background-color: Transparent;
margin-right: 5px;
}

.IBI_windowRestore
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/restore_16w.png");
}

.IBI_windowMaximize
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/maximize_16w.png");
}

.IBI_windowMinimize
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/minimize_16w.png");
background-color: Transparent;
}

.IBI_windowFlipLeft
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/flippage_right_16.png");
background-color: Transparent;
background-position:right;
}

.IBI_windowFlipRight
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/flippage_left_16.png");
background-color: Transparent;
background-position:left;
margin-right: 5px;
}

.IBI_windowPined
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/pin_16.png");
background-color: Transparent;
}

.IBI_windowNotPined
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/not_pinned_16.png");
background-color: Transparent;
}

.IBI_windowClose {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/close_16.png");
background-color:red;
}

/*tab+window+accordion */
.IBI_MultiContentPlugin, .IBI_SP1Control {
border:0px outset #5a201f;
background-color: #DFDFDF;
border-radius: 5px;
}

.IBI_pageHeader {

Color: #333333;
background: -ms-linear-gradient( #F0F0F0, #F0F0F0);
background: -o-linear-gradient( #F0F0F0, #F0F0F0);
background: linear-gradient( #F0F0F0 #F0F0F0);
filter: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F0F0F0,endColorStr=#F0F0F0); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0), color-stop(0.9, #F0F0F0), color-stop(1.0, #F0F0F0));
background: -moz-linear-gradient(top, #F0F0F0, #F0F0F0); /* for firefox 3.6+ */
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeader_Selected
{
color: #333333 ;
background: -ms-linear-gradient( #84B90B, #B2CD47);
background: -o-linear-gradient( #84B90B, #B2CD47);
background: linear-gradient( #84B90B #B2CD47);
filter: progidXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#84B90B,endColorStr=#B2CD47); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#84B90B), to(#B2CD47), color-stop(0.9, #B2CD47), color-stop(1.0, #B2CD47));
background: -moz-linear-gradient(top, #84B90B, #B2CD47); /* for firefox 3.6+ */
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeader_Vertical
{
Color: #333333;
background-image: -o-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -moz-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -webkit-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -ms-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: linear-gradient(to right, #F0F0F0 0%, #F0F0F0 100%);
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeaderVertical_Selected
{
color: #333333 ;
background-image: -o-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -moz-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -webkit-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -ms-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: linear-gradient(to right, #84B90B 0%, #B2CD47 100%);
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeaderTab_Bottom {
border-radius : 0;
border-top-right-radius: 5px;
border-top-left-radius : 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius : 0px;
}

.IBI_pageHeaderTab_Left {
border-radius : 0;
border-top-right-radius: 5px;
border-top-left-radius : 0px;
border-top-left-radius: 0px;
border-bottom-right-radius : 5px;
}

.IBI_pageHeaderTab_Right {
border-radius : 0;
border-top-right-radius: 5px;
border-bottom-right-radius : 5px;
}

.IBI_windowNavBox {
background-color: #DFDFDF;
border:1px solid #DFDFDF;
opacity:0.5;
border-bottom-left-radius : 5px;
}

.IBI_pageContent {
background-color: Transparent;
}

.IBI_pageContentTab_Top {
border-top:0px solid #5a201f;
}

.IBI_pageContentTab_Bottom {
border-bottom:0px solid #5a201f;
}

.IBI_pageContentTab_Left {
border-left:0px solid #5a201f;
}

.IBI_pageContentTab_Right {
border-right:0px solid #5a201f;
}

.IBI_SPControlLocal {
border: 1px outset #5a201f;
border-radius: 5px;
background-color: #a53c3e;
}

Save this in your content area and call it composer_theme.css

Then from the Settings tab. Click on Internal css and then click on the button to the right of the URL/Find File box that is marked with an A. Navigate to where you saved this css file and choose it. Then on the panel properties insure that the Class identifier(CSS) is IBI_Panel internal_default. I have attached a png showing the settings tab.

I hope this helps you

Chuck Wolff
Focal Point Moderator

Chuck! You're a forum moderator now?! That's awesome! Sure miss having you around already! Dennis is doing an awesome job though trying to fill your shoes. ;-) Just not the same though.

As a forum moderator you may like to know that it's a good idea to post code (particularly HTML code) between code tags:

[code]

your code here

[/code]

Hello Francis

Thank you for giving me that tip. Emily McAllister pointed me the the bbcode site so I now know more bulletin board etiquette to use in the future. I am going to repost the code to insure nothing got arbitrarily deleted.

 
@charset "utf-8";
/* Copyright 1996-2011 Information Builders, Inc. All rights reserved. */

/* CSS Document */


/***** GLOBAL  *****/

body {

background: #FFFFFF;

/*background-color: #f2dcdb;*/
cursor: default;
color: #000000;
font: 11px ARIAL;
}

.IBIfield {
font: 11px ARIAL;
}

/*
.IBI_PageBg {
}
.IBI_Focus {
}*/

/***** TOPBAR   *****/

.IBI_Topbar {
/* display: none; */
background-color: transparent;
}

.IBI_TopbarTitle {
/*    font-size: 24pt;*/
color: #FFFFFF;
}

.IBI_TopbarColumn1 {
background-position: right;
/*    background-image:url(../IBI-Graphics/brandingLogo-grey-wide.gif) */
}

.IBI_TopbarColumn2 {
float: left;
/*    display: none; */
color: #FFFFFF;
}

/***** FOCUS  *****/

.IBI_PageTitle {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #A19CAF;
color: #DFDFEB;
}

.IBI_Description {
color: #DFDFEB;
}

.IBI_HyperlinksBar {
background-color: #ADADC7;
}

/***** TABFOLDER   *****/

.IBI_TabfolderContainer{
padding: 10px;
border-width: 1px;
border-style: solid;
border-top-style: none;
border-color: #669;
}

.IBI_TabfolderStrip {
background-color: #7C5359;
}

.IBI_TabfolderStrip a:link, .IBI_TabfolderStrip a:visited {
color: #666;
}

.IBI_TabfolderStrip a:hover{
background-color: #EFF;
color: #000;
}

.IBI_tabItem {
background-color: #9C9598;
border-right-color: #B3B3B3;
color: #C4BFC1;
}

.IBI_tabItem-selected {
background-color: #DAD8DF;
border-color: #DB7194;
color: #838280;
}

/***** CONTROL PANEL   *****/

.IBI_Panel {
color: #6F6F6F; font-size: 12; font-weight: bold;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
background: -ms-linear-gradient( #F3F3F3,  #989797);
background: -o-linear-gradient( #F3F3F3,  #989797);
background: linear-gradient( #F3F3F3,  #989797);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#989797); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#989797)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F3F3F3,  #989797); /* for firefox 3.6+ */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_ReportTitle  {
color: #FFFFFF;
background-color: #2A5A8B;

}

.IBI_ReportControlPanel {
border: 1px solid #5a201f;

/*border: 1px solid #5a201f;*/

color: Black; font-size: 12; font-weight: bold;
display: block; border-left: solid 0px #708090; border-right: solid 0px #708090;border-top: solid 0px #000000; border-bottom: solid 0px #708090;
background: -ms-linear-gradient( #F3F3F3,  #F3F3F3);
background: -o-linear-gradient( #F3F3F3,  #F3F3F3);
background: linear-gradient( #F3F3F3,  #F3F3F3);
/*Background gradient effect */ filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F3F3F3,  #F3F3F3); /* for firefox 3.6+ */
/*Rounded corner effect */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_ReportControlLabel {

color: #333333 ; font-weight: bold ; font-size:14; vertical-align:middle; line-height:25px; width: 100px; float: left; text-align: center;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 1px #708090; border-bottom: solid 0px #000000;
background: -ms-linear-gradient( #F3F3F3,  #F3F3F3);
background: -o-linear-gradient( #F3F3F3,  #F3F3F3);
background: linear-gradient( #F3F3F3,  #F3F3F3);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3), color-stop(0.9, #F3F3F3), color-stop(1.0, #F3F3F3));
background: -moz-linear-gradient(top,  #F3F3F3,  #F3F3F3); /* for firefox 3.6+ */
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
/* Shadow effect */ /* -moz-box-shadow: 0 0 2px 2px #888;-webkit-box-shadow: 0 0 2px 2px #888; box-shadow: 0 0 2px 2px #888; */ }

}

.IBI_ReportControlTarget {
/*    border-width: 1px; */
/*    border-style: solid; */
/*    border-color: #669; */
background-color: #FFFFFF;
color: #000000;
/*    font-weight: bold; */
}

.IBI_ReportControlTargetDListFrom{
font: 11px ARIAL;
color: #333333;
}
.IBI_TextEntry {  /* for Text INPUT fields */
background-color: #669;
color: #FFF;
}

TEXTAREA {
background-color: #FFFFFF;
color: #000000;
border: 1px solid #5a201f;
}
/* Page Title*/
.pagetitle    { color: #ffffff; font-weight: bold; font-size: 16; vertical-align: middle; line-height: 25px; width: 100px; float: left; text-align: center;display: block; /* border: thin solid #708090; */
background: -ms-linear-gradient( #C16125,  #DDA988);
background: -o-linear-gradient( #C16125,  #DDA988);
background: linear-gradient( #C16125,  #DDA988);
/* Background gradient effect*/ filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C16125,endColorStr=#DDA988 ); /*for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#C16125), to(#DDA988)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #C16125,  #DDA988); /* for firefox 3.6+ */
/* Rounded corner effect*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
/* Shadow effect*/ -moz-box-shadow: inset 0 0 4px #888; -webkit-box-shadow: inset -4 -4 4px #888;  }

/*.IBI_ButtonPanel{
} */

 .IBI_button, .IBI_button2
 {
 color: #FFFFFF;
 border: solid 0px #6fc072;
 background: #C16125;
 background: -webkit-gradient(linear, left top, left bottom, from(#C16125), to(#C16125));
 background: -moz-linear-gradient(top,  #C16125,  #C16125);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C16125', endColorstr='#C16125');
 display: inline-block;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 14px/100% ARIAL, ;
 padding: .5em 2em .55em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
 -webkit-border-radius: .5em;
 -moz-border-radius: .5em;
 border-radius: .5em;
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 box-shadow: 0 1px 2px rgba(0,0,0,.2);
 }

.IBI_button
{
text-align: center;
border: 0px solid #707070;
border-radius: 5px;
}

.IBI_button2 {
text-align: center;
border: 0px solid #707070;
border-radius: 5px;
}



.IBI_btn-run {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/run16.gif");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-reset {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/reset.gif");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-up {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_up_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-down {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_down_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-left {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_left_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-right {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/move_right_16.png");
background-color: Transparent;
background-repeat: no-repeat;
background-position:center;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-defer {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/defer.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-schedule {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/schedule.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
-moz-box-shadow: 0px 0px 0px black; -webkit-box-shadow: 0px 0px 0px black; box-shadow: 0px 0px 0px black;
}

.IBI_btn-navigatenextlast {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/navigate_next_last.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-navigateprevfirst {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/navigate_prev_first.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-search {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/search16.gif");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_btn-saveselection {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/saveparameters_16.png");
background-color: Transparent;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_windowHome {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/home.png");
background-repeat: no-repeat;
filter: alpha(opacity=50);
padding: 0;
}

.IBI_ButtonPanel a:hover {
background-color: #CCC;
border-top-color: #000099;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #000099;
}

.IBI_sliderBG {
background-color: #000;
border: 2px solid #009;
}

.IBI_sliderFG {
background-color: #090;
}

.IBI_ReportDisplay {
background-color: #dea5a3;
}

.IBI_Frame{
/*border: 1px solid #5a201f;*/

color: Black; font-size: 12; font-weight: bold;
display: block; border-left: solid 1px #708090; border-right: solid 1px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
/*Background gradient effect */ filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F3F3F3,endColorStr=#F3F3F3); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#F3F3F3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F3F3F3,  #F3F3F3); /* for firefox 3.6+ */
/*Rounded corner effect */ -moz-border-bottom-left-radius: 15px 15px; -moz-border-bottom-right-radius: 15px 15px;
-webkit-border-bottom-left-radius: 15px 15px; -webkit-border-bottom-right-radius: 15px 15px; border-bottom-left-radius: 15px 15px; border-bottom-right-radius: 15px 15px;
/* Shadow effect */ -moz-box-shadow: 5px 5px 5px black; -webkit-box-shadow: 5px 5px 5px black; box-shadow: 5px 5px 5px black;

}

.IBI_Report-iFrame{
border: 0px solid #5a201f;
}

.IBI_Radio, .IBI_CheckBox
{
background-color: Transparent;
font-size: 12; font-weight: normal; color: #6F6F6F;
}

.IBI_TextBox, select, fieldset
{
border: 1px solid #C16125;
}

.IBI_tabButton {
TEXT-ALIGN: center;
LINE-HEIGHT: 200%;
CURSOR: pointer
}

.IBI_tabBody {
color: Black; font-size: 12; font-weight: bold;display:
block; border-left: solid 0px #708090; border-right: solid 0px #708090;border-top: solid 0px #000000; border-bottom: solid 1px #708090;
/*Background gradient effect */
background: -ms-linear-gradient( #DFDFDF,  #DFDFDF);
background: -o-linear-gradient( #DFDFDF,  #DFDFDF);
background: linear-gradient( #DFDFDF  #DFDFDF);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DFDFDF,endColorStr=#DFDFDF); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#DFDFDF)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #DFDFDF,  #DFDFDF); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-bottom-left-radius: 10px 10px; -moz-border-bottom-right-radius: 10px 10px;
-webkit-border-bottom-left-radius: 10px 10px; -webkit-border-bottom-right-radius: 10px 10px;
border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px;
-moz-border-radius: 5px; border-radius: 5px;


}


.IBI_tabButton{

/*this section creates the tab that is not selected.. i added the same style sheet as the tab button selected.. I might want to make it a shade lighter */

color: #333333 ; font-weight: bold ; font-size:14;

filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F0F0F0,endColorStr=#F0F0F0); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0), color-stop(0.9, #F0F0F0), color-stop(1.0, #F0F0F0));
background: -moz-linear-gradient(top,  #F0F0F0,  #F0F0F0); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-radius: 10px;
-webkit-border-top-left-radius: 10px 10px; -webkit-border-top-right-radius: 10px 10px;
border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;


}

.IBI_tabButton_top {
BORDER: Transparent 1px solid;
BORDER-BOTTOM-STYLE: none;
border-top-left-radius : 7px;
border-top-right-radius: 7px;
}

.IBI_tabButton_bottom {
BORDER: Transparent 1px solid;
BORDER-TOP-STYLE: none;
border-bottom-left-radius : 7px;
border-bottom-right-radius: 7px;
}

.IBI_tabButton_right {
BORDER: Transparent 1px solid;
BORDER-LEFT-STYLE: none;
border-top-right-radius : 7px;
border-bottom-right-radius: 7px;
}

.IBI_tabButton_left {
BORDER: Transparent 1px solid;
BORDER-RIGHT-STYLE: none;
border-top-left-radius : 7px;
border-bottom-left-radius: 7px;
}

.IBI_tabButton_top_selected, .IBI_tabButton_bottom_selected, .IBI_tabButton_right_selected, .IBI_tabButton_left_selected {

color: #333333 ; font-weight: bold ; font-size:14;

filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#84B90B,endColorStr=#B2CD47); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#84B90B), to(#B2CD47), color-stop(0.9, #B2CD47), color-stop(1.0, #B2CD47));
background: -moz-linear-gradient(top,  #84B90B,  #B2CD47); /* for firefox 3.6+ */

/*Rounded corner effect */
-moz-border-radius: 15px;
-webkit-border-top-left-radius: 10px 10px; -webkit-border-top-right-radius: 10px 10px;
border-top-left-radius: 10px 10px; border-top-right-radius: 10px 10px;


}

.IBI_tabButton_top_selected {
BORDER-BOTTOM-STYLE: none;
}

.IBI_tabButton_bottom_selected {
BORDER-TOP-STYLE: none;
}

.IBI_tabButton_right_selected {
BORDER-LEFT-STYLE: none;
}

.IBI_tabButton_left_selected {
BORDER-RIGHT-STYLE: none;
}

.IBI_rounded_s
{
border-radius: 2px;
}

.IBI_rounded_m
{
-webkit-border-top-left-radius: 0px -webkit-border-top-right-radius: 0px -webkit-border-bottom-left-radius: 0px -webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}

.IBI_InfoWnd
{
border-radius: 5px;
BORDER: 5px ridge #5a201f;
background-color: #a53c3e;
/* startColorstr='#a53c3e', endColorstr='#ebbbbb' */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBNTNDM0UiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFQkJCQkIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMjEpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  #a53c3e,  #ebbbbb);
}

.IBI_InfoWndTitleBar
{
color: #FFF;
background-color: Transparent;
}

.IBI_InfoWndFrame
{
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.IBI_SP1Control_OuterSpan, .IBI_SP1_Main, .IBI_SP1_Settings
{
BACKGROUND-COLOR: #dbf1f2;
}

/*window control max-restore ,  .IBI_windowMinimize, .IBI_windowFlipLeft, .IBI_windowFlipRight*/
.IBI_windowMaxRestore {
background-color: Transparent;
margin-right: 5px;
}

.IBI_windowRestore
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/restore_16w.png");
}

.IBI_windowMaximize
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/maximize_16w.png");
}

.IBI_windowMinimize
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/minimize_16w.png");
background-color: Transparent;
}

.IBI_windowFlipLeft
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/flippage_right_16.png");
background-color: Transparent;
background-position:right;
}

.IBI_windowFlipRight
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/flippage_left_16.png");
background-color: Transparent;
background-position:left;
margin-right: 5px;
}

.IBI_windowPined
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/pin_16.png");
background-color: Transparent;
}

.IBI_windowNotPined
{
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/not_pinned_16.png");
background-color: Transparent;
}

.IBI_windowClose {
background-image: url("/ibi_html/javaassist/ibi/html/composer/themes/BIPIB/close_16.png");
background-color:red;
}

/*tab+window+accordion */
.IBI_MultiContentPlugin, .IBI_SP1Control {
border:0px outset #5a201f;
background-color: #DFDFDF;
border-radius: 5px;
}

.IBI_pageHeader {

Color: #333333;
background: -ms-linear-gradient( #F0F0F0,  #F0F0F0);
background: -o-linear-gradient( #F0F0F0,  #F0F0F0);
background: linear-gradient( #F0F0F0  #F0F0F0);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F0F0F0,endColorStr=#F0F0F0); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#F0F0F0), color-stop(0.9, #F0F0F0), color-stop(1.0, #F0F0F0));
background: -moz-linear-gradient(top,  #F0F0F0,  #F0F0F0); /* for firefox 3.6+ */
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeader_Selected
{
color: #333333 ;
background: -ms-linear-gradient( #84B90B,  #B2CD47);
background: -o-linear-gradient( #84B90B,  #B2CD47);
background: linear-gradient( #84B90B  #B2CD47);
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#84B90B,endColorStr=#B2CD47); /* for IE browser */
background: -webkit-gradient(linear, left top, left bottom, from(#84B90B), to(#B2CD47), color-stop(0.9, #B2CD47), color-stop(1.0, #B2CD47));
background: -moz-linear-gradient(top,  #84B90B,  #B2CD47); /* for firefox 3.6+ */
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeader_Vertical
{
Color: #333333;
background-image: -o-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -moz-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -webkit-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: -ms-linear-gradient(right, #F0F0F0 0%, #F0F0F0 100%);
background-image: linear-gradient(to right, #F0F0F0 0%, #F0F0F0 100%);
/* Rounded corner effect*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeaderVertical_Selected
{
color: #333333 ;
background-image: -o-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -moz-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -webkit-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: -ms-linear-gradient(right, #84B90B 0%, #B2CD47 100%);
background-image: linear-gradient(to right, #84B90B 0%, #B2CD47 100%);
border-bottom:0px solid #5a201f;
border-top-left-radius : 0px;
border-top-right-radius: 0px;
}

.IBI_pageHeaderTab_Bottom {
border-radius : 0;
border-top-right-radius: 5px;
border-top-left-radius : 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius : 0px;
}

.IBI_pageHeaderTab_Left {
border-radius : 0;
border-top-right-radius: 5px;
border-top-left-radius : 0px;
border-top-left-radius: 0px;
border-bottom-right-radius : 5px;
}

.IBI_pageHeaderTab_Right {
border-radius : 0;
border-top-right-radius: 5px;
border-bottom-right-radius : 5px;
}

.IBI_windowNavBox {
background-color: #DFDFDF;
border:1px solid #DFDFDF;
opacity:0.5;
border-bottom-left-radius : 5px;
}

.IBI_pageContent {
background-color: Transparent;
}

.IBI_pageContentTab_Top {
border-top:0px solid #5a201f;
}

.IBI_pageContentTab_Bottom {
border-bottom:0px solid #5a201f;
}

.IBI_pageContentTab_Left {
border-left:0px solid #5a201f;
}

.IBI_pageContentTab_Right {
border-right:0px solid #5a201f;
}

.IBI_SPControlLocal {
border: 1px outset #5a201f;
border-radius: 5px;
background-color: #a53c3e;
}

Chuck Wolff
Focal Point Moderator