/****************************************************************************************************************************
    * 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");
}