migration CSS richfaces 3.3.3 to richfaces 4

[med7sassi]

I want to migrate these css classes to RF 4

What are the names of classes in version 4.

.rich-tab-header {

	background: url("../upload/images/bg_tab1_a_finished.png") repeat-x
		scroll 0 0 transparent;
	border-radius: 5px 5px 0 0;
	border: none;
	color: #FFFFFF;
	display: block;
	height: 26px;
	line-height: 29px;
	margin: 0;
	padding: 0 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: auto;
	behavior: url(/byblos/PIE.htc);

}

.rich-tabhdr-side-border {

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-width: 0;
	display: none;

}

.rich-tabhdr-side-cell {

	border-top-style: hidden;
	border-top-width: 0;
	/*border-bottom-style: hidden;
	border-bottom-width: 0;*/

}

.rich-tab-active {

	background: url("../upload/images/bg_tab1_a_hover.png") repeat-x scroll
		center top;
	height: 29px;
	color: #FFFFFF;

}

.rich-tab-disabled {

	background: url("../upload/images/bg_tab1_a_finished.png") repeat-x
		scroll center bottom transparent;
	color: #FFFFFF;

}

.rich-tabpanel-content {

	background-color: inherit;
	border-bottom-color: #BED6F8;
	border-left-color: #BED6F8;
	border-right-color: #BED6F8;
	border: none;

}

.rich-home-tabpanel-content {

	background-color: inherit;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	border-bottom-color: #BED6F8;
	border-left-color: #BED6F8;
	border-right-color: #BED6F8;
	border: 2px solid #99CCFF;
	height: 585px;
	border-top-width: 0px;

}

[fabiobotelho]

Hi Mohamed, did you find the solution for your problem ? I'm facing the same problem.

Thanks,

Fabio Botelho

[med7sassi]

/*Rich TabPanel*/

.rf-tbp {

          height: 100% !important;

          border-spacing: 0 !important;

}

.rf-tab-hdr {

          background: url("../upload/images/bg_tab1_a_finished.png") repeat-x

                    scroll 0 0 transparent !important;

          border-radius: 5px 5px 0 0 !important;

          border: none !important;

          color: #FFFFFF !important;

          display: blockc!important;

          height: 26px !important;

          line-height: 29px !important;

          margin: 0 !important;

          padding: 0 20px !important;

          position: relative !important;

          text-align: center !important;

          text-decoration: none !important;

          width: auto;

          behavior: url(/byblos/PIE.htc) !important;

}

.rf-tab-hdr-brd {

border: 1px solid #BED6F8;

height: 5px;

background: #59ADD3;

}

.rf-tab-hdr-tabline-vis

{background-color: transparent !important;

border-color:transparent !important;

background: transparent !important;

          }

.rich-tabhdr-side-border {

          border-top-style: none !important;

          border-right-style: none !important;

          border-bottom-style: none !important;

          border-left-style: none !important;

          border-width: 0 !important;

          display: none !important;

}

.rf-tab-hdr-top {

          border-top-style: hidden !important;

          border-top-width: 0 !important;

          /*border-bottom-style: hidden;

          border-bottom-width: 0;*/

}

.rf-tab-hdr-act {

          background: url("../upload/images/bg_tab1_a_hover.png") repeat-x scroll

                    center top !important;

          color: #FFFFFF !important;

}

.rf-tab-hdn {

          CURSOR: pointer !important;

          cursor: hand !important;

}

.rf-tab-hdr-dis {

          background: url("../upload/images/bg_tab1_a_finished.png") repeat-x

                    scroll center bottom transparentv !important;

          color: #FFFFFF !important;

}

.rf-tab-cnt {

          background-color: inherit !important;

          border-bottom-color: #BED6F8 !important;

          border-left-color: #BED6F8 !important;

          border-right-color: #BED6F8 !important;

          border: none !important;

          height: 475px !important; 

}