Ox.Filter, round 1

build/css/ox.ui.classic.css

@@ -105,6 +105,11 @@ Forms
     -moz-box-shadow: 0 0 2px rgb(128, 128, 128);
     -webkit-box-shadow: 0 2 4px rgb(128, 128, 128);
 }
+.OxThemeClassic .OxButton.OxDisabled {
+    background: rgb(192, 192, 192);
+    color: rgb(128, 128, 128);    
+}
+
 .OxThemeClassic .OxButton.OxSelected,
 .OxThemeClassic .OxSelect.OxSelected {
     background: -moz-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192));
@@ -120,13 +125,10 @@ Forms
     color: rgb(192, 64, 64);
 }
 
-.OxThemeClassic .OxButton.OxDisabled,
 .OxThemeClassic .OxLabel.OxDisabled {
     color: rgb(128, 128, 128);
 }
-.OxThemeClassic .OxButton.OxDisabled {
-    background: rgb(192, 192, 192);
-}
+
 
 .OxThemeClassic input.OxCheckbox,
 .OxThemeClassic input.OxInput,

build/css/ox.ui.css

@@ -624,6 +624,7 @@ OxSelect
 
 */
 .OxButton.OxOverlapLeft,
+.OxxxCheckbox.OxOverlapLeft,
 .OxLabel.OxOverlapLeft,
 .OxxxSelect.OxOverlapLeft {
     padding-left: 20px;
@@ -631,6 +632,7 @@ OxSelect
     margin-left: -16px;
 }
 .OxButton.OxOverlapRight,
+.OxxxCheckbox.OxOverlapRight,
 .OxLabel.OxOverlapRight,
 .OxxxSelect.OxOverlapRight {
     padding-left: 8px;
@@ -645,6 +647,15 @@ OxSelect
     padding-left: 1px;
     padding-right: 15px;
 }
+.OxCheckbox.OxOverlapLeft > .OxInput {
+    padding-left: 20px;
+    margin-left: -16px;
+}
+.OxCheckbox.OxOverlapRight > .OxLabel {
+    //padding-left: 8px;
+    padding-right: 20px;
+    margin-right: -16px;
+}
 .OxSelect.OxOverlapLeft {
     //padding-left: 8px;
     padding-left: 16px;
@@ -1469,7 +1480,7 @@ Miscellaneous
     padding: 1px 2px 1px 2px;
     font-size: 9px;
     opacity: 0;
-    z-index: 10;
+    z-index: 12;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
 }

build/css/ox.ui.modern.css

@@ -99,6 +99,11 @@ Forms
     background: rgb(80, 80, 80);
     //background: rgb(64, 64, 64);
 }
+.OxThemeModern .OxCheckbox:active {
+    background: -moz-linear-gradient(top, rgb(16, 16, 16), rgb(48, 48, 48));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgb(16, 16, 16)), to(rgb(48, 48, 48)));
+}
+
 .OxThemeModern .OxButton.OxDisabled {
     background: rgb(80, 80, 80);
     color: rgb(128, 128, 128);
@@ -118,6 +123,12 @@ Forms
 .OxThemeModern .OxFormMessage {
     color: rgb(255, 64, 64);
 }
+
+.OxThemeModern .OxLabel.OxDisabled {
+    color: rgb(128, 128, 128);
+}
+
+.OxThemeModern input.OxCheckbox,
 .OxThemeModern input.OxInput,
 .OxThemeModern .OxTrack {
     background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32));
@@ -141,6 +152,11 @@ Forms
     color: rgb(192, 192, 192);
 }
 
+.OxThemeModern input.OxCheckbox.OxDisabled,
+.OxThemeModern input.OxInput:disabled {
+    background: rgb(16, 16, 16);
+}
+
 /*
 ================================================================================
 Lists