the display remailns same..
i am not using any skin for RadMultipage
using skin for RadTabStrip
skin i used for RadTabstrip
.RadTabStrip_gvip .rtsLI,
.RadTabStrip_gvip .rtsLink
{
color: #000;
font: 12px/26px "Segoe UI", Arial, sans-serif;
}
.RadTabStrip_gvip .rtsLevel1 .rtsLI,
.RadTabStrip_gvip .rtsLevel1 .rtsLink
{
color: #00156e;
}
.RadTabStrip_gvip .rtsLevel .rtsLink:hover,
.RadTabStrip_gvip .rtsLevel .rtsSelected,
.RadTabStrip_gvip .rtsLevel .rtsSelected:hover
{
text-decoration: underline;
}
.RadTabStrip_gvip .rtsLevel1 .rtsLink:hover,
.RadTabStrip_gvip .rtsLevel1 .rtsSelected,
.RadTabStrip_gvip .rtsLevel1 .rtsSelected:hover
{
text-decoration: none;
}
.RadTabStripLeft_gvip .rtsSeparator,
.RadTabStripRight_gvip .rtsSeparator
{
background: #8DB2E3;
}
/* <disabled tabs> */
.RadTabStrip_gvip .rtsLevel .rtsDisabled
{
color: #666;
}
/* </disabled tabs> */
/* <scrolling arrows> */
.RadTabStrip_gvip .rtsNextArrow,
.RadTabStrip_gvip .rtsPrevArrow,
.RadTabStrip_gvip .rtsPrevArrowDisabled,
.RadTabStrip_gvip .rtsNextArrowDisabled
{
background-image: url('TabStrip/TabStripStates.png');
}
/* </scrolling arrows> */
/* <tab backgrounds> */
.RadTabStrip_gvip .rtsLevel { background: #ccdbee; }
.RadTabStrip_gvip .rtsLevel1 { background-color: #bfdbff; }
.RadTabStripTop_gvip .rtsLevel2 { background: #ccdbee url('TabStrip/Level2Bg.png') repeat-x 0 0; }
.RadTabStripTop_gvip .rtsLevel .rtsLink,
.RadTabStripTop_gvip .rtsLevel .rtsOut { background-image: none; }
.RadTabStripTop_gvip .rtsLevel1 .rtsLink,
.RadTabStripTop_gvip .rtsLevel1 .rtsOut,
.RadTabStripBottom_gvip .rtsLevel1 .rtsLink,
.RadTabStripBottom_gvip .rtsLevel1 .rtsOut,
.RadTabStripTop_gvip .rtsLevel1,
.RadTabStripBottom_gvip .rtsLevel1 { background-image: url('TabStrip/TabStripStates.png'); }
.RadTabStripLeft_gvip .rtsLink,
.RadTabStripRight_gvip .rtsLink { background-image: url('TabStrip/TabStripVStates.png'); }
.RadTabStripLeft_gvip .rtsLast .rtsLink,
.RadTabStripRight_gvip .rtsLast .rtsLink
{
border-bottom: 1px solid #898C95;
}
.RadTabStripRight_gvip .rtsLink,
.RadTabStripRight_gvip .rtsLI .rtsDisabled:hover { background-position: 100% 0; }
.RadTabStripRight_gvip .rtsLink:hover { background-position: 100% -200px; }
.RadTabStripRight_gvip .rtsSelected,
.RadTabStripRight_gvip .rtsSelected:hover { background-position: 100% -400px; }
/* </tab backgrounds> */
/* <background positioning: tabs with hovers> */
/* <orientation: top> */
.RadTabStripTop_gvip .rtsLevel1 .rtsLink { background-position: 0 0; }
.RadTabStripTop_gvip .rtsLevel1 .rtsOut { background-position: 100% 0; }
.RadTabStripTop_gvip .rtsLevel1 .rtsLink:hover { background-position: 0 -52px; }
.RadTabStripTop_gvip .rtsLevel1 .rtsLink:hover .rtsOut { background-position: 100% -52px; }
.RadTabStripTop_gvip .rtsLevel1 .rtsSelected,
.RadTabStripTop_gvip .rtsLevel1 .rtsSelected:hover { background-position: 0 -26px; }
.RadTabStripTop_gvip .rtsLevel1 .rtsSelected .rtsOut,
.RadTabStripTop_gvip .rtsLevel1 .rtsSelected:hover .rtsOut { background-position: 100% -26px; }
.RadTabStripTop_gvip .rtsLevel1 .rtsDisabled:hover { background-position: 0 0; }
.RadTabStripTop_gvip .rtsLevel1 .rtsDisabled:hover .rtsOut { background-position: 100% 0; }
.RadTabStripTop_gvip .rtsLevel1 { background-position: 0 100%; background-repeat: repeat-x; }
/* </orientation: top> */
/* <orientation: bottom> */
.RadTabStripBottom_gvip .rtsLevel1 .rtsLink { background-position: 0 -182px; }
.RadTabStripBottom_gvip .rtsLevel1 .rtsOut { background-position: 100% -182px; }
.RadTabStripBottom_gvip .rtsLevel1 .rtsLink:hover { background-position: 0 -130px; }
.RadTabStripBottom_gvip .rtsLevel1 .rtsLink:hover .rtsOut { background-position: 100% -130px; }
.RadTabStripBottom_gvip .rtsLevel1 .rtsSelected,
.RadTabStripBottom_gvip .rtsLevel1 .rtsSelected:hover { background-position: 0 -156px; }
.RadTabStripBottom_gvip .rtsLevel1 .rtsSelected .rtsOut,
.RadTabStripBottom_gvip .rtsLevel1 .rtsSelected:hover .rtsOut { background-position: 100% -156px; }
.RadTabStripBottom_gvip .rtsLevel1 .rtsDisabled:hover { background-position: 0 -182px; }
.RadTabStripBottom_gvip .rtsLevel1 .rtsDisabled:hover .rtsOut { background-position: 100% -182px; }
.RadTabStripBottom_gvip .rtsLevel1 { background-position: 0 -599px; background-repeat: repeat-x; }
/* </orientation: bottom> */
/* <orientation: right> */
.RadTabStripRight_gvip .rtsUL .rtsLink,
.RadTabStripRight_gvip .rtsUL .rtsLI .rtsDisabled:hover { background-position: 100% 0; text-align: left; }
.RadTabStripRight_gvip .rtsUL .rtsLink:hover { background-position: 100% -200px; }
.RadTabStripRight_gvip .rtsUL .rtsSelected,
.RadTabStripRight_gvip .rtsUL .rtsSelected:hover { background-position: 100% -400px; }
/* </orientation: right> */
/* </background positioning: tabs with hovers> */