
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal;
    color: #555555;
}

.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 {
    border: 1px solid #999999;
    background: #dadada url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

    .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
        background-image: url("images/ui-icons_222222_256x240.png");
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    color: #222222;
}

.ui-tooltip {
    max-width: 400px;
}

.ui-datepicker-trigger {
    height: 25px;
    width: 25px;
    cursor: pointer;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    margin-top: -1px;
}

    .ui-datepicker-trigger img {
        height: 19px;
        width: 19px;
        margin-top: -3px;
        margin-left: -3px;
    }

.ui-state-error {
    background-clip: padding-box;
    background: #ffeaea; /* Old browsers */
    background: -moz-linear-gradient(top, #ffeaea 50%, #ffcccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffeaea), color-stop(100%,#ffcccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffeaea 50%,#ffcccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffeaea 50%,#ffcccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffeaea 50%,#ffcccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffeaea 50%,#ffcccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaea', endColorstr='#ffcccc',GradientType=0 ); /* IE6-9 */
    border: 1px solid #BA3538;
    color: #BA3538;
}

.ui-tabs-vertical {
    width: 55em;
}

    .ui-tabs-vertical .ui-tabs-nav {
        padding: .2em .1em .2em .2em;
        float: left;
        width: 12em;
    }

        .ui-tabs-vertical .ui-tabs-nav li {
            clear: left;
            width: 100%;
            border-bottom-width: 1px !important;
            border-right-width: 0 !important;
            margin: 0 -1px .2em 0;
            outline: none;
        }

            .ui-tabs-vertical .ui-tabs-nav .ui-tabs-anchor {
                display: block;
                outline: none;
                width: 10em;
            }

            .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: .2em;
                margin-right: -1px;
                padding-bottom: 0;
                padding-right: .1em;
                border-right-width: 1px;
            }

    .ui-tabs-vertical .ui-tabs-panel {
        padding: 1em;
        float: right;
        width: 40em;
    }

.ui-tooltip {
    max-width: 600px;
}

.ui-widget-overlay {
    background: black;
    -ms-opacity: 0.7;
    opacity: 0.7;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png")
}

.ui-panel {
    display: flex;
}

.ui-panel-link{
    width : 195px;
    margin-top:5px;
    margin-right:10px;
}
.ui-panel-span {
    color: #69bc4a;
}