.mblDomButtonWhitePlus { position: relative; width: 29px; height: 29px; } .mblDomButtonWhitePlus > div { position: absolute; top: 12px; left: 8px; width: 13px; height: 3px; margin: 0px; font-size: 1px; background-color: white; border-top: 1px solid #4a5a71; } .mblDomButtonWhitePlus > div > div { position: absolute; top: -6px; left: 5px; width: 3px; height: 13px; margin: 0px; font-size: 1px; background-color: white; border-top: 1px solid #4a5a71; } .mblDomButtonWhiteMinus { position: relative; width: 29px; height: 29px; } .mblDomButtonWhiteMinus > div { position: absolute; top: 12px; left: 8px; width: 13px; height: 3px; margin: 0px; font-size: 1px; background-color: white; border-top: 1px solid #4a5a71; } .mblDomButtonWhiteUpArrow { position: relative; width: 29px; height: 29px; } .mblDomButtonWhiteUpArrow div { position: absolute; left: 0px; clip: rect(0px 30px 20px 0px); } .mblDomButtonWhiteUpArrow > div > div { top: 9px; left: 4px; width: 20px; height: 20px; margin: 0px; font-size: 1px; background-color: white; border-top: 1px solid #4a5a71; -webkit-transform: scaleX(0.6) rotate(45deg); } .mblDomButtonWhiteDownArrow { position: relative; width: 29px; height: 29px; } .mblDomButtonWhiteDownArrow div { position: absolute; left: 0px; clip: rect(7px 50px 40px 0px); } .mblDomButtonWhiteDownArrow > div > div { top: -10px; left: 2px; width: 25px; height: 25px; margin: 0px; font-size: 1px; background-color: white; border-top: 1px solid #4a5a71; -webkit-transform: scaleX(0.6) rotate(45deg); } .mblDomButtonWhiteSearch { position: relative; width: 29px; height: 29px; } .mblDomButtonWhiteSearch > div { position: absolute; top: 5px; left: 6px; width: 10px; height: 10px; margin: 0px; font-size: 1px; border: 2px solid white; border-radius: 6px; } .mblDomButtonWhiteSearch > div > div { position: absolute; top: 10px; left: 7px; width: 8px; height: 3px; margin: 0px; font-size: 1px; background-color: white; border: none; -webkit-transform: rotate(45deg); border-radius: 0px; } .mblDomButtonBlueMinus, .mblDomButtonBluePlus, .mblDomButtonDarkBlueMinus, .mblDomButtonDarkBluePlus, .mblDomButtonRedMinus, .mblDomButtonRedPlus { position: relative; width: 29px; height: 29px; } .mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div, .mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div, .mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div { position: relative; top: 4px; left: 3px; width: 22px; height: 18px; border-width: 1px 1px 1px 0px; border-style: outset; color: white; border-radius: 3px; } .mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div { border-color: #6d89c7; background-color: #366edf; background: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); } .mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div { border-color: #6d89c7; background-color: #5877a2; background: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); } .mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div { border-color: #cc1122; background-color: #c9404b; background: -webkit-gradient(linear, left top, left bottom, from(#d3656d), to(#bc1320), color-stop(0.5, #c9404b), color-stop(0.5, #bc1421)); } .mblDomButtonBlueMinus > div > div, .mblDomButtonBluePlus > div > div, .mblDomButtonDarkBlueMinus > div > div, .mblDomButtonDarkBluePlus > div > div, .mblDomButtonRedMinus > div > div, .mblDomButtonRedPlus > div > div { position: absolute; top: 7px; left: 7px; width: 8px; height: 2px; margin: 0px; font-size: 1px; border-style: none; background: white; border-top: 1px solid #4a5a71; } .mblDomButtonBluePlus > div > div > div, .mblDomButtonDarkBluePlus > div > div > div, .mblDomButtonRedPlus > div > div > div { position: absolute; top: -3px; left: 3px; width: 2px; height: 8px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonCheckboxOn { position: relative; width: 30px; height: 30px; border-width: 1px; border-style: outset; border-color: #a5a2a5; color: white; border-radius: 3px; background-color: #d6d3d6; background: -webkit-gradient(linear, left top, left bottom, from(#eff3ef), to(#bdbebd)); } .mblDomButtonCheckboxOn > div { position: absolute; top: 15px; left: 3px; width: 14px; height: 4px; margin: 0px; font-size: 1px; background-color: #00cf00; border-top: 1px solid #4a5a71; border-radius: 2px; -webkit-transform: rotate(50deg); } .mblDomButtonCheckboxOn > div > div { position: absolute; top: -10px; left: 0px; width: 20px; height: 4px; margin: 0px; font-size: 1px; background-color: #00cf00; border-top: none; border-bottom: 1px solid #4a5a71; border-radius: 2px; -webkit-transform: rotate(-100deg); } .mblDomButtonCheckboxOff { position: relative; width: 30px; height: 30px; border-width: 1px; border-style: outset; border-color: #a5a2a5; color: white; border-radius: 3px; background-color: #d6d3d6; background: -webkit-gradient(linear, left top, left bottom, from(#eff3ef), to(#bdbebd)); } .mblDomButtonCheckboxOff > div { position: absolute; top: 15px; left: 3px; width: 14px; height: 4px; margin: 0px; font-size: 1px; background-color: #bdbabd; border-bottom: 1px solid #8c8e8c; border-radius: 2px; -webkit-transform: rotate(50deg); } .mblDomButtonCheckboxOff > div > div { position: absolute; top: -10px; left: 0px; width: 20px; height: 4px; margin: 0px; font-size: 1px; background-color: #bdbabd; border-bottom: none; border-top: 1px solid #8c8e8c; border-radius: 2px; -webkit-transform: rotate(-100deg); } .mblDomButtonBlueCircleMinus { position: relative; width: 29px; height: 29px; } .mblDomButtonBlueCircleMinus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #b5b6b5; border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonBlueCircleMinus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#6ba2e7), to(#216dd6), color-stop(0.5, #4282de), color-stop(0.5, #216dd6)); } .mblDomButtonBlueCircleMinus > div > div > div { position: absolute; top: 8px; left: 3px; width: 12px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonBlueCirclePlus { position: relative; width: 29px; height: 29px; } .mblDomButtonBlueCirclePlus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #b5b6b5; border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonBlueCirclePlus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#6ba2e7), to(#216dd6), color-stop(0.5, #4282de), color-stop(0.5, #216dd6)); } .mblDomButtonBlueCirclePlus > div > div > div { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonBlueCirclePlus > div > div > div > div { position: absolute; top: -5px; left: 5px; width: 3px; height: 13px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonBlueCircleArrow { position: relative; width: 29px; height: 29px; } .mblDomButtonBlueCircleArrow > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #b5b6b5; border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonBlueCircleArrow > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#6ba2e7), to(#216dd6), color-stop(0.5, #4282de), color-stop(0.5, #216dd6)); } .mblDomButtonBlueCircleArrow > div > div > div { position: absolute; top: 5px; left: 6px; width: 8px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; -webkit-transform: rotate(45deg); } .mblDomButtonBlueCircleArrow > div > div > div > div { position: absolute; top: 1px; left: 6px; width: 3px; height: 8px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonRedCircleMinus { position: relative; width: 29px; height: 29px; } .mblDomButtonRedCircleMinus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #b5b6b5; border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonRedCircleMinus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#d3656d), to(#bc1320), color-stop(0.5, #c9404b), color-stop(0.5, #bc1421)); } .mblDomButtonRedCircleMinus > div > div > div { position: absolute; top: 8px; left: 3px; width: 12px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonRedCirclePlus { position: relative; width: 29px; height: 29px; } .mblDomButtonRedCirclePlus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #b5b6b5; border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonRedCirclePlus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#d3656d), to(#bc1320), color-stop(0.5, #c9404b), color-stop(0.5, #bc1421)); } .mblDomButtonRedCirclePlus > div > div > div { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonRedCirclePlus > div > div > div > div { position: absolute; top: -5px; left: 5px; width: 3px; height: 13px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonRedCircleArrow { position: relative; width: 29px; height: 29px; } .mblDomButtonRedCircleArrow > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #b5b6b5; border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonRedCircleArrow > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#d3656d), to(#bc1320), color-stop(0.5, #c9404b), color-stop(0.5, #bc1421)); } .mblDomButtonRedCircleArrow > div > div > div { position: absolute; top: 5px; left: 6px; width: 8px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; -webkit-transform: rotate(45deg); } .mblDomButtonRedCircleArrow > div > div > div > div { position: absolute; top: 1px; left: 6px; width: 3px; height: 8px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonGreenCircleMinus { position: relative; width: 29px; height: 29px; } .mblDomButtonGreenCircleMinus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #b5b6b5; border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonGreenCircleMinus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#7be75a), to(#398c08), color-stop(0.5, #6bc642), color-stop(0.5, #4aad21)); } .mblDomButtonGreenCircleMinus > div > div > div { position: absolute; top: 8px; left: 3px; width: 12px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonGreenCirclePlus { position: relative; width: 29px; height: 29px; } .mblDomButtonGreenCirclePlus > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #b5b6b5; border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonGreenCirclePlus > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#7be75a), to(#398c08), color-stop(0.5, #6bc642), color-stop(0.5, #4aad21)); } .mblDomButtonGreenCirclePlus > div > div > div { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; } .mblDomButtonGreenCirclePlus > div > div > div > div { position: absolute; top: -5px; left: 5px; width: 3px; height: 13px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonGreenCircleArrow { position: relative; width: 29px; height: 29px; } .mblDomButtonGreenCircleArrow > div { position: relative; top: 2px; left: 2px; width: 22px; height: 22px; border: 1px solid #b5b6b5; border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonGreenCircleArrow > div > div { position: relative; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 9px; background: -webkit-gradient(linear, left top, left bottom, from(#7be75a), to(#398c08), color-stop(0.5, #6bc642), color-stop(0.5, #4aad21)); } .mblDomButtonGreenCircleArrow > div > div > div { position: absolute; top: 5px; left: 6px; width: 8px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background: white; -webkit-transform: rotate(45deg); } .mblDomButtonGreenCircleArrow > div > div > div > div { position: absolute; top: 1px; left: 6px; width: 3px; height: 8px; margin: 0px; font-size: 1px; background-color: white; } .mblDomButtonBlackCircleCross { position: relative; width: 29px; height: 29px; } .mblDomButtonBlackCircleCross > div { position: relative; top: 3px; left: 3px; width: 23px; height: 23px; background-color: white; border-radius: 12px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .mblDomButtonBlackCircleCross > div > div { position: relative; top: 2px; left: 2px; width: 19px; height: 19px; background-color: black; border-radius: 10px; } .mblDomButtonBlackCircleCross > div > div > div { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; margin: 0px; font-size: 1px; border-style: none; background-color: white; -webkit-transform: rotate(45deg); border-radius: 1px; } .mblDomButtonBlackCircleCross > div > div > div > div { position: absolute; top: -5px; left: 5px; width: 3px; height: 13px; margin: 0px; font-size: 1px; background-color: white; border-radius: 1px; } .mblDomButtonGrayRoundRect { position: relative; width: 29px; height: 29px; text-align: right; } .mblDomButtonGrayRoundRect > div { position: absolute; right: 0px; display: inline; padding: 0px 5px; top: 7px; color: white; font-family: Helvetica; font-size: 12px; border-radius: 4px; background-color: #949ba5; text-align: center; } .mblDomButtonGrayRoundRect > div > div { display: none; } .mblDomButtonSilverCircleDownArrow { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleDownArrow > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #b5b6b5; border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2)); } .mblDomButtonSilverCircleDownArrow > div > div { position: relative; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 10px; background: -webkit-gradient(linear, left top, left bottom, from(#979797), to(#616161)); } .mblDomButtonSilverCircleDownArrow > div > div > div { position: absolute; left: 0px; clip: rect(6px 50px 40px 0px); } .mblDomButtonSilverCircleDownArrow > div > div > div > div { position: absolute; top: -5px; left: 1px; width: 18px; height: 18px; margin: 0px; font-size: 1px; background-color: #d1d1d1; border-top: 1px solid #4a5a71; -webkit-transform: scaleX(0.7) rotate(45deg); } .mblDomButtonSilverCircleGreenButton { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleGreenButton > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #b5b6b5; border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2)); } .mblDomButtonSilverCircleGreenButton > div > div { position: relative; top: 6px; left: 6px; width: 12px; height: 12px; border: 1px inset #1b991c; border-radius: 7px; background: -webkit-gradient(radial, center center, 0, center center, 6, from(#17df25), to(#1ba51c)); } .mblDomButtonSilverCircleGrayButton { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleGrayButton > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #b5b6b5; border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2)); } .mblDomButtonSilverCircleGrayButton > div > div { position: relative; top: 6px; left: 6px; width: 12px; height: 12px; border: 1px inset #aeaeae; border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#bababa)); } .mblDomButtonSilverCircleOrangeButton { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleOrangeButton > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #b5b6b5; border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2)); } .mblDomButtonSilverCircleOrangeButton > div > div { position: relative; top: 6px; left: 6px; width: 12px; height: 12px; border: 1px inset #ca701a; border-radius: 7px; background: -webkit-gradient(radial, center center, 0, center center, 6, from(#ff7a07), to(#e66b03)); } .mblDomButtonSilverCircleGreenPlus { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleGreenPlus > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #b5b6b5; border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2)); } .mblDomButtonSilverCircleGreenPlus > div > div { position: absolute; top: 11px; left: 4px; width: 18px; height: 4px; margin: 0px; font-size: 1px; background-color: #17df25; } .mblDomButtonSilverCircleGreenPlus > div > div > div { position: absolute; top: -7px; left: 7px; width: 4px; height: 18px; margin: 0px; font-size: 1px; background-color: #17df25; } .mblDomButtonSilverCircleRedCross { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleRedCross > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #b5b6b5; border-radius: 13px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2)); } .mblDomButtonSilverCircleRedCross > div > div { position: absolute; top: 11px; left: 4px; width: 18px; height: 4px; margin: 0px; font-size: 1px; background-color: #f00e5a; -webkit-transform: rotate(45deg); } .mblDomButtonSilverCircleRedCross > div > div > div { position: absolute; top: -7px; left: 7px; width: 4px; height: 18px; margin: 0px; font-size: 1px; background-color: #f00e5a; } .mblDomButtonBlueBall { position: relative; width: 19px; height: 29px; } .mblDomButtonBlueBall > div { position: relative; top: 8px; left: 4px; width: 14px; height: 14px; border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, from(#84aff4), to(#2758b3)); } .mblDomButtonGreenBall { position: relative; width: 19px; height: 29px; } .mblDomButtonGreenBall > div { position: relative; top: 8px; left: 4px; width: 14px; height: 14px; border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, from(#59e738), to(#0aa908)); } .mblDomButtonOrangeBall { position: relative; width: 19px; height: 29px; } .mblDomButtonOrangeBall > div { position: relative; top: 8px; left: 4px; width: 14px; height: 14px; border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, from(#f9e20a), to(#ff6b0a)); } .mblDomButtonRedBall { position: relative; width: 19px; height: 29px; } .mblDomButtonRedBall > div { position: relative; top: 8px; left: 4px; width: 14px; height: 14px; border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, from(#ec9b9d), to(#d73c3f)); } .mblDomButtonTransparent19 { position: relative; width: 19px; height: 19px; } .mblDomButtonTransparent29 { position: relative; width: 29px; height: 29px; } .mblDomButtonTransparent30 { position: relative; width: 30px; height: 30px; } .mblDomButtonYellowStar { position: relative; width: 29px; height: 29px; } .mblDomButtonYellowStar > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #ffff00 transparent transparent transparent; top: 12px; left: 3px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(0deg); } .mblDomButtonYellowStar > div > div { position: absolute; width: 24px; height: 0px; border-style: solid; border-color: #cd853f; border-width: 1px 0px 0px 0px; top: -10px; left: -12px; } .mblDomButtonYellowStar > div > div > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #ffff00 transparent transparent transparent; top: 0px; left: 0px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(72deg); } .mblDomButtonYellowStar > div > div > div > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #ffff00 transparent transparent transparent; top: -10px; left: -12px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(216deg); } .mblDomButtonGrayStar { position: relative; width: 29px; height: 29px; } .mblDomButtonGrayStar > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #bdbabd transparent transparent transparent; top: 12px; left: 3px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(0deg); } .mblDomButtonGrayStar > div > div { position: absolute; width: 24px; height: 0px; border-style: solid; border-color: #8c8e8c; border-width: 1px 0px 0px 0px; top: -10px; left: -12px; } .mblDomButtonGrayStar > div > div > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #bdbabd transparent transparent transparent; top: 0px; left: 0px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(72deg); } .mblDomButtonGrayStar > div > div > div > div { position: absolute; width: 0px; height: 0px; border-style: solid; border-color: #bdbabd transparent transparent transparent; top: -10px; left: -12px; border-width: 9px 12px 0px 12px; -webkit-transform: rotate(216deg); } .mblDomButtonGrayCross { position: relative; width: 29px; height: 29px; } .mblDomButtonGrayCross > div { position: absolute; top: 12px; left: 7px; width: 14px; height: 2px; margin: 0px; font-size: 1px; border: 1px solid #0d1721; background-color: #6c6e6d; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); border-radius: 2px; } .mblDomButtonGrayCross > div > div { position: absolute; top: -7px; left: 5px; width: 2px; height: 14px; margin: 0px; font-size: 1px; border: 1px solid #0d1721; background-color: #6c6e6d; border-radius: 2px; } .mblDomButtonRedCross { position: relative; width: 29px; height: 29px; } .mblDomButtonRedCross > div { position: absolute; top: 12px; left: 7px; width: 14px; height: 2px; margin: 0px; font-size: 1px; border: 1px solid #ad3213; background-color: #e54d1f; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); border-radius: 2px; } .mblDomButtonRedCross > div > div { position: absolute; top: -7px; left: 5px; width: 2px; height: 14px; margin: 0px; font-size: 1px; border: 1px solid #ad3213; background-color: #e54d1f; border-radius: 2px; } .mblDomButtonWhiteCross { position: relative; width: 29px; height: 29px; } .mblDomButtonWhiteCross > div { position: absolute; top: 12px; left: 7px; width: 14px; height: 2px; margin: 0px; font-size: 1px; border: 1px solid #808080; background-color: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); border-radius: 2px; } .mblDomButtonWhiteCross > div > div { position: absolute; top: -7px; left: 5px; width: 2px; height: 14px; margin: 0px; font-size: 1px; border: 1px solid #808080; background-color: #ffffff; border-radius: 2px; } .mblDomButtonGrayKnob { position: relative; width: 29px; height: 29px; } .mblDomButtonGrayKnob > div { position: absolute; top: 6px; left: 2px; width: 23px; height: 3px; margin: 0px; font-size: 1px; background-color: #cecfce; border-width: 1px 1px 0 0; border-style: solid; border-color: #9c9e9c; } .mblDomButtonGrayKnob > div > div { position: absolute; top: 6px; width: 23px; height: 3px; background-color: #cecfce; border-width: 1px 1px 0 0; border-style: solid; border-color: #9c9e9c; } .mblDomButtonGrayKnob > div > div > div { position: absolute; top: 6px; width: 23px; height: 3px; background-color: #cecfce; border-width: 1px 1px 0 0; border-style: solid; border-color: #9c9e9c; } .mblDomButtonGrayPlus { position: relative; width: 29px; height: 29px; } .mblDomButtonGrayPlus > div { position: absolute; top: 12px; left: 6px; width: 18px; height: 3px; margin: 0px; font-size: 1px; background-color: #848684; border-top: 1px solid #525152; border-radius: 2px; } .mblDomButtonGrayPlus > div > div { position: absolute; top: -8px; left: 7px; width: 3px; height: 17px; margin: 0px; font-size: 1px; background-color: #848684; border-top: 1px solid #525152; border-left: 1px solid #808080; border-radius: 2px; } .mblDomButtonGrayMinus { position: relative; width: 29px; height: 29px; } .mblDomButtonGrayMinus > div { position: absolute; top: 12px; left: 6px; width: 18px; height: 3px; margin: 0px; font-size: 1px; background-color: #848684; border-top: 1px solid #525152; border-radius: 2px; }