.dj_gecko .mblColorBlue { background-image: -moz-linear-gradient(top, #7a9de9 0%, #2362dd 100%); } .dj_gecko .mblColorBlue45 { background-image: -moz-linear-gradient(top left, #7a9de9 0%, #2362dd 100%); } .dj_gecko .mblColorDefault { background-image: -moz-linear-gradient(top, #e2e2e2 0%, #a4a4a4 100%); } .dj_gecko .mblColorDefault45 { background-image: -moz-linear-gradient(top left, #e2e2e2 0%, #a4a4a4 100%); } .dj_gecko .mblColorDefaultSel { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_gecko .mblColorDefaultSel45 { background-image: -moz-linear-gradient(top left, #bbbbbb 0%, #666666 100%); } .mblHeading { background-image: url("compat/heading-bg.png"); } .mblHeadingSpanTitle { white-space: normal; } .dj_gecko .mblHeading { background-image: -moz-linear-gradient(top, #f6f6f6 0%, #dedede 100%); } .dj_gecko .mblToolBarButtonArrow { -moz-transform: scale(0.77, 1.05) rotate(45deg); } .dj_ff3 .mblToolBarButtonArrow { -moz-border-radius: 1px; } .dj_ff3 .mblToolBarButtonBody { -moz-border-radius: 0; } .dj_ff3 .mblToolBarButtonHasLeftArrow .mblToolBarButtonBody { -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; } .dj_ff3 .mblToolBarButtonHasRightArrow .mblToolBarButtonBody { -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; } .dj_ie .mblToolBarButtonLeftArrow { top: 0; left: -2px; width: 13px; height: 31px; border-style: none; border-radius: 0; background-image: url("compat/arrow-button-head.png"); } .dj_ie .mblToolBarButtonSelected .mblToolBarButtonLeftArrow { background-image: url("compat/arrow-button-head-sel.png"); } .dj_ie .mblToolBarButtonRightArrow { top: 0; right: -3px; width: 13px; height: 31px; border-style: none; border-radius: 0; background-image: url("compat/arrow-button-right-head.png"); } .dj_ie .mblToolBarButtonSelected .mblToolBarButtonRightArrow { background-image: url("compat/arrow-button-right-head-sel.png"); } .dj_ie .mblToolBarButtonBody { background-image: url("compat/arrow-button-bg.png"); background-position: left bottom; } .dj_ie .mblToolBarButtonBodySelected { background-image: url("compat/arrow-button-bg-sel.png"); } .dj_ie .mblToolBarButtonBody table { margin: 0; } .dj_ie .mblToolBarButtonHasLeftArrow .mblToolBarButtonBody { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dj_ie .mblToolBarButtonHasRightArrow .mblToolBarButtonBody { border-top-right-radius: 0; border-bottom-right-radius: 0; } .dj_ie6 .mblToolBarButton .mblToolBarButtonBody { background-position: left top; } .mblRoundRect.mblShadow { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } .dj_ff3 .mblRoundRect { -moz-border-radius: 8px; } .dj_ff3 .mblRoundRect.mblShadow { -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); } .dj_ie .mblRoundCorner { background-color: #ffffff; height: 1px; font-size: 1px; overflow: hidden; border-style: solid; border-color: #cccccc; border-width: 0 1px; } .dj_ie .mblRoundRectContainer { padding: 3px 8px; background-color: #ffffff; border-style: solid; border-color: #cccccc; border-width: 0 1px; } .dj_ie .mblRoundRectList .mblRoundRectContainer { margin: 0; padding: 0; } .dj_ie .mblRoundCorner0T { height: 0; } .dj_ie .mblRoundCorner1T { background-color: #cccccc; margin: 0 5px; } .dj_ie .mblRoundCorner2T { margin: 0 2px; border-width: 0 3px; } .dj_ie .mblRoundCorner3T { margin: 0 1px; border-width: 0 2px; } .dj_ie .mblRoundCorner4T { margin: 0 1px; } .dj_ie .mblRoundCorner5T { margin: 0 1px; } .dj_ie .mblRoundCorner0B { height: 0; } .dj_ie .mblRoundCorner1B { margin: 0 1px; } .dj_ie .mblRoundCorner2B { margin: 0 1px; } .dj_ie .mblRoundCorner3B { margin: 0 1px; border-width: 0 2px; } .dj_ie .mblRoundCorner4B { margin: 0 2px; border-width: 0 3px; } .dj_ie .mblRoundCorner5B { background-color: #cccccc; margin: 0 5px; } .dj_ff3 .mblRoundRectList { -moz-border-radius: 8px; } .dj_ff3 .mblRoundRectList .mblListItem:first-child { -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; } .dj_ff3 .mblRoundRectList .mblListItem:last-child { -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; } .dj_ie .mblRoundRectList { position: relative; } .dj_ie .mblRoundCorner { background-color: #ffffff; height: 1px; font-size: 1px; overflow: hidden; border-style: solid; border-color: #cccccc; border-width: 0 1px; } .dj_ie .mblRoundRectContainer { padding: 3px 8px; background-color: #ffffff; border-style: solid; border-color: #cccccc; border-width: 0 1px; } .dj_ie .mblRoundRectList .mblRoundRectContainer { margin: 0; padding: 0; } .dj_ie .mblRoundCorner0T { height: 0; } .dj_ie .mblRoundCorner1T { background-color: #cccccc; margin: 0 5px; } .dj_ie .mblRoundCorner2T { margin: 0 2px; border-width: 0 3px; } .dj_ie .mblRoundCorner3T { margin: 0 1px; border-width: 0 2px; } .dj_ie .mblRoundCorner4T { margin: 0 1px; } .dj_ie .mblRoundCorner5T { margin: 0 1px; } .dj_ie .mblRoundCorner0B { height: 0; } .dj_ie .mblRoundCorner1B { margin: 0 1px; } .dj_ie .mblRoundCorner2B { margin: 0 1px; } .dj_ie .mblRoundCorner3B { margin: 0 1px; border-width: 0 2px; } .dj_ie .mblRoundCorner4B { margin: 0 2px; border-width: 0 3px; } .dj_ie .mblRoundCorner5B { background-color: #cccccc; margin: 0 5px; } .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; } .mblListItemSelected { background-color: #666666; } .dj_gecko .mblListItemSelected { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_ie6 .mblListItem { vertical-align: bottom; } .dj_gecko .mblSwitchBg { -moz-box-sizing: border-box; } .dj_gecko .mblSwitchKnob { -moz-box-sizing: border-box; } .dj_gecko .mblSwitch .mblSwitchBgLeft { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_gecko .mblSwitch .mblSwitchBgRight { background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); } .dj_gecko .mblSwitch .mblSwitchKnob { background-image: -moz-linear-gradient(top, #e2e2e2 0%, #a4a4a4 100%); } .dj_ie .mblSwitchBg { border: none; background: none; } .dj_ie .mblSwitchBgLeft { background-repeat: no-repeat; } .dj_ie .mblSwitchBgRight { background-repeat: no-repeat; } .dj_ie .mblSwitchKnob { background: none; background-repeat: no-repeat; border: none; } .mblSwSquareShape .mblSwitchBg { -moz-border-radius: 2px; } .mblSwSquareShape .mblSwitchBgLeft { background-image: url("compat/switch-square-l.gif"); } .mblSwSquareShape .mblSwitchBgRight { background-image: url("compat/switch-square-r.gif"); } .mblSwSquareShape .mblSwitchKnob { -moz-border-radius: 2px; background-image: url("compat/switch-square-k.gif"); } .mblSwRoundShape1 .mblSwitchBg { -moz-border-radius: 14px; } .mblSwRoundShape1 .mblSwitchBgLeft { background-image: url("compat/switch-round1-l.gif"); } .mblSwRoundShape1 .mblSwitchBgRight { background-image: url("compat/switch-round1-r.gif"); } .mblSwRoundShape1 .mblSwitchKnob { -moz-border-radius: 13px; background-image: url("compat/switch-round1-k.gif"); } .mblSwRoundShape2 .mblSwitchBg { -moz-border-radius: 14px; } .mblSwRoundShape2 .mblSwitchBgLeft { background-image: url("compat/switch-round2-l.gif"); } .mblSwRoundShape2 .mblSwitchBgRight { background-image: url("compat/switch-round2-r.gif"); } .mblSwRoundShape2 .mblSwitchKnob { -moz-border-radius: 13px; background-image: url("compat/switch-round2-k.gif"); } .mblSwArcShape1 .mblSwitchBg { -moz-border-radius: 5px/14px; } .mblSwArcShape1 .mblSwitchBgLeft { background-image: url("compat/switch-arc1-l.gif"); } .mblSwArcShape1 .mblSwitchBgRight { background-image: url("compat/switch-arc1-r.gif"); } .mblSwArcShape1 .mblSwitchKnob { -moz-border-radius: 5px/13px; background-image: url("compat/switch-arc1-k.gif"); } .mblSwArcShape2 .mblSwitchBg { -moz-border-radius: 5px/14px; } .mblSwArcShape2 .mblSwitchBgLeft { background-image: url("compat/switch-arc2-l.gif"); } .mblSwArcShape2 .mblSwitchBgRight { background-image: url("compat/switch-arc2-r.gif"); } .mblSwArcShape2 .mblSwitchKnob { -moz-border-radius: 5px/13px; background-image: url("compat/switch-arc2-k.gif"); } .mblSwDefaultShape .mblSwitchBg { -moz-border-radius: 2px; } .mblSwDefaultShape .mblSwitchBgLeft { background-image: url("compat/switch-square-l.gif"); } .mblSwDefaultShape .mblSwitchBgRight { background-image: url("compat/switch-square-r.gif"); } .mblSwDefaultShape .mblSwitchKnob { -moz-border-radius: 2px; background-image: url("compat/switch-square-k.gif"); } .dj_ie .mblProg { width: 4px; height: 36px; } .dj_ie .mblProg0 { left: 0px; } .dj_ie .mblProg1 { left: 8px; } .dj_ie .mblProg2 { left: 16px; } .dj_ie .mblProg3 { left: 24px; } .dj_ie .mblProg4 { left: 32px; } .dj_ie .mblProg5 { left: 40px; } .dj_ie .mblProg6 { left: 48px; } .dj_ie .mblProg7 { left: 56px; } .dj_ie .mblProg8 { left: 64px; } .dj_ie .mblProg9 { left: 72px; } .dj_ie .mblProg10 { left: 80px; } .dj_ie .mblProg11 { left: 80px; } .dj_gecko .mblProgressIndicatorCenter .mblProgContainer { -moz-transform-origin: 50% 0; } .dj_gecko .mblProg { -moz-transform-origin: 0 2px; } .dj_gecko .mblProg0 { -moz-transform: translate(18px, 10px) rotate(-90.1deg); } .dj_gecko .mblProg1 { -moz-transform: translate(22px, 11px) rotate(-60deg); } .dj_gecko .mblProg2 { -moz-transform: translate(25px, 14px) rotate(-30deg); } .dj_gecko .mblProg3 { -moz-transform: translate(26px, 18px) rotate(0deg); } .dj_gecko .mblProg4 { -moz-transform: translate(25px, 22px) rotate(30deg); } .dj_gecko .mblProg5 { -moz-transform: translate(22px, 25px) rotate(60deg); } .dj_gecko .mblProg6 { -moz-transform: translate(18px, 26px) rotate(90.1deg); } .dj_gecko .mblProg7 { -moz-transform: translate(14px, 25px) rotate(120deg); } .dj_gecko .mblProg8 { -moz-transform: translate(11px, 22px) rotate(150deg); } .dj_gecko .mblProg9 { -moz-transform: translate(10px, 18px) rotate(180deg); } .dj_gecko .mblProg10 { -moz-transform: translate(11px, 14px) rotate(210deg); } .dj_gecko .mblProg11 { -moz-transform: translate(14px, 11px) rotate(240deg); } .mblDomButtonWhitePlus { background-image: url("../common/domButtons/compat/mblDomButtonWhitePlus.png"); background-repeat: no-repeat; } .mblDomButtonWhitePlus div { display: none; } .mblDomButtonWhiteMinus { background-image: url("../common/domButtons/compat/mblDomButtonWhiteMinus.png"); background-repeat: no-repeat; } .mblDomButtonWhiteMinus div { display: none; } .mblDomButtonWhiteUpArrow { background-image: url("../common/domButtons/compat/mblDomButtonWhiteUpArrow.png"); background-repeat: no-repeat; } .mblDomButtonWhiteUpArrow div { display: none; } .mblDomButtonWhiteDownArrow { background-image: url("../common/domButtons/compat/mblDomButtonWhiteDownArrow.png"); background-repeat: no-repeat; } .mblDomButtonWhiteDownArrow div { display: none; } .mblDomButtonWhiteSearch { background-image: url("../common/domButtons/compat/mblDomButtonWhiteSearch.png"); background-repeat: no-repeat; } .mblDomButtonWhiteSearch div { display: none; } .mblDomButtonBlueMinus { background-image: url("../common/domButtons/compat/mblDomButtonBlueMinus.png"); background-repeat: no-repeat; } .mblDomButtonBlueMinus div { display: none; } .mblDomButtonBluePlus { background-image: url("../common/domButtons/compat/mblDomButtonBluePlus.png"); background-repeat: no-repeat; } .mblDomButtonBluePlus div { display: none; } .mblDomButtonDarkBlueMinus { background-image: url("../common/domButtons/compat/mblDomButtonDarkBlueMinus.png"); background-repeat: no-repeat; } .mblDomButtonDarkBlueMinus div { display: none; } .mblDomButtonDarkBluePlus { background-image: url("../common/domButtons/compat/mblDomButtonDarkBluePlus.png"); background-repeat: no-repeat; } .mblDomButtonDarkBluePlus div { display: none; } .mblDomButtonRedMinus { background-image: url("../common/domButtons/compat/mblDomButtonRedMinus.png"); background-repeat: no-repeat; } .mblDomButtonRedMinus div { display: none; } .mblDomButtonRedPlus { background-image: url("../common/domButtons/compat/mblDomButtonRedPlus.png"); background-repeat: no-repeat; } .mblDomButtonRedPlus div { display: none; } .mblDomButtonCheckboxOn { background-image: url("../common/domButtons/compat/mblDomButtonCheckboxOn.png"); background-repeat: no-repeat; } .mblDomButtonCheckboxOn div { display: none; } .mblDomButtonCheckboxOff { background-image: url("../common/domButtons/compat/mblDomButtonCheckboxOff.png"); background-repeat: no-repeat; } .mblDomButtonCheckboxOff div { display: none; } .mblDomButtonBlueCircleMinus { background-image: url("../common/domButtons/compat/mblDomButtonBlueCircleMinus.png"); background-repeat: no-repeat; } .mblDomButtonBlueCircleMinus > div { display: none; } .mblDomButtonBlueCirclePlus { background-image: url("../common/domButtons/compat/mblDomButtonBlueCirclePlus.png"); background-repeat: no-repeat; } .mblDomButtonBlueCirclePlus > div { display: none; } .mblDomButtonBlueCircleArrow { background-image: url("../common/domButtons/compat/mblDomButtonBlueCircleArrow.png"); background-repeat: no-repeat; } .mblDomButtonBlueCircleArrow > div { display: none; } .mblDomButtonRedCircleMinus { background-image: url("../common/domButtons/compat/mblDomButtonRedCircleMinus.png"); background-repeat: no-repeat; } .mblDomButtonRedCircleMinus > div { display: none; } .mblDomButtonRedCirclePlus { background-image: url("../common/domButtons/compat/mblDomButtonRedCirclePlus.png"); background-repeat: no-repeat; } .mblDomButtonRedCirclePlus > div { display: none; } .mblDomButtonRedCircleArrow { background-image: url("../common/domButtons/compat/mblDomButtonRedCircleArrow.png"); background-repeat: no-repeat; } .mblDomButtonRedCircleArrow > div { display: none; } .mblDomButtonGreenCircleMinus { background-image: url("../common/domButtons/compat/mblDomButtonGreenCircleMinus.png"); background-repeat: no-repeat; } .mblDomButtonGreenCircleMinus > div { display: none; } .mblDomButtonGreenCirclePlus { background-image: url("../common/domButtons/compat/mblDomButtonGreenCirclePlus.png"); background-repeat: no-repeat; } .mblDomButtonGreenCirclePlus > div { display: none; } .mblDomButtonGreenCircleArrow { background-image: url("../common/domButtons/compat/mblDomButtonGreenCircleArrow.png"); background-repeat: no-repeat; } .mblDomButtonGreenCircleArrow > div { display: none; } .mblDomButtonBlackCircleCross { background-image: url("../common/domButtons/compat/mblDomButtonBlackCircleCross.png"); background-repeat: no-repeat; } .mblDomButtonBlackCircleCross > div { display: none; } .mblDomButtonGrayRoundRect > div { -moz-border-radius: 4px; } .mblDomButtonSilverCircleDownArrow { background-image: url("../common/domButtons/compat/mblDomButtonSilverCircleDownArrow.png"); background-repeat: no-repeat; } .mblDomButtonSilverCircleDownArrow > div { display: none; } .mblDomButtonSilverCircleGreenButton { background-image: url("../common/domButtons/compat/mblDomButtonSilverCircleGreenButton.png"); background-repeat: no-repeat; } .mblDomButtonSilverCircleGreenButton > div { display: none; } .mblDomButtonSilverCircleGrayButton { background-image: url("../common/domButtons/compat/mblDomButtonSilverCircleGrayButton.png"); background-repeat: no-repeat; } .mblDomButtonSilverCircleGrayButton > div { display: none; } .mblDomButtonSilverCircleOrangeButton { background-image: url("../common/domButtons/compat/mblDomButtonSilverCircleOrangeButton.png"); background-repeat: no-repeat; } .mblDomButtonSilverCircleOrangeButton > div { display: none; } .mblDomButtonSilverCircleGreenPlus { background-image: url("../common/domButtons/compat/mblDomButtonSilverCircleGreenPlus.png"); background-repeat: no-repeat; } .mblDomButtonSilverCircleGreenPlus > div { display: none; } .mblDomButtonSilverCircleRedCross { background-image: url("../common/domButtons/compat/mblDomButtonSilverCircleRedCross.png"); background-repeat: no-repeat; } .mblDomButtonSilverCircleRedCross > div { display: none; } .mblDomButtonBlueBall { background-image: url("../common/domButtons/compat/mblDomButtonBlueBall.png"); background-repeat: no-repeat; } .mblDomButtonBlueBall > div { display: none; } .mblDomButtonGreenBall { background-image: url("../common/domButtons/compat/mblDomButtonGreenBall.png"); background-repeat: no-repeat; } .mblDomButtonGreenBall > div { display: none; } .mblDomButtonOrangeBall { background-image: url("../common/domButtons/compat/mblDomButtonOrangeBall.png"); background-repeat: no-repeat; } .mblDomButtonOrangeBall > div { display: none; } .mblDomButtonRedBall { background-image: url("../common/domButtons/compat/mblDomButtonRedBall.png"); background-repeat: no-repeat; } .mblDomButtonRedBall > div { display: none; } .mblDomButtonYellowStar { background-image: url("../common/domButtons/compat/mblDomButtonYellowStar.png"); background-repeat: no-repeat; } .mblDomButtonYellowStar > div { display: none; } .mblDomButtonGrayStar { background-image: url("../common/domButtons/compat/mblDomButtonGrayStar.png"); background-repeat: no-repeat; } .mblDomButtonGrayStar > div { display: none; } .mblDomButtonGrayCross, .mblDomButtonCross { background-image: url("../common/domButtons/compat/mblDomButtonGrayCross.png"); background-repeat: no-repeat; } .mblDomButtonGrayCross div, .mblDomButtonCross div { display: none; } .mblDomButtonRedCross, .mblDomButtonCross { background-image: url("../common/domButtons/compat/mblDomButtonRedCross.png"); background-repeat: no-repeat; } .mblDomButtonRedCross div, .mblDomButtonCross div { display: none; } .mblDomButtonWhiteCross, .mblDomButtonCross { background-image: url("../common/domButtons/compat/mblDomButtonWhiteCross.png"); background-repeat: no-repeat; } .mblDomButtonWhiteCross div, .mblDomButtonCross div { display: none; } .mblDomButtonGrayKnob { background-image: url("../common/domButtons/compat/mblDomButtonGrayKnob.png"); background-repeat: no-repeat; } .mblDomButtonGrayKnob > div { display: none; } .mblDomButtonGrayPlus { background-image: url("../common/domButtons/compat/mblDomButtonGrayPlus.png"); background-repeat: no-repeat; } .mblDomButtonGrayPlus div { display: none; } .mblDomButtonGrayMinus { background-image: url("../common/domButtons/compat/mblDomButtonGrayMinus.png"); background-repeat: no-repeat; } .mblDomButtonGrayMinus div { display: none; } .mblAccordionTitleSelected { background-color: #e2e2e2; } .dj_gecko .mblAccordionTitleSelected { background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); } .dj_ff3 .mblAccordionRoundRect { -moz-border-radius: 8px; } .dj_ff3 .mblAccordionRoundRect .mblAccordionTitle:first-child { -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; } .dj_ff3 .mblAccordionRoundRect .mblAccordionTitleLast, .dj_ff3 .mblAccordionRoundRect .mblAccordionPane:last-child { -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; } .mblButton { background-image: url("compat/button-bg.png"); background-repeat: repeat-x; } .mblButtonSelected { background-image: url("compat/button-sel-bg.png"); } .mblBlueButton { background-image: url("compat/blue-button-bg.png"); } .mblBlueButtonSelected { background-image: url("compat/blue-button-sel-bg.png"); } .mblRedButton { background-image: url("compat/red-button-bg.png"); } .mblRedButtonSelected { background-image: url("compat/red-button-sel-bg.png"); } .dj_gecko .mblButton { background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); } .dj_gecko .mblButtonSelected { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_gecko .mblBlueButton { background-image: -moz-linear-gradient(top, #7a9de9 0%, #2362dd 100%); } .dj_gecko .mblBlueButtonSelected { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_gecko .mblRedButton { background-image: -moz-linear-gradient(top, #fa9d58 0%, #ee4115 100%); } .dj_gecko .mblRedButtonSelected { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_ff3 .mblButton { -moz-border-radius: 0; } .mblCheckBox { background-image: url("compat/button-bg.png"); } .mblCheckBoxSelected { background-image: url("compat/button-sel-bg.png"); } .mblCheckBoxChecked, .mblCheckBox:checked { background-image: url("compat/button-chk-bg.png"); } .mblCheckBoxChecked.mblCheckBoxSelected, .mblCheckBox:checked.mblCheckBoxSelected { background-image: url("compat/button-unsel-bg.png"); } .dj_gecko .mblCheckBox { background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); -moz-appearance: none; } .dj_gecko .mblCheckBoxSelected { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_gecko .mblCheckBoxChecked, .dj_gecko .mblCheckBox:checked { background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); } .dj_gecko .mblCheckBoxChecked::after, .dj_gecko .mblCheckBox:checked::after { -moz-transform: rotate(45deg); -moz-transform-origin: 50% 50%; } .dj_gecko .mblCheckBoxChecked.mblCheckBoxSelected, .dj_gecko .mblCheckBox:checked.mblCheckBoxSelected { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_ff3 .mblCheckBox { -moz-border-radius: 0; } .dj_gecko .dijitPopup { -moz-box-shadow: none; } .dj_gecko .mblComboBoxMenuItemSelected { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .mblDomButtonBlueMinus { background-image: url("../common/domButtons/compat/mblDomButtonBlueMinus.png"); background-repeat: no-repeat; } .mblDomButtonBlueMinus div { display: none; } .mblDomButtonBluePlus { background-image: url("../common/domButtons/compat/mblDomButtonBluePlus.png"); background-repeat: no-repeat; } .mblDomButtonBluePlus div { display: none; } .mblDomButtonDarkBlueMinus { background-image: url("../common/domButtons/compat/mblDomButtonDarkBlueMinus.png"); background-repeat: no-repeat; } .mblDomButtonDarkBlueMinus div { display: none; } .mblDomButtonDarkBluePlus { background-image: url("../common/domButtons/compat/mblDomButtonDarkBluePlus.png"); background-repeat: no-repeat; } .mblDomButtonDarkBluePlus div { display: none; } .mblDomButtonRedMinus { background-image: url("../common/domButtons/compat/mblDomButtonRedMinus.png"); background-repeat: no-repeat; } .mblDomButtonRedMinus div { display: none; } .mblDomButtonRedPlus { background-image: url("../common/domButtons/compat/mblDomButtonRedPlus.png"); background-repeat: no-repeat; } .mblDomButtonRedPlus div { display: none; } .mblDomButtonBlackCircleCross { background-image: url("../common/domButtons/compat/mblDomButtonBlackCircleCross.png"); background-repeat: no-repeat; } .mblDomButtonBlackCircleCross > div { display: none; } .mblIconItemPaneHeading { background-image: url("compat/icon-content-heading-bg.png"); } .dj_gecko .mblIconItemPaneHeading { background-image: -moz-linear-gradient(top, #e0e4e7 0%, #c4ccd2 50%, #bfc8ce 50%, #b4bec6 100%); } .dj_ie7 .mblIconAreaInner { font-size: 60px; } .mblIconMenu { background-color: #a0a0a0; } .mblIconMenuItemSel { background-color: #666666; } .dj_gecko .mblIconMenu { background-color: rgba(160, 160, 160, 0.85); } .dj_gecko .mblIconMenuItem { -moz-box-sizing: border-box; } .dj_gecko .mblIconMenuItemSel { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_ff3 .mblIconMenu { -moz-border-radius: 3px; } .dj_ff3 .mblIconMenuItemIcon img { border: 1px solid red; } .dj_ff3 .mblIconMenuItemFirstRow.mblIconMenuItemFirstColumn { -moz-border-top-left-radius: 3px; } .dj_ff3 .mblIconMenuItemFirstRow.mblIconMenuItemLastColumn { -moz-border-top-right-radius: 3px; } .dj_ff3 .mblIconMenuItemLastRow.mblIconMenuItemFirstColumn { -moz-border-bottom-left-radius: 3px; } .dj_ff3 .mblIconMenuItemLastRow.mblIconMenuItemLastColumn { -moz-border-bottom-right-radius: 3px; } .mblOverlay { text-align: center; } .dj_gecko .mblOverlay { text-align: -moz-center; } .dj_ie9 .mblOverlay > *, .dj_ie8 .mblOverlay > * { margin: 0 auto; } .dj_ie6 .mblOverlay { *position: absolute; } .mblTooltip { background-image: none; } .dj_ff3 .mblTooltip { -moz-border-radius: 3px; } .dj_ie9 .mblTooltip .mblHeading { width: auto; } .dj_ie6 .mblTooltipBefore .mblTooltipArrow, .dj_ie7 .mblTooltipBefore .mblTooltipArrow { right: 0; } .dj_ie6 .mblTooltipAbove .mblTooltipArrow, .dj_ie7 .mblTooltipAbove .mblTooltipArrow { bottom: 0; } .dj_ie6 .mblTooltipBefore .mblTooltipInnerArrow, .dj_ie7 .mblTooltipBefore .mblTooltipInnerArrow { right: -1px; } .dj_ie6 .mblTooltipAbove .mblTooltipInnerArrow, .dj_ie7 .mblTooltipAbove .mblTooltipInnerArrow { bottom: -1px; } .dj_ie6 .mblTooltip .mblHeading, .dj_ie7 .mblTooltip .mblHeading { padding: 0 9px 12px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; width: auto; height: auto; overflow: visible; line-height: normal; } .dj_ie6 .mblTooltip .mblHeading .mblToolBarButton, .dj_ie7 .mblTooltip .mblHeading .mblToolBarButton { margin: auto 6px; } .mblPageIndicatorDot { -moz-border-radius: 3px; } .mblRadioButton { background-image: url("compat/button-bg.png"); } .mblRadioButtonChecked, .mblRadioButton:checked { background-image: url("compat/button-chk-bg.png"); } .mblRadioButtonChecked.mblRadioButtonSelected, .mblRadioButton:checked.mblRadioButtonSelected { background-image: url("compat/blue-button-sel-bg.png"); } .dj_gecko .mblRadioButton { background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); -moz-appearance: none; } .dj_gecko .mblRadioButtonChecked, .dj_gecko .mblRadioButton:checked { background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); } .dj_gecko .mblRadioButtonChecked::after, .dj_gecko .mblRadioButton:checked::after { -moz-transform: rotate(45deg); -moz-transform-origin: 50% 50%; } .dj_gecko .mblRadioButtonChecked.mblRadioButtonSelected, .dj_gecko .mblRadioButton:checked.mblRadioButtonSelected { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_ff3 .mblRadioButton { -moz-border-radius: 0.5em; } .dj_ff3 .mblSimpleDialogDecoration { -moz-border-radius: 0; } .mblSlider { background-image: url("compat/slider-h-bg.png"); background-repeat: repeat-x; } .mblSliderProgressBar { background-image: url("compat/slider-h-bar-bg.png"); background-repeat: repeat-x; } .mblSliderHandle { background-image: url("compat/slider-handle-bg.png"); } .mblSliderV { background-color: #e2e2e2; background-image: none; } .mblSliderV .mblSliderProgressBar { background-color: #bbc4d0; background-image: none; } .dj_gecko .mblSlider { background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); -moz-user-select: none; -moz-box-sizing: content-box; } .dj_gecko .mblSliderProgressBar { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_gecko .mblSliderHandle { background-image: -moz-linear-gradient(top, #e2e2e2 0%, #a4a4a4 100%); } .dj_ff3 .mblSlider { -moz-border-radius: 0; } .dj_ff3 .mblSliderProgressBar { -moz-border-radius: 0; } .dj_ff3 .mblSliderHandle { -moz-border-radius: 0; } .mblSpinWheel { background-image: url("../common/compat/spinwheel-bg.png"); } .mblSpinWheelBar { background-image: url("../common/compat/spinwheel-bar.png"); } .mblSpinWheelSlotTouch, .mblSpinWheelSlotPanel { left: 0; } .dj_gecko .mblSpinWheel { background-image: -moz-linear-gradient(top, #313137 0%, #73747d 5%, #92939b 7%, #ababb5 9%, #c5c6ce 12%, #dfe0e4 16%, #f4f5f6 22%, #fbfcfc 35%, #fbfcfc 50%, #fbfcfc 61%, #b4c1c7 61%, #fbfcfc 65%, #f4f5f6 78%, #dfe0e4 84%, #c5c6ce 88%, #ababb5 91%, #92939b 93%, #73747d 95%, #313137 100%); } .dj_gecko .mblSpinWheelBar { background-image: -moz-linear-gradient(top, #edeef2 0%, #c8cadd 25%, #bbbfd4 49%, #9fa8c6 51%, #a2a9c7 81%, #a6abc9 82%, #a7adca 1%); } .dj_ff3 .mblSpinWheel { -moz-border-radius: 3px; } .dj_ie .mblSpinWheelBar { filter: progid:DXImageTransform.Microsoft.alpha(opacity=60); } .dj_ie6 .mblSpinWheelBar, .dj_ie7 .mblSpinWheelBar { z-index: -1; } .dj_ie7 .mblSpinWheelSlotTouch { background: white; filter: alpha(opacity=0); height: 200px; } .dj_ie6 .mblSpinWheelSlotTouch { background: white; filter: alpha(opacity=0); height: 200px; } .mblDomButtonWhiteCross, .mblDomButtonCross { background-image: url("../common/domButtons/compat/mblDomButtonWhiteCross.png"); background-repeat: no-repeat; } .mblDomButtonWhiteCross div, .mblDomButtonCross div { display: none; } .dj_ie6 .mblTabBar .mblTabBarButton { display: inline; } .mblTabBarTabBar { background-image: none; background-color: #000000; } .dj_ff3 .mblTabBarTabBar .mblTabBarButtonSelected { -moz-border-radius: 3px; } .mblTabBarSegmentedControl, .mblTabBarStandardTab { background-image: url("compat/heading-bg.png"); } .mblTabBarSegmentedControl .mblTabBarButton, .mblTabBarStandardTab .mblTabBarButton { background-image: url("compat/tab-seg-button-bg.png"); } .mblTabBarSegmentedControl .mblTabBarButtonSelected, .mblTabBarStandardTab .mblTabBarButtonSelected { background-image: url("compat/tab-seg-sel-button-bg.png"); } .dj_ff3 .mblTabBarSegmentedControl .mblTabBarButton:first-child { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; } .dj_ff3 .mblTabBarSegmentedControl .mblTabBarButton:last-child { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; } .dj_ff3 .mblTabBarStandardTab .mblTabBarButton { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } .mblTabBarSlimTab { background-image: url("compat/tab-slim-bar-bg.png"); } .dj_gecko .mblTabBarSlimTab { background-image: -moz-linear-gradient(top, #2d2d2d 0%, #141414 50%, #000000 50%, #000000 100%); } .dj_gecko .mblTabBarSlimTab .mblTabBarButton { background-image: -moz-linear-gradient(top, #2d2d2d 0%, #141414 50%, #000000 50%, #000000 100%); } .dj_gecko .mblTabBarSlimTab .mblTabBarButtonSelected { background-image: -moz-linear-gradient(top, #313031 0%, #5a555a 50%, #616161 50%, #959595 100%); } .mblTabBarTallTab { background-image: url("compat/tab-tall-bar-bg.png"); } .mblTabBarTallTab .mblTabBarButtonSelected { background-color: #8c8e8c; } .mblTextArea { overflow: auto; } .dj_ff3 .mblTextArea { -moz-border-radius: 0; } .dj_ff3 .mblTextBox { -moz-border-radius: 0; } .mblToggleButton { background-image: url("compat/button-bg.png"); } .mblToggleButtonSelected { background-image: url("compat/button-sel-bg.png"); } .mblToggleButtonChecked { background-image: url("compat/button-chk-bg.png"); } .mblToggleButtonChecked.mblToggleButtonSelected { background-image: url("compat/button-unsel-bg.png"); } .dj_gecko .mblToggleButton { background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); } .dj_gecko .mblToggleButtonSelected { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_gecko .mblToggleButtonChecked { background-image: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); } .dj_gecko .mblToggleButtonChecked:after { -moz-transform: rotate(45deg) skew(10deg); -moz-transform-origin: 50% 50%; } .dj_gecko .mblToggleButtonChecked.mblToggleButtonSelected { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_ff3 .mblToggleButton { -moz-border-radius: 0; } .dj_ff3 .mblToggleButton.mblToggleButtonChecked::after { -moz-transform: translate(-25px, -6px) rotate(45deg) skew(10deg); } .dj_ie .mblToggleButtonChecked:after { top: 9px; left: 5px; width: 12px; border: none; background-image: url("compat/togglebutton-chk-mark-bg.png"); } .mblValuePickerSlotButton { background-image: url("compat/valuepicker-button-bg.png"); } .mblValuePickerSlotInputArea { background-color: #f7f7f7; } .dj_gecko .mblValuePickerSlotButton { background-image: -moz-linear-gradient(top, #f7f7f7 0%, #d6d3d6 50%, #bdbebd 90%, #d6d7d6 100%); } .dj_gecko .mblValuePickerSlotButtonSelected { background-image: -moz-linear-gradient(top, #bbbbbb 0%, #666666 100%); } .dj_gecko .mblValuePickerSlotInputArea { background-image: -moz-linear-gradient(top, #fafafa 10%, #fafafa 20%, #ffffff 50%, #ffffff 90%); }