CSS Style Code for Tabs on a wiki page

[David Barnet]

HI,

I am trying to add some style to the tabs on a Wiki page, found some previous mentioned style, i added but have a couple of issues, on my active tab, I want the font to be white and it dark when selected. I also want to add style to the UI Tabs and assumed, I am sure wrongly, that i can use ui-tab without the s at the end of ui-tabs to do the same. And lastly how can i tell it to extend out my margins on the tabs? I added a screenshot and here is what I have, any suggestion would be very appreciated, I would like to learn on this as well, thanks. 

.home-banner {

                    background: #0052cc;

                    color: #ffffff;

                    font-size: 20px;

                    padding: 20px;

                    }

                    .home-banner h2 {

                    color: #ffffff;

                    }

                    .title-box {

                    border: 1px solid #0052cc;

                    padding: 10px;

                    }

                    .title-box > h2 {

                    background: #0052cc;

                    bottom: 10px;

                    color: #ffffff;

                    margin-left: -10px;

                    margin-right: -10px;

                    padding: 2px 10px;

                    position: relative;

                    }

                   .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a

                    {

                    font-family: times new roman;

                    font-style: bold;      

                    background: #0052cc;

                    color:#ffffff;

                    font-size: 18.5px;

                    }

  .aui-tabs.horizontal-tabs>.tabs-menu>.menu-item a

          {

                   font-family: times new roman;

                   background:#0052cc;

                   color:#ffffff;

                   font-size: 18.5px;

                   }

                   aui-tab.horizontal-tab>.tab-menu>.menu-item.active-tab a

                    {

                    font-family: times new roman;

                    font-style: bold;      

                    background: #0052cc;

                    color:#ffffff;

                    font-size: 18.5px;

                    }

  .aui-tab.horizontal-tab>.tab-menu>.menu-item a

          {

                   font-family: times new roman;

                   background:#0052cc;

                   color:#ffffff;

                   font-size: 18.5px;

                   }

[Zoriana Bogutska_Adaptavist_]

@David Barnet What add-on do you use?