diff --git a/ui/new/css/main.css b/ui/new/css/main.css
index b308590f147..56f5a5e8d54 100644
--- a/ui/new/css/main.css
+++ b/ui/new/css/main.css
@@ -3684,5 +3684,20 @@ a:hover.search_button {
 	cursor:pointer;
 	cursor:hand;
 }
-/* zonetree (begin) */
+/* dialog css */
+.ui-widget-header { 
+	border: 1px solid #c0bfbf; 
+	background: #41546d url(../images/dialog_popupheaderbg.gif) repeat-x top left; 
+	color: #FFF; 
+	font-weight: bold; 
+	
+}
+
+.ui-state-default, .ui-widget-content .ui-state-default { height:25px; border: 1px solid #c0bfbf; background: #809617 url(../images/dialog_popupbuttonbg.gif) repeat-x top left; font-weight: normal; color: #FFF; outline: none; padding-top:-0.2em; }
+
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #c0bfbf; background: #809617 url(../images/dialog_popupbuttonbg_hover.gif) repeat-x top left; font-weight: normal; color: #FFF; outline: none; padding-top:-0.2em;}
+
+
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: -0.2em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: -0.2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
 
diff --git a/ui/new/images/dialog_popupbuttonbg.gif b/ui/new/images/dialog_popupbuttonbg.gif
new file mode 100644
index 00000000000..d281a45dc7f
Binary files /dev/null and b/ui/new/images/dialog_popupbuttonbg.gif differ
diff --git a/ui/new/images/dialog_popupbuttonbg_hover.gif b/ui/new/images/dialog_popupbuttonbg_hover.gif
new file mode 100644
index 00000000000..28537a902fd
Binary files /dev/null and b/ui/new/images/dialog_popupbuttonbg_hover.gif differ
diff --git a/ui/new/images/dialog_popupheaderbg.gif b/ui/new/images/dialog_popupheaderbg.gif
new file mode 100644
index 00000000000..44aff97055c
Binary files /dev/null and b/ui/new/images/dialog_popupheaderbg.gif differ
diff --git a/ui/new/index.jsp b/ui/new/index.jsp
index 0720141de37..4c5142452d0 100644
--- a/ui/new/index.jsp
+++ b/ui/new/index.jsp
@@ -17,9 +17,9 @@ long milliseconds = new Date().getTime();
     <meta http-equiv='expires' content='0'>
     <meta http-equiv='pragma' content='no-cache'>
     <meta name="version" content="1.9.1.2010-08-25T16:16:56Z" />
-    <link rel="stylesheet" href="css/main.css" type="text/css" />
     <link rel="stylesheet" href="css/jquery-ui-1.8.2.custom.css" type="text/css" />
     <link rel="stylesheet" href="css/logger.css" type="text/css" />
+    <link rel="stylesheet" href="css/main.css" type="text/css" />
 
     <script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script>