diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 8e48c2a00f8..8519defa310 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -289,6 +289,7 @@ table th div.ui-resizable-handle {
   -webkit-text-shadow: 0px -1px 1px #000000;
   -o-text-shadow: 0px -1px 1px #000000;
   text-shadow: 0px -1px 1px #000000;
+  /*[empty]padding:;*/
 }
 
 #template {
@@ -2199,8 +2200,9 @@ div.detail-group.actions td {
 #header {
   width: 100%;
   height: 56px;
-  background: #DFDFDF url(../images/bg-header.png) repeat-x;
+  background: url(../images/overlay-pattern.png) repeat 0, #1B5070 url(../images/header-gradient.png) no-repeat center;
   z-index: 10000;
+  background-size: auto, cover;
   position: relative;
 }
 
diff --git a/ui/images/header-gradient.png b/ui/images/header-gradient.png
new file mode 100644
index 00000000000..4f5e88fe6c0
Binary files /dev/null and b/ui/images/header-gradient.png differ
diff --git a/ui/images/overlay-pattern.png b/ui/images/overlay-pattern.png
new file mode 100644
index 00000000000..72342b4ad91
Binary files /dev/null and b/ui/images/overlay-pattern.png differ