styled jquery dialog header.

NzbDrone.Web/Content/NzbDrone.css

@@ -267,4 +267,20 @@ button span, input[type="button"] span, input[type="submit"] span, input[type="r
     background: rgb(40, 40, 40);
     color: rgb(169, 169, 169);
     padding: 4px;
-}
+}
+
+.ui-dialog-buttonset .ui-delete-button
+{
+    background: url("images/ui-bg_flat_30_b40404_40x100.png") repeat-x scroll 50% 50% #B40404;
+    border: 1px solid #FFFFFF;
+    color: #FFFFFF;
+    font-weight: normal;
+}
+
+.ui-dialog-buttonset .ui-delete-button:active
+{
+    background: url("images/ui-bg_flat_30_616161_40x100.png") repeat-x scroll 50% 50% #616161;
+    border: 1px solid #FFFFFF;
+    color: #FFFFFF;
+    font-weight: normal;
+}

NzbDrone.Web/Content/Overrides.css

@@ -31,6 +31,17 @@
     background: #065EFE url(./jQueryUI/images/ui-bg_flat_30_065efe_40x100.png) 50% 50% repeat-x;
 }
 
+.ui-dialog .ui-dialog-titlebar, .ui-dialog-title
+{
+    color: #3C3C3C;
+    font-size: 30px;
+    font-family: "Open Sans" , "Segoe UI Light" , "Segoe UI" , sans-serif;
+    font-weight: 300;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    padding-left: 10px;
+}
+
 .jquery-tabs
 {
     margin-top: 10px;

NzbDrone.Web/Content/Settings.css

@@ -95,3 +95,19 @@
     color: lightgrey;
     cursor: progress;
 }
+
+.ui-dialog-buttonset .ui-delete-button , 
+{
+    background: url("images/ui-bg_flat_30_b40404_40x100.png") repeat-x scroll 50% 50% #B40404;
+    border: 1px solid #FFFFFF;
+    color: #FFFFFF;
+    font-weight: normal;
+}
+
+.ui-dialog-buttonset .ui-delete-button:active
+{
+    background: url("images/ui-bg_flat_30_616161_40x100.png") repeat-x scroll 50% 50% #616161;
+    border: 1px solid #FFFFFF;
+    color: #FFFFFF;
+    font-weight: normal;
+}

NzbDrone.Web/Views/Series/Index.cshtml

@@ -70,22 +70,7 @@
     {
         margin-right: 445px;
     }
-       
-    .ui-dialog-buttonset .ui-delete-button
-    {
-        background: url("images/ui-bg_flat_30_b40404_40x100.png") repeat-x scroll 50% 50% #B40404;
-        border: 1px solid #FFFFFF;
-        color: #FFFFFF;
-        font-weight: normal;
-    }
     
-    .ui-dialog-buttonset .ui-delete-button:active
-    {
-        background: url("images/ui-bg_flat_30_616161_40x100.png") repeat-x scroll 50% 50% #616161;
-        border: 1px solid #FFFFFF;
-        color: #FFFFFF;
-        font-weight: normal;
-    }
 </style>
 @section ActionMenu{
     <ul class="sub-menu">
@@ -159,7 +144,7 @@
 
         $("#seriesEditor").dialog({
             autoOpen: false,
-            height: 350,
+            height: 360,
             width: 670,
             resizable: false,
             modal: true,
@@ -204,7 +189,9 @@
             width: 450,
             modal: true,
             buttons: {
+                
                 "Delete": function () {
+
                     var seriesId = $('.seriesId').val();
 
                     $.ajax({
@@ -233,7 +220,7 @@
                 var title = $(this).attr("rel");
 
                 //Set the title of the dialog
-                $("#seriesEditor").dialog("option", "title", "Edit Series: " + title);
+                $("#seriesEditor").dialog("option", "title", title);
 
                 //Pre-populate the view with ajax
                 $('#seriesEditor').html('<div style="text-align: center; width: 100%; height: 100%;"><img src="../../Content/Images/ajax-loader.gif" style="padding-top: 120px;" /></div>');