/*UI general CSS override*/
.ui-accordion .ui-accordion-header {
    font-size: 12px;
}

.ui-accordion .ui-accordion-content:hover {
    overflow: visible !important;
}

.ui-button {	
    _height: 28px;
}

.timePickerButton {
    _height: 25px;
}

.ui-widget-overlay {
    z-index: 3000 !important;
}

.ui-dialog {
    z-index: 3500 !important;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 0.6em;
}

.ui-dialog .ui-dialog-title {
    padding-top: 3px;
    padding-bottom: 0;
    line-height: 16px;
}

.ui-dialog .ui-dialog-content ul {
    padding-left: 15px;
}

.ui-dialog-buttonset .ui-button {
    _width: 40px;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .8em 0em .3em .8em;
}

.ui-dialog-titlebar-close {
    _display: none;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-datepicker-current {
    display: none;
} 
.ui-datepicker-trigger {
	cursor: pointer;
}

.ui-widget {    
	font-family: Arial,Tahoma,sans-serif;
	font-size: 13px;
}

.ui-widget input {    
	font-family: Arial,Tahoma,sans-serif;	
}

.ui-widget button {
	font-family: Arial,Tahoma,sans-serif;
}

.ui-widget-header {	
    font-size: 13px;
}

/*ui-autocomplete*/
.ui-autocomplete {
    max-height: 50%;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    width: 300px;    
}

.ui-autocomplete-input {
    /*height: 16px;*/
    /*line-height: 16px;*/    
    padding: 4px 6px;    
}

.ui-autocomplete-loading {
    background: white url('/img/ui-anim_basic_16x16.gif') right center no-repeat;
}