/****************************************************************************************************************************
    * This file should only contain class definitions that override the styles from the original jquery-ui.css stylesheet.
    * This contains styles that are specific to EYFLAT-themed sites.
*****************************************************************************************************************************/

/*
    this is so we can be over everything else for the dialogue in Knotia
    important is set since we need to enforce no matter what 
    RR: can't set the important because of the SessionTrackerNotification, we can add it after the SessionTrackerNotification has been updated
*/
.ui-front {
    z-index: 2000;
}


/*************************************************************************************************************
    * The following styles are NEW, they don't exist in the jquery-ui.css stylesheet.
**************************************************************************************************************/
.ui-datepicker {
    font-size: small;
}


.ui-button.ui-widget .ui-button-text {
    line-height: normal;
    font-size: small;
    padding: 5px 5px 5px 5px;
}

.ui-date-range-table {
    width: 100%;
    border: 0px;
    white-space: nowrap;
}

.ui-date-range-td {
    text-align: center;
}


/*************************************************************************************************************
    * The following styles are PRE-EXISTING, they exist and should override in the jquery-ui.css stylesheet.
**************************************************************************************************************/
.ui-dialog .ui-dialog-title {
    font-size: 0.9em;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    background-image: none;
    border: solid 0px;
    margin-top: 0px;
    padding: 0px;
}

    .ui-dialog .ui-dialog-buttonpane button {
        margin: 0.5em 0.4em 0.5em 0;
        cursor: pointer;
    }

.ui-widget {
    font-family: inherit;
    outline: none;
}

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: inherit;
    }


.ui-widget-content,
.ui-widget-header select {
    color: #444;
}

.ui-widget-header {
    background-image: none;
    background-color: #777;
    border: 1px solid #777;
    color: #fff;
    font-weight: bold;
}

    .ui-state-default,
    .ui-widget-header .ui-state-default {
        font-weight: normal;
        border: 1px solid #777;
        background-color: #777;
        background-image: none;
        color: #fff;
    }

/*dialog content*/
.ui-widget-content .ui-state-default {
    border: 1px solid #ccc;
    background-color: #eee;
    color: #444;
}

/*regular buttons*/
.ui-button.ui-state-default {
    border: 1px solid #777;
    background-color: #777;
    background-image: none;
    color: #fff;
    min-width: 50px;
}
    /*regular buttons on hover */
    .ui-button.ui-state-default.ui-state-hover {
        border: 1px solid #777;
        background-color: #777;
        background-image: none;
        color: #ffe600;
        min-width: 50px;
    }

    /*dialog title bar close button */
    .ui-button.ui-state-default.ui-dialog-titlebar-close {
        background-color: #777;
        background-image: none;
        border: 1px solid #777;
        color: #fff;
        min-width: 0px;
    }

        /*dialog title bar close button on hover */
        .ui-button.ui-state-default.ui-dialog-titlebar-close.ui-state-hover {
            background-color: #777;
            background-image: none;
            border: 1px solid #777;
            min-width: 0px;
        }

.ui-state-hover, .ui-state-default: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 #777;
    background-color: #777;
    background-image: none;
    color: #ffe600;
    font-weight: normal;
}

    .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 {
        color: #ffffff;
        text-decoration: none;
    }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #999;
    background-color: #999;
    background-image: none;
    color: #fff;
    font-weight: normal;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/_includeFiles/images/jQuery/ui/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("/_includeFiles/images/jQuery/ui/ui-icons_ffffff_256x240.png");
}

.ui-state-focus .ui-icon,
.ui-state-default .ui-icon {
    background-image: url("/_includeFiles/images/jQuery/ui/ui-icons_ffffff_256x240.png");
}

.ui-state-hover .ui-icon {
    background-image: url("/_includeFiles/images/jQuery/ui/ui-icons_ffe600_256x240.png");
}

.ui-state-active .ui-icon {
    background-image: url("/_includeFiles/images/jQuery/ui/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
    background-image: url("/_includeFiles/images/jQuery/ui/ui-icons_ffe600_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/_includeFiles/images/jQuery/ui/ui-icons_cd0a0a_256x240.png");
}