Simple JQuery dialog over-ride CSS

jquery-dialog-css

/* 
It makes sense to use the built-in jquery dialog. But (IMO), the styling on them looks like it was done back a systems administrator. Here are a few lines of css to make them look a little less clunky
 */
/**
Main colors:
dark: #545454
light: #ccc
*/
.ui-dialog {border: solid 4px #545454;border-radius:0px;padding:0px;-moz-box-shadow: 3px 3px 4px #545454;-webkit-box-shadow: 3px 3px 4px #545454;box-shadow: 3px 3px 4px #545454;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#545454')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#545454');}
.ui-dialog .ui-dialog-titlebar{}
/*.ui-dialog .ui-icon-closethick{background:url(/static/assets/dialogCloseButton.png);}*/
.ui-dialog .ui-widget-header{background:#545454;border:0px;}
.ui-dialog .ui-widget-content{}
.ui-dialog .ui-corner-all{border-radius:0px;}
.ui-dialog .ui-state-hover {border: 1px solid #ccc;color: #545454;background:#545454;font-weight: bold;}