/* override JQuery UI theme */

.ui-widget-content {
    border-top: 1px solid #989898;
    border-bottom: 1px solid #aaaaaa;
}

    .ui-widget-content
    .ui-state-hover {
        border: 1px solid #d1d1d1;
        background: #f1f1f1;
        font-weight: normal;
        color: #000000;
    }

    .ui-state-highlight a,
    .ui-widget-content a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a, a:visited {
        color: #0000d6;
        text-decoration: none;
    }

.ui-widget-header {
    color: #222222;
}

    .ui-widget-header .ui-icon {
        background-image: url(images/ui-icons_222222_256x240.png);
    }

.ui-widget :active {
    outline: none;
}

.ui-button.ui-state-active:hover {
    background: #ffffff;
}

.ui-button.ui-corner-all.ui-widget.ui-state-focus {
    border: 1px solid #d1d1d1;
    background: #f1f1f1;
    font-weight: normal;
    color: #000000;
}
.ui-tabs .ui-tabs-nav {
    padding: 0.5em 0.3em 0;
}

.ui-tabs .ui-tabs-nav li {
        margin-left: 3px;
}
.ui-tabs .ui-tabs-nav li a.current {
    background-color: #ffffff;
}

.ui-dialog .ui-dialog-title {
    text-align: center;
    white-space: normal;
}

.ui-dialog .ui-dialog-titlebar {
    color: white;
}

.ui-dialog .ui-dialog-content {
    text-align: left;
}

.ui-dialog .ui-button {
  border-color: #989898;
    background: #d1d1d1;
}

/* these appear to have been hacked in to an earlier version
 * strictly not part of jQuery UI
 */
.ui-widget-content .selected_no {
    background: #ffe5e5;
}

.ui-widget-content .selected_yes {
    background: #cce5cc;
}

a#rejectedReadMoreLink {
    color: #0000d6;
}

.ui-autocomplete.ui-menu {
    text-align: left;
    color: #0000d6;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #989898;
    background: #d1d1d1;
    /*background: #fbb939 url("images/ui-bg_highlight-hard_75_fbb939_1x100.png") 50% 50% repeat-x;*/
    font-weight: normal;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #aaaaaa;
    color: #000000;
}

.ui-datepicker .ui-state-default {
    background: white;
    border: 1px solid white;
}

.ui-datepicker .ui-state-highlight {
    border: 1px solid #d5d5d5;
}