html.mobile, .mobile body {
	margin: 0;
	padding: 0;
	width: 100%;
}

.mobile body {
	-webkit-text-size-adjust: none;
	background-color: #c5ccd3;
	font-family: Helvetica;
	font-size: 17px;
	overflow-x: hidden;
}

.mblColorBlue {
	background-color: #366edf;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc));
	color: white;
}

.mblColorBlue45 { background-image: -webkit-gradient(linear, left top, right bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); }

.mblColorDefault {
	background-color: #5877a2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), color-stop(0.02, #8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999));
	color: white;
}

.mblColorDefault45 { background-image: -webkit-gradient(linear, left top, right bottom, from(#222222), color-stop(0.02, #8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); }

.mblColorDefaultSel {
	background-color: #394d77;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69));
	color: white;
}

.mblColorDefaultSel45 { background-image: -webkit-gradient(linear, left top, right bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69)); }

.mblSpriteIcon { position: absolute; }

.mblSpriteIconParent {
	font-size: 1px;
	position: relative;
}

.mblImageIcon { vertical-align: top; }

.mblHeading 
{
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af));*/
    background: #b0bccd; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmNjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzg4OWJiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzgxOTVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzZkODRhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #b0bccd 0%, #889bb3 36%, #8195af 58%, #6d84a2 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af));
    background: -webkit-linear-gradient(top, #b0bccd 0%,#889bb3 36%,#8195af 58%,#6d84a2 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b0bccd 0%,#889bb3 36%,#8195af 58%,#6d84a2 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b0bccd 0%,#889bb3 36%,#8195af 58%,#6d84a2 99%); /* IE10+ */
    background: linear-gradient(to bottom, #b0bccd 0%,#889bb3 36%,#8195af 58%,#6d84a2 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0bccd', endColorstr='#6d84a2',GradientType=0 ); /* IE6-8 */
	border-bottom: 1px solid #2d3642;
	border-top: 1px solid #cdd5df;
	color: white;
	font-family: Helvetica;
	font-size: 20px;
	font-weight: bold;
	height: 42px;
	line-height: 44px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
	white-space: nowrap;
	width: 100%;
	z-index: 50000;
}

.mblHeading * { z-index: 2; }

.mblHeadingDivTitle {
	display: none;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.mblHeadingCenterTitle .mblHeadingDivTitle { display: block; }

.mblHeadingCenterTitle .mblHeadingSpanTitle { display: none; }

.mblSlide {
	-webkit-transition-duration: 0s;
	-webkit-transition-property: none;
}

.mblSlide.mblTransition {
	-webkit-transition-duration: .3s;
	-webkit-transition-property: -webkit-transform;
}

.mblSlide.mblOut.mblReverse.mblTransition, .mblSlide.mblIn { -webkit-transform: translate3d(100%, 0px, 0px) !important; }

.mblSlide.mblOut.mblTransition, .mblSlide.mblIn.mblReverse { -webkit-transform: translate3d(-100%, 0px, 0px) !important; }

.mblSlide.mblOut, .mblSlide.mblIn.mblTransition { -webkit-transform: translate3d(0%, 0px, 0px) !important; }

.dj_android.dj_tablet .mblSlide.mblTransition {
	-webkit-transition-duration: .6s;
	-webkit-transition-timing-function: linear;
}

.mblFlip {
	-webkit-transition-duration: 0s;
	-webkit-transition-property: none;
}

.mblFlip.mblTransition {
	-webkit-transition-duration: .2s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: linear;
}

.mblFlip.mblOut {
	-webkit-transform: scale(1, 1) skew(0, 0) !important;
	opacity: 1;
}

.mblFlip.mblOut.mblTransition {
	-webkit-transform: scale(0, 0.8) skew(0, 30deg) !important;
	opacity: 0;
}

.mblFlip.mblIn {
	-webkit-transform: scale(0, 0.8) skew(0, -30deg) !important;
	opacity: 0;
}

.mblFlip.mblIn.mblTransition {
	-webkit-transform: scale(1, 1) skew(0, 0) !important;
	-webkit-transition-delay: .2s;
	opacity: 1;
}

.dj_android.dj_tablet .mblFlip.mblTransition { -webkit-transition-duration: .4s; }

.dj_android.dj_tablet .mblFlip.mblIn.mblTransition { -webkit-transition-delay: .4s; }

.mblFade {
	-webkit-transition-duration: 0s;
	-webkit-transition-property: none;
}

.mblFade.mblTransition {
	-webkit-transition-duration: .6s;
	-webkit-transition-property: opacity;
}

.mblFade.mblOut { opacity: 1; }

.mblFade.mblOut.mblTransition {
	-webkit-transition-timing-function: ease-out;
	opacity: 0;
}

.mblFade.mblIn { opacity: 0; }

.mblFade.mblIn.mblTransition {
	-webkit-transition-timing-function: ease-in;
	opacity: 1;
}

.mblView {
	left: 0px;
	position: relative;
	top: 0px;
	width: 100%;
}

.mblView.mblIn { position: absolute; }

.mblFixedHeaderBar { z-index: 1; }

.mblFixedBottomBar {
	position: absolute !important;
	width: 100%;
	z-index: 1;
}

.mblToolBarButton {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	cursor: pointer;
	display: inline-block;
	font-family: Helvetica;
	font-size: 13px;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	margin: 6px;
	padding: 0 10px;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

.mblToolBarButtonHasIcon, .mblToolBarButtonLightIcon { padding: 0; }

.mblHeading .mblToolBarButton { float: left; }

.mblHeading span.mblToolBarButtonLightIcon { padding: 0; }

.mblToolBarButtonHasLeftArrow { padding-right: 0; }

.mblToolBarButtonHasRightArrow { padding-left: 0; }

.mblToolBarButtonArrow {
	-webkit-transform: scale(0.75, 1) rotate(45deg);
	border: 1px solid #9cacc0;
	border-radius: 1px;
	height: 19px;
	position: absolute;
	top: 5px;
	width: 20px;
}

.mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow { left: 1px; }

.mblToolBarButtonHasRightArrow .mblToolBarButtonArrow { right: 0px; }

.mblHeading .mblToolBarButtonArrow {
	border-color: #405a7e #405a7e #3a4755 #3a4755;
	border-style: solid;
	border-width: 1px;
}

.mblHeading .mblToolBarButtonHasLeftArrow .mblToolBarButtonArrow { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.305); }

.mblHeading .mblToolBarButtonHasRightArrow .mblToolBarButtonArrow { -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.305); }

.mblToolBarButtonBody {
	border: 1px outset #9cacc0;
	border-radius: 5px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.mblToolBarButton .mblToolBarButtonBody { width: 100%; }

.mblHeading .mblToolBarButtonBody {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.305);
	border-color: #2f3740 #405a7e #375073 #3a4755;
	border-style: solid;
	border-width: 1px;
}

.mblToolBarButtonBody table { margin: 0 auto; }

.mblToolBarButtonHasLeftArrow .mblToolBarButtonBody { border-left-width: 0; }

.mblToolBarButtonHasRightArrow .mblToolBarButtonBody { border-right-width: 0; }

.mblToolBarButtonText .mblToolBarButtonIcon { padding-left: 10px; }

.mblToolBarButtonText .mblToolBarButtonLabel { padding-right: 10px; }

.mblToolBarButtonHasLeftArrow .mblToolBarButtonIcon { padding-left: 4px; }

.mblToolBarButtonHasRightArrow .mblToolBarButtonLabel { padding-right: 4px; }

.mblToolBarButtonIcon > div { height: 29px; }

.mblRoundRect {
	background-color: white;
	border: 1px solid #adaaad;
	border-radius: 8px;
	margin: 7px 9px 16px;
	padding: 8px;
}

.mblRoundRect.mblShadow { -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }

.mblEdgeToEdgeCategory {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8f9ea9), to(#b7c0c7));
	border-bottom: 1px solid #979da3;
	border-top: 1px solid #a4b0b9;
	color: white;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin: 0;
	overflow: hidden;
	padding: 0 10px;
	position: relative;
	text-overflow: ellipsis;
	text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
	white-space: nowrap;
}

.mblRoundRectCategory {
	color: #4c566c;
	font-family: Helvetica;
	font-size: 16px;
	margin: 18px 0 0 20px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
	text-shadow: #ffffff 0 1px 0;
	white-space: nowrap;
}

.mblRoundRectList {
	background-color: white;
	border: 1px solid #adaaad;
	border-radius: 8px;
	margin: 7px 9px 16px;
	padding: 0;
}

.mblRoundRectList .mblListItem:first-child, .mblRoundRectList .mblEdgeToEdgeCategory:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.mblRoundRectList .mblListItem:last-child, .mblRoundRectList .mblEdgeToEdgeCategory:last-child {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-width: 0;
}

.mblEdgeToEdgeList {
	background-color: white;
	margin: 0;
	padding: 0;
}

.mblEdgeToEdgeList .mblListItem:last-child { border-bottom-color: #707c84; }

.mblDomButtonGrayArrow, .mblDomButtonArrow {
	height: 29px;
	position: relative;
	width: 20px;
}

.mblDomButtonGrayArrow > div, .mblDomButtonArrow > div {
	-webkit-transform: rotate(45deg);
	border-color: #808080;
	border-style: solid;
	border-width: 3px 3px 0px 0px;
	font-size: 1px;
	height: 6px;
	left: 6px;
	position: absolute;
	top: 10px;
	width: 6px;
}

.mblDomButtonDarkBlueCheck, .mblDomButtonCheck {
	height: 29px;
	position: relative;
	width: 20px;
}

.mblDomButtonDarkBlueCheck > div, .mblDomButtonCheck > div {
	-webkit-transform: scaleX(0.7) rotate(135deg);
	border-color: #314e84;
	border-style: solid;
	border-width: 3px 4px 0px 0px;
	font-size: 1px;
	height: 6px;
	left: 0px;
	position: absolute;
	top: 8px;
	width: 16px;
}

.mblListItem {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	border-bottom: 1px solid #adaaad;
	color: black;
	font-weight: bold;
	height: 43px;
	line-height: 43px;
	list-style-type: none;
	overflow: hidden;
	padding: 0 8px;
	position: relative;
}

.mblListItem.mblVariableHeight {
	height: auto;
	line-height: normal;
	padding: 11px 8px;
}

.mblListItemSelected {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#048bf4), to(#005ce5));
	color: white;
}

.mblListItemSelected .mblDomButton div { border-color: white; }

.mblListItemLabelSelected { background-color: #048bf4; }

.mblListItemChecked { color: #314e84; }

.mblListItemChecked .mblListItemRightIcon { visibility: visible; }

.mblListItemChecked .mblListItemUncheckIcon {
	position: absolute;
	visibility: hidden;
}

.mblListItemUnchecked .mblListItemRightIcon { visibility: hidden; }

.mblListItemUnchecked .mblListItemUncheckIcon { visibility: visible; }

.mblListItemDeleteIcon {
	float: left;
	line-height: normal;
	margin-bottom: -7px;
	margin-right: 11px;
	margin-top: 7px;
	position: relative;
}

.mblListItemIcon {
	float: left;
	line-height: normal;
	margin-bottom: -7px;
	margin-right: 11px;
	margin-top: 7px;
	position: relative;
}

.mblListItemRightIcon, .mblListItemRightIcon2, .mblListItemUncheckIcon {
	float: right;
	line-height: normal;
	margin-bottom: -7px;
	margin-top: 7px;
	position: relative;
}

.mblListItemRightText {
	color: #324f85;
	float: right;
	line-height: normal;
	margin-right: 4px;
	margin-top: 12px;
	position: relative;
}

.mblListItemLabel {
	height: 100%;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mblVariableHeight .mblListItemLabel { white-space: normal; }

.mblListItemLayoutLeft {
	float: left;
	margin-right: 11px;
	position: relative;
}

.mblListItemLayoutCenter {
	position: absolute;
	text-align: center;
	width: 100%;
}

.mblListItemLayoutRight {
	float: right;
	position: relative;
}

.mblListItemFloat {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	border: 1px solid gray;
	opacity: 0.5;
	position: absolute;
}

.mblSwitch {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	display: inline-block;
	height: 27px;
	line-height: 29px;
	margin: 0;
	overflow: hidden;
	position: relative;
	text-align: left;
}

.mblListItem .mblSwitch {
	position: absolute;
	right: 12px;
	top: 8px;
}

.mblSwitchInner {
	height: 27px;
	position: absolute;
	top: 0;
}

.mblSwitchAnimation .mblSwitchInner {
	-webkit-transition-duration: .1s;
	-webkit-transition-property: left;
}

.mblSwitchOn .mblSwitchInner { left: 0; }

.mblSwitchBg {
	-webkit-box-sizing: border-box;
	border-color: #939393 #aaaaaa #cbcbcb #767676;
	border-style: solid;
	border-width: 1px;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	height: 27px;
	line-height: 29px;
	position: absolute;
	top: 0;
	width: 94px;
}

.mblSwitchBgLeft {
	background-color: #3f84eb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2859b1), to(#75acfb), color-stop(0.5, #3f84eb), color-stop(0.5, #4c8eee));
	color: white;
	left: 0;
}

.mblSwitchBgRight {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#fdfdfd), color-stop(0.5, #eeeeee), color-stop(0.5, #f8f8f8));
	color: #7f7f7f;
}

.mblSwitchKnob {
	-webkit-box-sizing: border-box;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#fafafa));
	border-color: #5e5e5e #9e9e9e #828282 #797979;
	border-style: solid;
	border-width: 1px;
	font-size: 1px;
	height: 27px;
	position: absolute;
	top: 0;
}

.mblSwitchText {
	height: 27px;
	line-height: 28px;
	padding: 0;
	position: relative;
	text-align: center;
	top: 0;
	width: 53px;
}

.mblSwitchTextLeft { left: 0; }

.mblSwitchTextRight { left: 40px; }

.mblSwSquareShape { width: 94px; }

.mblSwSquareShape.mblSwitchOff .mblSwitchInner { left: -53px; }

.mblSwSquareShape .mblSwitchBg { border-radius: 5px; }

.mblSwSquareShape .mblSwitchBgRight { left: 53px; }

.mblSwSquareShape .mblSwitchKnob {
	border-radius: 5px;
	left: 53px;
	width: 41px;
}

.mblSwSquareShape .mblSwitchText { width: 53px; }

.mblSwSquareShape .mblSwitchTextRight { left: 40px; }

.mblSwRoundShape1 { width: 77px; }

.mblSwRoundShape1.mblSwitchOff .mblSwitchInner { left: -50px; }

.mblSwRoundShape1 .mblSwitchBg {
	border-radius: 14px;
	width: 77px;
}

.mblSwRoundShape1 .mblSwitchBgRight { left: 50px; }

.mblSwRoundShape1 .mblSwitchKnob {
	border-radius: 13px;
	left: 50px;
	width: 27px;
}

.mblSwRoundShape1 .mblSwitchText { width: 50px; }

.mblSwRoundShape1 .mblSwitchTextRight { left: 26px; }

.mblSwRoundShape2 { width: 94px; }

.mblSwRoundShape2.mblSwitchOff .mblSwitchInner { left: -51px; }

.mblSwRoundShape2 .mblSwitchBg { border-radius: 14px; }

.mblSwRoundShape2 .mblSwitchBgRight { left: 51px; }

.mblSwRoundShape2 .mblSwitchKnob {
	border-radius: 13px;
	left: 51px;
	width: 43px;
}

.mblSwRoundShape2 .mblSwitchText { width: 51px; }

.mblSwRoundShape2 .mblSwitchTextRight { left: 42px; }

.mblSwArcShape1 { width: 77px; }

.mblSwArcShape1.mblSwitchOff .mblSwitchInner { left: -50px; }

.mblSwArcShape1 .mblSwitchBg {
	border-radius: 5px/14px;
	width: 77px;
}

.mblSwArcShape1 .mblSwitchBgRight { left: 50px; }

.mblSwArcShape1 .mblSwitchKnob {
	border-radius: 5px/13px;
	left: 50px;
	width: 27px;
}

.mblSwArcShape1 .mblSwitchText { width: 50px; }

.mblSwArcShape1 .mblSwitchTextRight { left: 26px; }

.mblSwArcShape2 { width: 94px; }

.mblSwArcShape2.mblSwitchOff .mblSwitchInner { left: -51px; }

.mblSwArcShape2 .mblSwitchBg { border-radius: 5px/14px; }

.mblSwArcShape2 .mblSwitchBgRight { left: 51px; }

.mblSwArcShape2 .mblSwitchKnob {
	border-radius: 5px/13px;
	left: 51px;
	width: 43px;
}

.mblSwArcShape2 .mblSwitchText { width: 51px; }

.mblSwArcShape2 .mblSwitchTextRight { left: 42px; }

.mblSwDefaultShape { width: 77px; }

.mblSwDefaultShape.mblSwitchOff .mblSwitchInner { left: -50px; }

.mblSwDefaultShape .mblSwitchBg {
	border-radius: 14px;
	width: 77px;
}

.mblSwDefaultShape .mblSwitchBgRight { left: 50px; }

.mblSwDefaultShape .mblSwitchKnob {
	border-radius: 13px;
	left: 50px;
	width: 27px;
}

.mblSwDefaultShape .mblSwitchText { width: 50px; }

.mblSwDefaultShape .mblSwitchTextRight { left: 26px; }

.mblProgressIndicator {
	position: relative;
	top: 0px;
}

.mblHeading .mblProgressIndicator {
	float: left;
	margin: 5px;
}

.mblProgContainer {
	height: 100%;
	position: absolute;
	width: 100%;
}

.mblProgressIndicatorCenter {
	left: 50%;
	position: absolute;
	top: 180px;
}

.mblProgressIndicatorCenter .mblProgContainer {
	-webkit-transform-origin: 50% 0;
	left: -50%;
}

.mblProg {
	-webkit-transform-origin: 0 2px;
	background-color: #c0c0c0;
	border-radius: 2px;
	font-size: 1px;
	height: 4px;
	left: 2px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 11px;
}

.mblProg0 { -webkit-transform: translate(18px, 10px) rotate(-90.1deg); }

.mblProg1 { -webkit-transform: translate(22px, 11px) rotate(-60deg); }

.mblProg2 { -webkit-transform: translate(25px, 14px) rotate(-30deg); }

.mblProg3 { -webkit-transform: translate(26px, 18px) rotate(0deg); }

.mblProg4 { -webkit-transform: translate(25px, 22px) rotate(30deg); }

.mblProg5 { -webkit-transform: translate(22px, 25px) rotate(60deg); }

.mblProg6 { -webkit-transform: translate(18px, 26px) rotate(90.1deg); }

.mblProg7 { -webkit-transform: translate(14px, 25px) rotate(120deg); }

.mblProg8 { -webkit-transform: translate(11px, 22px) rotate(150deg); }

.mblProg9 { -webkit-transform: translate(10px, 18px) rotate(180deg); }

.mblProg10 { -webkit-transform: translate(11px, 14px) rotate(210deg); }

.mblProg11 { -webkit-transform: translate(14px, 11px) rotate(240deg); }

.mblProg0Color { background-color: #c0c0c0; }

.mblProg1Color { background-color: #c0c0c0; }

.mblProg2Color { background-color: #c0c0c0; }

.mblProg3Color { background-color: #c0c0c0; }

.mblProg4Color { background-color: #c0c0c0; }

.mblProg5Color { background-color: #c0c0c0; }

.mblProg6Color { background-color: #b8b9b8; }

.mblProg7Color { background-color: #aeafae; }

.mblProg8Color { background-color: #a4a5a4; }

.mblProg9Color { background-color: #9a9a9a; }

.mblProg10Color { background-color: #8e8e8e; }

.mblProg11Color { background-color: #838383; }

.mblProgWhite .mblProg0Color { background-color: #adb9c9; }

.mblProgWhite .mblProg1Color { background-color: #adb9c9; }

.mblProgWhite .mblProg2Color { background-color: #adb9c9; }

.mblProgWhite .mblProg3Color { background-color: #adb9c9; }

.mblProgWhite .mblProg4Color { background-color: #adb9c9; }

.mblProgWhite .mblProg5Color { background-color: #adb9c9; }

.mblProgWhite .mblProg6Color { background-color: #acb9cb; }

.mblProgWhite .mblProg7Color { background-color: #b7c2d2; }

.mblProgWhite .mblProg8Color { background-color: #c4cdda; }

.mblProgWhite .mblProg9Color { background-color: #d1d8e2; }

.mblProgWhite .mblProg10Color { background-color: #dee3ea; }

.mblProgWhite .mblProg11Color { background-color: #eceff3; }

.mblDomButtonWhitePlus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonWhitePlus > div {
	background-color: white;
	border-top: 1px solid #4a5a71;
	font-size: 1px;
	height: 3px;
	left: 8px;
	margin: 0px;
	position: absolute;
	top: 12px;
	width: 13px;
}

.mblDomButtonWhitePlus > div > div {
	background-color: white;
	border-top: 1px solid #4a5a71;
	font-size: 1px;
	height: 13px;
	left: 5px;
	margin: 0px;
	position: absolute;
	top: -6px;
	width: 3px;
}

.mblDomButtonWhiteMinus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonWhiteMinus > div {
	background-color: white;
	border-top: 1px solid #4a5a71;
	font-size: 1px;
	height: 3px;
	left: 8px;
	margin: 0px;
	position: absolute;
	top: 12px;
	width: 13px;
}

.mblDomButtonWhiteUpArrow {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonWhiteUpArrow div {
	clip: rect(0px 30px 20px 0px);
	left: 0px;
	position: absolute;
}

.mblDomButtonWhiteUpArrow > div > div {
	-webkit-transform: scaleX(0.6) rotate(45deg);
	background-color: white;
	border-top: 1px solid #4a5a71;
	font-size: 1px;
	height: 20px;
	left: 4px;
	margin: 0px;
	top: 9px;
	width: 20px;
}

.mblDomButtonWhiteDownArrow {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonWhiteDownArrow div {
	clip: rect(7px 50px 40px 0px);
	left: 0px;
	position: absolute;
}

.mblDomButtonWhiteDownArrow > div > div {
	-webkit-transform: scaleX(0.6) rotate(45deg);
	background-color: white;
	border-top: 1px solid #4a5a71;
	font-size: 1px;
	height: 25px;
	left: 2px;
	margin: 0px;
	top: -10px;
	width: 25px;
}

.mblDomButtonWhiteSearch {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonWhiteSearch > div {
	border: 2px solid white;
	border-radius: 6px;
	font-size: 1px;
	height: 10px;
	left: 6px;
	margin: 0px;
	position: absolute;
	top: 5px;
	width: 10px;
}

.mblDomButtonWhiteSearch > div > div {
	-webkit-transform: rotate(45deg);
	background-color: white;
	border: none;
	border-radius: 0px;
	font-size: 1px;
	height: 3px;
	left: 7px;
	margin: 0px;
	position: absolute;
	top: 10px;
	width: 8px;
}

.mblDomButtonBlueMinus, .mblDomButtonBluePlus, .mblDomButtonDarkBlueMinus, .mblDomButtonDarkBluePlus, .mblDomButtonRedMinus, .mblDomButtonRedPlus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div, .mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div, .mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div {
	border-radius: 3px;
	border-style: outset;
	border-width: 1px 1px 1px 0px;
	color: white;
	height: 18px;
	left: 3px;
	position: relative;
	top: 4px;
	width: 22px;
}

.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc));
	background-color: #366edf;
	border-color: #6d89c7;
}

.mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999));
	background-color: #5877a2;
	border-color: #6d89c7;
}

.mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#d3656d), to(#bc1320), color-stop(0.5, #c9404b), color-stop(0.5, #bc1421));
	background-color: #c9404b;
	border-color: #cc1122;
}

.mblDomButtonBlueMinus > div > div, .mblDomButtonBluePlus > div > div, .mblDomButtonDarkBlueMinus > div > div, .mblDomButtonDarkBluePlus > div > div, .mblDomButtonRedMinus > div > div, .mblDomButtonRedPlus > div > div {
	background: white;
	border-style: none;
	border-top: 1px solid #4a5a71;
	font-size: 1px;
	height: 2px;
	left: 7px;
	margin: 0px;
	position: absolute;
	top: 7px;
	width: 8px;
}

.mblDomButtonBluePlus > div > div > div, .mblDomButtonDarkBluePlus > div > div > div, .mblDomButtonRedPlus > div > div > div {
	background-color: white;
	font-size: 1px;
	height: 8px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: -3px;
	width: 2px;
}

.mblDomButtonCheckboxOn {
	background: -webkit-gradient(linear, left top, left bottom, from(#eff3ef), to(#bdbebd));
	background-color: #d6d3d6;
	border-color: #a5a2a5;
	border-radius: 3px;
	border-style: outset;
	border-width: 1px;
	color: white;
	height: 30px;
	position: relative;
	width: 30px;
}

.mblDomButtonCheckboxOn > div {
	-webkit-transform: rotate(50deg);
	background-color: #00cf00;
	border-radius: 2px;
	border-top: 1px solid #4a5a71;
	font-size: 1px;
	height: 4px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: 15px;
	width: 14px;
}

.mblDomButtonCheckboxOn > div > div {
	-webkit-transform: rotate(-100deg);
	background-color: #00cf00;
	border-bottom: 1px solid #4a5a71;
	border-radius: 2px;
	border-top: none;
	font-size: 1px;
	height: 4px;
	left: 0px;
	margin: 0px;
	position: absolute;
	top: -10px;
	width: 20px;
}

.mblDomButtonCheckboxOff {
	background: -webkit-gradient(linear, left top, left bottom, from(#eff3ef), to(#bdbebd));
	background-color: #d6d3d6;
	border-color: #a5a2a5;
	border-radius: 3px;
	border-style: outset;
	border-width: 1px;
	color: white;
	height: 30px;
	position: relative;
	width: 30px;
}

.mblDomButtonCheckboxOff > div {
	-webkit-transform: rotate(50deg);
	background-color: #bdbabd;
	border-bottom: 1px solid #8c8e8c;
	border-radius: 2px;
	font-size: 1px;
	height: 4px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: 15px;
	width: 14px;
}

.mblDomButtonCheckboxOff > div > div {
	-webkit-transform: rotate(-100deg);
	background-color: #bdbabd;
	border-bottom: none;
	border-radius: 2px;
	border-top: 1px solid #8c8e8c;
	font-size: 1px;
	height: 4px;
	left: 0px;
	margin: 0px;
	position: absolute;
	top: -10px;
	width: 20px;
}

.mblDomButtonBlueCircleMinus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonBlueCircleMinus > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #b5b6b5;
	border-radius: 12px;
	height: 22px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 22px;
}

.mblDomButtonBlueCircleMinus > div > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#6ba2e7), to(#216dd6), color-stop(0.5, #4282de), color-stop(0.5, #216dd6));
	border-radius: 9px;
	height: 18px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 18px;
}

.mblDomButtonBlueCircleMinus > div > div > div {
	background: white;
	border-style: none;
	font-size: 1px;
	height: 3px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: 8px;
	width: 12px;
}

.mblDomButtonBlueCirclePlus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonBlueCirclePlus > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #b5b6b5;
	border-radius: 12px;
	height: 22px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 22px;
}

.mblDomButtonBlueCirclePlus > div > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#6ba2e7), to(#216dd6), color-stop(0.5, #4282de), color-stop(0.5, #216dd6));
	border-radius: 9px;
	height: 18px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 18px;
}

.mblDomButtonBlueCirclePlus > div > div > div {
	background: white;
	border-style: none;
	font-size: 1px;
	height: 3px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: 8px;
	width: 13px;
}

.mblDomButtonBlueCirclePlus > div > div > div > div {
	background-color: white;
	font-size: 1px;
	height: 13px;
	left: 5px;
	margin: 0px;
	position: absolute;
	top: -5px;
	width: 3px;
}

.mblDomButtonBlueCircleArrow {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonBlueCircleArrow > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #b5b6b5;
	border-radius: 12px;
	height: 22px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 22px;
}

.mblDomButtonBlueCircleArrow > div > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#6ba2e7), to(#216dd6), color-stop(0.5, #4282de), color-stop(0.5, #216dd6));
	border-radius: 9px;
	height: 18px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 18px;
}

.mblDomButtonBlueCircleArrow > div > div > div {
	-webkit-transform: rotate(45deg);
	background: white;
	border-style: none;
	font-size: 1px;
	height: 3px;
	left: 6px;
	margin: 0px;
	position: absolute;
	top: 5px;
	width: 8px;
}

.mblDomButtonBlueCircleArrow > div > div > div > div {
	background-color: white;
	font-size: 1px;
	height: 8px;
	left: 6px;
	margin: 0px;
	position: absolute;
	top: 1px;
	width: 3px;
}

.mblDomButtonRedCircleMinus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonRedCircleMinus > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #b5b6b5;
	border-radius: 12px;
	height: 22px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 22px;
}

.mblDomButtonRedCircleMinus > div > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#d3656d), to(#bc1320), color-stop(0.5, #c9404b), color-stop(0.5, #bc1421));
	border-radius: 9px;
	height: 18px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 18px;
}

.mblDomButtonRedCircleMinus > div > div > div {
	background: white;
	border-style: none;
	font-size: 1px;
	height: 3px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: 8px;
	width: 12px;
}

.mblDomButtonRedCirclePlus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonRedCirclePlus > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #b5b6b5;
	border-radius: 12px;
	height: 22px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 22px;
}

.mblDomButtonRedCirclePlus > div > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#d3656d), to(#bc1320), color-stop(0.5, #c9404b), color-stop(0.5, #bc1421));
	border-radius: 9px;
	height: 18px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 18px;
}

.mblDomButtonRedCirclePlus > div > div > div {
	background: white;
	border-style: none;
	font-size: 1px;
	height: 3px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: 8px;
	width: 13px;
}

.mblDomButtonRedCirclePlus > div > div > div > div {
	background-color: white;
	font-size: 1px;
	height: 13px;
	left: 5px;
	margin: 0px;
	position: absolute;
	top: -5px;
	width: 3px;
}

.mblDomButtonRedCircleArrow {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonRedCircleArrow > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #b5b6b5;
	border-radius: 12px;
	height: 22px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 22px;
}

.mblDomButtonRedCircleArrow > div > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#d3656d), to(#bc1320), color-stop(0.5, #c9404b), color-stop(0.5, #bc1421));
	border-radius: 9px;
	height: 18px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 18px;
}

.mblDomButtonRedCircleArrow > div > div > div {
	-webkit-transform: rotate(45deg);
	background: white;
	border-style: none;
	font-size: 1px;
	height: 3px;
	left: 6px;
	margin: 0px;
	position: absolute;
	top: 5px;
	width: 8px;
}

.mblDomButtonRedCircleArrow > div > div > div > div {
	background-color: white;
	font-size: 1px;
	height: 8px;
	left: 6px;
	margin: 0px;
	position: absolute;
	top: 1px;
	width: 3px;
}

.mblDomButtonGreenCircleMinus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonGreenCircleMinus > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #b5b6b5;
	border-radius: 12px;
	height: 22px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 22px;
}

.mblDomButtonGreenCircleMinus > div > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#7be75a), to(#398c08), color-stop(0.5, #6bc642), color-stop(0.5, #4aad21));
	border-radius: 9px;
	height: 18px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 18px;
}

.mblDomButtonGreenCircleMinus > div > div > div {
	background: white;
	border-style: none;
	font-size: 1px;
	height: 3px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: 8px;
	width: 12px;
}

.mblDomButtonGreenCirclePlus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonGreenCirclePlus > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #b5b6b5;
	border-radius: 12px;
	height: 22px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 22px;
}

.mblDomButtonGreenCirclePlus > div > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#7be75a), to(#398c08), color-stop(0.5, #6bc642), color-stop(0.5, #4aad21));
	border-radius: 9px;
	height: 18px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 18px;
}

.mblDomButtonGreenCirclePlus > div > div > div {
	background: white;
	border-style: none;
	font-size: 1px;
	height: 3px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: 8px;
	width: 13px;
}

.mblDomButtonGreenCirclePlus > div > div > div > div {
	background-color: white;
	font-size: 1px;
	height: 13px;
	left: 5px;
	margin: 0px;
	position: absolute;
	top: -5px;
	width: 3px;
}

.mblDomButtonGreenCircleArrow {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonGreenCircleArrow > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	border: 1px solid #b5b6b5;
	border-radius: 12px;
	height: 22px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 22px;
}

.mblDomButtonGreenCircleArrow > div > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#7be75a), to(#398c08), color-stop(0.5, #6bc642), color-stop(0.5, #4aad21));
	border-radius: 9px;
	height: 18px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 18px;
}

.mblDomButtonGreenCircleArrow > div > div > div {
	-webkit-transform: rotate(45deg);
	background: white;
	border-style: none;
	font-size: 1px;
	height: 3px;
	left: 6px;
	margin: 0px;
	position: absolute;
	top: 5px;
	width: 8px;
}

.mblDomButtonGreenCircleArrow > div > div > div > div {
	background-color: white;
	font-size: 1px;
	height: 8px;
	left: 6px;
	margin: 0px;
	position: absolute;
	top: 1px;
	width: 3px;
}

.mblDomButtonBlackCircleCross {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonBlackCircleCross > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	background-color: white;
	border-radius: 12px;
	height: 23px;
	left: 3px;
	position: relative;
	top: 3px;
	width: 23px;
}

.mblDomButtonBlackCircleCross > div > div {
	background-color: black;
	border-radius: 10px;
	height: 19px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 19px;
}

.mblDomButtonBlackCircleCross > div > div > div {
	-webkit-transform: rotate(45deg);
	background-color: white;
	border-radius: 1px;
	border-style: none;
	font-size: 1px;
	height: 3px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: 8px;
	width: 13px;
}

.mblDomButtonBlackCircleCross > div > div > div > div {
	background-color: white;
	border-radius: 1px;
	font-size: 1px;
	height: 13px;
	left: 5px;
	margin: 0px;
	position: absolute;
	top: -5px;
	width: 3px;
}

.mblDomButtonGrayRoundRect {
	height: 29px;
	position: relative;
	text-align: right;
	width: 29px;
}

.mblDomButtonGrayRoundRect > div {
	background-color: #949ba5;
	border-radius: 4px;
	color: white;
	display: inline;
	font-family: Helvetica;
	font-size: 12px;
	padding: 0px 5px;
	position: absolute;
	right: 0px;
	text-align: center;
	top: 7px;
}

.mblDomButtonGrayRoundRect > div > div { display: none; }

.mblDomButtonSilverCircleDownArrow {
	height: 30px;
	position: relative;
	width: 30px;
}

.mblDomButtonSilverCircleDownArrow > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2));
	border: 1px solid #b5b6b5;
	border-radius: 13px;
	height: 26px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 26px;
}

.mblDomButtonSilverCircleDownArrow > div > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#979797), to(#616161));
	border-radius: 10px;
	height: 20px;
	left: 3px;
	position: relative;
	top: 3px;
	width: 20px;
}

.mblDomButtonSilverCircleDownArrow > div > div > div {
	clip: rect(6px 50px 40px 0px);
	left: 0px;
	position: absolute;
}

.mblDomButtonSilverCircleDownArrow > div > div > div > div {
	-webkit-transform: scaleX(0.7) rotate(45deg);
	background-color: #d1d1d1;
	border-top: 1px solid #4a5a71;
	font-size: 1px;
	height: 18px;
	left: 1px;
	margin: 0px;
	position: absolute;
	top: -5px;
	width: 18px;
}

.mblDomButtonSilverCircleGreenButton {
	height: 30px;
	position: relative;
	width: 30px;
}

.mblDomButtonSilverCircleGreenButton > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2));
	border: 1px solid #b5b6b5;
	border-radius: 13px;
	height: 26px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 26px;
}

.mblDomButtonSilverCircleGreenButton > div > div {
	background: -webkit-gradient(radial, center center, 0, center center, 6, from(#17df25), to(#1ba51c));
	border: 1px inset #1b991c;
	border-radius: 7px;
	height: 12px;
	left: 6px;
	position: relative;
	top: 6px;
	width: 12px;
}

.mblDomButtonSilverCircleGrayButton {
	height: 30px;
	position: relative;
	width: 30px;
}

.mblDomButtonSilverCircleGrayButton > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2));
	border: 1px solid #b5b6b5;
	border-radius: 13px;
	height: 26px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 26px;
}

.mblDomButtonSilverCircleGrayButton > div > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#bababa));
	border: 1px inset #aeaeae;
	border-radius: 7px;
	height: 12px;
	left: 6px;
	position: relative;
	top: 6px;
	width: 12px;
}

.mblDomButtonSilverCircleOrangeButton {
	height: 30px;
	position: relative;
	width: 30px;
}

.mblDomButtonSilverCircleOrangeButton > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2));
	border: 1px solid #b5b6b5;
	border-radius: 13px;
	height: 26px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 26px;
}

.mblDomButtonSilverCircleOrangeButton > div > div {
	background: -webkit-gradient(radial, center center, 0, center center, 6, from(#ff7a07), to(#e66b03));
	border: 1px inset #ca701a;
	border-radius: 7px;
	height: 12px;
	left: 6px;
	position: relative;
	top: 6px;
	width: 12px;
}

.mblDomButtonSilverCircleGreenPlus {
	height: 30px;
	position: relative;
	width: 30px;
}

.mblDomButtonSilverCircleGreenPlus > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2));
	border: 1px solid #b5b6b5;
	border-radius: 13px;
	height: 26px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 26px;
}

.mblDomButtonSilverCircleGreenPlus > div > div {
	background-color: #17df25;
	font-size: 1px;
	height: 4px;
	left: 4px;
	margin: 0px;
	position: absolute;
	top: 11px;
	width: 18px;
}

.mblDomButtonSilverCircleGreenPlus > div > div > div {
	background-color: #17df25;
	font-size: 1px;
	height: 18px;
	left: 7px;
	margin: 0px;
	position: absolute;
	top: -7px;
	width: 4px;
}

.mblDomButtonSilverCircleRedCross {
	height: 30px;
	position: relative;
	width: 30px;
}

.mblDomButtonSilverCircleRedCross > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c2c2c2));
	border: 1px solid #b5b6b5;
	border-radius: 13px;
	height: 26px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 26px;
}

.mblDomButtonSilverCircleRedCross > div > div {
	-webkit-transform: rotate(45deg);
	background-color: #f00e5a;
	font-size: 1px;
	height: 4px;
	left: 4px;
	margin: 0px;
	position: absolute;
	top: 11px;
	width: 18px;
}

.mblDomButtonSilverCircleRedCross > div > div > div {
	background-color: #f00e5a;
	font-size: 1px;
	height: 18px;
	left: 7px;
	margin: 0px;
	position: absolute;
	top: -7px;
	width: 4px;
}

.mblDomButtonBlueBall {
	height: 29px;
	position: relative;
	width: 19px;
}

.mblDomButtonBlueBall > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#84aff4), to(#2758b3));
	border-radius: 7px;
	height: 14px;
	left: 4px;
	position: relative;
	top: 8px;
	width: 14px;
}

.mblDomButtonGreenBall {
	height: 29px;
	position: relative;
	width: 19px;
}

.mblDomButtonGreenBall > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#59e738), to(#0aa908));
	border-radius: 7px;
	height: 14px;
	left: 4px;
	position: relative;
	top: 8px;
	width: 14px;
}

.mblDomButtonOrangeBall {
	height: 29px;
	position: relative;
	width: 19px;
}

.mblDomButtonOrangeBall > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#f9e20a), to(#ff6b0a));
	border-radius: 7px;
	height: 14px;
	left: 4px;
	position: relative;
	top: 8px;
	width: 14px;
}

.mblDomButtonRedBall {
	height: 29px;
	position: relative;
	width: 19px;
}

.mblDomButtonRedBall > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#ec9b9d), to(#d73c3f));
	border-radius: 7px;
	height: 14px;
	left: 4px;
	position: relative;
	top: 8px;
	width: 14px;
}

.mblDomButtonTransparent19 {
	height: 19px;
	position: relative;
	width: 19px;
}

.mblDomButtonTransparent29 {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonTransparent30 {
	height: 30px;
	position: relative;
	width: 30px;
}

.mblDomButtonYellowStar {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonYellowStar > div {
	-webkit-transform: rotate(0deg);
	border-color: #ffff00 transparent transparent transparent;
	border-style: solid;
	border-width: 9px 12px 0px 12px;
	height: 0px;
	left: 3px;
	position: absolute;
	top: 12px;
	width: 0px;
}

.mblDomButtonYellowStar > div > div {
	border-color: #cd853f;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	height: 0px;
	left: -12px;
	position: absolute;
	top: -10px;
	width: 24px;
}

.mblDomButtonYellowStar > div > div > div {
	-webkit-transform: rotate(72deg);
	border-color: #ffff00 transparent transparent transparent;
	border-style: solid;
	border-width: 9px 12px 0px 12px;
	height: 0px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 0px;
}

.mblDomButtonYellowStar > div > div > div > div {
	-webkit-transform: rotate(216deg);
	border-color: #ffff00 transparent transparent transparent;
	border-style: solid;
	border-width: 9px 12px 0px 12px;
	height: 0px;
	left: -12px;
	position: absolute;
	top: -10px;
	width: 0px;
}

.mblDomButtonGrayStar {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonGrayStar > div {
	-webkit-transform: rotate(0deg);
	border-color: #bdbabd transparent transparent transparent;
	border-style: solid;
	border-width: 9px 12px 0px 12px;
	height: 0px;
	left: 3px;
	position: absolute;
	top: 12px;
	width: 0px;
}

.mblDomButtonGrayStar > div > div {
	border-color: #8c8e8c;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	height: 0px;
	left: -12px;
	position: absolute;
	top: -10px;
	width: 24px;
}

.mblDomButtonGrayStar > div > div > div {
	-webkit-transform: rotate(72deg);
	border-color: #bdbabd transparent transparent transparent;
	border-style: solid;
	border-width: 9px 12px 0px 12px;
	height: 0px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 0px;
}

.mblDomButtonGrayStar > div > div > div > div {
	-webkit-transform: rotate(216deg);
	border-color: #bdbabd transparent transparent transparent;
	border-style: solid;
	border-width: 9px 12px 0px 12px;
	height: 0px;
	left: -12px;
	position: absolute;
	top: -10px;
	width: 0px;
}

.mblDomButtonGrayCross {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonGrayCross > div {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #6c6e6d;
	border: 1px solid #0d1721;
	border-radius: 2px;
	font-size: 1px;
	height: 2px;
	left: 7px;
	margin: 0px;
	position: absolute;
	top: 12px;
	width: 14px;
}

.mblDomButtonGrayCross > div > div {
	background-color: #6c6e6d;
	border: 1px solid #0d1721;
	border-radius: 2px;
	font-size: 1px;
	height: 14px;
	left: 5px;
	margin: 0px;
	position: absolute;
	top: -7px;
	width: 2px;
}

.mblDomButtonRedCross {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonRedCross > div {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #e54d1f;
	border: 1px solid #ad3213;
	border-radius: 2px;
	font-size: 1px;
	height: 2px;
	left: 7px;
	margin: 0px;
	position: absolute;
	top: 12px;
	width: 14px;
}

.mblDomButtonRedCross > div > div {
	background-color: #e54d1f;
	border: 1px solid #ad3213;
	border-radius: 2px;
	font-size: 1px;
	height: 14px;
	left: 5px;
	margin: 0px;
	position: absolute;
	top: -7px;
	width: 2px;
}

.mblDomButtonWhiteCross {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonWhiteCross > div {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #ffffff;
	border: 1px solid #808080;
	border-radius: 2px;
	font-size: 1px;
	height: 2px;
	left: 7px;
	margin: 0px;
	position: absolute;
	top: 12px;
	width: 14px;
}

.mblDomButtonWhiteCross > div > div {
	background-color: #ffffff;
	border: 1px solid #808080;
	border-radius: 2px;
	font-size: 1px;
	height: 14px;
	left: 5px;
	margin: 0px;
	position: absolute;
	top: -7px;
	width: 2px;
}

.mblDomButtonGrayKnob {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonGrayKnob > div {
	background-color: #cecfce;
	border-color: #9c9e9c;
	border-style: solid;
	border-width: 1px 1px 0 0;
	font-size: 1px;
	height: 3px;
	left: 2px;
	margin: 0px;
	position: absolute;
	top: 6px;
	width: 23px;
}

.mblDomButtonGrayKnob > div > div {
	background-color: #cecfce;
	border-color: #9c9e9c;
	border-style: solid;
	border-width: 1px 1px 0 0;
	height: 3px;
	position: absolute;
	top: 6px;
	width: 23px;
}

.mblDomButtonGrayKnob > div > div > div {
	background-color: #cecfce;
	border-color: #9c9e9c;
	border-style: solid;
	border-width: 1px 1px 0 0;
	height: 3px;
	position: absolute;
	top: 6px;
	width: 23px;
}

.mblDomButtonGrayPlus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonGrayPlus > div {
	background-color: #848684;
	border-radius: 2px;
	border-top: 1px solid #525152;
	font-size: 1px;
	height: 3px;
	left: 6px;
	margin: 0px;
	position: absolute;
	top: 12px;
	width: 18px;
}

.mblDomButtonGrayPlus > div > div {
	background-color: #848684;
	border-left: 1px solid #808080;
	border-radius: 2px;
	border-top: 1px solid #525152;
	font-size: 1px;
	height: 17px;
	left: 7px;
	margin: 0px;
	position: absolute;
	top: -8px;
	width: 3px;
}

.mblDomButtonGrayMinus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonGrayMinus > div {
	background-color: #848684;
	border-radius: 2px;
	border-top: 1px solid #525152;
	font-size: 1px;
	height: 3px;
	left: 6px;
	margin: 0px;
	position: absolute;
	top: 12px;
	width: 18px;
}

.mblDissolve.mblOut {
	-webkit-animation-duration: 1s;
	-webkit-animation-name: mblDissolveOut;
	-webkit-animation-timing-function: cubic-bezier(.25, 1, .75, 0);
}

.mblDissolve.mblIn {
	-webkit-animation-duration: 1s;
	-webkit-animation-name: mblDissolveIn;
	-webkit-animation-timing-function: cubic-bezier(.25, 1, .75, 0);
}

@-webkit-keyframes mblDissolveOut {
	from { opacity: 1; }

	to { opacity: 0; }
}

@-webkit-keyframes mblDissolveIn {
	from { opacity: 0; }

	to { opacity: 1; }
}

.mblCover {
	-webkit-transition-duration: 0s;
	-webkit-transition-property: none;
}

.mblCover.mblTransition {
	-webkit-transition-duration: .4s;
	-webkit-transition-property: -webkit-transform;
}

.mblCover.mblOut {
	-webkit-transform: translate3d(0%, 0px, -1px) !important;
	z-index: -100;
}

.mblCover.mblIn { -webkit-transform: translate3d(100%, 0px, 0px) !important; }

.mblCover.mblIn.mblReverse { -webkit-transform: translate3d(-100%, 0px, 0px) !important; }

.mblCover.mblOut.mblTransition, .mblCover.mblIn.mblTransition { -webkit-transform: translate3d(0%, 0px, 0px) !important; }

.dj_android.dj_tablet .mblCover.mblTransition {
	-webkit-transition-duration: .6s;
	-webkit-transition-timing-function: linear;
}

.mblCube {
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: linear;
}

.mblCube.mblOut {
	-webkit-animation-name: mblCubeOut;
	-webkit-transform-origin: 0% 50% !important;
}

.mblCube.mblIn {
	-webkit-animation-name: mblCubeIn;
	-webkit-transform-origin: 100% 50% !important;
}

@-webkit-keyframes mblCubeOut {
	0% { -webkit-transform: scale(1, 1) skew(0deg, 0deg); }

	50% { -webkit-transform: scale(.5, 1) skew(0deg, 3deg); }

	100% { -webkit-transform: scale(0, 1) skew(0deg, 0deg); }
}

@-webkit-keyframes mblCubeIn {
	0% { -webkit-transform: scale(0, 1) skew(0deg, 0deg); }

	50% { -webkit-transform: scale(.5, 1) skew(0deg, -3deg); }

	100% { -webkit-transform: scale(1, 1) skew(0deg, 0deg); }
}

.mblCube.mblOut.mblReverse {
	-webkit-animation-name: mblCubeOutReverse;
	-webkit-transform-origin: 100% 50% !important;
}

.mblCube.mblIn.mblReverse {
	-webkit-animation-name: mblCubeInReverse;
	-webkit-transform-origin: 0% 50% !important;
}

@-webkit-keyframes mblCubeOutReverse {
	0% { -webkit-transform: scale(1, 1) skew(0deg, 0deg); }

	50% { -webkit-transform: scale(.5, 1) skew(0deg, -3deg); }

	100% { -webkit-transform: scale(0, 1) skew(0deg, 0deg); }
}

@-webkit-keyframes mblCubeInReverse {
	0% { -webkit-transform: scale(0, 1) skew(0deg, 0deg); }

	50% { -webkit-transform: scale(.5, 1) skew(0deg, 3deg); }

	100% { -webkit-transform: scale(1, 1) skew(0deg, 0deg); }
}

.dj_iphone .mblCube { -webkit-transform-style: preserve-3d !important; }

.dj_iphone .mblCube.mblOut {
	-webkit-animation-name: mblCubeOut_iphone;
	-webkit-transform-origin: 50% 50% !important;
}

.dj_iphone .mblCube.mblIn {
	-webkit-animation-name: mblCubeIn_iphone;
	-webkit-transform-origin: 50% 50% !important;
}

@-webkit-keyframes mblCubeOut_iphone {
	from { -webkit-transform: scale3d(0.835, 0.835, 0.835) rotateY(0deg) translateZ(160px); }

	to { -webkit-transform: scale3d(0.835, 0.835, 0.835) rotateY(-90deg) translateZ(160px); }
}

@-webkit-keyframes mblCubeIn_iphone {
	from { -webkit-transform: scale3d(0.835, 0.835, 0.835) rotateY(90deg) translateZ(160px); }

	to { -webkit-transform: scale3d(0.835, 0.835, 0.835) rotateY(0deg) translateZ(160px); }
}

.dj_iphone.dj_landscape .mblCube.mblOut {
	-webkit-animation-name: mblCubeOut_iphone_l;
	-webkit-transform-origin: 50% 50% !important;
}

.dj_iphone.dj_landscape .mblCube.mblIn {
	-webkit-animation-name: mblCubeIn_iphone_l;
	-webkit-transform-origin: 50% 50% !important;
}

@-webkit-keyframes mblCubeOut_iphone_l {
	from { -webkit-transform: scale3d(0.77, 0.77, 0.77) rotateY(0deg) translateZ(240px); }

	to { -webkit-transform: scale3d(0.77, 0.77, 0.77) rotateY(-90deg) translateZ(240px); }
}

@-webkit-keyframes mblCubeIn_iphone_l {
	from { -webkit-transform: scale3d(0.77, 0.77, 0.77) rotateY(90deg) translateZ(240px); }

	to { -webkit-transform: scale3d(0.77, 0.77, 0.77) rotateY(0deg) translateZ(240px); }
}

.dj_iphone .mblCube.mblOut.mblReverse {
	-webkit-animation-name: mblCubeOutReverse_iphone;
	-webkit-transform-origin: 50% 50% !important;
}

.dj_iphone .mblCube.mblIn.mblReverse {
	-webkit-animation-name: mblCubeInReverse_iphone;
	-webkit-transform-origin: 50% 50% !important;
}

@-webkit-keyframes mblCubeOutReverse_iphone {
	from { -webkit-transform: scale3d(0.835, 0.835, 0.835) rotateY(0deg) translateZ(160px); }

	to { -webkit-transform: scale3d(0.835, 0.835, 0.835) rotateY(90deg) translateZ(160px); }
}

@-webkit-keyframes mblCubeInReverse_iphone {
	from { -webkit-transform: scale3d(0.835, 0.835, 0.835) rotateY(-90deg) translateZ(160px); }

	to { -webkit-transform: scale3d(0.835, 0.835, 0.835) rotateY(0deg) translateZ(160px); }
}

.dj_iphone.dj_landscape .mblCube.mblOut.mblReverse {
	-webkit-animation-name: mblCubeOutReverse_iphone_l;
	-webkit-transform-origin: 50% 50% !important;
}

.dj_iphone.dj_landscape .mblCube.mblIn.mblReverse {
	-webkit-animation-name: mblCubeInReverse_iphone_l;
	-webkit-transform-origin: 50% 50% !important;
}

@-webkit-keyframes mblCubeOutReverse_iphone_l {
	from { -webkit-transform: scale3d(0.77, 0.77, 0.77) rotateY(0deg) translateZ(240px); }

	to { -webkit-transform: scale3d(0.77, 0.77, 0.77) rotateY(90deg) translateZ(240px); }
}

@-webkit-keyframes mblCubeInReverse_iphone_l {
	from { -webkit-transform: scale3d(0.77, 0.77, 0.77) rotateY(-90deg) translateZ(240px); }

	to { -webkit-transform: scale3d(0.77, 0.77, 0.77) rotateY(0deg) translateZ(240px); }
}

.dj_ipad.dj_iphone .mblCube.mblOut {
	-webkit-animation-name: mblCubeOut_ipad;
	-webkit-transform-origin: 50% 50% !important;
}

.dj_ipad.dj_iphone .mblCube.mblIn {
	-webkit-animation-name: mblCubeIn_ipad;
	-webkit-transform-origin: 50% 50% !important;
}

@-webkit-keyframes mblCubeOut_ipad {
	from { -webkit-transform: scale3d(0.806, 0.806, 0.806) rotateY(0deg) translateZ(384px); }

	to { -webkit-transform: scale3d(0.806, 0.806, 0.806) rotateY(-90deg) translateZ(384px); }
}

@-webkit-keyframes mblCubeIn_ipad {
	from { -webkit-transform: scale3d(0.806, 0.806, 0.806) rotateY(90deg) translateZ(384px); }

	to { -webkit-transform: scale3d(0.806, 0.806, 0.806) rotateY(0deg) translateZ(384px); }
}

.dj_ipad.dj_iphone.dj_landscape .mblCube.mblOut {
	-webkit-animation-name: mblCubeOut_ipad_l;
	-webkit-transform-origin: 50% 50% !important;
}

.dj_ipad.dj_iphone.dj_landscape .mblCube.mblIn {
	-webkit-animation-name: mblCubeIn_ipad_l;
	-webkit-transform-origin: 50% 50% !important;
}

@-webkit-keyframes mblCubeOut_ipad_l {
	from { -webkit-transform: scale3d(0.758, 0.758, 0.758) rotateY(0deg) translateZ(512px); }

	to { -webkit-transform: scale3d(0.758, 0.758, 0.758) rotateY(-90deg) translateZ(512px); }
}

@-webkit-keyframes mblCubeIn_ipad_l {
	from { -webkit-transform: scale3d(0.758, 0.758, 0.758) rotateY(90deg) translateZ(512px); }

	to { -webkit-transform: scale3d(0.758, 0.758, 0.758) rotateY(0deg) translateZ(512px); }
}

.dj_ipad.dj_iphone .mblCube.mblOut.mblReverse {
	-webkit-animation-name: mblCubeOutReverse_ipad;
	-webkit-transform-origin: 50% 50% !important;
}

.dj_ipad.dj_iphone .mblCube.mblIn.mblReverse {
	-webkit-animation-name: mblCubeInReverse_ipad;
	-webkit-transform-origin: 50% 50% !important;
}

@-webkit-keyframes mblCubeOutReverse_ipad {
	from { -webkit-transform: scale3d(0.806, 0.806, 0.806) rotateY(0deg) translateZ(384px); }

	to { -webkit-transform: scale3d(0.806, 0.806, 0.806) rotateY(90deg) translateZ(384px); }
}

@-webkit-keyframes mblCubeInReverse_ipad {
	from { -webkit-transform: scale3d(0.806, 0.806, 0.806) rotateY(-90deg) translateZ(384px); }

	to { -webkit-transform: scale3d(0.806, 0.806, 0.806) rotateY(0deg) translateZ(384px); }
}

.dj_ipad.dj_iphone.dj_landscape .mblCube.mblOut.mblReverse {
	-webkit-animation-name: mblCubeOutReverse_ipad_l;
	-webkit-transform-origin: 50% 50% !important;
}

.dj_ipad.dj_iphone.dj_landscape .mblCube.mblIn.mblReverse {
	-webkit-animation-name: mblCubeInReverse_ipad_l;
	-webkit-transform-origin: 50% 50% !important;
}

@-webkit-keyframes mblCubeOutReverse_ipad_l {
	from { -webkit-transform: scale3d(0.758, 0.758, 0.758) rotateY(0deg) translateZ(512px); }

	to { -webkit-transform: scale3d(0.758, 0.758, 0.758) rotateY(90deg) translateZ(512px); }
}

@-webkit-keyframes mblCubeInReverse_ipad_l {
	from { -webkit-transform: scale3d(0.758, 0.758, 0.758) rotateY(-90deg) translateZ(512px); }

	to { -webkit-transform: scale3d(0.758, 0.758, 0.758) rotateY(0deg) translateZ(512px); }
}

.mblReveal {
	-webkit-transition-duration: 0s;
	-webkit-transition-property: none;
}

.mblReveal.mblTransition {
	-webkit-transition-duration: .4s;
	-webkit-transition-property: -webkit-transform;
}

.mblReveal.mblOut { -webkit-transform: translate3d(0%, 0px, 0px) !important; }

.mblReveal.mblOut.mblTransition { -webkit-transform: translate3d(-100%, 0px, 0px) !important; }

.mblReveal.mblOut.mblReverse.mblTransition { -webkit-transform: translate3d(100%, 0px, 0px) !important; }

.mblReveal.mblIn {
	-webkit-transform: translate3d(0%, 0px, -1px) !important;
	z-index: -100;
}

.mblReveal.mblIn.mblTransition { -webkit-transform: translate3d(0%, 0px, 0px) !important; }

.dj_android.dj_tablet .mblReveal.mblTransition {
	-webkit-transition-duration: .6s;
	-webkit-transition-timing-function: linear;
}

.mblSlidev {
	-webkit-transition-duration: 0s;
	-webkit-transition-property: none;
}

.mblSlidev.mblTransition {
	-webkit-transition-duration: .3s;
	-webkit-transition-property: -webkit-transform;
}

.mblSlidev.mblOut.mblReverse.mblTransition, .mblSlidev.mblIn { -webkit-transform: translate3d(0px, 100%, 0px) !important; }

.mblSlidev.mblOut.mblTransition, .mblSlidev.mblIn.mblReverse { -webkit-transform: translate3d(0px, -100%, 0px) !important; }

.mblSlidev.mblOut, .mblSlidev.mblIn.mblTransition { -webkit-transform: translate3d(0px, 0%, 0px) !important; }

.dj_android.dj_tablet .mblSlidev.mblTransition {
	-webkit-transition-duration: .6s;
	-webkit-transition-timing-function: linear;
}

.mblCoverv {
	-webkit-transition-duration: 0s;
	-webkit-transition-property: none;
}

.mblCoverv.mblTransition {
	-webkit-transition-duration: .4s;
	-webkit-transition-property: -webkit-transform;
}

.mblCoverv.mblOut {
	-webkit-transform: translate3d(0px, 0%, -1px) !important;
	z-index: -100;
}

.mblCoverv.mblIn { -webkit-transform: translate3d(0px, 100%, 0px) !important; }

.mblCoverv.mblIn.mblReverse { -webkit-transform: translate3d(0px, -100%, 0px) !important; }

.mblCoverv.mblOut.mblTransition, .mblCoverv.mblIn.mblTransition { -webkit-transform: translate3d(0px, 0%, 0px) !important; }

.dj_android.dj_tablet .mblCoverv.mblTransition {
	-webkit-transition-duration: .6s;
	-webkit-transition-timing-function: linear;
}

.mblRevealv {
	-webkit-transition-duration: 0s;
	-webkit-transition-property: none;
}

.mblRevealv.mblTransition {
	-webkit-transition-duration: .4s;
	-webkit-transition-property: -webkit-transform;
}

.mblRevealv.mblOut { -webkit-transform: translate3d(0px, 0%, 0px) !important; }

.mblRevealv.mblOut.mblTransition { -webkit-transform: translate3d(0px, -100%, 0px) !important; }

.mblRevealv.mblOut.mblReverse.mblTransition { -webkit-transform: translate3d(0px, 100%, 0px) !important; }

.mblRevealv.mblIn {
	-webkit-transform: translate3d(0px, 0%, -1px) !important;
	z-index: -100;
}

.mblRevealv.mblIn.mblTransition { -webkit-transform: translate3d(0px, 0%, 0px) !important; }

.dj_android.dj_tablet .mblRevealv.mblTransition {
	-webkit-transition-duration: .6s;
	-webkit-transition-timing-function: linear;
}

.mblSwirl.mblOut {
	-webkit-animation-duration: .5s;
	-webkit-animation-name: mblSwirlOut;
	-webkit-animation-timing-function: ease-in;
}

.mblSwirl.mblIn {
	-webkit-animation-duration: .5s;
	-webkit-animation-name: mblSwirlIn;
	-webkit-animation-timing-function: ease-in;
	z-index: -100;
}

.mblSwirl.mblOut.mblReverse { -webkit-animation-name: mblSwirlOutReverse; }

@-webkit-keyframes mblSwirlOut {
	from { -webkit-transform: rotate(0deg) scale(1.0); }

	to { -webkit-transform: rotate(-360deg) scale(0.0); }
}

@-webkit-keyframes mblSwirlOutReverse {
	from { -webkit-transform: rotate(0deg) scale(1.0); }

	to { -webkit-transform: rotate(360deg) scale(0.0); }
}

@-webkit-keyframes mblSwirlIn {
	from { -webkit-transform: scale(1.0); }

	to { -webkit-transform: scale(1.0); }
}

.mblScaleOut.mblOut {
	-webkit-animation-duration: .5s;
	-webkit-animation-name: mblScaleOutOut;
	-webkit-animation-timing-function: ease-in;
}

.dj_android .mblScaleOut.mblOut { -webkit-animation-name: mblScaleOutOutAndroid; }

.mblScaleOut.mblIn {
	-webkit-animation-duration: .5s;
	-webkit-animation-name: mblScaleOutIn;
	-webkit-animation-timing-function: ease-in;
	z-index: -100;
}

@-webkit-keyframes mblScaleOutOut {
	from {
		     -webkit-transform: scale(1.0);
		     opacity: 1;
	     }

	to {
		   -webkit-transform: scale(0.0);
		   opacity: 0;
	   }
}

@-webkit-keyframes mblScaleOutOutAndroid {
	from { -webkit-transform: scale(1.0); }

	to { -webkit-transform: scale(0.0); }
}

@-webkit-keyframes mblScaleOutIn {
	from { -webkit-transform: scale(1.0); }

	to { -webkit-transform: scale(1.0); }
}

.mblScaleIn.mblOut {
	-webkit-animation-duration: .5s;
	-webkit-animation-name: mblScaleInOut;
	-webkit-animation-timing-function: ease-out;
	z-index: -100;
}

.mblScaleIn.mblIn {
	-webkit-animation-duration: .5s;
	-webkit-animation-name: mblScaleInIn;
	-webkit-animation-timing-function: ease-out;
}

.dj_android .mblScaleIn.mblIn { -webkit-animation-name: mblScaleInInAndroid; }

@-webkit-keyframes mblScaleInOut {
	from { -webkit-transform: scale(1.0); }

	to { -webkit-transform: scale(1.0); }
}

@-webkit-keyframes mblScaleInIn {
	from {
		     -webkit-transform: scale(0.0);
		     opacity: 0;
	     }

	to {
		   -webkit-transform: scale(1.0);
		   opacity: 1;
	   }
}

@-webkit-keyframes mblScaleInInAndroid {
	from { -webkit-transform: scale(0.0); }

	to { -webkit-transform: scale(1.0); }
}

.mblSwap {
	-webkit-animation-duration: .6s;
	-webkit-animation-timing-function: linear;
}

.mblSwap.mblOut { -webkit-animation-name: mblSwapOut; }

.mblSwap.mblIn { -webkit-animation-name: mblSwapIn; }

.mblSwap.mblOut.mblReverse { -webkit-animation-name: mblSwapOutReverse; }

.mblSwap.mblIn.mblReverse { -webkit-animation-name: mblSwapInReverse; }

@-webkit-keyframes mblSwapOut {
	0% {
		   -webkit-transform: translate3d(0%, 0%, 0px) scale(1.0);
		   opacity: 1;
	   }

	50% {
		    z-index: -60;
		    -webkit-transform: translate3d(-45%, 5%, 0px) scale(.6);
		    opacity: .4;
	    }

	100% {
		     z-index: -100;
		     -webkit-transform: translate3d(-20%, 10%, 0px) scale(.4);
		     opacity: 0;
	     }
}

@-webkit-keyframes mblSwapIn {
	0% {
		   z-index: -100;
		   -webkit-transform: translate3d(-20%, 0%, 0px) scale(.5);
		   opacity: .4;
	   }

	50% {
		    z-index: -40;
		    -webkit-transform: translate3d(45%, 0%, 0px) scale(.7);
		    opacity: 1;
	    }

	100% {
		     -webkit-transform: translate3d(0%, 0%, 0px) scale(1.0);
		     opacity: 1;
	     }
}

@-webkit-keyframes mblSwapOutReverse {
	0% {
		   -webkit-transform: translate3d(0%, 0%, 0px) scale(1.0);
		   opacity: 1;
	   }

	50% {
		    z-index: -60;
		    -webkit-transform: translate3d(45%, 5%, 0px) scale(.6);
		    opacity: .4;
	    }

	100% {
		     z-index: -100;
		     -webkit-transform: translate3d(20%, 10%, 0px) scale(.4);
		     opacity: 0;
	     }
}

@-webkit-keyframes mblSwapInReverse {
	0% {
		   z-index: -100;
		   -webkit-transform: translate3d(20%, 0%, 0px) scale(.5);
		   opacity: .4;
	   }

	50% {
		    z-index: -40;
		    -webkit-transform: translate3d(-45%, 0%, 0px) scale(.7);
		    opacity: 1;
	    }

	100% {
		     -webkit-transform: translate3d(0%, 0%, 0px) scale(1.0);
		     opacity: 1;
	     }
}

.mblZoomOut.mblOut {
	-webkit-animation-duration: .5s;
	-webkit-animation-name: mblZoomOutOut;
	-webkit-animation-timing-function: ease-in;
}

.dj_android .mblZoomOut.mblOut { -webkit-animation-name: mblZoomOutOutAndroid; }

.mblZoomOut.mblIn {
	-webkit-animation-duration: .5s;
	-webkit-animation-name: mblZoomOutIn;
	-webkit-animation-timing-function: ease-in;
	z-index: -100;
}

@-webkit-keyframes mblZoomOutOut {
	from {
		     -webkit-transform: scale(1.0);
		     opacity: 1;
	     }

	to {
		   -webkit-transform: scale(0.0);
		   opacity: 0;
	   }
}

@-webkit-keyframes mblZoomOutOutAndroid {
	from { -webkit-transform: scale(1.0); }

	to { -webkit-transform: scale(0.0); }
}

@-webkit-keyframes mblZoomOutIn {
	from { -webkit-transform: scale(1.0); }

	to { -webkit-transform: scale(1.0); }
}

.mblZoomIn.mblOut {
	-webkit-animation-duration: .5s;
	-webkit-animation-name: mblZoomInOut;
	-webkit-animation-timing-function: ease-out;
	z-index: -100;
}

.mblZoomIn.mblIn {
	-webkit-animation-duration: .5s;
	-webkit-animation-name: mblZoomInIn;
	-webkit-animation-timing-function: ease-out;
}

.dj_android .mblZoomIn.mblIn { -webkit-animation-name: mblZoomInInAndroid; }

@-webkit-keyframes mblZoomInOut {
	from { -webkit-transform: scale(1.0); }

	to { -webkit-transform: scale(1.0); }
}

@-webkit-keyframes mblZoomInIn {
	from {
		     -webkit-transform: scale(0.0);
		     opacity: 0;
	     }

	to {
		   -webkit-transform: scale(1.0);
		   opacity: 1;
	   }
}

@-webkit-keyframes mblZoomInInAndroid {
	from { -webkit-transform: scale(0.0); }

	to { -webkit-transform: scale(1.0); }
}

.mblAccordion {
	border-color: #8c8f91;
	border-style: outset;
	border-width: 1px;
}

.mblAccordionRoundRect {
	border: 1px solid #adaaad;
	border-radius: 8px;
	margin: 7px 9px 16px 9px;
	padding: 0;
}

.mblAccordionRoundRect .mblAccordionTitle:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.mblAccordionRoundRect .mblAccordionTitleLast, .mblAccordionRoundRect .mblAccordionPane:last-child {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-width: 0;
}

.mblAccordionTitle {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e1e5e8), color-stop(0.2, #f0f2f3));
	border-top: 1px solid #8c8f91;
	font-family: Helvetica;
	font-size: 17px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
	width: 100%;
}

.mblAccordionTitle:first-child { border-top: none; }

.mblAccordionTitleAnchor {
	color: black;
	display: block;
	height: 100%;
	text-decoration: none;
	white-space: nowrap;
}

.mblAccordionIconParent {
	float: left;
	line-height: normal;
	margin: 6px 4px 0 6px;
}

.mblAccordionIconParent1 { display: block; }

.mblAccordionIconParent2 { display: none; }

.mblAccordionTitleSelected {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#97afc0), to(#46708e), color-stop(0.2, #7796ac));
	border-bottom: 1px solid #8c8f91;
	color: white;
}

.mblAccordionTitleSelected .mblAccordionTitleAnchor { color: white; }

.mblAccordionTitleSelected .mblAccordionIconParent1 { display: none; }

.mblAccordionTitleSelected .mblAccordionIconParent2 { display: block; }

.mblButton {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee));
	border-color: #9cacc0;
	border-radius: 5px;
	border-style: outset;
	border-width: 1px;
	color: black;
	cursor: pointer;
	font-family: Helvetica;
	font-size: 13px;
	height: 29px;
	line-height: 29px;
	padding: 0 10px;
}

.mblButtonSelected {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede));
	color: black;
}

.mblButtonDisabled, .mblButton:disabled {
	background-image: none;
	border-color: grey;
	color: grey;
	cursor: default;
}

.mblBlueButton {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc));
	color: white;
}

.mblBlueButtonSelected { background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); }

.mblRedButton {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fa9d58), to(#ee4115), color-stop(0.5, #ff4d25), color-stop(0.5, #ed4d15));
	color: white;
}

.mblRedButtonSelected { background-image: -webkit-gradient(linear, left top, left bottom, from(#c1a48e), to(#9b6c4a), color-stop(0.5, #a27758), color-stop(0.5, #996947)); }

.mblCarousel {
	height: 300px;
	overflow: hidden;
}

.mblCarouselSlot {
	box-sizing: border-box;
	float: left;
	position: relative;
	text-align: left;
}

.mblCarouselHeaderBar {
	background-color: #3a3a3b;
	color: #b1b1b1;
	font: bold 16px arial, helvetica, clean, sans-serif;
	padding: 1px;
}

.mblCarouselBtnContainer { float: right; }

.mblCarouselBtn {
	border-width: 1px;
	color: gray;
	font: bold 14px arial, helvetica, clean, sans-serif;
	height: 18px;
	margin: 0px 2px;
	padding-top: 0px;
	width: 46px;
}

.mblCarouselTitle { margin: 2px 0px 2px 4px; }

.mblCarouselHeaderBar .mblPageIndicator {
	float: right;
	padding: 0px 20px;
	width: auto;
}

.mblCarouselHeaderBar .mblPageIndicatorContainer {
	margin-left: 0px;
	margin-right: 0px;
}

.mblCarouselPages {
	position: relative;
	text-align: center;
}

.mblCarouselItem { text-align: center; }

.mblCarouselItemHeaderText {
	color: white;
	font: 14px arial, helvetica, clean, sans-serif;
	margin-bottom: 5px;
	margin-top: 8px;
	text-align: center;
}

.mblCarouselItemFooterText {
	color: white;
	font: 14px arial, helvetica, clean, sans-serif;
	margin-bottom: 8px;
	margin-top: 5px;
	text-align: center;
}

.mblCarouselItemImage {
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	vertical-align: bottom;
}

.mblCarouselItemBlank { display: none; }

.mblCarouselSlotSelected .mblCarouselItemImage {
	-webkit-box-shadow: none;
	opacity: 0.6;
}

.mblCheckBox {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-transform: translatey(0.45em);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee));
	border-color: #9cacc0;
	border-radius: 5px;
	border-style: outset;
	border-width: 1px;
	cursor: pointer;
	font: inherit;
	height: 1em;
	margin: -0.5em 3px 0.3em 4px;
	position: relative;
	width: 1em;
}

.mblCheckBoxSelected { background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede)); }

.mblCheckBoxChecked, .mblCheckBox:checked { background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); }

.mblCheckBoxChecked::after, .mblCheckBox:checked::after {
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: 50% 50%;
	border-color: white;
	border-style: none solid solid none;
	border-width: 0.15em;
	content: "";
	height: 0.6em;
	left: 0.3em;
	position: absolute;
	top: 0;
	width: 0.3em;
}

.mblCheckBoxChecked.mblCheckBoxSelected, .mblCheckBox:checked.mblCheckBoxSelected { background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); }

.dijitPopup {
	-webkit-box-shadow: 0 0 50px black;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	position: absolute;
}

.mblReset {
	border: 0;
	color: inherit;
	font: inherit;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.mblComboBoxMenu {
	background-color: white;
	border: 1px solid black;
	border-radius: 0;
	overflow: hidden;
	overflow-y: hidden !important;
	position: relative;
}

.mblComboBoxMenuItem {
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px 0 1px 0;
	color: inherit;
	padding: .1em .2em;
	text-align: left;
	white-space: nowrap;
}

.mblComboBoxMenuItemSelected {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#048bf4), to(#005ce5));
	color: white;
}

.mblComboBoxMenuPreviousButton, .mblComboBoxMenuNextButton {
	font-style: italic;
	overflow: hidden;
}

.mblFixedSplitter {
	height: 100%;
	width: 100%;
}

.mblFixedSplitter > * {
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
}

.mblFixedSplitterH > * {
	height: 100%;
	top: 0px;
}

.mblFixedSplitterV > * {
	left: 0px;
	width: 100%;
}

.mblGridLayout {
	height: 100%;
	padding: 0;
	width: 100%;
}

.mblGridLayout > div {
	border: 0;
	float: left;
	margin: 0;
	min-height: 1px;
	padding: 0;
}

.mblGridItemFirstColumn { clear: left; }

.mblGridItemTerminator { clear: both; }

.mblGridItemLastItem:after {
	clear: both;
	content: "";
	display: block;
}

.mblDomButtonBlueMinus, .mblDomButtonBluePlus, .mblDomButtonDarkBlueMinus, .mblDomButtonDarkBluePlus, .mblDomButtonRedMinus, .mblDomButtonRedPlus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div, .mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div, .mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div {
	border-radius: 3px;
	border-style: outset;
	border-width: 1px 1px 1px 0px;
	color: white;
	height: 18px;
	left: 3px;
	position: relative;
	top: 4px;
	width: 22px;
}

.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc));
	background-color: #366edf;
	border-color: #6d89c7;
}

.mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999));
	background-color: #5877a2;
	border-color: #6d89c7;
}

.mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div {
	background: -webkit-gradient(linear, left top, left bottom, from(#d3656d), to(#bc1320), color-stop(0.5, #c9404b), color-stop(0.5, #bc1421));
	background-color: #c9404b;
	border-color: #cc1122;
}

.mblDomButtonBlueMinus > div > div, .mblDomButtonBluePlus > div > div, .mblDomButtonDarkBlueMinus > div > div, .mblDomButtonDarkBluePlus > div > div, .mblDomButtonRedMinus > div > div, .mblDomButtonRedPlus > div > div {
	background: white;
	border-style: none;
	border-top: 1px solid #4a5a71;
	font-size: 1px;
	height: 2px;
	left: 7px;
	margin: 0px;
	position: absolute;
	top: 7px;
	width: 8px;
}

.mblDomButtonBluePlus > div > div > div, .mblDomButtonDarkBluePlus > div > div > div, .mblDomButtonRedPlus > div > div > div {
	background-color: white;
	font-size: 1px;
	height: 8px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: -3px;
	width: 2px;
}

.mblDomButtonBlackCircleCross {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonBlackCircleCross > div {
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	background-color: white;
	border-radius: 12px;
	height: 23px;
	left: 3px;
	position: relative;
	top: 3px;
	width: 23px;
}

.mblDomButtonBlackCircleCross > div > div {
	background-color: black;
	border-radius: 10px;
	height: 19px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 19px;
}

.mblDomButtonBlackCircleCross > div > div > div {
	-webkit-transform: rotate(45deg);
	background-color: white;
	border-radius: 1px;
	border-style: none;
	font-size: 1px;
	height: 3px;
	left: 3px;
	margin: 0px;
	position: absolute;
	top: 8px;
	width: 13px;
}

.mblDomButtonBlackCircleCross > div > div > div > div {
	background-color: white;
	border-radius: 1px;
	font-size: 1px;
	height: 13px;
	left: 5px;
	margin: 0px;
	position: absolute;
	top: -5px;
	width: 3px;
}

@-webkit-keyframes mblVibrate {
	0% {
		   -webkit-transform: rotate(-2deg);
		   bottom: -1px;
		   left: -1px;
	   }

	25% {
		    -webkit-transform: rotate(1deg);
		    bottom: 2px;
		    left: 1px;
	    }

	50% {
		    -webkit-transform: rotate(-1deg);
		    bottom: -2px;
		    left: -1px;
	    }

	75% {
		    -webkit-transform: rotate(2deg);
		    bottom: 2px;
		    left: 1px;
	    }

	100% {
		     -webkit-transform: rotate(-2deg);
		     bottom: -1px;
		     left: -1px;
	     }
}

@-webkit-keyframes mblShrink {
	from { -webkit-transform: scale(1); }

	to { -webkit-transform: scale(0.01); }
}

@-webkit-keyframes mblShrink0 {
	from { -webkit-transform: scale(1); }

	to { -webkit-transform: translate(-40%, -70%) scale(0.01); }
}

@-webkit-keyframes mblShrink1 {
	from { -webkit-transform: scale(1); }

	to { -webkit-transform: translate(-14%, -70%) scale(0.01); }
}

@-webkit-keyframes mblShrink2 {
	from { -webkit-transform: scale(1); }

	to { -webkit-transform: translate(14%, -70%) scale(0.01); }
}

@-webkit-keyframes mblShrink3 {
	from { -webkit-transform: scale(1); }

	to { -webkit-transform: translate(40%, -70%) scale(0.01); }
}

.mblIconContainer {
	margin: 20px 10px;
	padding: 0;
}

.mblIconItem {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	float: left;
	list-style-type: none;
	overflow: hidden;
	position: relative;
}

.mblIconItemTerminator {
	clear: both;
	list-style-type: none;
}

.mblIconItemPane {
	background-color: white;
	list-style-type: none;
}

.mblIconArea {
	font-family: Helvetica;
	font-size: 12px;
	height: 78px;
	margin-bottom: 5px;
	margin-top: 5px;
	position: relative;
	text-align: center;
	width: 74px;
}

.mblIconArea img { vertical-align: middle; }

.mblIconAreaInner {
	height: 65px;
	line-height: 65px;
	position: relative;
	text-align: center;
}

.mblIconItemDeleteIcon {
	left: -2px;
	position: absolute;
	top: -4px;
}

.mblIconItemSpriteIcon { position: absolute; }

.mblContent {
	clear: both;
	padding-bottom: 20px;
}

table.mblClose {
	clear: both;
	cursor: pointer;
}

.mblVibrate {
	-webkit-animation-duration: .5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: mblVibrate;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-transform: rotate(0deg);
	position: relative;
}

.mblCloseContent {
	-webkit-animation-duration: .3s;
	-webkit-animation-name: mblShrink;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-transform: scale(0.01);
}

.mblCloseContent.mblShrink0 { -webkit-animation-name: mblShrink0; }

.mblCloseContent.mblShrink1 { -webkit-animation-name: mblShrink1; }

.mblCloseContent.mblShrink2 { -webkit-animation-name: mblShrink2; }

.mblCloseContent.mblShrink3 { -webkit-animation-name: mblShrink3; }

.mblIconItemPaneHeading {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e4e7), to(#b4bec6), color-stop(0.5, #c4ccd2), color-stop(0.5, #bfc8ce));
	border-bottom: 1px solid #717d85;
	border-top: 1px solid #f1f3f4;
	clear: both;
	color: white;
	font-family: Helvetica;
	font-size: 14px;
	height: 25px;
	line-height: 26px;
	margin-top: 0px;
	overflow: hidden;
	padding-left: 40px;
	position: relative;
	text-overflow: ellipsis;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
	white-space: nowrap;
}

.mblIconItemPaneIcon {
	left: 1px;
	position: absolute;
	top: -2px;
}

.mblIconMenu {
	-webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 119, 0.85)), to(rgba(4, 4, 4, 0.85)), color-stop(0.35, rgba(22, 22, 30, 0.85)));
	border: 2px solid #9a9a9e;
	border-radius: 10px;
	border-top-color: #f2f2f3;
	height: 100%;
	padding: 0;
	text-align: center;
	width: 100%;
}

.mblIconMenuItem {
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #6b6c6f;
	border-left: 1px solid #6b6c6f;
	float: left;
	list-style-type: none;
}

.mblIconMenuItemIcon {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.mblIconMenuItemFirstColumn { border-left: none; }

.mblIconMenuItemLastRow { border-bottom: none; }

.mblIconMenuItemFirstRow.mblIconMenuItemFirstColumn { border-top-left-radius: 10px; }

.mblIconMenuItemFirstRow.mblIconMenuItemLastColumn { border-top-right-radius: 10px; }

.mblIconMenuItemLastRow.mblIconMenuItemFirstColumn { border-bottom-left-radius: 10px; }

.mblIconMenuItemLastRow.mblIconMenuItemLastColumn { border-bottom-right-radius: 10px; }

.mblIconMenuItemAnchor {
	color: #b8bbc0;
	display: block;
	font-family: Helvetica;
	font-size: 11px;
	height: 100%;
	text-decoration: none;
}

.mblIconMenuItemTable {
	height: 100%;
	width: 100%;
}

.mblIconMenuItemTable img { border: none; }

.mblIconMenuItemSel { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(139, 157, 229, 0.6)), to(rgba(10, 54, 233, 0.8)), color-stop(0.6, rgba(10, 54, 233, 0.8))); }

.mblCoverv {
	-webkit-transition-duration: 0s;
	-webkit-transition-property: none;
}

.mblCoverv.mblTransition {
	-webkit-transition-duration: .4s;
	-webkit-transition-property: -webkit-transform;
}

.mblCoverv.mblOut {
	-webkit-transform: translate3d(0px, 0%, -1px) !important;
	z-index: -100;
}

.mblCoverv.mblIn { -webkit-transform: translate3d(0px, 100%, 0px) !important; }

.mblCoverv.mblIn.mblReverse { -webkit-transform: translate3d(0px, -100%, 0px) !important; }

.mblCoverv.mblOut.mblTransition, .mblCoverv.mblIn.mblTransition { -webkit-transform: translate3d(0px, 0%, 0px) !important; }

.dj_android.dj_tablet .mblCoverv.mblTransition {
	-webkit-transition-duration: .6s;
	-webkit-transition-timing-function: linear;
}

.mblRevealv {
	-webkit-transition-duration: 0s;
	-webkit-transition-property: none;
}

.mblRevealv.mblTransition {
	-webkit-transition-duration: .4s;
	-webkit-transition-property: -webkit-transform;
}

.mblRevealv.mblOut { -webkit-transform: translate3d(0px, 0%, 0px) !important; }

.mblRevealv.mblOut.mblTransition { -webkit-transform: translate3d(0px, -100%, 0px) !important; }

.mblRevealv.mblOut.mblReverse.mblTransition { -webkit-transform: translate3d(0px, 100%, 0px) !important; }

.mblRevealv.mblIn {
	-webkit-transform: translate3d(0px, 0%, -1px) !important;
	z-index: -100;
}

.mblRevealv.mblIn.mblTransition { -webkit-transform: translate3d(0px, 0%, 0px) !important; }

.dj_android.dj_tablet .mblRevealv.mblTransition {
	-webkit-transition-duration: .6s;
	-webkit-transition-timing-function: linear;
}

.mblOverlay {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece));
	bottom: 0;
	left: 0;
	margin: 0;
	position: fixed;
	text-align: -webkit-center;
	width: 100%;
	z-index: 2000;
}

.mblOverlayHidden *, .mblOverlayHidden { visibility: hidden !important; }

.mblTooltip {
	background-color: #121b2f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#656872), to(#121b2f), color-stop(0.1, #2c3345), color-stop(0.1, #161f32));
	border-color: #5a5a5a;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px;
	display: block;
	margin: 0;
	opacity: .97;
	padding: 5px;
	position: absolute;
	z-index: 2000;
}

.mblTooltipBubble {
	background-color: #f9f7ba;
	background-image: none;
	overflow: visible;
	padding: 3px;
}

.mblTooltipBubble.mblTooltipAbove .mblTooltipInnerArrow { border-bottom-color: #f9f7ba; }

.mblTooltipBubble.mblTooltipBelow .mblTooltipInnerArrow { border-top-color: #f9f7ba; }

.mblTooltipBubble.mblTooltipAfter .mblTooltipInnerArrow { border-left-color: #f9f7ba; }

.mblTooltipBubble.mblTooltipBefore .mblTooltipInnerArrow { border-right-color: #f9f7ba; }

.mblTooltip.mblTooltipAfter { margin-left: -11px; }

.mblTooltip.mblTooltipBefore { margin-left: 11px; }

.mblTooltip.mblTooltipAbove { margin-top: 11px; }

.mblTooltip.mblTooltipBelow { margin-top: -11px; }

.mblTooltipAnchor {
	background-color: transparent;
	font-size: 0;
	height: 1px;
	line-height: 0;
	position: absolute;
	width: 1px;
}

.mblTooltipBefore .mblTooltipAnchor { left: -1px; }

.mblTooltipAfter .mblTooltipAnchor { right: -1px; }

.mblTooltipAbove .mblTooltipAnchor { top: -1px; }

.mblTooltipBelow .mblTooltipAnchor { bottom: -1px; }

.mblTooltipArrow {
	border: 11px solid transparent;
	height: 0;
	line-height: 0;
	position: absolute;
	width: 0;
}

.mblTooltipBefore .mblTooltipArrow {
	border-left-width: 0;
	border-right-color: #5a5a5a;
	bottom: auto;
	left: auto;
	right: 1px;
	top: 0;
}

.mblTooltipAfter .mblTooltipArrow {
	border-left-color: #5a5a5a;
	border-right-width: 0;
	bottom: auto;
	left: 1px;
	right: auto;
	top: 0;
}

.mblTooltipAbove .mblTooltipArrow {
	border-bottom-color: #5a5a5a;
	border-top-width: 0;
	bottom: 1px;
	left: auto;
	right: auto;
	top: auto;
}

.mblTooltipBelow .mblTooltipArrow {
	border-bottom-width: 0;
	border-top-color: #5a5a5a;
	bottom: auto;
	left: auto;
	right: auto;
	top: 1px;
}

.mblTooltipInnerArrow {
	border: 10px solid transparent;
	height: 0;
	line-height: 0;
	position: absolute;
	width: 0;
}

.mblTooltipBefore .mblTooltipInnerArrow {
	border-left-width: 0;
	border-right-color: #192235;
	right: 0;
	top: 0;
}

.mblTooltipAfter .mblTooltipInnerArrow {
	border-left-color: #192235;
	border-right-width: 0;
	left: 0;
	top: 0;
}

.mblTooltipAbove .mblTooltipInnerArrow {
	border-bottom-color: #656872;
	border-top-width: 0;
	bottom: 0;
	left: 0;
}

.mblTooltipBelow .mblTooltipInnerArrow {
	border-bottom-width: 0;
	border-top-color: #172035;
	left: 0;
	top: 0;
}

.mblTooltipHidden, .mblTooltipHidden * { visibility: hidden !important; }

.mblTooltipHidden {
	left: -99999px !important;
	top: -99999px !important;
}

.mblTooltip .mblHeading {
	background-color: #889bb3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5e6167), to(#1a1d24), color-stop(0.5, #2e322b));
	border-bottom: 1px solid #2d3642;
	border-left: 1px solid #2a2d47;
	border-radius: 3px 3px 0 0;
	border-top: 3px solid #4f5055;
	font-weight: normal;
}

.mblTooltip .mblHeading .mblToolBarButton {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#686f80), to(#000924), color-stop(0.5, #000b29));
	border: 1px inset #434450;
	font-weight: normal;
}

.mblPageIndicator {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	height: 20px;
	position: relative;
	width: 100%;
}

.mblPageIndicatorContainer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
}

.mblPageIndicatorDot {
	background-color: #949294;
	border-radius: 3px;
	font-size: 1px;
	height: 6px;
	margin: 0px 3px;
	width: 6px;
}

.mblPageIndicatorDotSelected { background-color: white; }

.mblProgressBar {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a5a6a5), to(#b5b6b5), color-stop(0.5, #d6d7d6), color-stop(0.5, #ffffff), color-stop(0.9, #ffffff));
	border-radius: 6px;
	height: 9px;
	position: relative;
}

.mblProgressBarProgress {
	-webkit-transition-duration: 0.25s;
	-webkit-transition-property: width;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b0c0ff), to(#2f83e1), color-stop(0.6, #70b2ff), color-stop(0.6, #3470b6));
	border: 1px solid #5e6fa3;
	border-radius: 6px;
	height: 7px;
}

.mblProgressBarNotStarted {
	border-left: none;
	border-right: none;
}

.mblProgressBarMsg {
	font-size: 12px;
	font-size: 10px;
	height: 100%;
	position: absolute;
	text-align: center;
	top: 0px;
	top: -1px;
	width: 100%;
}

.mblRadioButton {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-transform: translatey(0.45em);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee));
	border-color: #9cacc0;
	border-radius: 0.5em;
	border-style: outset;
	border-width: 1px;
	cursor: pointer;
	font: inherit;
	height: 1em;
	margin: -0.5em 3px 0.3em 4px;
	position: relative;
	width: 1em;
}

.mblRadioButtonChecked, .mblRadioButton:checked { background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc)); }

.mblRadioButtonChecked::after, .mblRadioButton:checked::after {
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: 50% 50%;
	border-color: white;
	border-style: none solid solid none;
	border-width: 0.15em;
	content: "";
	height: 0.6em;
	left: 0.25em;
	position: absolute;
	top: 0;
	width: 0.3em;
}

.mblRadioButtonChecked.mblRadioButtonSelected, .mblRadioButton:checked.mblRadioButtonSelected { background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); }

.mblRadioButtonChecked.mblRadioButtonSelected::after, .mblRadioButton:checked.mblRadioButtonSelected::after { border-color: white; }

.mblScrollablePane {
	overflow: hidden;
	position: relative;
}

.mblScrollableViewContainer {
	position: absolute;
	top: 0px;
}

.mblScrollablePaneMask { position: relative; }

.mblSimpleDialog {
	margin: 0;
	outline: none;
	padding: 5px;
	position: absolute;
	text-align: center;
	width: 262px;
	z-index: 100;
}

.mblSimpleDialogDecoration {
	-webkit-box-shadow: 0 3px 2px #000000;
	background-color: rgba(35, 50, 96, 0.85);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(150, 150, 170, 0.85)), to(rgba(18, 29, 68, 0.85)), color-stop(0.15, rgba(77, 85, 119, 0.85)), color-stop(0.15, rgba(35, 50, 96, 0.85)));
	border: 2px solid #bac1d3;
	border-radius: 10px;
	border-top-color: #eaeaf2;
	color: white;
}

.mblSimpleDialogContainer {
	height: 100%;
	position: relative;
	width: 100%;
}

.mblSimpleDialogCover {
	background-color: #000000;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
}

.mblSimpleDialogCloseBtn { position: absolute !important; }

.mblSimpleDialogTitle {
	font-weight: bold;
	margin: 14px 0 7px;
	width: 262px;
}

.mblSimpleDialogText {
	margin: 7px 0 14px;
	width: 262px;
}

.mblSlider {
	-webkit-box-sizing: content-box;
	-webkit-user-select: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#fdfdfd), color-stop(0.5, #eeeeee), color-stop(0.5, #f8f8f8));
	border-color: #b0b0b0;
	border-radius: 8px;
	border-style: inset;
	border-width: 1px;
	margin: 15px;
}

.mblSliderH {
	height: 8px;
	width: 200px;
}

.mblSliderH .mblSliderProgressBar { height: 100%; }

.mblSliderH .mblSliderHandle { top: 50%; }

.mblSliderV {
	height: 200px;
	width: 8px;
}

.mblSliderV .mblSliderProgressBar { width: 100%; }

.mblSliderV .mblSliderHandle { left: 50%; }

.mblSliderProgressBar {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2859b1), to(#75acfb), color-stop(0.5, #3f84eb), color-stop(0.5, #4c8eee));
	border-radius: 8px;
}

.mblSliderHandle {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#fafafa));
	border-color: #9d9d9d;
	border-radius: 10px;
	border-style: outset;
	border-width: 1px;
	height: 18px;
	margin: -10px 0 0 -10px;
	width: 18px;
}

.mblSliderTransition { -webkit-transition-duration: 400ms; }

.mblSliderTouchBox {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	background-color: transparent;
	border: none;
	height: 100%;
	left: -12pt;
	margin: 0;
	padding: 12pt;
	top: -12pt;
	width: 100%;
}

.mblSpinWheel {
	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));
	border-left: solid 3px #000000;
	border-radius: 3px;
	border-right: solid 3px #000000;
	color: #000000;
	height: 200px;
	overflow: hidden;
	position: relative;
}

.mblSpinWheelBar {
	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));
	border: solid 1px #7b8497;
	clear: both;
	height: 42px;
	opacity: 0.6;
	position: absolute;
	top: 79px;
	width: 100%;
}

.mblSpinWheelDatePicker { width: 312px; }

.mblSpinWheelTimePicker { width: 98px; }

.mblSpinWheelSlot {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	border-left: solid 2px #000000;
	border-right: solid 2px #000000;
	float: left;
	height: 100%;
	position: relative;
	top: 0px;
	width: 100px;
}

.mblSpinWheelSlotLabel {
	font: bold 24px/44px Helvetica, sans-serif;
	height: 44px;
	overflow: hidden;
	padding: 0 8px;
}

.mblSpinWheelSlotLabel img {
	opacity: 0.7;
	vertical-align: middle;
}

.mblSpinWheelSlotLabelGray { color: #cccccc; }

.mblSpinWheelSlotLabelBlue { color: #0959d2; }

.mblSpinWheelSlotContainer { position: relative; }

.mblSpinWheelSlotPanel {
	position: absolute;
	top: 0px;
	width: 100%;
}

.mblSpinWheelSlotTouch {
	height: 100%;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1;
}

.mblDomButtonWhiteCross {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonWhiteCross > div {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #ffffff;
	border: 1px solid #808080;
	border-radius: 2px;
	font-size: 1px;
	height: 2px;
	left: 7px;
	margin: 0px;
	position: absolute;
	top: 12px;
	width: 14px;
}

.mblDomButtonWhiteCross > div > div {
	background-color: #ffffff;
	border: 1px solid #808080;
	border-radius: 2px;
	font-size: 1px;
	height: 14px;
	left: 5px;
	margin: 0px;
	position: absolute;
	top: -7px;
	width: 2px;
}

.mblTabBar {
	border-bottom: 1px solid #2d3642;
	border-top: 1px solid #cdd5df;
	color: white;
	height: 42px;
	margin: 0px;
	overflow: hidden;
	padding: 0px 6px;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
	white-space: nowrap;
}

.mblTabBarButton {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	cursor: pointer;
	float: left;
	list-style-type: none;
	overflow: hidden;
	position: relative;
}

.mblTabBarButtonIconArea {
	margin: 0 auto;
	width: 29px;
}

.mblTabBarButtonIconParent1 { display: block; }

.mblTabBarButtonIconParent2 { display: none; }

.mblTabBarButtonSelected .mblTabBarButtonIconParent1 { display: none; }

.mblTabBarButtonSelected .mblTabBarButtonIconParent2 { display: block; }

.mblTabBarTabBar {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#000000), color-stop(0.5, #141414), color-stop(0.5, #000000));
	border-top: 1px solid #000000;
	height: 48px;
}

.mblTabBarTabBar .mblTabBarButtonIconArea { padding-top: 4px; }

.mblTabBarTabBar .mblTabBarButtonLabel {
	color: #979797;
	font-family: "Helvetica Neue", Helvetica;
	font-size: 11px;
}

.mblTabBarTabBar .mblTabBarButtonSelected {
	background-color: #404040;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535), color-stop(0.5, #242424));
	border-radius: 3px;
}

.mblTabBarTabBar .mblTabBarButtonSelected .mblTabBarButtonLabel { color: white; }

.mblTabBarSegmentedControl { background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af)); }

.mblTabBarSegmentedControl.mblTabBarNoText .mblTabBarButton {
	padding: 0 3px;
	width: auto;
}

.mblTabBarSegmentedControl.mblTabBarNoText .mblTabBarButtonIconArea { position: relative; }

.mblTabBarSegmentedControl .mblTabBarButton {
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.305);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af));
	border-color: #2f3740 #405a7e #375073 #3a4755;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
	color: white;
	font-family: Helvetica;
	font-size: 13px;
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	margin: 6px 0;
	text-align: center;
	width: 100px;
}

.mblTabBarSegmentedControl .mblTabBarButton:first-child {
	border-bottom-left-radius: 5px;
	border-left-width: 1px;
	border-top-left-radius: 5px;
}

.mblTabBarSegmentedControl .mblTabBarButton:last-child {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.mblTabBarSegmentedControl .mblTabBarButtonIconArea {
	left: 0px;
	position: absolute;
	top: 0px;
}

.mblTabBarSegmentedControl .mblTabBarButtonSelected { background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), color-stop(0.02, #8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); }

.mblHeading .mblTabBarSegmentedControl {
	border: none;
	display: inline;
	float: left;
	height: auto;
}

.mblTabBarStandardTab { background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af)); }

.mblTabBarStandardTab .mblTabBarButton {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af));
	border: 1px solid #62676d;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: white;
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
	margin-top: 9px;
	padding: 9px;
}

.mblTabBarStandardTab .mblTabBarButtonIconArea {
	left: 0px;
	position: absolute;
	top: 3px;
}

.mblTabBarStandardTab .mblTabBarButtonSelected {
	background-color: #5877a2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), color-stop(0.02, #8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999));
}

.mblTabBarStandardTab .mblTabBarButtonHasIcon .mblTabBarButtonLabel { margin-left: 20px; }

.mblTabBarSlimTab {
	background-color: #000000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#000000), color-stop(0.5, #141414), color-stop(0.5, #000000));
	border: 1px solid #2d3642;
	height: 30px;
	padding: 0px;
}

.mblTabBarSlimTab .mblTabBarButton {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#000000), color-stop(0.5, #141414), color-stop(0.5, #000000));
	border-right: 1px solid #4e4e4e;
	color: white;
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
	padding: 7px;
	text-align: center;
	text-shadow: rgba(100, 100, 100, 0.6) 0px -1px 0px;
}

.mblTabBarSlimTab .mblTabBarButton:first-child { border-left: 1px solid #4e4e4e; }

.mblTabBarSlimTab .mblTabBarButtonIconArea {
	left: 0px;
	position: absolute;
	top: 0px;
}

.mblTabBarSlimTab .mblTabBarButtonSelected {
	background-color: #404040;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#313031), to(#959595), color-stop(0.5, #5a555a), color-stop(0.5, #616161));
}

.mblTabBarSlimTab .mblTabBarButtonHasIcon .mblTabBarButtonLabel { margin-left: 20px; }

.mblTabBarFlatTab {
	background-color: transparent;
	background-image: none;
	border-style: none;
	height: 30px;
	padding: 0px;
}

.mblTabBarFlatTab .mblTabBarButton {
	background-image: none;
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bold;
	padding: 7px;
	text-align: center;
	text-shadow: rgba(100, 100, 100, 0.6) 0px -1px 0px;
}

.mblTabBarFlatTab .mblTabBarButtonIconArea {
	left: 0px;
	position: absolute;
	top: 0px;
}

.mblTabBarFlatTab .mblTabBarButtonHasIcon .mblTabBarButtonLabel { margin-left: 20px; }

.mblTabBarTallTab {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#000000), color-stop(0.5, #141414), color-stop(0.5, #000000));
	border-bottom: 2px solid #949694;
	border-top: 1px solid #cdd5df;
	height: 64px;
}

.mblTabBarTallTab .mblTabBarButton {
	background-color: #212421;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#100c10), color-stop(0.1, #313031));
	background-image: none;
	border-color: black #182018 black #393c39;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	color: white;
	font-family: Helvetica;
	font-size: 13px;
	height: 61px;
	margin-right: 2px;
	margin-top: 3px;
	text-align: center;
	width: 78px;
}

.mblTabBarTallTab .mblTabBarButtonIconArea { margin-top: 8px; }

.mblTabBarTallTab .mblTabBarButtonLabel {
	font-family: "Helvetica Neue", Helvetica;
	font-size: 11px;
}

.mblTabBarTallTab .mblTabBarButtonSelected {
	background-color: #636363;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a59ea5), to(#848284));
	background-image: none;
}

.mblTextArea {
	border-color: #9cacc0;
	border-radius: 5px;
	border-style: inset;
	border-width: 1px;
	font-family: Helvetica;
	font-size: 13px;
	padding: 4px 1px;
}

.mblExpandingTextArea { margin: 2px; }

.mblTextBox {
	border-color: #9cacc0;
	border-radius: 5px;
	border-style: inset;
	border-width: 1px;
	font-family: Helvetica;
	font-size: 13px;
	height: 22px;
}

.mblSearchBox.iphone4:focus::-webkit-search-cancel-button {
	background: none !important;
	border-color: transparent !important;
}

.mblSearchBox::-webkit-search-cancel-button {
	-webkit-appearance: none;
	background-color: #b2b2b2;
	background-image: -webkit-gradient(linear, left top, right bottom, from(transparent), color-stop(0.46, transparent), color-stop(0.46, white), color-stop(0.54, white), color-stop(0.54, transparent), to(transparent)), -webkit-gradient(linear, right top, left bottom, from(transparent), color-stop(0.46, transparent), color-stop(0.46, white), color-stop(0.54, white), color-stop(0.54, transparent), to(transparent)) !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	border: 2px solid #b2b2b2;
	border-radius: 1em;
	box-sizing: border-box;
	display: inline-block;
	height: 15px;
	margin-left: 0.5em;
	vertical-align: middle;
	width: 15px;
}

.mblSearchBox::-webkit-search-results-decoration {
	-webkit-appearance: none;
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 6, from(transparent), color-stop(0.65, transparent), color-stop(0.8, #93989c), color-stop(0.95, transparent), to(transparent)), -webkit-gradient(linear, right top, left bottom, from(transparent), color-stop(0.425, transparent), color-stop(0.5, #93989c), color-stop(0.575, transparent), to(transparent)) !important;
	background-position: 0px 0px, 10px 10px;
	background-repeat: no-repeat;
	background-size: 13px 13px, 9px 9px;
	display: inline-block;
	height: 15px;
	vertical-align: middle;
	width: 15px;
}

.mblSearchBox { height: auto; }

.dj_chrome .mblSearchBox { border-radius: 0; }

.mblToggleButton {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cecece), color-stop(0.5, #f8f8f8), color-stop(0.5, #eeeeee));
	border-color: #9cacc0;
	border-radius: 5px;
	border-style: outset;
	border-width: 1px 1px 1px 1px;
	color: black;
	cursor: pointer;
	font-family: Helvetica;
	font-size: 13px;
	height: 29px;
	line-height: 29px;
	padding: 0 10px 0 25px;
	position: relative;
}

.mblToggleButton:disabled {
	background-image: none;
	border-color: grey;
	color: grey;
	cursor: default;
}

.mblToggleButtonSelected { background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#bfbfbf), color-stop(0.5, #ebebeb), color-stop(0.5, #dedede)); }

.mblToggleButtonChecked {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7a9de9), to(#2362dd), color-stop(0.5, #366edf), color-stop(0.5, #215fdc));
	color: white;
}

.mblToggleButtonChecked:after {
	-webkit-transform: rotate(45deg) skew(10deg);
	-webkit-transform-origin: 50% 50%;
	border-color: white;
	border-style: none solid solid none;
	border-width: 2px;
	content: "";
	height: 10px;
	left: 7px;
	position: absolute;
	top: 6px;
	width: 5px;
}

.mblToggleButtonChecked.mblToggleButtonSelected { background-image: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b), color-stop(0.5, #5877a2), color-stop(0.5, #476999)); }

.mblDomButtonGrayPlus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonGrayPlus > div {
	background-color: #848684;
	border-radius: 2px;
	border-top: 1px solid #525152;
	font-size: 1px;
	height: 3px;
	left: 6px;
	margin: 0px;
	position: absolute;
	top: 12px;
	width: 18px;
}

.mblDomButtonGrayPlus > div > div {
	background-color: #848684;
	border-left: 1px solid #808080;
	border-radius: 2px;
	border-top: 1px solid #525152;
	font-size: 1px;
	height: 17px;
	left: 7px;
	margin: 0px;
	position: absolute;
	top: -8px;
	width: 3px;
}

.mblDomButtonGrayMinus {
	height: 29px;
	position: relative;
	width: 29px;
}

.mblDomButtonGrayMinus > div {
	background-color: #848684;
	border-radius: 2px;
	border-top: 1px solid #525152;
	font-size: 1px;
	height: 3px;
	left: 6px;
	margin: 0px;
	position: absolute;
	top: 12px;
	width: 18px;
}

.mblValuePicker { height: 126px; }

.mblValuePicker > .mblValuePickerSlot {
	border-left: solid 2px #000000;
	border-radius: 3px;
	border-right: solid 2px #000000;
	float: left;
	margin: 0 3px;
}

.mblValuePickerSlotButton {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #9cb1c9), color-stop(0.35, #f0f1f5), color-stop(0.65, #f0f1f5), color-stop(0.9, #9cb1c9));
	height: 38px;
	position: relative;
}

.mblValuePickerSlotPlusButton {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.mblValuePickerSlotMinusButton {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.mblValuePickerSlotButtonSelected { background-image: -webkit-gradient(linear, left top, left bottom, from(#7c87a4), to(#263e6c), color-stop(0.5, #394d77), color-stop(0.5, #243b69)); }

.mblValuePickerSlotIcon {
	margin: 0 auto;
	top: 5px;
}

.mblValuePickerSlotInputArea {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #eaeaea), color-stop(0.2, #fafafa), color-stop(0.5, #ffffff), color-stop(0.9, #efefef));
	border-bottom: 1px solid #c6c3c6;
	border-top: 1px solid #7b797b;
	height: 48px;
	position: relative;
}

.mblValuePickerSlotInput {
	background-color: transparent;
	border-style: none;
	display: block;
	font: bold 24px/44px Helvetica, sans-serif;
	height: 90%;
	margin: 5% auto;
	padding: 0;
	text-align: center;
	width: 90%;
}

.mblValuePickerTimePicker > .mblToolBarButton { top: 45px; }