.ui-widget {
    font-family: KwamSook, Athiti;
    font-size: 0.9rem;
    font-weight: 400;
}

.ui-widget-content {
    background: CC99FF;
    /*Change the dialog border color here*/
    /*border: 1px solid #CC99FF;*/
    border: 1px solid #ff841f;
    color: #222222;
    font-family: KwamSook, Athiti;
    font-size: 0.9rem;
    font-weight: 400;
}

.ui-widget-content table,.ui-widget-content input,.ui-widget-content select {
    font-family: KwamSook, Athiti;
    font-size: 0.9rem;
    font-weight: 400;
}

.ui-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    top: 0;
}

#success {
    padding: 0;
    margin: 0; 
}

.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0.8rem !important;
    font-family: KwamSook, Athiti;
    font-size: 0.9rem;
    font-weight: 400;
}

.ui-widget-header {
    /*Change the Header color here*/
    /*background: #CC99FF;*/
    background: #ff841f;
    border: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
    font-size: 1em;
}

.ui-widget-overlay
{
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;

  background: rgb(50, 50, 50) !important; /* This will make it darker */
}