Design studio - custom CSS on tabstrip shape & colors issue

Hello,

I try to manage in CSS a tabstrip color for different tab pages, also with their shapes, but still I could not hide all elements from standard display.

On the left side there is al light grey background, which is as large as whole tabstrip.

I though I can hide it with : .sapUiTabStrip { background-image: none; border:solid 1px; border-radius:10px; }, but it's not working.

my code :

.sapUiTab, .sapUiTabDsbl,

.sapUiTabSel {background: #e5e5e5 !important;border-color: #c4c4c4;height:24px; weight:150px;font-family:"Arial";color: #666666;font-size: 12px;font-weight: bold;border-bottom: 2px solid gray; margin-down: 2px !important; }

.sapUiTabSel {background: #b2bf31 !important;border-color: #c4c4c4;height:24px; weight:150px;font-family:"Arial" ;color: #FFFFFF; font-size: 12px;font-weight: bold; margin-down: 2px !important;}

.sapUiTabBar ul.sapUiTabBarCnt {background-image: none; margin-top: -1px; height : 30px; background: #FFFFFF !important;border : none}

.sapUiTabStrip { background-image: none; border:solid 1px; border-radius:10px; }

Could anybody help?

Beata