Design Ajax Tabs In Ajax Tab Container

See more:

ASP.NET

Javascript

CSS

jQuery

Tab

hi, I have created an ajax tab container and have used css for the ajax tab container. (Please see here: http://i.stack.imgur.com/8C0Fk.png[^]).

This is the css I have used:

.tabstyle .ajax__tab_header
{
font-size: 13px;
font-weight: bold;
color: #000;
font-family: sans-serif;
}

.tabstyle .ajax__tab_active .ajax__tab_inner, .tabstyle .ajax__tab_header .ajax__tab_inner, .tabstyle .ajax__tab_hover .ajax__tab_inner
{
height: 46px;
margin-left: 16px;
}
.tabstyle .ajax__tab_active .ajax__tab_tab, .tabstyle .ajax__tab_hover .ajax__tab_tab, .tabstyle .ajax__tab_header .ajax__tab_tab
{
margin: 16px 16px 0px 0px;
}
.tabstyle .ajax__tab_active .ajax__tab_outer { 
    border-left: solid 1px #999999;
    border-top: solid 1px #999999;
    border-right: solid 1px #999999;
    background-color: #d7d7d7;
    font-weight: bold;
    border-style:outset;
} 

.tabstyle .ajax__tab_body
{
font-family: Arial;
font-size: 10pt;
border-top: 0;
border:1px solid #999999;
padding: 8px;
background-color: #ffffff;
}

Question: I want to improve on the design used for my ajax tabs in tab container. Anyone got better css templates or can offer me any suggestion to improve on my current design?

Thanks.