Style dialog

ui/stylesheets/cloudstack.scss

@@ -151,4 +151,12 @@ body {
             overflow: auto;
         }
     }
+}
+
+.ui-dialog, .notification-box, #user-options {
+  @include dialog;
+}
+
+#user-options {
+  display: none;
 }

ui/stylesheets/csui/_csui.scss

@@ -15,4 +15,5 @@ html, body {
 @import "button";
 @import "form";
 @import "header";
-@import "asset";
+@import "asset";
+@import "dialog";

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;
+  }
+}