/* 
    Customisations to jquery-ui
*/

/* Overlays */
textarea:focus, input:focus, *:focus{ xoutline: 0; outline-size: 1px; outline-color: #485c56;}
.ui-widget-overlay { background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .3; filter: Alpha(Opacity=30); }

/* Component containers */
.ui-widget-content { border: 1px solid /*rm-cbr*/ #696969; background: /*rm-mlb*/ #E6E6E6; color: #333333; }
.ui-widget-header { border: 0px solid; background: /*rm-hb*/ #585858; color: /*rm-ht*/ #FFFFFF; font-weight: bold; }

/* Interaction states */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6; font-weight: bold; color: #898989; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #898989; text-decoration: none; }
.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 #485c56; background: #fdf5ce; font-weight: bold; color: #000; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #eeeeee; font-weight: bold; color: #485C56; }

/* Interaction cues */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #485c56; color: #363636; }

/* Icons */
.ui-widget-header .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }

/* Auto-complete */
.ui-autocomplete { position: absolute; cursor: default; }
.ui-autocomplete.ui-widget-content { font-size: 10pt; border: 1px solid #696969; background-color: #FFFFFF; }
.ui-autocomplete.ui-widget-content a { color:black; }

/* Dialogs */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; font-size:0.8em; }
.ui-dialog .ui-dialog-titlebar { padding: .2em 1em; position: relative;  }
.ui-dialog .ui-dialog-buttonpane button { margin: 0 .4em 0 0; cursor: pointer; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-text { padding:0.2em 1em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-default { background:#ffffff; color:#1B5067; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-hover { background:#1B5067; color:#ffffff; }


/* Datepicker */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; font-size:0.8em; border:1px solid #BBBBBB; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; width: 1.7em; height: 1.7em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { }
.ui-datepicker .ui-datepicker-today .ui-state-highlight { border:1px solid #485C56; color:#1c94c4; background:#ffffff; }
.ui-datepicker .ui-datepicker-current-day .ui-state-active { border:1px solid #cccccc; color:#485C56; background:#FFFFCC; }