radiobutton.css in rsence-pre-3.0.0.10

- old
+ new
@@ -1,69 +1,59 @@
-.radiobutton_control,
-.radiobutton_state,
-.radiobutton_label,
-.radiobutton_antiselect {
-  position: absolute; height: 24px;
-}
-.radiobutton_control {
+.default.radiobutton {
   left: 0px; top: 0px; right: 0px;
   cursor: pointer;
 }
-.disabled > .radiobutton_control {
+.default.radiobutton.disabled {
   cursor: default;
 }
-.radiobutton_state {
+.default.radiobutton.radiobutton > .state,
+.default.radiobutton.radiobutton > .label {
+  position: absolute; height: 24px;
+}
+.default.radiobutton > .state {
   left: 0px; top: 0px; width: 24px;
   background-repeat: no-repeat;
   background-position: -24px 0px;
-  background-image: #{this.getCssFilePath('radiobutton_parts1.png')};
+  background-image: #url(radiobutton_parts1.png);
 }
-
-.enabled > .unchecked > .radiobutton_state {
-  background-position: -24px 0px;
-}
-.enabled > .unchecked:hover > .radiobutton_state {
+.default.radiobutton.enabled:hover > .state {
   background-position: -24px -24px;
 }
-.enabled > .unchecked:active > .radiobutton_state {
+.default.radiobutton.enabled:active > .state {
   background-position: -24px -48px;
 }
 
-.enabled > .checked > .radiobutton_state {
+.default.radiobutton.enabled.checked > .state {
   background-position: 0px 0px;
 }
-.enabled > .checked:hover > .radiobutton_state {
+.default.radiobutton.enabled.checked:hover > .state {
   background-position: 0px -24px;
 }
-.enabled > .checked:active > .radiobutton_state {
+.default.radiobutton.enabled.checked:active > .state {
   background-position: 0px -48px;
 }
 
-.disabled > .unchecked > .radiobutton_state {
+.default.radiobutton.disabled > .state {
   background-position: -24px -72px;
 }
-.disabled > .checked > .radiobutton_state {
+.default.radiobutton.disabled.checked > .state {
   background-position: 0px -72px;
 }
 
-.radiobutton_label {
-  left: 24px; right: 0px; top: 0px;
-  height: 20px; line-height: 24px;
+.default.radiobutton > .label {
+  left: 24px; right: 0px; top: 2px;
+  height: 20px; line-height: 20px;
   text-align: left; vertical-align: middle;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #333;
 }
-.disabled > .radiobutton_control > .radiobutton_label {
+.default.radiobutton.disabled > .label {
   color: #999;
 }
-.enabled > .radiobutton_control:hover > .radiobutton_label {
+.default.radiobutton.enabled:hover > .label {
   color: #000;
 }
-.enabled > .radiobutton_control:active > .radiobutton_label {
+.default.radiobutton.enabled:active > .label {
   color: #000;
-}
-
-.radiobutton_antiselect {
-  left: 0px; top: 0px; right: 0px;
 }
 