div#tabs {
    margin-top: 3px;
}

/* Interaction states
----------------------------------*/
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    outline: none;
    width: 239px;
    float:left;
    text-align: center;
    font-size: 115%;
    padding: 10px 0 9px 0;
    display:block;
    text-decoration: none;
    color: #ffffff;
    border-left: 1px solid #3060AB;
    border-right: 1px solid #264582;
    background: #274784 url(/images/banner_tab_normal.jpg) repeat-x center bottom;
    margin-bottom: 9px;
}

.ui-state-default a.p1,
.ui-state-default a.p1:link,
.ui-state-default a.p1:visited {
    border-left: none;
    background: #274784 url(/images/banner_tab_p1_normal.jpg) repeat-x left bottom;
    width: 209px;
}


.ui-state-default a.p3,
.ui-state-default a.p3:link,
.ui-state-default a.p3:visited {
    border-right: none;
    background: #274784 url(/images/banner_tab_p3_normal.jpg) repeat-x right bottom;
    width: 209px;
}

.ui-state-hover a,
.ui-state-hover a:hover {
    background: #3060AA url(/images/banner_tab_active.jpg) repeat-x center bottom;
}

.ui-state-hover a.p1,
.ui-state-hover a.p1:hover {
    background: #3060AA url(/images/banner_tab_p1_active.jpg) repeat-x left bottom;
    width: 209px;
}

.ui-state-hover a.p3,
.ui-state-hover a.p3:hover {
    background: #3060AA url(/images/banner_tab_p3_active.jpg) repeat-x right bottom;
    width: 209px;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    background: #3060AA url(/images/banner_tab_active.jpg) repeat-x center bottom;
    width: 239px;
    text-align: center;
    padding: 10px 0 9px 0;
    font-size: 115%;
    border-left: 1px solid #3060AB;
    border-right: 1px solid #264582;
}

.ui-state-active a.p1,
.ui-state-active a.p1:link,
.ui-state-active a.p1:visited {
    border-left: none;
    background: #3060AA url(/images/banner_tab_p1_active.jpg) repeat-x left bottom;
    width: 209px;
}

.ui-state-active a.p3,
.ui-state-active a.p3:link,
.ui-state-active a.p3:visited {
    border-right: none;
    background: #3060AA url(/images/banner_tab_p3_active.jpg) repeat-x right bottom;
    width: 209px;
}

/* Tabs
----------------------------------*/
.ui-tabs {
    padding: 0;
}

.ui-tabs .ui-tabs-nav {
    list-style: none;
    position: relative;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    position: relative;
    float: left;
    border-bottom-width: 0 !important;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 1px;
    border-bottom-width: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer; /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    background: none;
    margin-bottom: -15px;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}
