/* Customized CSS for jQuery UI: simple info button and box. */

.ui-widget-content 
{
    font-size:16px;
    font-family: Helvetica Neue, Helvetica, Arial,sans-serif;
}

/* trim space around info button */
.ui-button-text-only .ui-button-text 
{  padding: 0px;  }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{  border: 0px solid #000000;  }

/* changing dialog close button */
.ui-dialog-titlebar-close
{
	outline-width: 0px !important;
	background-color: transparent !important;
    background-image: url('https://s20.postimg.org/c3jtqlbp9/close-delete-icon32x32.png') !important;
	background-repeat:no-repeat !important;
    background-size: contain !important;
    background-position:50% 50% !important;
}

/* changing dialog close button */
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus 
{
    background-color: transparent !important;
    background-image: url('https://s20.postimg.org/c3jtqlbp9/close-delete-icon32x32.png') !important;
	background-repeat:no-repeat !important;
}

/* hide the default "x" close image */
.ui-dialog-titlebar-close span 
{  display:none !important;  }

/* translucent background */
.ui-dialog 
{  
	opacity: 0.9;  
	max-width:616px !important;
	max-height:600px !important;
}

.ui-dialog-content { max-width:616px !important; }
.ui-dialog-content > a { text-decoration:none; cursor:pointer; }
.ui-dialog-content > a:hover { color:#218eff;  font-weight:bold;}
.ui-dialog-content > a:active { color:#000099;  font-weight:bold;}
.ui-dialog-content > a > li > span { vertical-align:10px; }