Dialog: The rules for dialog sections should only apply to immediate children. Additional fix for #4699: when using the Download Builder the CSS could be reordered which eliminates the override.

Author: jaspermdegroot

css/structure/jquery.mobile.dialog.css

@@ -1,28 +1,33 @@
 .ui-dialog {
 	 background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
 }
-.ui-dialog-contain { width: 92.5%; max-width: 500px; margin: 10% auto 15px auto; padding: 0; }
-.ui-dialog .ui-header {
+.ui-dialog-contain {
+	width: 92.5%;
+	max-width: 500px;
+	margin: 10% auto 15px auto;
+	padding: 0;
+}
+.ui-dialog-contain > .ui-header {
 	margin-top: 15%;
 	border: none;
 	overflow: hidden;
 }
-.ui-dialog .ui-header, 
-.ui-dialog .ui-content, 
-.ui-dialog .ui-footer { 
+.ui-dialog-contain > .ui-header, 
+.ui-dialog-contain > .ui-content, 
+.ui-dialog-contain > .ui-footer { 
 	display: block;
 	position: relative; 
 	width: auto;
 }
-.ui-dialog .ui-header, 
-.ui-dialog .ui-footer  { 
+.ui-dialog-contain > .ui-header, 
+.ui-dialog-contain > .ui-footer  { 
 	z-index: 10; 
 	padding: 0;
 }
-.ui-dialog .ui-footer {
+.ui-dialog-contain > .ui-footer {
 	padding: 0 15px; 
 }
-.ui-dialog .ui-content { 
+.ui-dialog-contain > .ui-content { 
 	padding: 15px; 
 }
 .ui-dialog {