/*
 * [07/24/2013 MC] 
 * Styles used for basic control over jquery UI controls.
 */

/* [03/18/2011 MC] Control the size of the jQuery DatePicker */
div.ui-datepicker {
	font-size:12px;
}

/* [03/23/2011 MC] center the calendar icon image for the jQuery DatePicker 
	[10/04/2013 MC] changed to baseline for IE8.
*/
img.ui-datepicker-trigger {
	vertical-align:baseline;
}

/* [09/16/2013 MC] avoid little white box when background color is something other than white. */
#ui-datepicker-div { display: none; }

/* controls font size in body of jquery dialog */
.ui-dialog {
	font-size: 12px;
}

/* controls font size in title of (older - pre jqueryUI 1.12) jquery dialog */
.ui-widget-header {
	font-size: 14px;
}

/* control the position (center) and height	of jquery dialog buttons. */
.ui-dialog .ui-dialog-buttonpane { 
	text-align: center;
	height:		25px; 
}
.ui-dialog .ui-dialog-buttonpane button { 
	float: 		none; 
	margin-top:	2px;
}
.ui-dialog .ui-button-text {
    font-size: 14px;
    padding: 1px 1px 1px 1px; /* Or whatever makes it small enough. */
}

/* [10/23/2017 MC] Fixes issue with jquery dialog 'x' title button, when using bootstrap and jquery UI together.

	Note this fixed issue with bootstrap pages, but screws it up in pages without bootstrap.
		Solution is to only use Bootsrap Modal, and not jquery dialog on bootstrap pages. 
.ui-dialog-titlebar-close {
  background: url("../jscripts/jquery-ui-1.12.1/images/ui-icons_444444_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
  border: medium none;
}
.ui-dialog-titlebar-close:hover {
  background: url("../jscripts/jquery-ui-1.12.1/images/ui-icons_777777_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
}
*/

/* [11/22/2017 MC] Use overlay to show jquery modal dialog. */
.ui-widget-overlay {
   background: #AAA url(../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
   opacity: .25;
   filter: Alpha(Opacity=25);
}