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

.ui-widget-content 
{
    font-size:12px;
    font-family: Helvetica;
    color: white;
}

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

/* I don't kwow what I'm doing */
.ui-dialog-titlebar
{
  color: white;
  background : black;
}

/* changing dialog close button */
.ui-dialog-titlebar-close
{
	outline-width: 0px !important;
	background-color: transparent !important;
  background-image: url('../images/icon-close-16.png') !important;
	background-repeat:no-repeat !important;
}

/* changing dialog close button */
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus 
{
    background-color: transparent !important;
    background-image: url('../images/icon-close-16.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 
{  
	color: white;
  background: #000;
  border: 0px solid black;
  opacity: 1;
	width: 330px !important;
}