diff --git a/ui/stylesheets/cloudstack.scss b/ui/stylesheets/cloudstack.scss
index ca5657919fd..72f8472e9f1 100644
--- a/ui/stylesheets/cloudstack.scss
+++ b/ui/stylesheets/cloudstack.scss
@@ -151,4 +151,12 @@ body {
             overflow: auto;
         }
     }
+}
+
+.ui-dialog, .notification-box, #user-options {
+  @include dialog;
+}
+
+#user-options {
+  display: none;
 }
\ No newline at end of file
diff --git a/ui/stylesheets/csui/_csui.scss b/ui/stylesheets/csui/_csui.scss
index 1503b0b97a5..2864460ad24 100644
--- a/ui/stylesheets/csui/_csui.scss
+++ b/ui/stylesheets/csui/_csui.scss
@@ -15,4 +15,5 @@ html, body {
 @import "button";
 @import "form";
 @import "header";
-@import "asset";
\ No newline at end of file
+@import "asset";
+@import "dialog";
\ No newline at end of file
diff --git a/ui/stylesheets/csui/_dialog.scss b/ui/stylesheets/csui/_dialog.scss
new file mode 100644
index 00000000000..48a99d6634b
--- /dev/null
+++ b/ui/stylesheets/csui/_dialog.scss
@@ -0,0 +1,27 @@
+@mixin dialog {
+  background: white;
+  box-shadow: 0px 2px 10px black;
+  position: absolute;
+  padding: 20px;
+
+  .ui-dialog-titlebar {
+    @include row;
+
+    width: 100%;
+    background-color: white;
+    padding: 10px;
+  }
+
+  .ui-dialog-content {
+    overflow: auto;
+  }
+
+  .ui-dialog-title {
+    float: left;
+    font-weight: bold;
+  }
+
+  .ui-dialog-titlebar-close {
+    float: right;
+  }
+}
\ No newline at end of file