change the default style of the ajax tab

Hi,
    U can change the default style of the ajax tab by applying the cssclass in the ajax tab container. in the following style cssclass is Tab_Theme.

.Tab_Theme .ajax__tab_header

{

    font-family:"Helvetica Neue", Arial, Sans-Serif;

    background:url(/Images/Tab/tab-line.png) repeat-x bottom;  

    height:20PX ;

    font-size:12px;

    display:block;

}

.Tab_Theme .ajax__tab_header .ajax__tab_outer

{

    background:url(/Images/Tab/tab.png) no-repeat left top;   

    border-color:#222;

    color:#222;

    padding-left:10px;

    margin-right:3px;

}

.Tab_Theme .ajax__tab_header .ajax__tab_inner

{

    background:url(/Images/Tab/tab.png) no-repeat right top;

    border-color:#666;

    color:#0067CA;

    font:bold 10pt verdana;   

    padding:3px 10px 2px 0px;

}

.Tab_Theme .ajax__tab_hover .ajax__tab_inner

{

    color:#B80200;

    font:bold 10pt verdana;

}

.Tab_Theme .ajax__tab_active .ajax__tab_outer

{

    background:url(/Images/Tab/tab.png) no-repeat 0pt -40px;

    border-bottom-color:#ffffff;

}

.Tab_Theme .ajax__tab_active .ajax__tab_inner

{

    background:url(/Images/Tab/tab.png) no-repeat right -40px;

    color:#B80200;

    font:bold 10pt verdana;

    border-color:#333

}

.Tab_Theme .ajax__tab_body

{

    font-family:verdana,tahoma,helvetica;

    font-size:10pt;

    padding:8px;

    background-color:#ffffff;

    border:solid 1px #d7d7d7;

    border-top-width:0;

}

 

Happy Coding!!