Yeah, I tried this. But I am confused... That's my code so far.
.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active {
background: #529DCC;
background: linear-gradient(to bottom, #5BA9D9, #529DCC) repeat scroll 0 0 #529DCC;
}
.ui-tabs .ui-state-hover {
color: #464646;
}
.ui-tabs .ui-tabs-nav li a {
background: #f0f0f0;
color: #464646;
border-bottom-color: #ccc;
outline: none;
border-radius: 2px 2px 0 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
color: #fff;
background: #6eb4e0;
background-image: linear-gradient(to bottom, #6eb4e0, #529DCC);
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
border: 1px solid #ccc;
background: #6eb4e0;
background-image: linear-gradient(to bottom, #6eb4e0, #529DCC);
font-weight: normal;
color: #fff;
}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
color: #fff;
background: #6eb4e0;
background-image: linear-gradient(to bottom, #6eb4e0, #529DCC);
text-decoration: none
}