/* Customisation of jQuery-ui classes */

.ui-state-error {
    padding: 3px;
    padding-left: 10px;
}

.ui-state-highlight {
    padding: 3px;
    padding-left: 10px;
}

.ui-icon {
    margin-top: 2px;
}

/* CSS to colour the tabs */
.ui-state-default a,
.ui-state-default a:hover,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #ffffff;
    text-decoration: none;
    background: #1a28e8;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #ffffff;
    text-decoration: none;
    background: #1a28a0;
}

.ui-state-active a,
.ui-state-active a:hover,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffff00;
    text-decoration: none;
    background: #1a2880;
}

.ui-tabs {
    background: #1a2880;
}

    .ui-tabs .ui-tabs-nav {
        background: #1a28c0;
    }

    .ui-tabs .ui-tabs-panel /* just in case you want to change the panel */ {
        background: #ffffff;
    }