1 2.mblHeading { 3 background-image: url(compat/heading-bg.png); 4} 5.mblHeadingSpanTitle { 6 white-space: normal; 7} 8.mblArrowButtonHead { 9 position: absolute; 10 top: 0px; 11 left: 3px; 12 width: 19px; 13 height: 29px; 14 border-style: none; 15 background-image: url(compat/arrow-button-head.png); 16} 17.mblArrowButtonBody { 18 padding: 0px 10px 0px 3px; 19 background-image: url(compat/arrow-button-bg.png); 20} 21.mblRoundCorner { 22 background-color: black; 23 height: 1px; 24 font-size: 1px; 25 overflow: hidden; 26 border-style: solid; 27 border-color: #ADAAAD; 28 border-width: 0px 1px; 29} 30.mblRoundRectContainer { 31 padding: 3px 8px; 32 background-color: black; 33 border-style: solid; 34 border-color: #ADAAAD; 35 border-width: 0px 1px; 36} 37.mblRoundRectList .mblRoundRectContainer { 38 margin: 0px; 39 padding: 0px; 40} 41.mblRoundCorner0T { 42 height: 0px; 43} 44.mblRoundCorner1T { 45 background-color: #ADAAAD; 46 margin: 0px 5px; 47} 48.mblRoundCorner2T { 49 margin: 0px 2px; 50 border-width: 0px 3px; 51} 52.mblRoundCorner3T { 53 margin: 0px 1px; 54 border-width: 0px 2px; 55} 56.mblRoundCorner4T { 57 margin: 0px 1px; 58} 59.mblRoundCorner5T { 60 margin: 0px 1px; 61} 62.mblRoundCorner0B { 63 height: 0px; 64} 65.mblRoundCorner1B { 66 margin: 0px 1px; 67} 68.mblRoundCorner2B { 69 margin: 0px 1px; 70} 71.mblRoundCorner3B { 72 margin: 0px 1px; 73 border-width: 0px 2px; 74} 75.mblRoundCorner4B { 76 margin: 0px 2px; 77 border-width: 0px 3px; 78} 79.mblRoundCorner5B { 80 background-color: #ADAAAD; 81 margin: 0px 5px; 82} 83.mblRoundCorner { 84 background-color: black; 85 height: 1px; 86 font-size: 1px; 87 overflow: hidden; 88 border-style: solid; 89 border-color: #ADAAAD; 90 border-width: 0px 1px; 91} 92.mblRoundRectContainer { 93 padding: 3px 8px; 94 background-color: black; 95 border-style: solid; 96 border-color: #ADAAAD; 97 border-width: 0px 1px; 98} 99.mblRoundRectList .mblRoundRectContainer { 100 margin: 0px; 101 padding: 0px; 102} 103.mblRoundCorner0T { 104 height: 0px; 105} 106.mblRoundCorner1T { 107 background-color: #ADAAAD; 108 margin: 0px 5px; 109} 110.mblRoundCorner2T { 111 margin: 0px 2px; 112 border-width: 0px 3px; 113} 114.mblRoundCorner3T { 115 margin: 0px 1px; 116 border-width: 0px 2px; 117} 118.mblRoundCorner4T { 119 margin: 0px 1px; 120} 121.mblRoundCorner5T { 122 margin: 0px 1px; 123} 124.mblRoundCorner0B { 125 height: 0px; 126} 127.mblRoundCorner1B { 128 margin: 0px 1px; 129} 130.mblRoundCorner2B { 131 margin: 0px 1px; 132} 133.mblRoundCorner3B { 134 margin: 0px 1px; 135 border-width: 0px 2px; 136} 137.mblRoundCorner4B { 138 margin: 0px 2px; 139 border-width: 0px 3px; 140} 141.mblRoundCorner5B { 142 background-color: #ADAAAD; 143 margin: 0px 5px; 144} 145@import url(EdgeToEdgeCategory-compat.css); 146.mblDomButtonGrayArrow, .mblDomButtonArrow { 147 background-image: url(../common/domButtons/compat/mblDomButtonGrayArrow.png); 148 background-repeat: no-repeat; 149} 150.mblDomButtonGrayArrow div, .mblDomButtonArrow div { 151 display: none; 152} 153.mblDomButtonDarkBlueCheck, .mblDomButtonCheck { 154 background-image: url(../common/domButtons/compat/mblDomButtonDarkBlueCheck.png); 155 background-repeat: no-repeat; 156} 157.mblDomButtonDarkBlueCheck div, .mblDomButtonCheck div { 158 display: none; 159} 160*html li.mblListItem.mblVariableHeight { 161 height: 0; 162} 163.mblListItemIcon { 164 top: 18px; 165} 166.mblListItem .mblArrow { 167 border-style: none; 168 width: 9px; 169 height: 13px; 170 background-image: url(compat/gray-arrow.png); 171} 172.mblItemSelected .mblArrow { 173 background-image: url(compat/white-arrow.png); 174} 175*html .mblListItemTextBox { 176 height: 100%; 177} 178*html li.mblListItem.mblVariableHeight .mblListItemTextBox { 179 height: auto; 180} 181.mblSwitchBg { 182 border: none; 183} 184.mblSwitchBgLeft { 185 background: none; 186 background-image: url(compat/switch-default-l.gif); 187 background-repeat: no-repeat; 188} 189.mblSwitchBgRight { 190 background: none; 191 background-image: url(compat/switch-default-r.gif); 192 background-repeat: no-repeat; 193} 194.mblSwitchKnob { 195 top: 0px; 196 height: 27px; 197 background: none; 198 background-image: url(compat/switch-default-k.gif); 199 background-repeat: no-repeat; 200 border: none; 201} 202.mblSwRoundShape1 .mblSwitchBgLeft { 203 background-image: url(compat/switch-round-l.gif); 204} 205.mblSwRoundShape1 .mblSwitchBgRight { 206 background-image: url(compat/switch-round-r.gif); 207} 208.mblSwRoundShape1 .mblSwitchKnob { 209 top: 1px; 210 height: 26px; 211 background-image: url(compat/switch-round1-k.gif); 212} 213.mblSwRoundShape2 .mblSwitchBgLeft { 214 background-image: url(compat/switch-round-l.gif); 215} 216.mblSwRoundShape2 .mblSwitchBgRight { 217 background-image: url(compat/switch-round-r.gif); 218} 219.mblSwRoundShape2 .mblSwitchKnob { 220 top: 1px; 221 height: 26px; 222 background-image: url(compat/switch-round2-k.gif); 223} 224.mblSwArcShape1 .mblSwitchBgLeft { 225 background-image: url(compat/switch-arc-l.gif); 226} 227.mblSwArcShape1 .mblSwitchBgRight { 228 background-image: url(compat/switch-arc-r.gif); 229} 230.mblSwArcShape1 .mblSwitchKnob { 231 top: 1px; 232 height: 26px; 233 background-image: url(compat/switch-arc1-k.gif); 234} 235.mblSwArcShape2 .mblSwitchBgLeft { 236 background-image: url(compat/switch-arc-l.gif); 237} 238.mblSwArcShape2 .mblSwitchBgRight { 239 background-image: url(compat/switch-arc-r.gif); 240} 241.mblSwArcShape2 .mblSwitchKnob { 242 top: 1px; 243 height: 26px; 244 background-image: url(compat/switch-arc2-k.gif); 245} 246.mblProg { 247 position: absolute; 248 top: 0px; 249 width: 4px; 250 font-size: 1px; 251 height: 36px; 252 overflow: hidden; 253 background-color: #C0C0C0; 254} 255.mblProg0 { 256 left: 0px; 257} 258.mblProg1 { 259 left: 8px; 260} 261.mblProg2 { 262 left: 16px; 263} 264.mblProg3 { 265 left: 24px; 266} 267.mblProg4 { 268 left: 32px; 269} 270.mblProg5 { 271 left: 40px; 272} 273.mblProg6 { 274 left: 48px; 275} 276.mblProg7 { 277 left: 56px; 278} 279.mblProg8 { 280 left: 64px; 281} 282.mblProg9 { 283 left: 72px; 284} 285.mblProg10 { 286 left: 80px; 287} 288.mblProg11 { 289 left: 80px; 290} 291.mblDomButtonWhitePlus { 292 background-image: url(../common/domButtons/compat/mblDomButtonWhitePlus.png); 293 background-repeat: no-repeat; 294} 295.mblDomButtonWhitePlus div { 296 display: none; 297} 298.mblDomButtonWhiteUpArrow { 299 background-image: url(../common/domButtons/compat/mblDomButtonWhiteUpArrow.png); 300 background-repeat: no-repeat; 301} 302.mblDomButtonWhiteUpArrow div { 303 display: none; 304} 305.mblDomButtonWhiteDownArrow { 306 background-image: url(../common/domButtons/compat/mblDomButtonWhiteDownArrow.png); 307 background-repeat: no-repeat; 308} 309.mblDomButtonWhiteDownArrow div { 310 display: none; 311} 312.mblDomButtonWhiteSearch { 313 background-image: url(../common/domButtons/compat/mblDomButtonWhiteSearch.png); 314 background-repeat: no-repeat; 315} 316.mblDomButtonWhiteSearch div { 317 display: none; 318} 319.mblDomButtonBlueMinus { 320 background-image: url(../common/domButtons/compat/mblDomButtonBlueMinus.png); 321 background-repeat: no-repeat; 322} 323.mblDomButtonBlueMinus div { 324 display: none; 325} 326.mblDomButtonBluePlus { 327 background-image: url(../common/domButtons/compat/mblDomButtonBluePlus.png); 328 background-repeat: no-repeat; 329} 330.mblDomButtonBluePlus div { 331 display: none; 332} 333.mblDomButtonDarkBlueMinus { 334 background-image: url(../common/domButtons/compat/mblDomButtonDarkBlueMinus.png); 335 background-repeat: no-repeat; 336} 337.mblDomButtonDarkBlueMinus div { 338 display: none; 339} 340.mblDomButtonDarkBluePlus { 341 background-image: url(../common/domButtons/compat/mblDomButtonDarkBluePlus.png); 342 background-repeat: no-repeat; 343} 344.mblDomButtonDarkBluePlus div { 345 display: none; 346} 347.mblDomButtonRedMinus { 348 background-image: url(../common/domButtons/compat/mblDomButtonRedMinus.png); 349 background-repeat: no-repeat; 350} 351.mblDomButtonRedMinus div { 352 display: none; 353} 354.mblDomButtonRedPlus { 355 background-image: url(../common/domButtons/compat/mblDomButtonRedPlus.png); 356 background-repeat: no-repeat; 357} 358.mblDomButtonRedPlus div { 359 display: none; 360} 361.mblDomButtonCheckboxOn { 362 background-image: url(../common/domButtons/compat/mblDomButtonCheckboxOn.png); 363 background-repeat: no-repeat; 364} 365.mblDomButtonCheckboxOn div { 366 display: none; 367} 368.mblDomButtonCheckboxOff { 369 background-image: url(../common/domButtons/compat/mblDomButtonCheckboxOff.png); 370 background-repeat: no-repeat; 371} 372.mblDomButtonCheckboxOff div { 373 display: none; 374} 375.mblDomButtonBlueCircleMinus { 376 background-image: url(../common/domButtons/compat/mblDomButtonBlueCircleMinus.png); 377 background-repeat: no-repeat; 378} 379.mblDomButtonBlueCircleMinus > div { 380 display: none; 381} 382.mblDomButtonBlueCirclePlus { 383 background-image: url(../common/domButtons/compat/mblDomButtonBlueCirclePlus.png); 384 background-repeat: no-repeat; 385} 386.mblDomButtonBlueCirclePlus > div { 387 display: none; 388} 389.mblDomButtonBlueCircleArrow { 390 background-image: url(../common/domButtons/compat/mblDomButtonBlueCircleArrow.png); 391 background-repeat: no-repeat; 392} 393.mblDomButtonBlueCircleArrow > div { 394 display: none; 395} 396.mblDomButtonRedCircleMinus { 397 background-image: url(../common/domButtons/compat/mblDomButtonRedCircleMinus.png); 398 background-repeat: no-repeat; 399} 400.mblDomButtonRedCircleMinus > div { 401 display: none; 402} 403.mblDomButtonRedCirclePlus { 404 background-image: url(../common/domButtons/compat/mblDomButtonRedCirclePlus.png); 405 background-repeat: no-repeat; 406} 407.mblDomButtonRedCirclePlus > div { 408 display: none; 409} 410.mblDomButtonRedCircleArrow { 411 background-image: url(../common/domButtons/compat/mblDomButtonRedCircleArrow.png); 412 background-repeat: no-repeat; 413} 414.mblDomButtonRedCircleArrow > div { 415 display: none; 416} 417.mblDomButtonGreenCircleMinus { 418 background-image: url(../common/domButtons/compat/mblDomButtonGreenCircleMinus.png); 419 background-repeat: no-repeat; 420} 421.mblDomButtonGreenCircleMinus > div { 422 display: none; 423} 424.mblDomButtonGreenCirclePlus { 425 background-image: url(../common/domButtons/compat/mblDomButtonGreenCirclePlus.png); 426 background-repeat: no-repeat; 427} 428.mblDomButtonGreenCirclePlus > div { 429 display: none; 430} 431.mblDomButtonGreenCircleArrow { 432 background-image: url(../common/domButtons/compat/mblDomButtonGreenCircleArrow.png); 433 background-repeat: no-repeat; 434} 435.mblDomButtonGreenCircleArrow > div { 436 display: none; 437} 438.mblDomButtonBlackCircleCross { 439 background-image: url(../common/domButtons/compat/mblDomButtonBlackCircleCross.png); 440 background-repeat: no-repeat; 441} 442.mblDomButtonBlackCircleCross > div { 443 display: none; 444} 445.mblDomButtonGrayRoundRect > div { 446 -moz-border-radius: 4px; 447} 448.mblDomButtonSilverCircleDownArrow { 449 background-image: url(../common/domButtons/compat/mblDomButtonSilverCircleDownArrow.png); 450 background-repeat: no-repeat; 451} 452.mblDomButtonSilverCircleDownArrow > div { 453 display: none; 454} 455.mblDomButtonSilverCircleGreenButton { 456 background-image: url(../common/domButtons/compat/mblDomButtonSilverCircleGreenButton.png); 457 background-repeat: no-repeat; 458} 459.mblDomButtonSilverCircleGreenButton > div { 460 display: none; 461} 462.mblDomButtonSilverCircleGrayButton { 463 background-image: url(../common/domButtons/compat/mblDomButtonSilverCircleGrayButton.png); 464 background-repeat: no-repeat; 465} 466.mblDomButtonSilverCircleGrayButton > div { 467 display: none; 468} 469.mblDomButtonSilverCircleOrangeButton { 470 background-image: url(../common/domButtons/compat/mblDomButtonSilverCircleOrangeButton.png); 471 background-repeat: no-repeat; 472} 473.mblDomButtonSilverCircleOrangeButton > div { 474 display: none; 475} 476.mblDomButtonSilverCircleGreenPlus { 477 background-image: url(../common/domButtons/compat/mblDomButtonSilverCircleGreenPlus.png); 478 background-repeat: no-repeat; 479} 480.mblDomButtonSilverCircleGreenPlus > div { 481 display: none; 482} 483.mblDomButtonSilverCircleRedCross { 484 background-image: url(../common/domButtons/compat/mblDomButtonSilverCircleRedCross.png); 485 background-repeat: no-repeat; 486} 487.mblDomButtonSilverCircleRedCross > div { 488 display: none; 489} 490.mblDomButtonBlueBall { 491 background-image: url(../common/domButtons/compat/mblDomButtonBlueBall.png); 492 background-repeat: no-repeat; 493} 494.mblDomButtonBlueBall > div { 495 display: none; 496} 497.mblDomButtonGreenBall { 498 background-image: url(../common/domButtons/compat/mblDomButtonGreenBall.png); 499 background-repeat: no-repeat; 500} 501.mblDomButtonGreenBall > div { 502 display: none; 503} 504.mblDomButtonOrangeBall { 505 background-image: url(../common/domButtons/compat/mblDomButtonOrangeBall.png); 506 background-repeat: no-repeat; 507} 508.mblDomButtonOrangeBall > div { 509 display: none; 510} 511.mblDomButtonRedBall { 512 background-image: url(../common/domButtons/compat/mblDomButtonRedBall.png); 513 background-repeat: no-repeat; 514} 515.mblDomButtonRedBall > div { 516 display: none; 517} 518.mblDomButtonYellowStar { 519 background-image: url(../common/domButtons/compat/mblDomButtonYellowStar.png); 520 background-repeat: no-repeat; 521} 522.mblDomButtonYellowStar > div { 523 display: none; 524} 525.mblDomButtonGrayStar { 526 background-image: url(../common/domButtons/compat/mblDomButtonGrayStar.png); 527 background-repeat: no-repeat; 528} 529.mblDomButtonGrayStar > div { 530 display: none; 531} 532.mblSpinWheel { 533 background-color: #D6D7DC; 534 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%); 535 -moz-border-radius: 3px; 536} 537.dj_ie .mblSpinWheel { 538 background-image: url(../common/compat/spinwheel-bg.png); 539} 540.mblSpinWheelBar { 541 background-color: #C4CADC; 542 background-image: -moz-linear-gradient(top, #EDEEF2 0%, #C8CADD 25%, #BBBFD4 49%, #9FA8C6 51%, #A2A9C7 81%, #A6ABC9 82%, #A7ADCA 1%); 543 -khtml-opacity: 0.6; 544 -moz-opacity: 0.6; 545 opacity: 0.6; 546 filter: progid:DXImageTransform.Microsoft.alpha(opacity=60); 547} 548.dj_ie .mblSpinWheelBar { 549 background-image: url(../common/compat/spinwheel-bar.png); 550} 551.dj_ie6 .mblSpinWheelBar, .dj_ie7 .mblSpinWheelBar { 552 z-index: -1; 553} 554*:first-child+html .mblSpinWheelSlotTouch { 555 background: white; 556 filter: alpha(opacity=0); 557 height: 200px; 558} 559*html .mblSpinWheelSlotTouch { 560 background: white; 561 filter: alpha(opacity=0); 562 height: 200px; 563} 564.mblSpinWheelSlotTouch, .mblSpinWheelSlotPanel { 565 left: 0px; 566} 567.mblButton { 568 background-color: #cfcfcf; 569 background-image: url(compat/button-bg.png); 570 background-repeat: repeat-x; 571 -moz-border-radius: 3px; 572 -o-border-radius: 3px; 573 -ms-border-radius: 3px; 574 border-radius: 3px; 575} 576.mblButtonSelected { 577 background-color: #ffab00; 578 background-image: url(compat/button-sel-bg.png); 579} 580.mblButtonDisabled { 581 background-image: none; 582} 583.mblBlueButton { 584 background-color: #2261dd; 585 background-image: url(compat/blue-button-bg.png); 586} 587.mblBlueButtonSelected { 588 background-color: #ffab00; 589 background-image: url(compat/button-sel-bg.png); 590} 591.mblRedButton { 592 background-color: #ee4115; 593 background-image: url(compat/red-button-bg.png); 594} 595.mblRedButtonSelected { 596 background-color: #ffab00; 597 background-image: url(compat/button-sel-bg.png); 598} 599.mblCheckBox { 600 background-image: url(compat/button-bg.png); 601 -moz-border-radius: 3px; 602 -o-border-radius: 3px; 603 -ms-border-radius: 3px; 604 border-radius: 3px; 605 -moz-appearance: none; 606 -o-appearance: none; 607 -ms-appearance: none; 608 appearance: none; 609 -o-transform: translateY(0.45em); 610 -ms-transform: translateY(0.45em); 611 transform: translateY(0.45em); 612} 613.mblCheckBoxSelected { 614 background-image: url(compat/button-sel-bg.png); 615} 616.mblCheckBoxChecked, 617.mblCheckBox:checked { 618 background-image: url(compat/togglebutton-chk-bg.png); 619} 620.mblCheckBoxChecked::after, 621.mblCheckBox:checked::after { 622 -moz-transform: rotate(45deg); 623 -o-transform: rotate(45deg); 624 -ms-transform: rotate(45deg); 625 transform: rotate(45deg); 626 -moz-transform-origin: 50% 50%; 627 -o-transform-origin: 50% 50%; 628 -ms-transform-origin: 50% 50%; 629 transform-origin: 50% 50%; 630} 631.mblCheckBoxChecked.mblCheckBoxSelected { 632 background-image: url(compat/button-sel-bg.png); 633} 634.dijitPopup { 635 -moz-box-shadow: 0px 0px 50px black; 636 -o-box-shadow: 0px 0px 50px black; 637 -ms-box-shadow: 0px 0px 50px black; 638 box-shadow: 0px 0px 50px black; 639} 640.mblDomButtonBlueMinus { 641 background-image: url(../common/domButtons/compat/mblDomButtonBlueMinus.png); 642 background-repeat: no-repeat; 643} 644.mblDomButtonBlueMinus div { 645 display: none; 646} 647.mblDomButtonBluePlus { 648 background-image: url(../common/domButtons/compat/mblDomButtonBluePlus.png); 649 background-repeat: no-repeat; 650} 651.mblDomButtonBluePlus div { 652 display: none; 653} 654.mblDomButtonDarkBlueMinus { 655 background-image: url(../common/domButtons/compat/mblDomButtonDarkBlueMinus.png); 656 background-repeat: no-repeat; 657} 658.mblDomButtonDarkBlueMinus div { 659 display: none; 660} 661.mblDomButtonDarkBluePlus { 662 background-image: url(../common/domButtons/compat/mblDomButtonDarkBluePlus.png); 663 background-repeat: no-repeat; 664} 665.mblDomButtonDarkBluePlus div { 666 display: none; 667} 668.mblDomButtonRedMinus { 669 background-image: url(../common/domButtons/compat/mblDomButtonRedMinus.png); 670 background-repeat: no-repeat; 671} 672.mblDomButtonRedMinus div { 673 display: none; 674} 675.mblDomButtonRedPlus { 676 background-image: url(../common/domButtons/compat/mblDomButtonRedPlus.png); 677 background-repeat: no-repeat; 678} 679.mblDomButtonRedPlus div { 680 display: none; 681} 682.mblIconArea div { 683 *font-size: 60px; 684} 685.mblIconContentHeading { 686 background-image: url(compat/icon-content-heading-bg.png); 687} 688.mblOverlay { 689 _position: absolute; 690 text-align: center; 691} 692.dj_gecko .mblOverlay { 693 text-align: -moz-center; 694} 695.dj_ie9 .mblOverlay > *, 696.dj_ie8 .mblOverlay > * 697{ 698 margin: 0 auto; 699} 700.mblTooltip { 701 -moz-border-radius: 8px; 702 -o-border-radius: 8px; 703 -ms-border-radius: 8px; 704 border-radius: 8px; 705 background-image: none; 706} 707.mblTooltipBefore .mblTooltipArrow { 708 *right: 0; 709} 710.mblTooltipAbove .mblTooltipArrow { 711 *bottom: 0px; 712} 713.mblTooltipBefore .mblTooltipInnerArrow { 714 *right: -1px; 715} 716.mblTooltipAbove .mblTooltipInnerArrow { 717 *bottom: -1px; 718} 719.mblTooltipBefore .mblTooltipInnerArrow { 720 border-right-color: #8C8A8C; 721} 722.mblTooltipAfter .mblTooltipInnerArrow { 723 border-left-color: #8C8A8C; 724} 725.mblTooltipAbove .mblTooltipInnerArrow { 726 border-bottom-color: #8C8A8C; 727} 728.mblTooltipBelow .mblTooltipInnerArrow { 729 border-top-color: #8C8A8C; 730} 731.mblTooltip .mblHeading { 732 *padding: 0 9px 12px; 733 *border-top: 1px solid #8C8A8C; 734 *border-bottom: 1px solid #8C8A8C; 735 *width: auto; 736 *height: auto; 737 *overflow: visible; 738 *line-height: normal; 739} 740.dj_ie9 .mblTooltip .mblHeading { 741 width: auto; 742} 743.mblTooltip .mblHeading .mblToolBarButton { 744 *margin: auto 6px; 745} 746.mblRadioButton { 747 background-image: url(compat/button-bg.png); 748 -moz-border-radius: 0.5em; 749 -o-border-radius: 0.5em; 750 -ms-border-radius: 0.5em; 751 border-radius: 0.5em; 752 -moz-appearance: none; 753 -o-appearance: none; 754 -ms-appearance: none; 755 appearance: none; 756 -o-transform: translateY(0.45em); 757 -ms-transform: translateY(0.45em); 758 transform: translateY(0.45em); 759} 760.mblRadioButtonChecked, 761.mblRadioButton:checked { 762 background-image: url(compat/togglebutton-chk-bg.png); 763} 764.mblRadioButtonChecked::after, 765.mblRadioButton:checked::after { 766 -moz-transform: rotate(45deg); 767 -o-transform: rotate(45deg); 768 -ms-transform: rotate(45deg); 769 transform: rotate(45deg); 770 -moz-transform-origin: 50% 50%; 771 -o-transform-origin: 50% 50%; 772 -ms-transform-origin: 50% 50%; 773 transform-origin: 50% 50%; 774} 775.mblRadioButtonChecked.mblRadioButtonSelected { 776 background-image: url(compat/button-sel-bg.png); 777} 778.mblSlider { 779 background-image: url(compat/slider-h-bg.png); 780 -moz-border-radius: 2px; 781 -o-border-radius: 2px; 782 -ms-border-radius: 2px; 783 border-radius: 2px; 784 -moz-user-select: none; 785 -o-user-select: none; 786 -ms-user-select: none; 787 user-select: none; 788 -moz-box-sizing: content-box; 789 -o-box-sizing: content-box; 790 -ms-box-sizing: content-box; 791 box-sizing: content-box; 792} 793.mblSlider.mblSliderV { 794 background: #BDBEBD; 795} 796.mblSliderProgressBar { 797 background-image: url(compat/slider-h-bar-bg.png); 798 background-repeat: repeat-x; 799 -moz-border-radius: 2px; 800 -o-border-radius: 2px; 801 -ms-border-radius: 2px; 802 border-radius: 2px; 803} 804.mblSliderV .mblSliderProgressBar { 805 background: #00A200; 806} 807.mblSliderHandle { 808 background-image: url(compat/slider-handle-bg.png); 809 -moz-border-radius: 2px; 810 -o-border-radius: 2px; 811 -ms-border-radius: 2px; 812 border-radius: 2px; 813} 814.mblSliderTransition { 815 -moz-transition-duration: 400ms; 816 -o-transition-duration: 400ms; 817 -ms-transition-duration: 400ms; 818 transition-duration: 400ms; 819} 820.mblTabBar { 821 background-color: #1e1e1e; 822} 823.dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv { 824 left: auto; 825} 826.dj_ie6 .mblTabBar .mblTabBarButton { 827 display: inline; 828} 829.mblTabBar .mblTabBarButton.mblTabButtonSelected { 830 -moz-border-radius: 3px; 831 background-image: none; 832} 833.mblTabPanelHeader .mblTabButton { 834 background-image: url(compat/tab-button-bg.png); 835} 836.mblTabPanelHeader .mblTabButton.mblTabButtonSelected { 837 background-image: url(compat/tab-sel-button-bg.png); 838} 839*html .mblTabButton { 840 behavior: expression( 841 (function(el){ 842 if(!el.previousSibling) 843 el.style.borderWidth = "1px"; 844 el.style.behavior = "none"; 845 })(this) 846 ); 847} 848.dj_ie6 .mblTabPanelHeader .mblDomButton { 849 left: 0px; 850} 851.mblHeading .mblTabPanelHeader .mblTabButton { 852 background-image: none; 853} 854.mblTextArea { 855 -moz-border-radius: 3px; 856 -o-border-radius: 3px; 857 -ms-border-radius: 3px; 858 border-radius: 3px; 859} 860.mblTextBox { 861 -moz-border-radius: 3px; 862 -o-border-radius: 3px; 863 -ms-border-radius: 3px; 864 border-radius: 3px; 865} 866.mblToggleButton { 867 background-image: url(compat/button-bg.png); 868 -moz-border-radius: 3px; 869 -o-border-radius: 3px; 870 -ms-border-radius: 3px; 871 border-radius: 3px; 872} 873.mblToggleButtonSelected { 874 background-image: url(compat/button-sel-bg.png); 875} 876.mblToggleButtonChecked { 877 background-image: url(compat/togglebutton-chk-bg.png); 878} 879.mblToggleButton.mblToggleButtonChecked::after { 880 -moz-transform: translate(-25px,0px) rotate(45deg) skew(10deg); 881 -o-transform: rotate(45deg) skew(10deg); 882 -ms-transform: rotate(45deg) skew(10deg); 883 transform: rotate(45deg) skew(10deg); 884 -moz-transform-origin: 50% 50%; 885 -o-transform-origin: 50% 50%; 886 -ms-transform-origin: 50% 50%; 887 transform-origin: 50% 50%; 888} 889.dj_ff3 .mblToggleButton.mblToggleButtonChecked::after { 890 -moz-transform: translate(-25px,-6px) rotate(45deg) skew(10deg); 891} 892.mblToggleButtonChecked.mblToggleButtonSelected { 893 background-image: url(compat/button-sel-bg.png); 894} 895.alertTitle { 896 background-image: url(compat/heading-bg.png); 897} 898.mblImageThumbView .mblThumb { 899 -moz-transition: all 0.5s ease-in-out; 900 -o-transition: all 0.5s ease-in-out; 901} 902.mblImageThumbView .mblThumb:hover { 903 -moz-transform: scale(1.2); 904 -moz-transition: all 0.3s ease-in-out; 905 -o-transform: scale(1.2); 906 -o-transition: all 0.3s ease-in-out; 907} 908.mblImageThumbView .mblThumbInner .mblThumbMask .mblThumbSrc { 909 -moz-background-size: 100% 100%; 910 -moz-border-radius: 5px; 911 -o-background-size: 100% 100%; 912 -o-border-radius: 5px; 913}