Please wrap dialog in <div class="hasDialog">......</div>

Please wrap dialog in <div class="hasDialog">......</div>


Now dialog themes is
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-
draggable ui-resizable">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-
helper-clearfix">
<span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog
title</span>
<a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span
class="ui-icon ui-icon-closethick">close</span></a>
</div>
<div style="height: 200px; min-height: 109px; width: auto;"
class="ui-dialog-content ui-widget-content" id="dialog">

Dialog content goes here.


</div>
</div>
Please warp this with <div class="hasDialog">, so we can implement
themes on dialog more easily.
<div class="hasDialog">
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-
draggable ui-resizable">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-
helper-clearfix">
<span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog
title</span>
<a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span
class="ui-icon ui-icon-closethick">close</span></a>
</div>
<div style="height: 200px; min-height: 109px; width: auto;"
class="ui-dialog-content ui-widget-content" id="dialog">

Dialog content goes here.


</div>
</div>
</div>
Thanks.