.mblColorBlue { background-image: url(compat/ui-widget-bg.png); } .mblColorDefault { background-image: url(compat/ui-widget-bg.png); } .mblHeading { background-image: url(compat/heading-bg.png); } .mblHeadingSpanTitle { white-space: normal; } .mblArrowButtonHead { background-image: url(compat/ui-widget-bg.png); -moz-transform-origin: left top; -o-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -moz-transform: scale(0.9, 0.99) rotate(45deg); -o-transform: scale(0.9, 0.99) rotate(45deg); -ms-transform: scale(0.9, 0.99) rotate(45deg); transform: scale(0.9, 0.99) rotate(45deg); left: 1px\9; _left: 9px; height: 32px\9; border-width: 0\9; background-image: url(compat/arrow-button-head.png)\9; } .mblArrowButtonHead:not(:target) { background-image: url(compat/ui-widget-bg.png)\9; left: 17px\9; height: 21px\9; border-width: 1px\9; } .mblArrowButtonBody { -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -o-border-top-right-radius: 2px; -o-border-bottom-right-radius: 2px; -ms-border-top-right-radius: 2px; -ms-border-bottom-right-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; background-image: url(compat/ui-widget-bg.png); } *html .mblArrowButtonBody { padding: 0px 10px 0px 3px; top: 0px; left: 17px; } .mblRoundRect { -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .mblRoundCorner { background-color: white; height: 1px; font-size: 1px; overflow: hidden; border-style: solid; border-color: #ADAAAD; border-width: 0px 1px; } .mblRoundRectContainer { margin: 0px; padding: 0px; background-color: white; border-style: solid; border-color: #ADAAAD; border-width: 0px 1px; } .mblRoundRect .mblRoundRectContainer { padding: 3px 8px; } .mblRoundCorner0T { height: 0px; } .mblRoundCorner1T { background-color: #ADAAAD; margin: 0px 5px; } .mblRoundCorner2T { margin: 0px 2px; border-width: 0px 3px; } .mblRoundCorner3T { margin: 0px 1px; border-width: 0px 2px; } .mblRoundCorner4T { margin: 0px 1px; } .mblRoundCorner5T { margin: 0px 1px; } .mblRoundCorner0B { height: 0px; } .mblRoundCorner1B { margin: 0px 1px; } .mblRoundCorner2B { margin: 0px 1px; } .mblRoundCorner3B { margin: 0px 1px; border-width: 0px 2px; } .mblRoundCorner4B { margin: 0px 2px; border-width: 0px 3px; } .mblRoundCorner5B { background-color: #ADAAAD; margin: 0px 5px; } .mblRoundRectList { -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .mblRoundRectList .mblListItem:first-child { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -o-border-top-left-radius: 5px; -o-border-top-right-radius: 5px; -ms-border-top-left-radius: 5px; -ms-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .mblRoundRectList .mblListItem:last-child { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -o-border-bottom-left-radius: 5px; -o-border-bottom-right-radius: 5px; -ms-border-bottom-left-radius: 5px; -ms-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .mblRoundCorner { background-color: white; height: 1px; font-size: 1px; overflow: hidden; border-style: solid; border-color: #ADAAAD; border-width: 0px 1px; } .mblRoundRectContainer { margin: 0px; padding: 0px; background-color: white; border-style: solid; border-color: #ADAAAD; border-width: 0px 1px; } .mblRoundRect .mblRoundRectContainer { padding: 3px 8px; } .mblRoundCorner0T { height: 0px; } .mblRoundCorner1T { background-color: #ADAAAD; margin: 0px 5px; } .mblRoundCorner2T { margin: 0px 2px; border-width: 0px 3px; } .mblRoundCorner3T { margin: 0px 1px; border-width: 0px 2px; } .mblRoundCorner4T { margin: 0px 1px; } .mblRoundCorner5T { margin: 0px 1px; } .mblRoundCorner0B { height: 0px; } .mblRoundCorner1B { margin: 0px 1px; } .mblRoundCorner2B { margin: 0px 1px; } .mblRoundCorner3B { margin: 0px 1px; border-width: 0px 2px; } .mblRoundCorner4B { margin: 0px 2px; border-width: 0px 3px; } .mblRoundCorner5B { background-color: #ADAAAD; margin: 0px 5px; } .mblEdgeToEdgeCategory { background-image: url(compat/heading-bg.png); } .mblDomButtonGrayArrow, .mblDomButtonArrow { background-image: url(../common/domButtons/compat/mblDomButtonGrayArrow.png); background-repeat: no-repeat; } .mblDomButtonGrayArrow div, .mblDomButtonArrow div { display: none; } .mblDomButtonDarkBlueCheck, .mblDomButtonCheck { background-image: url(../common/domButtons/compat/mblDomButtonDarkBlueCheck.png); background-repeat: no-repeat; } .mblDomButtonDarkBlueCheck div, .mblDomButtonCheck div { display: none; } *html li.mblListItem.mblVariableHeight { height: 0; } .mblItemSelected { background-image: url(compat/ui-widget-bg.png); } *html .mblListItemTextBox { height: 100%; } *html li.mblListItem.mblVariableHeight .mblListItemTextBox { height: auto; } .mblSwitchBg { -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .mblSwitchBgLeft { background-image: url(compat/ui-widget-bg.png); } .mblSwitchBgRight { background-image: url(compat/ui-widget-bg.png); } .mblSwitchKnob { background-image: url(compat/ui-widget-bg.png); -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .mblSwRoundShape1 .mblSwitchBg, .mblSwRoundShape2 .mblSwitchBg { -moz-border-radius: 14px; -o-border-radius: 14px; -ms-border-radius: 14px; border-radius: 14px; } .mblSwRoundShape1 .mblSwitchKnob, .mblSwRoundShape2 .mblSwitchKnob { -moz-border-radius: 13px; -o-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; } .mblSwArcShape1 .mblSwitchBg, .mblSwArcShape2 .mblSwitchBg { -moz-border-radius: 6px/14px; -o-border-radius: 6px/14px; -ms-border-radius: 6px/14px; border-radius: 6px/14px; } .mblSwArcShape1 .mblSwitchKnob, .mblSwArcShape2 .mblSwitchKnob { -moz-border-radius: 5px/13px; -o-border-radius: 5px/13px; -ms-border-radius: 5px/13px; border-radius: 5px/13px; } .mblProg { position: absolute; top: 0px; width: 4px; font-size: 1px; height: 36px; overflow: hidden; background-color: #C0C0C0; } .mblProg0 { left: 0px; } .mblProg1 { left: 8px; } .mblProg2 { left: 16px; } .mblProg3 { left: 24px; } .mblProg4 { left: 32px; } .mblProg5 { left: 40px; } .mblProg6 { left: 48px; } .mblProg7 { left: 56px; } .mblProg8 { left: 64px; } .mblProg9 { left: 72px; } .mblProg10 { left: 80px; } .mblProg11 { left: 80px; }