1html.mobile, .mobile body { 2 width: 100%; 3 margin: 0px; 4 padding: 0px; 5} 6.mobile body { 7 overflow-x: hidden; 8 -webkit-text-size-adjust: none; 9 background-color: #c5ccd3; 10 font-family: Helvetica; 11 font-size: 17px; 12} 13.mblColorBlue { 14 background-color: #366EDF; 15 background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); 16} 17.mblColorDefault { 18 background-color: #5877A2; 19 background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); 20} 21.mblColorDefaultSel { 22 background-color: #394D77; 23 background-image: -webkit-gradient(linear, left top, left bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69)); 24} 25.mblHeading { 26 position: relative; 27 margin: 0px; 28 width: 100%; 29 overflow: hidden; 30 white-space: nowrap; 31 text-overflow: ellipsis; 32 z-index: 1; 33 padding: 0px; 34 height: 42px; 35 background-color: #889BB3; 36 background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af)); 37 border-top: 1px solid #CDD5DF; 38 border-bottom: 1px solid #2D3642; 39 color: white; 40 font-family: Helvetica; 41 font-size: 20px; 42 font-weight: bold; 43 text-align: center; 44 line-height: 44px; 45 text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; 46} 47.mblHeading * { 48 z-index: 2; 49} 50.mblHeadingDivTitle { 51 position: absolute; 52 width: 100%; 53 display: none; 54 left: 0px; 55 z-index: 1; 56} 57.mblHeadingCenterTitle .mblHeadingDivTitle { 58 display: block; 59} 60.mblHeadingCenterTitle .mblHeadingSpanTitle { 61 display: none; 62} 63.mblArrowButton { 64 position: relative; 65 float: left; 66 height: 42px; 67} 68.mblArrowButtonHead { 69 position: absolute; 70 top: 11px; 71 left: 5px; 72 width: 20px; 73 height: 19px; 74 border: 1px solid #3A4655; 75 -webkit-transform: scale(0.7, 1) rotate(45deg); 76 background-image: -webkit-gradient(linear, left top, right bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); 77} 78.dj_chrome .mblArrowButtonHead { 79 border: 1px inset #3A4655; 80} 81.mblArrowButtonBody { 82 position: absolute; 83 cursor: pointer; 84 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 85 top: 6px; 86 left: 16px; 87 padding: 0px 10px 0px 4px; 88 height: 29px; 89 border-width: 1px 1px 1px 0px; 90 border-style: inset; 91 border-color: #9CACC0; 92 font-family: Helvetica; 93 font-size: 13px; 94 color: white; 95 line-height: 29px; 96 -webkit-border-top-right-radius: 5px; 97 -webkit-border-bottom-right-radius: 5px; 98 background-color: #5877A2; 99 background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); 100} 101.mblArrowButtonSelected .mblArrowButtonHead { 102 background-image: -webkit-gradient(linear, left top, right bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69)); 103} 104.mblArrowButtonSelected .mblArrowButtonBody { 105 background-image: -webkit-gradient(linear, left top, left bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69)); 106} 107.mblSlide.mblOut { 108 -webkit-transition-property: none; 109 -webkit-transition-duration: 0s; 110 -webkit-transform: translate3d(0%,0px,0px) !important; 111} 112.mblSlide.mblOut.mblTransition { 113 -webkit-transition-property: -webkit-transform; 114 -webkit-transition-duration: .3s; 115 -webkit-transform: translate3d(-100%,0px,0px) !important; 116} 117.mblSlide.mblIn { 118 position: absolute !important; 119 -webkit-transition-property: none; 120 -webkit-transition-duration: 0s; 121 -webkit-transform: translate3d(100%,0px,0px) !important; 122} 123.mblSlide.mblIn.mblTransition { 124 -webkit-transition-property: -webkit-transform; 125 -webkit-transition-duration: .3s; 126 -webkit-transform: translate3d(0%,0px,0px) !important; 127} 128.mblSlide.mblOut.mblReverse { 129 -webkit-transition-property: none; 130 -webkit-transform: translate3d(0%,0px,0px) !important; 131} 132.mblSlide.mblOut.mblReverse.mblTransition { 133 -webkit-transition-property: -webkit-transform; 134 -webkit-transform: translate3d(100%,0px,0px) !important; 135} 136.mblSlide.mblIn.mblReverse { 137 -webkit-transform: translate3d(-100%,0px,0px) !important; 138} 139.mblSlide.mblIn.mblReverse.mblTransition { 140 -webkit-transition-property: -webkit-transform; 141 -webkit-transform: translate3d(0%,0px,0px) !important; 142} 143.dj_android.dj_tablet .mblSlide.mblOut.mblTransition, 144.dj_android.dj_tablet .mblSlide.mblIn.mblTransition { 145 -webkit-transition-duration: .6s; 146 -webkit-transition-timing-function: linear; 147} 148.mblFlip.mblOut { 149 -webkit-transition-property: none; 150 -webkit-transition-duration: 0s; 151 opacity: 1; 152 -webkit-transform: scale(1,1) skew(0,0) !important; 153} 154.mblFlip.mblOut.mblTransition { 155 -webkit-transition-property: all; 156 -webkit-transition-duration: .2s; 157 -webkit-transition-timing-function: linear; 158 opacity: 0; 159 -webkit-transform: scale(0,0.8) skew(0,30deg) !important; 160} 161.mblFlip.mblIn { 162 position: absolute; 163 -webkit-transition-property: none; 164 -webkit-transition-duration: 0s; 165 opacity: 0; 166 -webkit-transform: scale(0,0.8) skew(0,-30deg) !important; 167} 168.mblFlip.mblIn.mblTransition { 169 -webkit-transition-property: all; 170 -webkit-transition-delay: .2s; 171 -webkit-transition-duration: .2s; 172 -webkit-transition-timing-function: linear; 173 opacity: 1; 174 -webkit-transform: scale(1,1) skew(0,0) !important; 175} 176.dj_android.dj_tablet .mblFlip.mblOut.mblTransition { 177 -webkit-transition-duration: .4s; 178} 179.dj_android.dj_tablet .mblFlip.mblIn.mblTransition { 180 -webkit-transition-delay: .4s; 181 -webkit-transition-duration: .4s; 182} 183.mblFade.mblOut { 184 -webkit-transition-property: none; 185 -webkit-transition-duration: 0s; 186 opacity: 1; 187} 188.mblFade.mblOut.mblTransition { 189 -webkit-transition-property: opacity; 190 -webkit-transition-duration: .6s; 191 -webkit-transition-timing-function: ease-out; 192 opacity: 0; 193} 194.mblFade.mblIn { 195 -webkit-transition-property: none; 196 -webkit-transition-duration: 0s; 197 opacity: 0; 198} 199.mblFade.mblIn.mblTransition { 200 -webkit-transition-property: opacity; 201 -webkit-transition-duration: .6s; 202 -webkit-transition-timing-function: ease-in; 203 opacity: 1; 204} 205.mblView { 206 position: relative; 207 top: 0px; 208 left: 0px; 209 width: 100%; 210} 211.mblView.mblIn { 212 position: absolute; 213} 214.mblFixedHeaderBar { 215 z-index: 1; 216} 217.mblFixedBottomBar { 218 position: absolute !important; 219 width: 100%; 220 z-index: 1; 221} 222.mblToolBarButton { 223 float: left; 224 position: relative; 225 overflow: hidden; 226 cursor: pointer; 227 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 228 margin: 6px; 229 height: 29px; 230 border: 1px inset #9CACC0; 231 font-family: Helvetica; 232 font-size: 13px; 233 font-weight: bold; 234 color: white; 235 line-height: 29px; 236 text-align: center; 237 -webkit-border-radius: 5px; 238 -moz-border-radius: 5px; 239} 240.mblToolBarButtonIcon { 241 position: relative; 242} 243.mblToolBarButtonSpriteIcon { 244 position: absolute; 245} 246.mblToolBarButtonText { 247 padding: 0px 10px; 248} 249.mblRoundRect { 250 margin: 7px 9px 16px 9px; 251 padding: 8px; 252 border: 1px solid #ADAAAD; 253 -webkit-border-radius: 8px; 254 -moz-border-radius: 8px; 255 background-color: white; 256} 257.mblRoundRect.mblShadow { 258 -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 259} 260.mblEdgeToEdgeCategory { 261 position: relative; 262 overflow: hidden; 263 white-space: nowrap; 264 text-overflow: ellipsis; 265 margin: 0px; 266 padding: 0px 10px; 267 height: 22px; 268 border-top: 1px solid #A4B0B9; 269 border-bottom: 1px solid #979DA3; 270 background-image: -webkit-gradient(linear, left top, left bottom, from(#8f9ea9), to(#b7c0c7)); 271 font-family: Helvetica; 272 font-size: 16px; 273 font-weight: bold; 274 color: white; 275 line-height: 22px; 276 text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; 277} 278.mblRoundRectCategory { 279 white-space: nowrap; 280 text-overflow: ellipsis; 281 overflow: hidden; 282 padding: 18px 0px 0px 20px; 283 margin: 0px; 284 font-family: Helvetica; 285 font-size: 16px; 286 color: #4C566C; 287 text-shadow: #ffffff 0px 1px 0px; 288} 289.mblRoundRectList { 290 position: relative; 291 292 margin: 7px 9px 16px 9px; 293 padding: 0px; 294 border: 1px solid #ADAAAD; 295 -webkit-border-radius: 8px; 296 -moz-border-radius: 8px; 297 background-color: white; 298} 299.mblRoundRectList .mblListItem:first-child { 300 -webkit-border-top-left-radius: 8px; 301 -webkit-border-top-right-radius: 8px; 302 -moz-border-radius-topleft: 8px; 303 -moz-border-radius-topright: 8px; 304} 305.mblRoundRectList .mblListItem:last-child { 306 border-bottom-width: 0px; 307 -webkit-border-bottom-left-radius: 8px; 308 -webkit-border-bottom-right-radius: 8px; 309 -moz-border-radius-bottomleft: 8px; 310 -moz-border-radius-bottomright: 8px; 311} 312.mblEdgeToEdgeList { 313 position: relative; 314 315 margin: 0px; 316 padding: 0px; 317 background-color: white; 318} 319.mblEdgeToEdgeList .mblListItem:last-child { 320 border-bottom-color: #707C84; 321} 322.mblDomButtonGrayArrow, .mblDomButtonArrow { 323 position: relative; 324 width: 20px; 325 height: 29px; 326} 327.mblDomButtonGrayArrow > div, .mblDomButtonArrow > div { 328 position: absolute; 329 top: 10px; 330 left: 6px; 331 width: 6px; 332 height: 6px; 333 font-size: 1px; 334 -webkit-transform: rotate(45deg); 335 border-width: 3px 3px 0px 0px; 336 border-style: solid; 337 border-color: #808080; 338} 339.mblDomButtonDarkBlueCheck, .mblDomButtonCheck { 340 position: relative; 341 width: 20px; 342 height: 29px; 343} 344.mblDomButtonDarkBlueCheck > div, .mblDomButtonCheck > div { 345 position: absolute; 346 left: 0px; 347 top: 8px; 348 width: 16px; 349 height: 6px; 350 font-size: 1px; 351 -webkit-transform: scaleX(0.7) rotate(135deg); 352 border-width: 3px 4px 0px 0px; 353 border-style: solid; 354 border-color: #314E84; 355} 356.mblListItem { 357 position: relative; 358 list-style-type: none; 359 vertical-align: bottom; 360 361 padding: 0px 0px 0px 8px; 362 height: 43px; 363 border-bottom: 1px solid #ADAAAD; 364 font-weight: bold; 365 color: black; 366 line-height: 43px; 367} 368.mblListItem.mblVariableHeight { 369 height: auto; 370 padding: 11px 0px 10px 6px; 371 line-height: normal; 372} 373.mblListItem .mblListItemAnchor { 374 display: block; 375 height: 100%; 376 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 377 background-position: 9px 7px; 378 text-decoration: none; 379 padding-right: 7px; 380} 381.mblListItem .mblListItemAnchor * { 382 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); 383} 384.mblItemSelected { 385 background-color: #048BF4; 386 background-image: -webkit-gradient(linear, left top, left bottom, from(#048bf4), to(#005ce5)); 387} 388.mblItemSelected .mblListItemAnchor { 389 color: white; 390} 391.mblItemSelected .mblDomButton div { 392 border-color: white; 393} 394.mblListItemTextBoxSelected { 395 background-color: #048BF4; 396} 397.mblListItemChecked { 398 color: #314E84; 399} 400.mblListItemIcon { 401 float: left; 402 line-height: normal; 403 margin-top: 7px; 404 margin-right: 11px; 405} 406.mblListItemSpriteIcon { 407 position: absolute; 408 margin-top: 7px; 409 margin-left: 8px; 410} 411.mblListItemRightIcon, .mblListItemRightIcon2 { 412 position: relative; 413 float: right; 414 line-height: normal; 415 margin-top: 7px; 416 margin-bottom: -7px; 417} 418.mblListItemRightText { 419 position: relative; 420 float: right; 421 line-height: normal; 422 color: #324F85; 423 margin: 11px 4px 0 0; 424} 425.mblListItemTextBox { 426 overflow: hidden; 427 white-space: nowrap; 428 text-overflow: ellipsis; 429} 430.mblVariableHeight .mblListItemTextBox { 431 white-space: normal; 432} 433.mblSwitch { 434 margin: 0; 435 position: relative; 436 width: 94px; 437 height: 27px; 438 line-height: 29px; 439 overflow: hidden; 440 text-align: left; 441 -webkit-tap-highlight-color: rgba(255,255,255,0); 442} 443.mblItemSwitch { 444 position: absolute; 445 right: 12px; 446} 447.mblSwitchInner { 448 position: absolute; 449 top: 0px; 450 height: 27px; 451} 452.mblSwitchAnimation .mblSwitchInner { 453 -webkit-transition-property: left; 454 -webkit-transition-duration: .3s; 455} 456.mblSwitchOn .mblSwitchInner { 457 left: 0px; 458} 459.mblSwitchOff .mblSwitchInner { 460 left: -53px; 461} 462.mblSwitchBg { 463 position: absolute; 464 top: 0px; 465 height: 27px; 466 border-width: 1px; 467 border-style: inset; 468 border-color: #9CACC0; 469 font-family: Helvetica; 470 font-size: 16px; 471 font-weight: bold; 472 line-height: 29px; 473 -webkit-box-sizing: border-box; 474} 475.mblSwitchBgLeft { 476 left: 0px; 477 width: 94px; 478 color: white; 479 background-color: #3F84EB; 480} 481.mblSwitchBgRight { 482 left: 53px; 483 width: 94px; 484 color: #7F7F7F; 485} 486.mblSwitchKnob { 487 position: absolute; 488 top: 1px; 489 left: 53px; 490 width: 41px; 491 height: 26px; 492 font-size: 1px; 493 border-width: 1px; 494 border-style: solid; 495 border-color: #EFEFEF #A5A5A5 #969696 #325E9E; 496 -webkit-box-sizing: border-box; 497} 498.mblSwitchText { 499 position: relative; 500 top: 0px; 501 width: 53px; 502 height: 27px; 503 padding: 0px; 504 line-height: 28px; 505 text-align: center; 506} 507.mblSwitchTextLeft { 508 left: 0px; 509} 510.mblSwitchTextRight { 511 left: 40px; 512} 513.mblSwRoundShape1 { 514 height: 28px; 515 -webkit-mask-image: -webkit-canvas(mblSwRoundShape1Mask); 516} 517.mblSwRoundShape1.mblItemSwitch { 518 top: 8px; 519} 520.mblSwRoundShape1 .mblSwitchInner { 521 height: 28px; 522} 523.mblSwRoundShape1.mblSwitchOff .mblSwitchInner { 524 left: -67px; 525} 526.mblSwRoundShape1 .mblSwitchBg { 527 height: 28px; 528 -webkit-border-radius: 14px; 529} 530.mblSwRoundShape1 .mblSwitchBgLeft { 531} 532.mblSwRoundShape1 .mblSwitchBgRight { 533 left: 67px; 534} 535.mblSwRoundShape1 .mblSwitchKnob { 536 left: 67px; 537 width: 26px; 538 height: 26px; 539 -webkit-border-radius: 13px; 540} 541.mblSwRoundShape1 .mblSwitchText { 542 width: 67px; 543 height: 26px; 544} 545.mblSwRoundShape1 .mblSwitchTextRight { 546 left: 26px; 547} 548.mblSwRoundShape2 { 549 height: 28px; 550 -webkit-mask-image: -webkit-canvas(mblSwRoundShape2Mask); 551} 552.mblSwRoundShape2.mblItemSwitch { 553 top: 8px; 554} 555.mblSwRoundShape2 .mblSwitchInner { 556 height: 28px; 557} 558.mblSwRoundShape2.mblSwitchOff .mblSwitchInner { 559 left: -51px; 560} 561.mblSwRoundShape2 .mblSwitchBg { 562 height: 28px; 563 -webkit-border-radius: 14px; 564} 565.mblSwRoundShape2 .mblSwitchBgRight { 566 left: 51px; 567} 568.mblSwRoundShape2 .mblSwitchKnob { 569 left: 51px; 570 width: 42px; 571 height: 26px; 572 -webkit-border-radius: 13px; 573} 574.mblSwRoundShape2 .mblSwitchText { 575 width: 51px; 576 height: 28px; 577} 578.mblSwRoundShape2 .mblSwitchTextRight { 579 left: 42px; 580} 581.mblSwArcShape1 { 582 height: 28px; 583 -webkit-border-radius: 6px/14px; 584} 585.mblSwArcShape1.mblItemSwitch { 586 top: 8px; 587} 588.mblSwArcShape1 .mblSwitchInner { 589 height: 28px; 590} 591.mblSwArcShape1.mblSwitchOff .mblSwitchInner { 592 left: -67px; 593} 594.mblSwArcShape1 .mblSwitchBg { 595 height: 28px; 596 -webkit-border-radius: 6px/14px; 597} 598.mblSwArcShape1 .mblSwitchBgRight { 599 left: 67px; 600} 601.mblSwArcShape1 .mblSwitchKnob { 602 left: 67px; 603 width: 26px; 604 height: 26px; 605 -webkit-border-radius: 5px/13px; 606} 607.mblSwArcShape1 .mblSwitchText { 608 width: 67px; 609 height: 26px; 610} 611.mblSwArcShape1 .mblSwitchTextRight { 612 left: 26px; 613} 614.mblSwArcShape2 { 615 height: 28px; 616 -webkit-border-radius: 6px/14px; 617} 618.mblSwArcShape2.mblItemSwitch { 619 top: 8px; 620} 621.mblSwArcShape2 .mblSwitchInner { 622 height: 28px; 623} 624.mblSwArcShape2.mblSwitchOff .mblSwitchInner { 625 left: -51px; 626} 627.mblSwArcShape2 .mblSwitchBg { 628 height: 28px; 629 -webkit-border-radius: 6px/14px; 630} 631.mblSwArcShape2 .mblSwitchBgRight { 632 left: 51px; 633} 634.mblSwArcShape2 .mblSwitchKnob { 635 left: 51px; 636 width: 42px; 637 height: 26px; 638 -webkit-border-radius: 5px/13px; 639} 640.mblSwArcShape2 .mblSwitchText { 641 width: 51px; 642 height: 26px; 643} 644.mblSwArcShape2 .mblSwitchTextRight { 645 left: 42px; 646} 647.mblItemSwitch { 648 top: 8px; 649} 650.mblSwitchBg { 651 -webkit-border-radius: 5px; 652} 653.mblSwitchBgLeft { 654 background-image: -webkit-gradient(linear, left top, left bottom, from(#2859b1), to(#75acfb), color-stop(0.5, #3f84eb), color-stop(0.5, #4c8eee)); 655} 656.mblSwitchBgRight { 657 background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#fdfdfd), color-stop(0.5, #eeeeee), color-stop(0.5, #f8f8f8)); 658} 659.mblSwitchKnob { 660 background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#fafafa)); 661 -webkit-border-radius: 5px; 662} 663.mblProgContainer { 664 position: absolute; 665 width: 40px; 666 height: 40px; 667 top: 180px; 668 left: 50%; 669 margin: -18px 0px 0px -18px; 670} 671.mblProg { 672 position: absolute; 673 left: 2px; 674 top: 0px; 675 width: 11px; 676 font-size: 1px; 677 height: 4px; 678 overflow: hidden; 679 -webkit-transform-origin: 0 2px; 680 background-color: #C0C0C0; 681 -webkit-border-radius: 2px; 682 -moz-border-radius: 2px; 683} 684.mblProg0 { 685 -webkit-transform: translate(18px, 10px) rotate(-90.1deg); 686} 687.mblProg1 { 688 -webkit-transform: translate(22px, 11px) rotate(-60deg); 689} 690.mblProg2 { 691 -webkit-transform: translate(25px, 14px) rotate(-30deg); 692} 693.mblProg3 { 694 -webkit-transform: translate(26px, 18px) rotate(0deg); 695} 696.mblProg4 { 697 -webkit-transform: translate(25px, 22px) rotate(30deg); 698} 699.mblProg5 { 700 -webkit-transform: translate(22px, 25px) rotate(60deg); 701} 702.mblProg6 { 703 -webkit-transform: translate(18px, 26px) rotate(90.1deg); 704} 705.mblProg7 { 706 -webkit-transform: translate(14px, 25px) rotate(120deg); 707} 708.mblProg8 { 709 -webkit-transform: translate(11px, 22px) rotate(150deg); 710} 711.mblProg9 { 712 -webkit-transform: translate(10px, 18px) rotate(180deg); 713} 714.mblProg10 { 715 -webkit-transform: translate(11px, 14px) rotate(210deg); 716} 717.mblProg11 { 718 -webkit-transform: translate(14px, 11px) rotate(240deg); 719} 720.mblDomButtonWhitePlus { 721 position: relative; 722 width: 29px; 723 height: 29px; 724} 725.mblDomButtonWhitePlus > div { 726 position: absolute; 727 top: 11px; 728 left: 8px; 729 width: 13px; 730 height: 3px; 731 margin: 0px; 732 font-size: 1px; 733 background-color: white; 734 border-top: 1px solid #4A5A71; 735} 736.mblDomButtonWhitePlus > div > div { 737 position: absolute; 738 top: -6px; 739 left: 5px; 740 width: 3px; 741 height: 13px; 742 margin: 0px; 743 font-size: 1px; 744 background-color: white; 745 border-top: 1px solid #4A5A71; 746} 747.mblDomButtonWhiteUpArrow { 748 position: relative; 749 width: 29px; 750 height: 29px; 751} 752.mblDomButtonWhiteUpArrow div { 753 position: absolute; 754 left: 0px; 755 clip: rect(0px 30px 20px 0px); 756} 757.mblDomButtonWhiteUpArrow > div > div { 758 top: 9px; 759 left: 4px; 760 width: 20px; 761 height: 20px; 762 margin: 0px; 763 font-size: 1px; 764 background-color: white; 765 border-top: 1px solid #4A5A71; 766 -webkit-transform: scaleX(0.6) rotate(45deg); 767} 768.mblDomButtonWhiteDownArrow { 769 position: relative; 770 width: 29px; 771 height: 29px; 772} 773.mblDomButtonWhiteDownArrow div { 774 position: absolute; 775 left: 0px; 776 clip: rect(7px 50px 40px 0px); 777} 778.mblDomButtonWhiteDownArrow > div > div { 779 top: -10px; 780 left: 2px; 781 width: 25px; 782 height: 25px; 783 margin: 0px; 784 font-size: 1px; 785 background-color: white; 786 border-top: 1px solid #4A5A71; 787 -webkit-transform: scaleX(0.6) rotate(45deg); 788} 789.mblDomButtonWhiteSearch { 790 position: relative; 791 width: 29px; 792 height: 29px; 793} 794.mblDomButtonWhiteSearch > div { 795 position: absolute; 796 top: 5px; 797 left: 6px; 798 width: 10px; 799 height: 10px; 800 margin: 0px; 801 font-size: 1px; 802 border: 2px solid white; 803 -webkit-border-radius: 6px; 804} 805.mblDomButtonWhiteSearch > div > div { 806 position: absolute; 807 top: 10px; 808 left: 7px; 809 width: 8px; 810 height: 3px; 811 margin: 0px; 812 font-size: 1px; 813 background-color: white; 814 border: none; 815 -webkit-transform: rotate(45deg); 816 -webkit-border-radius: 0px; 817} 818.mblDomButtonBlueMinus, .mblDomButtonBluePlus, .mblDomButtonDarkBlueMinus, .mblDomButtonDarkBluePlus, .mblDomButtonRedMinus, .mblDomButtonRedPlus { 819 position: relative; 820 width: 29px; 821 height: 29px; 822} 823.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div, .mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div, .mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div { 824 position: relative; 825 top: 4px; 826 left: 3px; 827 width: 22px; 828 height: 18px; 829 border-width: 1px 1px 1px 0px; 830 border-style: outset; 831 color: white; 832 -webkit-border-radius: 3px; 833} 834.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div { 835 border-color: #6D89C7; 836 background-color: #366EDF; 837 background: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); 838} 839.mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div { 840 border-color: #6D89C7; 841 background-color: #5877A2; 842 background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); 843} 844.mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div { 845 border-color: #cc1122; 846 background-color: #C9404B; 847 background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); 848} 849.mblDomButtonBlueMinus > div > div, .mblDomButtonBluePlus > div > div, .mblDomButtonDarkBlueMinus > div > div, .mblDomButtonDarkBluePlus > div > div, .mblDomButtonRedMinus > div > div, .mblDomButtonRedPlus > div > div { 850 position: absolute; 851 top: 7px; 852 left: 7px; 853 width: 8px; 854 height: 2px; 855 margin: 0px; 856 font-size: 1px; 857 border-style: none; 858 background: white; 859 border-top: 1px solid #4A5A71; 860} 861.mblDomButtonBluePlus > div > div > div, .mblDomButtonDarkBluePlus > div > div > div, .mblDomButtonRedPlus > div > div > div { 862 position: absolute; 863 top: -3px; 864 left: 3px; 865 width: 2px; 866 height: 8px; 867 margin: 0px; 868 font-size: 1px; 869 background-color: white; 870} 871.mblDomButtonCheckboxOn { 872 position: relative; 873 width: 30px; 874 height: 30px; 875 border-width: 1px; 876 border-style: outset; 877 border-color: #A5A2A5; 878 color: white; 879 -webkit-border-radius: 3px; 880 background-color: #D6D3D6; 881 background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD)); 882} 883.mblDomButtonCheckboxOn > div { 884 position: absolute; 885 top: 15px; 886 left: 3px; 887 width: 14px; 888 height: 4px; 889 margin: 0px; 890 font-size: 1px; 891 background-color: #00CF00; 892 border-top: 1px solid #4A5A71; 893 -webkit-border-radius: 2px; 894 -webkit-transform: rotate(50deg); 895} 896.mblDomButtonCheckboxOn > div > div { 897 position: absolute; 898 top: -10px; 899 left: 0px; 900 width: 20px; 901 height: 4px; 902 margin: 0px; 903 font-size: 1px; 904 background-color: #00CF00; 905 border-top: none; 906 border-bottom: 1px solid #4A5A71; 907 -webkit-border-radius: 2px; 908 -webkit-transform: rotate(-100deg); 909} 910.mblDomButtonCheckboxOff { 911 position: relative; 912 width: 30px; 913 height: 30px; 914 border-width: 1px; 915 border-style: outset; 916 border-color: #A5A2A5; 917 color: white; 918 -webkit-border-radius: 3px; 919 background-color: #D6D3D6; 920 background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD)); 921} 922.mblDomButtonCheckboxOff > div { 923 position: absolute; 924 top: 15px; 925 left: 3px; 926 width: 14px; 927 height: 4px; 928 margin: 0px; 929 font-size: 1px; 930 background-color: #BDBABD; 931 border-bottom: 1px solid #8C8E8C; 932 -webkit-border-radius: 2px; 933 -webkit-transform: rotate(50deg); 934} 935.mblDomButtonCheckboxOff > div > div { 936 position: absolute; 937 top: -10px; 938 left: 0px; 939 width: 20px; 940 height: 4px; 941 margin: 0px; 942 font-size: 1px; 943 background-color: #BDBABD; 944 border-bottom: none; 945 border-top: 1px solid #8C8E8C; 946 -webkit-border-radius: 2px; 947 -webkit-transform: rotate(-100deg); 948} 949.mblDomButtonBlueCircleMinus { 950 position: relative; 951 width: 29px; 952 height: 29px; 953} 954.mblDomButtonBlueCircleMinus > div { 955 position: relative; 956 top: 2px; 957 left: 2px; 958 width: 22px; 959 height: 22px; 960 border: 1px solid #B5B6B5; 961 -webkit-border-radius: 12px; 962 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 963} 964.mblDomButtonBlueCircleMinus > div > div { 965 position: relative; 966 top: 2px; 967 left: 2px; 968 width: 18px; 969 height: 18px; 970 -webkit-border-radius: 9px; 971 background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6)); 972} 973.mblDomButtonBlueCircleMinus > div > div > div { 974 position: absolute; 975 top: 8px; 976 left: 3px; 977 width: 12px; 978 height: 3px; 979 margin: 0px; 980 font-size: 1px; 981 border-style: none; 982 background: white; 983} 984.mblDomButtonBlueCirclePlus { 985 position: relative; 986 width: 29px; 987 height: 29px; 988} 989.mblDomButtonBlueCirclePlus > div { 990 position: relative; 991 top: 2px; 992 left: 2px; 993 width: 22px; 994 height: 22px; 995 border: 1px solid #B5B6B5; 996 -webkit-border-radius: 12px; 997 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 998} 999.mblDomButtonBlueCirclePlus > div > div { 1000 position: relative; 1001 top: 2px; 1002 left: 2px; 1003 width: 18px; 1004 height: 18px; 1005 -webkit-border-radius: 9px; 1006 background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6)); 1007} 1008.mblDomButtonBlueCirclePlus > div > div > div { 1009 position: absolute; 1010 top: 8px; 1011 left: 3px; 1012 width: 13px; 1013 height: 3px; 1014 margin: 0px; 1015 font-size: 1px; 1016 border-style: none; 1017 background: white; 1018} 1019.mblDomButtonBlueCirclePlus > div > div > div > div { 1020 position: absolute; 1021 top: -5px; 1022 left: 5px; 1023 width: 3px; 1024 height: 13px; 1025 margin: 0px; 1026 font-size: 1px; 1027 background-color: white; 1028} 1029.mblDomButtonBlueCircleArrow { 1030 position: relative; 1031 width: 29px; 1032 height: 29px; 1033} 1034.mblDomButtonBlueCircleArrow > div { 1035 position: relative; 1036 top: 2px; 1037 left: 2px; 1038 width: 22px; 1039 height: 22px; 1040 border: 1px solid #B5B6B5; 1041 -webkit-border-radius: 12px; 1042 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1043} 1044.mblDomButtonBlueCircleArrow > div > div { 1045 position: relative; 1046 top: 2px; 1047 left: 2px; 1048 width: 18px; 1049 height: 18px; 1050 -webkit-border-radius: 9px; 1051 background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6)); 1052} 1053.mblDomButtonBlueCircleArrow > div > div > div { 1054 position: absolute; 1055 top: 5px; 1056 left: 6px; 1057 width: 8px; 1058 height: 3px; 1059 margin: 0px; 1060 font-size: 1px; 1061 border-style: none; 1062 background: white; 1063 -webkit-transform: rotate(45deg); 1064} 1065.mblDomButtonBlueCircleArrow > div > div > div > div { 1066 position: absolute; 1067 top: 1px; 1068 left: 6px; 1069 width: 3px; 1070 height: 8px; 1071 margin: 0px; 1072 font-size: 1px; 1073 background-color: white; 1074} 1075.mblDomButtonRedCircleMinus { 1076 position: relative; 1077 width: 29px; 1078 height: 29px; 1079} 1080.mblDomButtonRedCircleMinus > div { 1081 position: relative; 1082 top: 2px; 1083 left: 2px; 1084 width: 22px; 1085 height: 22px; 1086 border: 1px solid #B5B6B5; 1087 -webkit-border-radius: 12px; 1088 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1089} 1090.mblDomButtonRedCircleMinus > div > div { 1091 position: relative; 1092 top: 2px; 1093 left: 2px; 1094 width: 18px; 1095 height: 18px; 1096 -webkit-border-radius: 9px; 1097 background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); 1098} 1099.mblDomButtonRedCircleMinus > div > div > div { 1100 position: absolute; 1101 top: 8px; 1102 left: 3px; 1103 width: 12px; 1104 height: 3px; 1105 margin: 0px; 1106 font-size: 1px; 1107 border-style: none; 1108 background: white; 1109} 1110.mblDomButtonRedCirclePlus { 1111 position: relative; 1112 width: 29px; 1113 height: 29px; 1114} 1115.mblDomButtonRedCirclePlus > div { 1116 position: relative; 1117 top: 2px; 1118 left: 2px; 1119 width: 22px; 1120 height: 22px; 1121 border: 1px solid #B5B6B5; 1122 -webkit-border-radius: 12px; 1123 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1124} 1125.mblDomButtonRedCirclePlus > div > div { 1126 position: relative; 1127 top: 2px; 1128 left: 2px; 1129 width: 18px; 1130 height: 18px; 1131 -webkit-border-radius: 9px; 1132 background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); 1133} 1134.mblDomButtonRedCirclePlus > div > div > div { 1135 position: absolute; 1136 top: 8px; 1137 left: 3px; 1138 width: 13px; 1139 height: 3px; 1140 margin: 0px; 1141 font-size: 1px; 1142 border-style: none; 1143 background: white; 1144} 1145.mblDomButtonRedCirclePlus > div > div > div > div { 1146 position: absolute; 1147 top: -5px; 1148 left: 5px; 1149 width: 3px; 1150 height: 13px; 1151 margin: 0px; 1152 font-size: 1px; 1153 background-color: white; 1154} 1155.mblDomButtonRedCircleArrow { 1156 position: relative; 1157 width: 29px; 1158 height: 29px; 1159} 1160.mblDomButtonRedCircleArrow > div { 1161 position: relative; 1162 top: 2px; 1163 left: 2px; 1164 width: 22px; 1165 height: 22px; 1166 border: 1px solid #B5B6B5; 1167 -webkit-border-radius: 12px; 1168 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1169} 1170.mblDomButtonRedCircleArrow > div > div { 1171 position: relative; 1172 top: 2px; 1173 left: 2px; 1174 width: 18px; 1175 height: 18px; 1176 -webkit-border-radius: 9px; 1177 background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); 1178} 1179.mblDomButtonRedCircleArrow > div > div > div { 1180 position: absolute; 1181 top: 5px; 1182 left: 6px; 1183 width: 8px; 1184 height: 3px; 1185 margin: 0px; 1186 font-size: 1px; 1187 border-style: none; 1188 background: white; 1189 -webkit-transform: rotate(45deg); 1190} 1191.mblDomButtonRedCircleArrow > div > div > div > div { 1192 position: absolute; 1193 top: 1px; 1194 left: 6px; 1195 width: 3px; 1196 height: 8px; 1197 margin: 0px; 1198 font-size: 1px; 1199 background-color: white; 1200} 1201.mblDomButtonGreenCircleMinus { 1202 position: relative; 1203 width: 29px; 1204 height: 29px; 1205} 1206.mblDomButtonGreenCircleMinus > div { 1207 position: relative; 1208 top: 2px; 1209 left: 2px; 1210 width: 22px; 1211 height: 22px; 1212 border: 1px solid #B5B6B5; 1213 -webkit-border-radius: 12px; 1214 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1215} 1216.mblDomButtonGreenCircleMinus > div > div { 1217 position: relative; 1218 top: 2px; 1219 left: 2px; 1220 width: 18px; 1221 height: 18px; 1222 -webkit-border-radius: 9px; 1223 background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21)); 1224} 1225.mblDomButtonGreenCircleMinus > div > div > div { 1226 position: absolute; 1227 top: 8px; 1228 left: 3px; 1229 width: 12px; 1230 height: 3px; 1231 margin: 0px; 1232 font-size: 1px; 1233 border-style: none; 1234 background: white; 1235} 1236.mblDomButtonGreenCirclePlus { 1237 position: relative; 1238 width: 29px; 1239 height: 29px; 1240} 1241.mblDomButtonGreenCirclePlus > div { 1242 position: relative; 1243 top: 2px; 1244 left: 2px; 1245 width: 22px; 1246 height: 22px; 1247 border: 1px solid #B5B6B5; 1248 -webkit-border-radius: 12px; 1249 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1250} 1251.mblDomButtonGreenCirclePlus > div > div { 1252 position: relative; 1253 top: 2px; 1254 left: 2px; 1255 width: 18px; 1256 height: 18px; 1257 -webkit-border-radius: 9px; 1258 background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21)); 1259} 1260.mblDomButtonGreenCirclePlus > div > div > div { 1261 position: absolute; 1262 top: 8px; 1263 left: 3px; 1264 width: 13px; 1265 height: 3px; 1266 margin: 0px; 1267 font-size: 1px; 1268 border-style: none; 1269 background: white; 1270} 1271.mblDomButtonGreenCirclePlus > div > div > div > div { 1272 position: absolute; 1273 top: -5px; 1274 left: 5px; 1275 width: 3px; 1276 height: 13px; 1277 margin: 0px; 1278 font-size: 1px; 1279 background-color: white; 1280} 1281.mblDomButtonGreenCircleArrow { 1282 position: relative; 1283 width: 29px; 1284 height: 29px; 1285} 1286.mblDomButtonGreenCircleArrow > div { 1287 position: relative; 1288 top: 2px; 1289 left: 2px; 1290 width: 22px; 1291 height: 22px; 1292 border: 1px solid #B5B6B5; 1293 -webkit-border-radius: 12px; 1294 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1295} 1296.mblDomButtonGreenCircleArrow > div > div { 1297 position: relative; 1298 top: 2px; 1299 left: 2px; 1300 width: 18px; 1301 height: 18px; 1302 -webkit-border-radius: 9px; 1303 background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21)); 1304} 1305.mblDomButtonGreenCircleArrow > div > div > div { 1306 position: absolute; 1307 top: 5px; 1308 left: 6px; 1309 width: 8px; 1310 height: 3px; 1311 margin: 0px; 1312 font-size: 1px; 1313 border-style: none; 1314 background: white; 1315 -webkit-transform: rotate(45deg); 1316} 1317.mblDomButtonGreenCircleArrow > div > div > div > div { 1318 position: absolute; 1319 top: 1px; 1320 left: 6px; 1321 width: 3px; 1322 height: 8px; 1323 margin: 0px; 1324 font-size: 1px; 1325 background-color: white; 1326} 1327.mblDomButtonBlackCircleCross { 1328 position: relative; 1329 width: 29px; 1330 height: 29px; 1331} 1332.mblDomButtonBlackCircleCross > div { 1333 position: relative; 1334 top: 3px; 1335 left: 3px; 1336 width: 23px; 1337 height: 23px; 1338 background-color: white; 1339 -webkit-border-radius: 12px; 1340 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1341} 1342.mblDomButtonBlackCircleCross > div > div { 1343 position: relative; 1344 top: 2px; 1345 left: 2px; 1346 width: 19px; 1347 height: 19px; 1348 background-color: black; 1349 -webkit-border-radius: 10px; 1350} 1351.mblDomButtonBlackCircleCross > div > div > div { 1352 position: absolute; 1353 top: 8px; 1354 left: 3px; 1355 width: 13px; 1356 height: 3px; 1357 margin: 0px; 1358 font-size: 1px; 1359 border-style: none; 1360 background-color: white; 1361 -webkit-transform: rotate(45deg); 1362 -webkit-border-radius: 1px; 1363} 1364.mblDomButtonBlackCircleCross > div > div > div > div { 1365 position: absolute; 1366 top: -5px; 1367 left: 5px; 1368 width: 3px; 1369 height: 13px; 1370 margin: 0px; 1371 font-size: 1px; 1372 background-color: white; 1373 -webkit-border-radius: 1px; 1374} 1375.mblDomButtonGrayRoundRect { 1376 position: relative; 1377 width: 29px; 1378 height: 29px; 1379 text-align: right; 1380} 1381.mblDomButtonGrayRoundRect > div { 1382 position: absolute; 1383 right: 0px; 1384 display: inline; 1385 padding: 0px 5px; 1386 top: 7px; 1387 color: white; 1388 font-family: Helvetica; 1389 font-size: 12px; 1390 -webkit-border-radius: 4px; 1391 background-color: #949BA5; 1392 text-align: center; 1393} 1394.mblDomButtonGrayRoundRect > div > div { 1395 display: none; 1396} 1397.mblDomButtonSilverCircleDownArrow { 1398 position: relative; 1399 width: 30px; 1400 height: 30px; 1401} 1402.mblDomButtonSilverCircleDownArrow > div { 1403 position: relative; 1404 top: 0px; 1405 left: 0px; 1406 width: 26px; 1407 height: 26px; 1408 border: 1px solid #B5B6B5; 1409 -webkit-border-radius: 13px; 1410 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1411 background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); 1412} 1413.mblDomButtonSilverCircleDownArrow > div > div { 1414 position: relative; 1415 top: 3px; 1416 left: 3px; 1417 width: 20px; 1418 height: 20px; 1419 -webkit-border-radius: 10px; 1420 background: -webkit-gradient(linear, left top, left bottom, from(#979797), to(#616161)); 1421} 1422.mblDomButtonSilverCircleDownArrow > div > div > div { 1423 position: absolute; 1424 left: 0px; 1425 clip: rect(6px 50px 40px 0px); 1426} 1427.mblDomButtonSilverCircleDownArrow > div > div > div > div { 1428 position: absolute; 1429 top: -5px; 1430 left: 1px; 1431 width: 18px; 1432 height: 18px; 1433 margin: 0px; 1434 font-size: 1px; 1435 background-color: #D1D1D1; 1436 border-top: 1px solid #4A5A71; 1437 -webkit-transform: scaleX(0.7) rotate(45deg); 1438} 1439.mblDomButtonSilverCircleGreenButton { 1440 position: relative; 1441 width: 30px; 1442 height: 30px; 1443} 1444.mblDomButtonSilverCircleGreenButton > div { 1445 position: relative; 1446 top: 0px; 1447 left: 0px; 1448 width: 26px; 1449 height: 26px; 1450 border: 1px solid #B5B6B5; 1451 -webkit-border-radius: 13px; 1452 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1453 background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); 1454} 1455.mblDomButtonSilverCircleGreenButton > div > div { 1456 position: relative; 1457 top: 6px; 1458 left: 6px; 1459 width: 12px; 1460 height: 12px; 1461 border: 1px inset #1B991C; 1462 -webkit-border-radius: 7px; 1463 background: -webkit-gradient(radial, center center, 0, center center, 6, from(#17DF25), to(#1BA51C)); 1464} 1465.mblDomButtonSilverCircleGrayButton { 1466 position: relative; 1467 width: 30px; 1468 height: 30px; 1469} 1470.mblDomButtonSilverCircleGrayButton > div { 1471 position: relative; 1472 top: 0px; 1473 left: 0px; 1474 width: 26px; 1475 height: 26px; 1476 border: 1px solid #B5B6B5; 1477 -webkit-border-radius: 13px; 1478 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1479 background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); 1480} 1481.mblDomButtonSilverCircleGrayButton > div > div { 1482 position: relative; 1483 top: 6px; 1484 left: 6px; 1485 width: 12px; 1486 height: 12px; 1487 border: 1px inset #AEAEAE; 1488 -webkit-border-radius: 7px; 1489 background: -webkit-gradient(linear, left top, left bottom, from(#D4D4D4), to(#BABABA)); 1490} 1491.mblDomButtonSilverCircleOrangeButton { 1492 position: relative; 1493 width: 30px; 1494 height: 30px; 1495} 1496.mblDomButtonSilverCircleOrangeButton > div { 1497 position: relative; 1498 top: 0px; 1499 left: 0px; 1500 width: 26px; 1501 height: 26px; 1502 border: 1px solid #B5B6B5; 1503 -webkit-border-radius: 13px; 1504 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1505 background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); 1506} 1507.mblDomButtonSilverCircleOrangeButton > div > div { 1508 position: relative; 1509 top: 6px; 1510 left: 6px; 1511 width: 12px; 1512 height: 12px; 1513 border: 1px inset #CA701A; 1514 -webkit-border-radius: 7px; 1515 background: -webkit-gradient(radial, center center, 0, center center, 6, from(#FF7A07), to(#E66B03)); 1516} 1517.mblDomButtonSilverCircleGreenPlus { 1518 position: relative; 1519 width: 30px; 1520 height: 30px; 1521} 1522.mblDomButtonSilverCircleGreenPlus > div { 1523 position: relative; 1524 top: 0px; 1525 left: 0px; 1526 width: 26px; 1527 height: 26px; 1528 border: 1px solid #B5B6B5; 1529 -webkit-border-radius: 13px; 1530 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1531 background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); 1532} 1533.mblDomButtonSilverCircleGreenPlus > div > div { 1534 position: absolute; 1535 top: 11px; 1536 left: 4px; 1537 width: 18px; 1538 height: 4px; 1539 margin: 0px; 1540 font-size: 1px; 1541 background-color: #17DF25; 1542} 1543.mblDomButtonSilverCircleGreenPlus > div > div > div { 1544 position: absolute; 1545 top: -7px; 1546 left: 7px; 1547 width: 4px; 1548 height: 18px; 1549 margin: 0px; 1550 font-size: 1px; 1551 background-color: #17DF25; 1552} 1553.mblDomButtonSilverCircleRedCross { 1554 position: relative; 1555 width: 30px; 1556 height: 30px; 1557} 1558.mblDomButtonSilverCircleRedCross > div { 1559 position: relative; 1560 top: 0px; 1561 left: 0px; 1562 width: 26px; 1563 height: 26px; 1564 border: 1px solid #B5B6B5; 1565 -webkit-border-radius: 13px; 1566 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); 1567 background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2)); 1568} 1569.mblDomButtonSilverCircleRedCross > div > div { 1570 position: absolute; 1571 top: 11px; 1572 left: 4px; 1573 width: 18px; 1574 height: 4px; 1575 margin: 0px; 1576 font-size: 1px; 1577 background-color: #F00E5A; 1578 -webkit-transform: rotate(45deg); 1579} 1580.mblDomButtonSilverCircleRedCross > div > div > div { 1581 position: absolute; 1582 top: -7px; 1583 left: 7px; 1584 width: 4px; 1585 height: 18px; 1586 margin: 0px; 1587 font-size: 1px; 1588 background-color: #F00E5A; 1589} 1590.mblDomButtonBlueBall { 1591 position: relative; 1592 width: 19px; 1593 height: 29px; 1594} 1595.mblDomButtonBlueBall > div { 1596 position: relative; 1597 top: 8px; 1598 left: 4px; 1599 width: 14px; 1600 height: 14px; 1601 -webkit-border-radius: 7px; 1602 background: -webkit-gradient(linear, left top, left bottom, from(#84AFF4), to(#2758B3)); 1603} 1604.mblDomButtonGreenBall { 1605 position: relative; 1606 width: 19px; 1607 height: 29px; 1608} 1609.mblDomButtonGreenBall > div { 1610 position: relative; 1611 top: 8px; 1612 left: 4px; 1613 width: 14px; 1614 height: 14px; 1615 -webkit-border-radius: 7px; 1616 background: -webkit-gradient(linear, left top, left bottom, from(#59E738), to(#0AA908)); 1617} 1618.mblDomButtonOrangeBall { 1619 position: relative; 1620 width: 19px; 1621 height: 29px; 1622} 1623.mblDomButtonOrangeBall > div { 1624 position: relative; 1625 top: 8px; 1626 left: 4px; 1627 width: 14px; 1628 height: 14px; 1629 -webkit-border-radius: 7px; 1630 background: -webkit-gradient(linear, left top, left bottom, from(#F9E20A), to(#FF6B0A)); 1631} 1632.mblDomButtonRedBall { 1633 position: relative; 1634 width: 19px; 1635 height: 29px; 1636} 1637.mblDomButtonRedBall > div { 1638 position: relative; 1639 top: 8px; 1640 left: 4px; 1641 width: 14px; 1642 height: 14px; 1643 -webkit-border-radius: 7px; 1644 background: -webkit-gradient(linear, left top, left bottom, from(#EC9B9D), to(#D73C3F)); 1645} 1646.mblDomButtonTransparent19 { 1647 position: relative; 1648 width: 19px; 1649 height: 19px; 1650} 1651.mblDomButtonTransparent29 { 1652 position: relative; 1653 width: 29px; 1654 height: 29px; 1655} 1656.mblDomButtonTransparent30 { 1657 position: relative; 1658 width: 30px; 1659 height: 30px; 1660} 1661.mblDomButtonYellowStar { 1662 position: relative; 1663 width: 29px; 1664 height: 29px; 1665} 1666.mblDomButtonYellowStar > div { 1667 position: absolute; 1668 width: 0px; 1669 height: 0px; 1670 border-style: solid; 1671 border-color: #FFFF00 transparent transparent transparent; 1672 top: 12px; 1673 left: 3px; 1674 border-width: 9px 12px 0px 12px; 1675 -webkit-transform: rotate(0deg); 1676} 1677.mblDomButtonYellowStar > div > div { 1678 position: absolute; 1679 width: 24px; 1680 height: 0px; 1681 border-style: solid; 1682 border-color: #CD853F; 1683 border-width: 1px 0px 0px 0px; 1684 top: -10px; 1685 left: -12px; 1686} 1687.mblDomButtonYellowStar > div > div > div { 1688 position: absolute; 1689 width: 0px; 1690 height: 0px; 1691 border-style: solid; 1692 border-color: #FFFF00 transparent transparent transparent; 1693 top: 0px; 1694 left: 0px; 1695 border-width: 9px 12px 0px 12px; 1696 -webkit-transform: rotate(72deg); 1697} 1698.mblDomButtonYellowStar > div > div > div > div { 1699 position: absolute; 1700 width: 0px; 1701 height: 0px; 1702 border-style: solid; 1703 border-color: #FFFF00 transparent transparent transparent; 1704 top: -10px; 1705 left: -12px; 1706 border-width: 9px 12px 0px 12px; 1707 -webkit-transform: rotate(216deg); 1708} 1709.mblDomButtonGrayStar { 1710 position: relative; 1711 width: 29px; 1712 height: 29px; 1713} 1714.mblDomButtonGrayStar > div { 1715 position: absolute; 1716 width: 0px; 1717 height: 0px; 1718 border-style: solid; 1719 border-color: #BDBABD transparent transparent transparent; 1720 top: 12px; 1721 left: 3px; 1722 border-width: 9px 12px 0px 12px; 1723 -webkit-transform: rotate(0deg); 1724} 1725.mblDomButtonGrayStar > div > div { 1726 position: absolute; 1727 width: 24px; 1728 height: 0px; 1729 border-style: solid; 1730 border-color: #8C8E8C; 1731 border-width: 1px 0px 0px 0px; 1732 top: -10px; 1733 left: -12px; 1734} 1735.mblDomButtonGrayStar > div > div > div { 1736 position: absolute; 1737 width: 0px; 1738 height: 0px; 1739 border-style: solid; 1740 border-color: #BDBABD transparent transparent transparent; 1741 top: 0px; 1742 left: 0px; 1743 border-width: 9px 12px 0px 12px; 1744 -webkit-transform: rotate(72deg); 1745} 1746.mblDomButtonGrayStar > div > div > div > div { 1747 position: absolute; 1748 width: 0px; 1749 height: 0px; 1750 border-style: solid; 1751 border-color: #BDBABD transparent transparent transparent; 1752 top: -10px; 1753 left: -12px; 1754 border-width: 9px 12px 0px 12px; 1755 -webkit-transform: rotate(216deg); 1756} 1757.mblFixedSpliter { 1758 width: 100%; 1759 height: 100%; 1760} 1761.mblFixedSplitterPane { 1762 position: absolute; 1763 overflow-x: hidden; 1764 overflow-y: auto; 1765} 1766.mblFixedSplitterPaneH { 1767 position: absolute; 1768 height: 100%; 1769 top: 0px; 1770} 1771.mblFixedSplitterPaneV { 1772 position: absolute; 1773 width: 100%; 1774 left: 0px; 1775} 1776.mblSpinWheel { 1777 position: relative; 1778 overflow: hidden; 1779 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #313137), color-stop(0.05, #73747D), color-stop(0.07, #92939B), color-stop(0.09, #ABABB5), color-stop(0.12, #C5C6CE), color-stop(0.16, #DFE0E4), color-stop(0.22, #F4F5F6), color-stop(0.35, #FBFCFC), color-stop(0.5, #FBFCFC), color-stop(0.61, #FBFCFC), color-stop(0.61, #B4C1C7), color-stop(0.65, #FBFCFC), color-stop(0.78, #F4F5F6), color-stop(0.84, #DFE0E4), color-stop(0.88, #C5C6CE), color-stop(0.91, #ABABB5), color-stop(0.93, #92939B), color-stop(0.95, #73747D), color-stop(1, #313137)); 1780 height: 200px; 1781 border-left: solid 3px #000000; 1782 border-right: solid 3px #000000; 1783 color: #000000; 1784 -webkit-border-radius: 3px; 1785} 1786.mblSpinWheelBar { 1787 position: absolute; 1788 top: 79px; 1789 background: -webkit-gradient(linear, left top, left bottom, from(#EDEEF2), to(#A7ADCA), color-stop(0, #EDEEF2), color-stop(0.25, #C8CADD), color-stop(0.49, #BBBFD4), color-stop(0.51, #9FA8C6), color-stop(0.81, #A2A9C7), color-stop(0.82, #A6ABC9), color-stop(1, #A7ADCA)); 1790 border: solid 1px #7B8497; 1791 height: 42px; 1792 width: 100%; 1793 clear: both; 1794 -webkit-opacity: 0.6; 1795} 1796.mblSpinWheelDatePicker { 1797 width: 312px; 1798} 1799.mblSpinWheelTimePicker { 1800 width: 208px; 1801} 1802.mblSpinWheelSlot { 1803 position: relative; 1804 top: 0px; 1805 float: left; 1806 width: 100px; 1807 height: 100%; 1808 border-left: solid 2px #000000; 1809 border-right: solid 2px #000000; 1810} 1811.mblSpinWheelSlotLabel { 1812 padding: 0 8px; 1813 height: 44px; 1814 overflow: hidden; 1815 font: bold 24px/44px Helvetica,sans-serif; 1816} 1817.mblSpinWheelSlotLabel img{ 1818 vertical-align: middle; 1819 opacity: 0.7; 1820} 1821.mblSpinWheelSlotLabelGray { 1822 color: #CCCCCC; 1823} 1824.mblSpinWheelSlotLabelBlue { 1825 color: #0959D2; 1826} 1827.mblSpinWheelSlotContainer { 1828 position: relative; 1829} 1830.mblSpinWheelSlotPanel { 1831 position: absolute; 1832 top: 0px; 1833 width: 100%; 1834} 1835.mblSpinWheelSlotTouch { 1836 position: absolute; 1837 top: 0px; 1838 width: 100%; 1839 height: 100%; 1840 z-index: 1; 1841} 1842.mblDissolve.mblOut { 1843 -webkit-animation-duration: 1s; 1844 -webkit-animation-name: mblDissolveOut; 1845 -webkit-animation-timing-function: cubic-bezier(.25,1,.75,0); 1846} 1847.mblDissolve.mblIn { 1848 -webkit-animation-duration: 1s; 1849 -webkit-animation-name: mblDissolveIn; 1850 -webkit-animation-timing-function: cubic-bezier(.25,1,.75,0); 1851} 1852@-webkit-keyframes mblDissolveOut { 1853 from { opacity: 1; } 1854 to { opacity: 0; } 1855} 1856@-webkit-keyframes mblDissolveIn { 1857 from { opacity: 0; } 1858 to { opacity: 1; } 1859} 1860.mblCover.mblOut { 1861 z-index: -100; 1862 -webkit-transition-property: none; 1863 -webkit-transition-duration: 0s; 1864 -webkit-transform: translate3d(0%,0px,-1px) !important; 1865} 1866.mblCover.mblOut.mblTransition { 1867 -webkit-transition-property: -webkit-transform; 1868 -webkit-transition-duration: .4s; 1869 -webkit-transform: translate3d(0%,0px,0px) !important; 1870} 1871.mblCover.mblIn { 1872 z-index: 0; 1873 -webkit-transition-property: none; 1874 -webkit-transition-duration: 0s; 1875 -webkit-transform: translate3d(100%,0px,0px) !important; 1876} 1877.mblCover.mblIn.mblTransition { 1878 -webkit-transition-property: -webkit-transform; 1879 -webkit-transition-duration: .4s; 1880 -webkit-transform: translate3d(0%,0px,0px) !important; 1881} 1882.mblCover.mblIn.mblReverse { 1883 -webkit-transform: translate3d(-100%,0px,0px) !important; 1884} 1885.mblCover.mblIn.mblReverse.mblTransition { 1886 -webkit-transition-property: -webkit-transform; 1887 -webkit-transform: translate3d(0%,0px,0px) !important; 1888} 1889.dj_android.dj_tablet .mblCover.mblOut.mblTransition, 1890.dj_android.dj_tablet .mblCover.mblIn.mblTransition { 1891 -webkit-transition-duration: .6s; 1892 -webkit-transition-timing-function: linear; 1893} 1894.mblReveal.mblOut { 1895 z-index: 0; 1896 -webkit-transition-property: none; 1897 -webkit-transition-duration: 0s; 1898 -webkit-transform: translate3d(0%,0px,0px) !important; 1899} 1900.mblReveal.mblOut.mblTransition { 1901 -webkit-transition-property: -webkit-transform; 1902 -webkit-transition-duration: .4s; 1903 -webkit-transform: translate3d(-100%,0px,0px) !important; 1904} 1905.mblReveal.mblIn { 1906 z-index: -100; 1907 -webkit-transition-property: none; 1908 -webkit-transition-duration: 0s; 1909 -webkit-transform: translate3d(0%,0px,-1px) !important; 1910} 1911.mblReveal.mblIn.mblTransition { 1912 -webkit-transition-property: -webkit-transform; 1913 -webkit-transition-duration: .4s; 1914 -webkit-transform: translate3d(0%,0px,0px) !important; 1915} 1916.mblReveal.mblOut.mblReverse { 1917 -webkit-transition-property: none; 1918 -webkit-transform: translate3d(0%,0px,0px) !important; 1919} 1920.mblReveal.mblOut.mblReverse.mblTransition { 1921 -webkit-transition-property: -webkit-transform; 1922 -webkit-transform: translate3d(100%,0px,0px) !important; 1923} 1924.dj_android.dj_tablet .mblReveal.mblOut.mblTransition, 1925.dj_android.dj_tablet .mblReveal.mblIn.mblTransition { 1926 -webkit-transition-duration: .6s; 1927 -webkit-transition-timing-function: linear; 1928} 1929.mblSlidev.mblOut { 1930 -webkit-transition-property: none; 1931 -webkit-transition-duration: 0s; 1932 -webkit-transform: translate3d(0px,0%,0px) !important; 1933} 1934.mblSlidev.mblOut.mblTransition { 1935 -webkit-transition-property: -webkit-transform; 1936 -webkit-transition-duration: .3s; 1937 -webkit-transform: translate3d(0px,-100%,0px) !important; 1938} 1939.mblSlidev.mblIn { 1940 position: absolute !important; 1941 -webkit-transition-property: none; 1942 -webkit-transition-duration: 0s; 1943 -webkit-transform: translate3d(0px,100%,0px) !important; 1944} 1945.mblSlidev.mblIn.mblTransition { 1946 -webkit-transition-property: -webkit-transform; 1947 -webkit-transition-duration: .3s; 1948 -webkit-transform: translate3d(0px,0%,0px) !important; 1949} 1950.mblSlidev.mblOut.mblReverse { 1951 -webkit-transition-property: none; 1952 -webkit-transform: translate3d(0px,0%,0px) !important; 1953} 1954.mblSlidev.mblOut.mblReverse.mblTransition { 1955 -webkit-transition-property: -webkit-transform; 1956 -webkit-transform: translate3d(0px,100%,0px) !important; 1957} 1958.mblSlidev.mblIn.mblReverse { 1959 -webkit-transform: translate3d(0px,-100%,0px) !important; 1960} 1961.mblSlidev.mblIn.mblReverse.mblTransition { 1962 -webkit-transition-property: -webkit-transform; 1963 -webkit-transform: translate3d(0px,0%,0px) !important; 1964} 1965.dj_android.dj_tablet .mblSlidev.mblOut.mblTransition, 1966.dj_android.dj_tablet .mblSlidev.mblIn.mblTransition { 1967 -webkit-transition-duration: .6s; 1968 -webkit-transition-timing-function: linear; 1969} 1970.mblCoverv.mblOut { 1971 z-index: -100; 1972 -webkit-transition-property: none; 1973 -webkit-transition-duration: 0s; 1974 -webkit-transform: translate3d(0px,0%,-1px) !important; 1975} 1976.mblCoverv.mblOut.mblTransition { 1977 -webkit-transition-property: -webkit-transform; 1978 -webkit-transition-duration: .4s; 1979 -webkit-transform: translate3d(0px,0%,0px) !important; 1980} 1981.mblCoverv.mblIn { 1982 z-index: 0; 1983 -webkit-transition-property: none; 1984 -webkit-transition-duration: 0s; 1985 -webkit-transform: translate3d(0px,100%,0px) !important; 1986} 1987.mblCoverv.mblIn.mblTransition { 1988 -webkit-transition-property: -webkit-transform; 1989 -webkit-transition-duration: .4s; 1990 -webkit-transform: translate3d(0px,0%,0px) !important; 1991} 1992.mblCoverv.mblIn.mblReverse { 1993 -webkit-transition-property: none; 1994 -webkit-transform: translate3d(0px,-100%,0px) !important; 1995} 1996.mblCoverv.mblIn.mblReverse.mblTransition { 1997 -webkit-transition-property: -webkit-transform; 1998 -webkit-transform: translate3d(0px,0%,0px) !important; 1999} 2000.dj_android.dj_tablet .mblCoverv.mblOut.mblTransition, 2001.dj_android.dj_tablet .mblCoverv.mblIn.mblTransition { 2002 -webkit-transition-duration: .6s; 2003 -webkit-transition-timing-function: linear; 2004} 2005.mblRevealv.mblOut { 2006 z-index: 0; 2007 -webkit-transition-property: none; 2008 -webkit-transition-duration: 0s; 2009 -webkit-transform: translate3d(0px,0%,0px) !important; 2010} 2011.mblRevealv.mblOut.mblTransition { 2012 -webkit-transition-property: -webkit-transform; 2013 -webkit-transition-duration: .4s; 2014 -webkit-transform: translate3d(0px,-100%,0px) !important; 2015} 2016.mblRevealv.mblIn { 2017 z-index: -100; 2018 -webkit-transition-property: none; 2019 -webkit-transition-duration: 0s; 2020 -webkit-transform: translate3d(0px,0%,-1px) !important; 2021} 2022.mblRevealv.mblIn.mblTransition { 2023 -webkit-transition-property: -webkit-transform; 2024 -webkit-transition-duration: .4s; 2025 -webkit-transform: translate3d(0px,0%,0px) !important; 2026} 2027.mblRevealv.mblOut.mblReverse.mblTransition { 2028 -webkit-transition-property: -webkit-transform; 2029 -webkit-transform: translate3d(0px,100%,0px) !important; 2030} 2031.dj_android.dj_tablet .mblRevealv.mblOut.mblTransition, 2032.dj_android.dj_tablet .mblRevealv.mblIn.mblTransition { 2033 -webkit-transition-duration: .6s; 2034 -webkit-transition-timing-function: linear; 2035} 2036.mblSwirl.mblOut { 2037 z-index: 0; 2038 -webkit-animation-duration: .5s; 2039 -webkit-animation-name: mblSwirlOut; 2040 -webkit-animation-timing-function: ease-in; 2041} 2042.mblSwirl.mblIn { 2043 z-index: -100; 2044 -webkit-animation-duration: .5s; 2045 -webkit-animation-name: mblSwirlIn; 2046 -webkit-animation-timing-function: ease-in; 2047} 2048.mblSwirl.mblOut.mblReverse { 2049 -webkit-animation-name: mblSwirlOutReverse; 2050} 2051@-webkit-keyframes mblSwirlOut { 2052 from { -webkit-transform: rotate(0deg) scale(1.0); } 2053 to { -webkit-transform: rotate(-360deg) scale(0.0); } 2054} 2055@-webkit-keyframes mblSwirlOutReverse { 2056 from { -webkit-transform: rotate(0deg) scale(1.0); } 2057 to { -webkit-transform: rotate(360deg) scale(0.0); } 2058} 2059@-webkit-keyframes mblSwirlIn { 2060 from { -webkit-transform: scale(1.0); } 2061 to { -webkit-transform: scale(1.0); } 2062} 2063.mblScaleOut.mblOut { 2064 z-index: 0; 2065 -webkit-animation-duration: .5s; 2066 -webkit-animation-name: mblScaleOutOut; 2067 -webkit-animation-timing-function: ease-in; 2068} 2069.dj_android .mblScaleOut.mblOut { 2070 -webkit-animation-name: mblScaleOutOutAndroid; 2071} 2072.mblScaleOut.mblIn { 2073 z-index: -100; 2074 -webkit-animation-duration: .5s; 2075 -webkit-animation-name: mblScaleOutIn; 2076 -webkit-animation-timing-function: ease-in; 2077} 2078@-webkit-keyframes mblScaleOutOut { 2079 from { 2080 -webkit-transform: scale(1.0); 2081 opacity: 1; 2082 } 2083 to { 2084 -webkit-transform: scale(0.0); 2085 opacity: 0; 2086 } 2087} 2088@-webkit-keyframes mblScaleOutOutAndroid { 2089 from { -webkit-transform: scale(1.0); } 2090 to { -webkit-transform: scale(0.0); } 2091} 2092@-webkit-keyframes mblScaleOutIn { 2093 from { -webkit-transform: scale(1.0); } 2094 to { -webkit-transform: scale(1.0); } 2095} 2096.mblScaleIn.mblOut { 2097 z-index: -100; 2098 -webkit-animation-duration: .5s; 2099 -webkit-animation-name: mblScaleInOut; 2100 -webkit-animation-timing-function: ease-out; 2101} 2102.mblScaleIn.mblIn { 2103 z-index: 0; 2104 -webkit-animation-duration: .5s; 2105 -webkit-animation-name: mblScaleInIn; 2106 -webkit-animation-timing-function: ease-out; 2107} 2108.dj_android .mblScaleIn.mblIn { 2109 -webkit-animation-name: mblScaleInInAndroid; 2110} 2111@-webkit-keyframes mblScaleInOut { 2112 from { -webkit-transform: scale(1.0); } 2113 to { -webkit-transform: scale(1.0); } 2114} 2115@-webkit-keyframes mblScaleInIn { 2116 from { 2117 -webkit-transform: scale(0.0); 2118 opacity: 0; 2119 } 2120 to { 2121 -webkit-transform: scale(1.0); 2122 opacity: 1; 2123 } 2124} 2125@-webkit-keyframes mblScaleInInAndroid { 2126 from { -webkit-transform: scale(0.0); } 2127 to { -webkit-transform: scale(1.0); } 2128} 2129.mblZoomOut.mblOut { 2130 z-index: 0; 2131 -webkit-animation-duration: .5s; 2132 -webkit-animation-name: mblZoomOutOut; 2133 -webkit-animation-timing-function: ease-in; 2134} 2135.dj_android .mblZoomOut.mblOut { 2136 -webkit-animation-name: mblZoomOutOutAndroid; 2137} 2138.mblZoomOut.mblIn { 2139 z-index: -100; 2140 -webkit-animation-duration: .5s; 2141 -webkit-animation-name: mblZoomOutIn; 2142 -webkit-animation-timing-function: ease-in; 2143} 2144@-webkit-keyframes mblZoomOutOut { 2145 from { 2146 -webkit-transform: scale(1.0); 2147 opacity: 1; 2148 } 2149 to { 2150 -webkit-transform: scale(0.0); 2151 opacity: 0; 2152 } 2153} 2154@-webkit-keyframes mblZoomOutOutAndroid { 2155 from { -webkit-transform: scale(1.0); } 2156 to { -webkit-transform: scale(0.0); } 2157} 2158@-webkit-keyframes mblZoomOutIn { 2159 from { -webkit-transform: scale(1.0); } 2160 to { -webkit-transform: scale(1.0); } 2161} 2162.mblZoomIn.mblOut { 2163 z-index: -100; 2164 -webkit-animation-duration: .5s; 2165 -webkit-animation-name: mblZoomInOut; 2166 -webkit-animation-timing-function: ease-out; 2167} 2168.mblZoomIn.mblIn { 2169 z-index: 0; 2170 -webkit-animation-duration: .5s; 2171 -webkit-animation-name: mblZoomInIn; 2172 -webkit-animation-timing-function: ease-out; 2173} 2174.dj_android .mblZoomIn.mblIn { 2175 -webkit-animation-name: mblZoomInInAndroid; 2176} 2177@-webkit-keyframes mblZoomInOut { 2178 from { -webkit-transform: scale(1.0); } 2179 to { -webkit-transform: scale(1.0); } 2180} 2181@-webkit-keyframes mblZoomInIn { 2182 from { 2183 -webkit-transform: scale(0.0); 2184 opacity: 0; 2185 } 2186 to { 2187 -webkit-transform: scale(1.0); 2188 opacity: 1; 2189 } 2190} 2191@-webkit-keyframes mblZoomInInAndroid { 2192 from { -webkit-transform: scale(0.0); } 2193 to { -webkit-transform: scale(1.0); } 2194} 2195.mblButton { 2196 cursor: pointer; 2197 outline: none; 2198 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 2199 padding: 0px 10px; 2200 height: 29px; 2201 border: #9CACC0 1px outset; 2202 -webkit-border-radius: 5px; 2203 background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee)); 2204 color: black; 2205 font-family: Helvetica; 2206 font-size: 13px; 2207 line-height: 29px; 2208} 2209.mblButton.mblBlueButton { 2210 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 2211 border-color: #9CACC0; 2212 background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); 2213 color: white; 2214} 2215.mblButton.mblBlueButtonSelected { 2216 background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); 2217 color: white; 2218} 2219.mblButton.mblRedButton { 2220 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 2221 border-color: #9CACC0; 2222 background-image: -webkit-gradient(linear, left top, left bottom, from(#fa9d58), to(#ee4115), color-stop(0.5, #ff4d25), color-stop(0.5, #ed4d15)); 2223 color: white; 2224} 2225.mblButton.mblRedButtonSelected { 2226 background-image: -webkit-gradient(linear, left top, left bottom, from(#c1a48e), to(#9b6c4a), color-stop(0.5, #a27758), color-stop(0.5, #996947)); 2227 color: white; 2228} 2229.mblButtonSelected { 2230 background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede)); 2231 color: black; 2232} 2233.mblButtonDisabled, .mblButton:disabled { 2234 cursor: default; 2235 border-color: grey; 2236 background-image: none; 2237 color: grey; 2238} 2239.mblCarousel { 2240 overflow: hidden; 2241} 2242.mblCarouselBox { 2243 position: relative; 2244 float: left; 2245} 2246.mblCarouselImg { 2247 -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 2248 vertical-align: bottom; 2249} 2250.mblCarouselImgSelected { 2251 border: 1px dashed #C0C0C0; 2252 -webkit-box-shadow: none; 2253} 2254.mblCarouselImgHeaderText { 2255 color: white; 2256 font: 14px arial, helvetica, clean, sans-serif; 2257} 2258.mblCarouselImgFooterText { 2259 color: white; 2260 font: 14px arial, helvetica, clean, sans-serif; 2261} 2262.mblCarouselHeaderBar { 2263 background-color: #3A3A3B; 2264 color: #B1B1B1; 2265 font: bold 16px arial, helvetica, clean, sans-serif; 2266 padding: 1px; 2267} 2268.mblCarouselBtnContainer { 2269 float: right; 2270} 2271.mblCarouselBtn { 2272 height: 18px; 2273 width: 46px; 2274 font: bold 14px arial, helvetica, clean, sans-serif; 2275 color: gray; 2276 padding-top: 0px; 2277 margin: 0px 2px; 2278 border-width: 1px; 2279 2280} 2281.mblCarouselTitle { 2282 margin: 2px 0px 2px 4px; 2283} 2284.mblCarouselHeaderBar .mblPageIndicator { 2285 float: right; 2286 width: auto; 2287 padding: 0px 20px; 2288} 2289.mblCarouselHeaderBar .mblPageIndicatorContainer { 2290 margin-left: 0px; 2291 margin-right: 0px; 2292} 2293.mblCarouselPages { 2294 position: relative; 2295 text-align: center; 2296} 2297.mblCheckBox { 2298 position: relative; 2299 cursor: pointer; 2300 outline: none; 2301 -webkit-appearance: none; 2302 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 2303 margin: -0.5em 3px 0.3em 4px; 2304 width: 1em; 2305 height: 1em; 2306 border: #9CACC0 1px outset; 2307 -webkit-border-radius: 5px; 2308 background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee)); 2309 font: inherit; 2310 -webkit-transform: translatey(0.45em); 2311} 2312.mblCheckBoxSelected { 2313 border-color: #9CACC0; 2314 background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede)); 2315} 2316.mblCheckBoxChecked, .mblCheckBox:checked { 2317 border-color: #9CACC0; 2318 background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); 2319} 2320.mblCheckBoxChecked::after, .mblCheckBox:checked::after { 2321 position: absolute; 2322 content: ""; 2323 width: 0.3em; 2324 height: 0.6em; 2325 top: 0; 2326 left: 0.3em; 2327 border-color: white; 2328 border-width: 0.15em; 2329 border-style: none solid solid none; 2330 -webkit-transform: rotate(45deg); 2331 -webkit-transform-origin: 50% 50%; 2332} 2333.mblCheckBoxChecked.mblCheckBoxSelected, .mblCheckBox:checked.mblCheckBoxSelected { 2334 border-color: #9CACC0; 2335 background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); 2336} 2337.mblCheckBoxChecked.mblCheckBoxSelected::after, .mblCheckBox:checked.mblCheckBoxSelected::after { 2338 border-color: #9CACC0; 2339} 2340.dijitPopup { 2341 margin: 0; 2342 padding: 0; 2343 position: absolute; 2344 border: 0; 2345 background-color: transparent; 2346 -webkit-box-shadow: 0px 0px 50px black; 2347 -webkit-border-radius: 0px; 2348} 2349.mblReset { 2350 margin: 0; 2351 padding: 0; 2352 border: 0; 2353 line-height: normal; 2354 font: inherit; 2355 color: inherit; 2356} 2357.mblComboBoxMenu { 2358 overflow-y: hidden !important; 2359 position: relative; 2360 overflow: hidden; 2361 border: 1px solid black; 2362 -webkit-border-radius: 0px; 2363 background-color: white; 2364} 2365.mblComboBoxMenuItem { 2366 white-space: nowrap; 2367 padding: .1em .2em; 2368 border-width: 1px 0 1px 0; 2369 border-style: solid; 2370 border-color: #ffffff; 2371 color: inherit; 2372 text-align: left; 2373} 2374.mblComboBoxMenuItemSelected { 2375 background-color: black; 2376 background-image: -webkit-gradient(linear, left top, left bottom, from(#048bf4), to(#005ce5)); 2377 color: white; 2378} 2379.mblComboBoxMenuPreviousButton, .mblComboBoxMenuNextButton { 2380 font-style: italic; 2381 overflow: hidden; 2382} 2383.mblDomButtonBlueMinus, .mblDomButtonBluePlus, .mblDomButtonDarkBlueMinus, .mblDomButtonDarkBluePlus, .mblDomButtonRedMinus, .mblDomButtonRedPlus { 2384 position: relative; 2385 width: 29px; 2386 height: 29px; 2387} 2388.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div, .mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div, .mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div { 2389 position: relative; 2390 top: 4px; 2391 left: 3px; 2392 width: 22px; 2393 height: 18px; 2394 border-width: 1px 1px 1px 0px; 2395 border-style: outset; 2396 color: white; 2397 -webkit-border-radius: 3px; 2398} 2399.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div { 2400 border-color: #6D89C7; 2401 background-color: #366EDF; 2402 background: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); 2403} 2404.mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div { 2405 border-color: #6D89C7; 2406 background-color: #5877A2; 2407 background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); 2408} 2409.mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div { 2410 border-color: #cc1122; 2411 background-color: #C9404B; 2412 background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); 2413} 2414.mblDomButtonBlueMinus > div > div, .mblDomButtonBluePlus > div > div, .mblDomButtonDarkBlueMinus > div > div, .mblDomButtonDarkBluePlus > div > div, .mblDomButtonRedMinus > div > div, .mblDomButtonRedPlus > div > div { 2415 position: absolute; 2416 top: 7px; 2417 left: 7px; 2418 width: 8px; 2419 height: 2px; 2420 margin: 0px; 2421 font-size: 1px; 2422 border-style: none; 2423 background: white; 2424 border-top: 1px solid #4A5A71; 2425} 2426.mblDomButtonBluePlus > div > div > div, .mblDomButtonDarkBluePlus > div > div > div, .mblDomButtonRedPlus > div > div > div { 2427 position: absolute; 2428 top: -3px; 2429 left: 3px; 2430 width: 2px; 2431 height: 8px; 2432 margin: 0px; 2433 font-size: 1px; 2434 background-color: white; 2435} 2436@-webkit-keyframes mblVibrate{ 2437 0%{ 2438 -webkit-transform: rotate(-2deg); 2439 bottom: -1px; 2440 left: -1px; 2441 } 2442 25% { 2443 -webkit-transform: rotate(1deg); 2444 bottom: 2px; 2445 left: 1px; 2446 } 2447 50% { 2448 -webkit-transform: rotate(-1deg); 2449 bottom: -2px; 2450 left: -1px; 2451 } 2452 75% { 2453 -webkit-transform: rotate(2deg); 2454 bottom: 2px; 2455 left: 1px; 2456 } 2457 100% { 2458 -webkit-transform: rotate(-2deg); 2459 bottom: -1px; 2460 left: -1px; 2461 } 2462} 2463@-webkit-keyframes mblShrink{ 2464 from { -webkit-transform: scale(1); } 2465 to { -webkit-transform: scale(0.01); } 2466} 2467@-webkit-keyframes mblShrink0{ 2468 from { -webkit-transform: scale(1); } 2469 to { -webkit-transform: translate(-40%,-70%) scale(0.01); } 2470} 2471@-webkit-keyframes mblShrink1{ 2472 from { -webkit-transform: scale(1); } 2473 to { -webkit-transform: translate(-14%,-70%) scale(0.01); } 2474} 2475@-webkit-keyframes mblShrink2{ 2476 from { -webkit-transform: scale(1); } 2477 to { -webkit-transform: translate(14%,-70%) scale(0.01); } 2478} 2479@-webkit-keyframes mblShrink3{ 2480 from { -webkit-transform: scale(1); } 2481 to { -webkit-transform: translate(40%,-70%) scale(0.01); } 2482} 2483.mblIconContainer { 2484 margin: 20px 0px 0px 10px; 2485 padding: 0px 0px 40px 0px; 2486} 2487.mblIconItem { 2488 list-style-type: none; 2489 float: left; 2490 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 2491} 2492.mblIconItemTerminator { 2493 list-style-type: none; 2494 clear: both; 2495 height: 20px; 2496} 2497.mblIconItemSub { 2498 list-style-type: none; 2499 margin-left: -10px; 2500 background-color: white; 2501} 2502.mblIconArea { 2503 margin-bottom: 10px; 2504 height: 78px; 2505 width: 74px; 2506 font-family: Helvetica; 2507 font-size: 12px; 2508 text-align: center; 2509} 2510.mblIconArea div { 2511 position: relative; 2512 height: 65px; 2513 line-height: 65px; 2514 text-align: center; 2515} 2516.mblIconArea img { 2517 vertical-align: middle; 2518} 2519.mblIconItemSpriteIcon { 2520 position: absolute; 2521} 2522.mblContent { 2523 clear: both; 2524 padding-bottom: 20px; 2525} 2526table.mblClose { 2527 clear: both; 2528 cursor: pointer; 2529} 2530.mblVibrate { 2531 position: relative; 2532 -webkit-animation-duration: .5s; 2533 -webkit-animation-timing-function: ease-in-out; 2534 -webkit-animation-iteration-count: 20; 2535 -webkit-animation-name: mblVibrate; 2536 -webkit-transform: rotate(0deg); 2537} 2538.mblCloseContent { 2539 -webkit-animation-duration: .3s; 2540 -webkit-animation-timing-function: ease-in-out; 2541 -webkit-animation-name: mblShrink; 2542 -webkit-transform: scale(0.01); 2543} 2544.mblCloseContent.mblShrink0 { 2545 -webkit-animation-name: mblShrink0; 2546} 2547.mblCloseContent.mblShrink1 { 2548 -webkit-animation-name: mblShrink1; 2549} 2550.mblCloseContent.mblShrink2 { 2551 -webkit-animation-name: mblShrink2; 2552} 2553.mblCloseContent.mblShrink3 { 2554 -webkit-animation-name: mblShrink3; 2555} 2556.mblIconContentHeading { 2557 position: relative; 2558 clear: both; 2559 overflow: hidden; 2560 white-space: nowrap; 2561 text-overflow: ellipsis; 2562 margin-top: 0px; 2563 padding-left: 40px; 2564 height: 25px; 2565 border-top: 1px solid #F1F3F4; 2566 border-bottom: 1px solid #717D85; 2567 background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e4e7), to(#b4bec6), color-stop(0.5, #c4ccd2), color-stop(0.5, #bfc8ce)); 2568 font-family: Helvetica; 2569 font-size: 14px; 2570 color: white; 2571 line-height: 26px; 2572 text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; 2573} 2574.mblCoverv.mblOut { 2575 z-index: -100; 2576 -webkit-transition-property: none; 2577 -webkit-transition-duration: 0s; 2578 -webkit-transform: translate3d(0px,0%,-1px) !important; 2579} 2580.mblCoverv.mblOut.mblTransition { 2581 -webkit-transition-property: -webkit-transform; 2582 -webkit-transition-duration: .4s; 2583 -webkit-transform: translate3d(0px,0%,0px) !important; 2584} 2585.mblCoverv.mblIn { 2586 z-index: 0; 2587 -webkit-transition-property: none; 2588 -webkit-transition-duration: 0s; 2589 -webkit-transform: translate3d(0px,100%,0px) !important; 2590} 2591.mblCoverv.mblIn.mblTransition { 2592 -webkit-transition-property: -webkit-transform; 2593 -webkit-transition-duration: .4s; 2594 -webkit-transform: translate3d(0px,0%,0px) !important; 2595} 2596.mblCoverv.mblIn.mblReverse { 2597 -webkit-transition-property: none; 2598 -webkit-transform: translate3d(0px,-100%,0px) !important; 2599} 2600.mblCoverv.mblIn.mblReverse.mblTransition { 2601 -webkit-transition-property: -webkit-transform; 2602 -webkit-transform: translate3d(0px,0%,0px) !important; 2603} 2604.dj_android.dj_tablet .mblCoverv.mblOut.mblTransition, 2605.dj_android.dj_tablet .mblCoverv.mblIn.mblTransition { 2606 -webkit-transition-duration: .6s; 2607 -webkit-transition-timing-function: linear; 2608} 2609.mblRevealv.mblOut { 2610 z-index: 0; 2611 -webkit-transition-property: none; 2612 -webkit-transition-duration: 0s; 2613 -webkit-transform: translate3d(0px,0%,0px) !important; 2614} 2615.mblRevealv.mblOut.mblTransition { 2616 -webkit-transition-property: -webkit-transform; 2617 -webkit-transition-duration: .4s; 2618 -webkit-transform: translate3d(0px,-100%,0px) !important; 2619} 2620.mblRevealv.mblIn { 2621 z-index: -100; 2622 -webkit-transition-property: none; 2623 -webkit-transition-duration: 0s; 2624 -webkit-transform: translate3d(0px,0%,-1px) !important; 2625} 2626.mblRevealv.mblIn.mblTransition { 2627 -webkit-transition-property: -webkit-transform; 2628 -webkit-transition-duration: .4s; 2629 -webkit-transform: translate3d(0px,0%,0px) !important; 2630} 2631.mblRevealv.mblOut.mblReverse.mblTransition { 2632 -webkit-transition-property: -webkit-transform; 2633 -webkit-transform: translate3d(0px,100%,0px) !important; 2634} 2635.dj_android.dj_tablet .mblRevealv.mblOut.mblTransition, 2636.dj_android.dj_tablet .mblRevealv.mblIn.mblTransition { 2637 -webkit-transition-duration: .6s; 2638 -webkit-transition-timing-function: linear; 2639} 2640.mblOverlay { 2641 position: fixed; 2642 z-index: 2000; 2643 left: 0; 2644 bottom: 0; 2645 margin: 0; 2646 width: 100%; 2647 text-align: -webkit-center; 2648 background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece)); 2649} 2650.mblOverlayHidden *, .mblOverlayHidden { 2651 visibility: hidden !important; 2652} 2653.mblTooltip { 2654 position: absolute; 2655 z-index: 2000; 2656 display: block; 2657 margin: 0; 2658 padding: 5px; 2659 border: #5A5A5A 1px solid; 2660 background-color: #121B2F; 2661 background-image: -webkit-gradient(linear, left top, left bottom, from(#656872), to(#121b2f), color-stop(0.1, #2c3345), color-stop(0.1, #161f32)); 2662 -webkit-border-radius: 8px; 2663 opacity: .97; 2664} 2665.mblTooltipBubble { 2666 overflow: visible; 2667 padding: 3px; 2668 background-color: #f9f7ba; 2669 background-image: none; 2670} 2671.mblTooltipBubble.mblTooltipAbove .mblTooltipInnerArrow { 2672 border-bottom-color: #f9f7ba; 2673} 2674.mblTooltipBubble.mblTooltipBelow .mblTooltipInnerArrow { 2675 border-top-color: #f9f7ba; 2676} 2677.mblTooltipBubble.mblTooltipAfter .mblTooltipInnerArrow { 2678 border-left-color: #f9f7ba; 2679} 2680.mblTooltipBubble.mblTooltipBefore .mblTooltipInnerArrow { 2681 border-right-color: #f9f7ba; 2682} 2683.mblTooltip.mblTooltipAfter { 2684 margin-left: -11px; 2685} 2686.mblTooltip.mblTooltipBefore { 2687 margin-left: 11px; 2688} 2689.mblTooltip.mblTooltipAbove { 2690 margin-top: 11px; 2691} 2692.mblTooltip.mblTooltipBelow { 2693 margin-top: -11px; 2694} 2695.mblTooltipAnchor { 2696 position: absolute; 2697 width: 1px; 2698 height: 1px; 2699 background-color: transparent; 2700 line-height: 0; 2701 font-size: 0; 2702} 2703.mblTooltipBefore .mblTooltipAnchor { 2704 left: -1px; 2705} 2706.mblTooltipAfter .mblTooltipAnchor { 2707 right: -1px; 2708} 2709.mblTooltipAbove .mblTooltipAnchor { 2710 top: -1px; 2711} 2712.mblTooltipBelow .mblTooltipAnchor { 2713 bottom: -1px; 2714} 2715.mblTooltipArrow { 2716 position: absolute; 2717 width: 0; 2718 height: 0; 2719 line-height: 0; 2720 border: 11px solid transparent; 2721} 2722.mblTooltipBefore .mblTooltipArrow { 2723 left: auto; 2724 right: 1px; 2725 top: 0; 2726 bottom: auto; 2727 border-left-width: 0; 2728 border-right-color: #5A5A5A; 2729} 2730.mblTooltipAfter .mblTooltipArrow { 2731 left: 1px; 2732 right: auto; 2733 top: 0; 2734 bottom: auto; 2735 border-right-width: 0; 2736 border-left-color: #5A5A5A; 2737} 2738.mblTooltipAbove .mblTooltipArrow { 2739 top: auto; 2740 bottom: 1px; 2741 left: auto; 2742 right: auto; 2743 border-top-width: 0; 2744 border-bottom-color: #5A5A5A; 2745} 2746.mblTooltipBelow .mblTooltipArrow { 2747 top: 1px; 2748 bottom: auto; 2749 left: auto; 2750 right: auto; 2751 border-bottom-width: 0; 2752 border-top-color: #5A5A5A; 2753} 2754.mblTooltipInnerArrow { 2755 position: absolute; 2756 width: 0; 2757 height: 0; 2758 line-height: 0; 2759 border: 10px solid transparent; 2760} 2761.mblTooltipBefore .mblTooltipInnerArrow { 2762 right: 0; 2763 top: 0; 2764 border-left-width: 0; 2765 border-right-color: #192235; 2766} 2767.mblTooltipAfter .mblTooltipInnerArrow { 2768 left: 0; 2769 top: 0; 2770 border-right-width: 0; 2771 border-left-color: #192235; 2772} 2773.mblTooltipAbove .mblTooltipInnerArrow { 2774 bottom: 0; 2775 left: 0; 2776 border-top-width: 0; 2777 border-bottom-color: #656872; 2778} 2779.mblTooltipBelow .mblTooltipInnerArrow { 2780 top: 0; 2781 left: 0; 2782 border-bottom-width: 0; 2783 border-top-color: #172035; 2784} 2785.mblTooltipHidden, .mblTooltipHidden * { 2786 visibility: hidden !important; 2787} 2788.mblTooltip .mblHeading { 2789 border-top: 3px solid #4F5055; 2790 border-bottom: 1px solid #2D3642; 2791 border-left: 1px solid #2A2D47; 2792 -webkit-border-radius: 3px 3px 0 0; 2793 background-color: #889BB3; 2794 background-image: -webkit-gradient(linear, left top, left bottom, from(#5e6167), to(#1a1d24), color-stop(0.5, #2e322b)); 2795 font-weight: normal; 2796} 2797.mblTooltip .mblHeading .mblToolBarButton { 2798 border: 1px inset #434450; 2799 background-image: -webkit-gradient(linear, left top, left bottom, from(#686f80), to(#000924), color-stop(0.5, #000b29)); 2800 font-weight: normal; 2801} 2802.mblPageIndicator { 2803 position: relative; 2804 width: 100%; 2805 height: 20px; 2806 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 2807} 2808.mblPageIndicatorContainer { 2809 margin-top: 4px; 2810 margin-left: auto; 2811 margin-right: auto; 2812} 2813.mblPageIndicatorDot { 2814 margin: 0px 3px; 2815 width: 6px; 2816 height: 6px; 2817 font-size: 1px; 2818 background-color: #949294; 2819 -webkit-border-radius: 3px; 2820 -moz-border-radius: 3px; 2821} 2822.mblPageIndicatorDotSelected { 2823 background-color: white; 2824} 2825.mblRadioButton { 2826 position: relative; 2827 cursor: pointer; 2828 outline: none; 2829 -webkit-appearance: none; 2830 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 2831 margin: -0.5em 3px 0.3em 4px; 2832 width: 1em; 2833 height: 1em; 2834 border: #9CACC0 1px outset; 2835 -webkit-border-radius: 0.5em; 2836 background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee)); 2837 font: inherit; 2838 -webkit-transform: translatey(0.45em); 2839} 2840.mblRadioButtonChecked, .mblRadioButton:checked { 2841 border-color: #9CACC0; 2842 background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); 2843} 2844.mblRadioButtonChecked::after, .mblRadioButton:checked::after { 2845 position: absolute; 2846 content: ""; 2847 width: 0.3em; 2848 height: 0.6em; 2849 top: 0; 2850 left: 0.25em; 2851 border-color: white; 2852 border-width: 0.15em; 2853 border-style: none solid solid none; 2854 border-color: white; 2855 -webkit-transform: rotate(45deg); 2856 -webkit-transform-origin: 50% 50%; 2857} 2858.mblRadioButtonChecked.mblRadioButtonSelected, .mblRadioButton:checked.mblRadioButtonSelected { 2859 border-color: #9CACC0; 2860 background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); 2861} 2862.mblRadioButtonChecked.mblRadioButtonSelected::after, .mblRadioButton:checked.mblRadioButtonSelected::after { 2863 border-color: white; 2864} 2865.mblSlider { 2866 outline: none; 2867 -webkit-user-select: none; 2868 2869 -webkit-box-sizing: content-box; 2870 2871 margin: 15px; 2872 2873 border: #B0B0B0 1px inset; 2874 background-image: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#fefefe)); 2875 -webkit-border-radius: 8px; 2876} 2877.mblSliderH { 2878 width: 200px; 2879 height: 8px; 2880} 2881.mblSliderH .mblSliderProgressBar { 2882 height: 100%; 2883} 2884.mblSliderH .mblSliderHandle { 2885 top: 50%; 2886} 2887.mblSliderV { 2888 height: 200px; 2889 width: 8px; 2890} 2891.mblSliderV .mblSliderProgressBar { 2892 width: 100%; 2893} 2894.mblSliderV .mblSliderHandle { 2895 left: 50%; 2896} 2897.mblSliderProgressBar { 2898 background-image: -webkit-gradient(linear, left top, left bottom, from(#0d48a8), to(#68a6f8)); 2899 -webkit-border-radius: 8px; 2900} 2901.mblSliderHandle { 2902 margin: -10px 0 0 -10px; 2903 width: 18px; 2904 height: 18px; 2905 border: #9D9D9D 1px outset; 2906 -webkit-border-radius: 10px; 2907 background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6a6), to(#fcfcfc)); 2908} 2909.mblSliderTransition { 2910 -webkit-transition-duration: 400ms; 2911} 2912.mblSliderTouchBox { 2913 margin: 0; 2914 padding: 12pt; 2915 left: -12pt; 2916 top: -12pt; 2917 border: none; 2918 width: 100%; 2919 height: 100%; 2920 background-color: transparent; 2921 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 2922} 2923.mblTabBar { 2924 position: relative; 2925 overflow: hidden; 2926 white-space: nowrap; 2927 margin: 0px; 2928 padding: 0px; 2929 height: 48px; 2930 border-top: 1px solid #000000; 2931 background-color: #000000; 2932 background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#000000), color-stop(0.5, #141414), color-stop(0.5, #000000)); 2933 color: white; 2934 text-align: center; 2935} 2936.mblTabBarNoIcons { 2937 height: 34px; 2938} 2939.mblTabBarNoText { 2940 height: 34px; 2941} 2942.mblTabBarButton { 2943 cursor: pointer; 2944 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 2945} 2946.mblTabBar .mblTabBarButton { 2947 position: relative; 2948 list-style-type: none; 2949 float: left; 2950} 2951.mblTabBar .mblTabBarButton.mblTabButtonSelected { 2952 -webkit-border-radius: 3px; 2953 background-color: #404040; 2954 background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535), color-stop(0.5, #242424)); 2955} 2956.mblTabBarButtonAnchor { 2957 display: block; 2958 text-decoration: none; 2959} 2960.mblTabBarButtonDiv { 2961 position: relative; 2962 margin-left: auto; 2963 margin-right: auto; 2964 height: 34px; 2965 width: 29px; 2966} 2967.mblTabBarButtonIcon { 2968 position: absolute; 2969 left: 0px; 2970 top: 2px; 2971} 2972.mblTabBarButtonSpriteIcon { 2973 position: absolute; 2974} 2975.mblTabBarButtonTextBox { 2976 color: #979797; 2977 font-family: "Helvetica Neue", Helvetica; 2978 font-size: 11px; 2979} 2980.mblTabBarNoIcons .mblTabBarButtonDiv { 2981 display: none; 2982} 2983.mblTabBarNoIcons .mblTabBarButtonTextBox { 2984 line-height: 34px; 2985 font-size: 20px; 2986} 2987.mblTabBarTop .mblTabButton .mblTabBarButtonDiv { 2988 display: none; 2989} 2990.mblTabButton { 2991 position: relative; 2992 float: left; 2993 list-style-type: none; 2994 cursor: pointer; 2995 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 2996 width: 100px; 2997 height: 28px; 2998 border-width: 1px 1px 1px 0px; 2999 border-style: inset; 3000 border-color: #9CACC0; 3001 border-right-color: #5E708A; 3002 background-image: -webkit-gradient(linear, left top, left bottom, from(#abb9ca), to(#788da9), color-stop(0.5, #8297af), color-stop(0.5, #768ba7)); 3003 font-family: Helvetica; 3004 font-size: 13px; 3005 color: white; 3006 text-align: center; 3007 line-height: 29px; 3008} 3009.mblTabButton .mblTabBarButtonAnchor, .mblTabButton .mblTabBarButtonDiv { 3010 height: 29px; 3011} 3012.mblTabButton:first-child { 3013 -webkit-border-top-left-radius: 5px; 3014 -webkit-border-bottom-left-radius: 5px; 3015 border-left-width: 1px; 3016} 3017.mblTabButton:last-child { 3018 -webkit-border-top-right-radius: 5px; 3019 -webkit-border-bottom-right-radius: 5px; 3020 border-right-color: #9CACC0; 3021} 3022.mblTabButtonSelected .mblTabBarButtonTextBox { 3023 color: white; 3024} 3025.mblTabButtonImgDiv { 3026 display: none; 3027} 3028.mblTabPanelHeader { 3029 position: relative; 3030 overflow: hidden; 3031 white-space: nowrap; 3032 text-overflow: ellipsis; 3033 margin: 0px; 3034 padding: 3px 0px 0px 0px; 3035 height: 39px; 3036 border-top: 1px solid #CDD5DF; 3037 border-bottom: 1px solid #2D3642; 3038 background-color: #889BB3; 3039 background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af)); 3040 font-family: Helvetica; 3041 font-size: 20px; 3042 color: white; 3043 text-align: center; 3044 line-height: 44px; 3045 text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px; 3046} 3047.mblTabPanelHeader .mblTabButton { 3048 margin-top: 3px; 3049} 3050.mblTabPanelHeader .mblTabButton.mblTabButtonSelected { 3051 background-color: #5877A2; 3052 background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); 3053} 3054.mblTabPanelHeader .mblTabButtonDomButton { 3055 width: 43px; 3056} 3057.mblTabPanelHeader .mblTabButtonDomButtonClass { 3058 left: 8px; 3059} 3060.mblHeading .mblTabPanelHeader .mblTabButton { 3061 margin-top: 6px; 3062} 3063.mblTextArea { 3064 padding: 4px 1px; 3065 border-color: #9CACC0; 3066 border-width: 1px; 3067 border-style: inset; 3068 -webkit-border-radius: 5px; 3069 font-family: Helvetica; 3070 font-size: 13px; 3071} 3072.mblExpandingTextArea { 3073 margin: 2px; 3074} 3075.mblTextBox { 3076 height: 22px; 3077 border: #9CACC0 1px inset; 3078 -webkit-border-radius: 5px; 3079 font-family: Helvetica; 3080 font-size: 13px; 3081} 3082.mblToggleButton { 3083 position: relative; 3084 cursor: pointer; 3085 outline: none; 3086 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 3087 padding: 0px 10px 0px 25px; 3088 height: 29px; 3089 border-width: 1px 1px 1px 1px; 3090 border-style: outset; 3091 border-color: #9CACC0; 3092 -webkit-border-radius: 5px; 3093 background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee)); 3094 font-family: Helvetica; 3095 font-size: 13px; 3096 color: black; 3097 line-height: 29px; 3098} 3099.mblToggleButton.mblToggleButtonSelected { 3100 background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede)); 3101 color: black; 3102} 3103.mblToggleButton.mblToggleButtonChecked { 3104 background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); 3105 color: white; 3106} 3107.mblToggleButton.mblToggleButtonChecked::after { 3108 position: absolute; 3109 content: ""; 3110 top: 6px; 3111 left: 7px; 3112 width: 5px; 3113 height: 10px; 3114 border-color: white; 3115 border-width: 2px; 3116 border-style: none solid solid none; 3117 -webkit-transform: rotate(45deg) skew(10deg); 3118 -webkit-transform-origin: 50% 50%; 3119} 3120.mblToggleButton.mblToggleButtonChecked.mblToggleButtonSelected { 3121 background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); 3122 color: white; 3123} 3124.mblToggleButton.mblToggleButtonChecked.mblToggleButtonSelected::after { 3125 border-color: white; 3126} 3127.mblToggleButton:disabled { 3128 cursor: default; 3129 border-color: grey; 3130 background-image: none; 3131 color: grey; 3132} 3133.alertDialog { 3134 width: 100%; 3135 padding-left: 2px; 3136 padding-right: 2px; 3137 z-index: 1000; 3138} 3139.alertDialogBody { 3140 border: 1px solid #ADAAAD; 3141 -webkit-border-radius: 10px; 3142 -moz-border-radius: 10px; 3143 background-color: white; 3144 margin-left: 2px; 3145 margin-right: 4px; 3146} 3147.alertTitle { 3148 height: 42px; 3149 margin: 0px; 3150 padding: 0px; 3151 background-color: #889BB3; 3152 background: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#6D84A2), color-stop(0.5, #889BB3), color-stop(0.5, #8195AF)); 3153 border-top: 1px solid #CDD5DF; 3154 border-bottom: 1px solid #2D3642; 3155 font-family: Helvetica; 3156 font-size: 20px; 3157 color: white; 3158 text-align: center; 3159 line-height: 44px; 3160 text-shadow: rgba(0,0,0,0.6) 0px -1px 0px; 3161 overflow: hidden; 3162 white-space: nowrap; 3163 text-overflow: ellipsis; 3164 text-align: center; 3165} 3166.alertText { 3167 text-align: center; 3168} 3169.alertBtns { 3170 padding: 5px; 3171 text-align: center; 3172} 3173.alertBtns .mblButton { 3174 width: 100%; 3175 margin-top: 5px; 3176} 3177.alertDialog.mblOut { 3178 position: absolute; 3179} 3180.alertDialog.mblIn { 3181 position: absolute; 3182} 3183.mblSlidev.mblOut { 3184 -webkit-animation-duration: .4s; 3185 -webkit-animation-name: mblSlideOut; 3186 -webkit-animation-timing-function: linear; 3187 -webkit-transform: translateY(-100%); 3188} 3189.mblSlidev.mblIn { 3190 -webkit-animation-duration: .4s; 3191 -webkit-animation-name: mblSlideIn; 3192 -webkit-animation-timing-function: linear; 3193 -webkit-transform: translateY(0px); 3194} 3195.mblSlidev.mblOut.mblReverse { 3196 -webkit-animation-name: mblSlideOutReverse; 3197} 3198.mblSlidev.mblIn.mblReverse { 3199 -webkit-animation-name: mblSlideInReverse; 3200} 3201.dialogUnderlayWrapper { 3202 position: absolute; 3203 left: 0; 3204 top: 0; 3205 z-index: 998; 3206 background: transparent !important; 3207 visibility: visible; 3208 height: 100%; 3209 width: 100%; 3210} 3211.dialogUnderlay { 3212 background-color: #eee; 3213 opacity: 0.5; 3214 width: 100%; 3215 height: 100%; 3216} 3217.list .row { 3218 padding: 10px; 3219 border-bottom: 1px solid #444; 3220 position: relative; 3221 background-color: white; 3222 z-index: 6; 3223} 3224.list .row.mblListItem { 3225 padding: 0px; 3226} 3227.list .row.last { 3228 border-bottom: none; 3229} 3230.list .row.hold { 3231 background-color: #ddd; 3232} 3233.list .buttons { 3234 position: absolute; 3235 text-align: center; 3236 padding-top: 10px; 3237 width: 100%; 3238 height: 100%; 3239 z-index: 5; 3240} 3241.list .buttons .mblButton { 3242} 3243.list .buttons .deleteBtn { 3244 background-color: red; 3245} 3246.list .buttons .cancelBtn { 3247 margin-left: 10px; 3248 background-color: blue; 3249} 3250.row.collapsed { 3251 -webkit-animation-name: collapse-vert; 3252 -webkit-animation-duration: 0.5s; 3253 -webkit-animation-timing-function: linear; 3254} 3255@-webkit-keyframes collapse-vert { 3256 from { 3257 height: 100%; 3258 padding: 10px; 3259 } 3260 to { 3261 height: 0px; 3262 padding: 0px; 3263 } 3264} 3265.listSelector { 3266 position: absolute; 3267 -webkit-border-radius: 10px; 3268 -moz-border-radius: 10px; 3269 border: 1px solid #666; 3270 background-color: #ccc; 3271 color: #333; 3272 z-index: 1000; 3273} 3274.listSelectorRow { 3275 padding: 10px; 3276 border-bottom: 1px solid #666; 3277 white-space: nowrap; 3278} 3279.listSelectorRow-selected { 3280 background-color: #666; 3281 color: #ccc; 3282} 3283.listSelectorRow.last { 3284 border-bottom: none; 3285} 3286.mblImageView, .mblImageView canvas { 3287 width: 100%; 3288 height: 100%; 3289} 3290.mblPillar { 3291 display: none; 3292} 3293input { 3294 -webkit-text-size-adjust: 140%; 3295} 3296.mblImageThumbView { 3297 position: relative; 3298 -webkit-transition-property: height; 3299 -webkit-transition-duration: 0.8s; 3300 -webkit-transition-delay: 0; 3301} 3302.mblImageThumbView .mblThumb { 3303 width: 100px; 3304 min-height: 100px; 3305 display: inline-block; 3306 z-index: 2; 3307 position: absolute; 3308} 3309.mblImageThumbView.animated .mblThumb { 3310 -webkit-transition-property: -webkit-transform, opacity; 3311 -webkit-transition-duration: 1.3s, 1s; 3312 -webkit-transition-delay: 0, 0; 3313} 3314.mblImageThumbView .mblThumb.hidden { 3315 z-index: 1; 3316 opacity: 0; 3317} 3318.mblImageThumbView .mblThumbInner { 3319 width: 102px; 3320 height: 102px; 3321 position: relative; 3322} 3323.mblImageThumbView .mblThumbOverlay { 3324 width: 102px; 3325 height: 102px; 3326 background: url(images/thumb-overlay.png) center top no-repeat; 3327 position: absolute; 3328 z-index: 20; 3329 overflow: hidden; 3330} 3331.mblImageThumbView .mblThumb.selected .mblThumbOverlay { 3332 background-position: center bottom; 3333} 3334.mblImageThumbView .mblThumbInner .mblThumbMask { 3335 width: 90px; 3336 height: 90px; 3337 overflow: hidden; 3338 padding-left: 6px; 3339 padding-top: 5px; 3340 z-index: 10; 3341} 3342.mblImageThumbView .mblThumbInner .mblThumbMask img { 3343 left: 0px; 3344 top: 0px; 3345 width: 90px; 3346 height: 90px; 3347} 3348.mblImageThumbView .mblThumbInner .mblThumbMask .mblThumbSrc { 3349 left: 6px; 3350 top: 5px; 3351 background-position: center center; 3352 background-repeat: no-repeat; 3353 overflow: hidden; 3354 position: absolute; 3355 -webkit-background-size: 100% 100%; 3356 -webkit-border-radius: 5px; 3357 width: 90px; 3358 height: 90px; 3359 z-index: 5; 3360} 3361.mblImageThumbView .mblThumbMask div { 3362 left: 0px; 3363 top: 0px; 3364 width: 90px; 3365 height: 90px; 3366 background-repeat: no-repeat; 3367} 3368.mblImageThumbView .mblThumb:hover, 3369.mblImageThumbView .mblThumb.selected { 3370 -webkit-transform: scale(1.2); 3371 transform: scale(1.2); 3372} 3373.mblImageThumbView.large .mblThumb { 3374 width: 150px; 3375 min-height: 150px; 3376} 3377.mblImageThumbView.large .mblThumbInner{ 3378 width: 152px; 3379 height: 152px; 3380} 3381.mblImageThumbView.large .mblThumbOverlay { 3382 background: url(images/thumb-overlay-large.png) center top no-repeat; 3383 width: 152px; 3384 height: 152px; 3385} 3386.mblImageThumbView.large .mblThumbInner .mblThumbMask, 3387.mblImageThumbView.large .mblThumbInner .mblThumbMask img, 3388.mblImageThumbView.large .mblThumbInner .mblThumbMask .mblThumbSrc, 3389.mblImageThumbView.large .mblThumbMask div { 3390 width: 133px; 3391 height: 133px; 3392} 3393.mblImageThumbView.large .mblThumbInner .mblThumbMask .mblThumbSrc { 3394 left: 9px; 3395 top: 7px; 3396} 3397.mblImageThumbView.small .mblThumb { 3398 width: 75px; 3399 min-height: 75px; 3400} 3401.mblImageThumbView.small .mblThumbInner{ 3402 width: 77px; 3403 height: 77px; 3404} 3405.mblImageThumbView.small .mblThumbOverlay { 3406 background: url(images/thumb-overlay-small.png) center top no-repeat; 3407 width: 77px; 3408 height: 77px; 3409} 3410.mblImageThumbView.small .mblThumbInner .mblThumbMask, 3411.mblImageThumbView.small .mblThumbInner .mblThumbMask img, 3412.mblImageThumbView.small .mblThumbInner .mblThumbMask .mblThumbSrc, 3413.mblImageThumbView.small .mblThumbMask div { 3414 width: 70px; 3415 height: 70px; 3416} 3417.mblImageThumbView.small .mblThumbInner .mblThumbMask .mblThumbSrc { 3418 left: 4px; 3419 top: 3px; 3420} 3421.mblImageThumbView .mblThumbLabel { 3422 font-size: smaller; 3423 overflow: hidden; 3424 white-space: nowrap; 3425 text-align: center; 3426}