.mstrmojo-TextArea,
.mstrmojo-TextBox,
.mstrmojo-text {
    font-size: 8pt;
    padding: 2px 3px 1px 3px;
}
.mstrmojo-bullet {
    white-space: nowrap;
    height: 20px;
    line-height: 20px;
}
.mstrmojo-bullet .mstrmojo-text {
    padding-left: 27px;
}
.mstrmojo-dxsprite {
    background-image: url(images/dxSprite.gif);
    background-position: left 30px;    /* hides images by default */
    background-repeat: no-repeat;
}
.mstrmojo-dxsprite._8,
.mstrmojo-dxsprite.fd {
    background-position: 3px 0px;
}
.mstrmojo-dxsprite.a {
    background-position: 3px -20px;
}
.mstrmojo-Popup.mstrmojo-charcoalbox,
.mstrmojo-TBox.mstrmojo-charcoalbox,
.mstrmojo-VBox.mstrmojo-charcoalbox,
.mstrmojo-HBox.mstrmojo-charcoalbox {
    background: #101010;
    border: 1px solid #242424;
}
.mstrmojo-TBox.mstrmojo-lightcharcoalbox,
.mstrmojo-VBox.mstrmojo-lightcharcoalbox,
.mstrmojo-HBox.mstrmojo-lightcharcoalbox {
    background-color: #e6e6e6;
}
.mstrmojo-SelectBox.mstrmojo-lightcharcoalbox {
    background-color: #606060;
    border: #808080 1px solid;
    color: #ffffff;
}
.mstrmojo-SelectBox.mstrmojo-lightcharcoalbox:hover {
    border: #999999 1px solid;
}
.mstrmojo-SelectBox.mstrmojo-charcoalbox {
    background-color: #404040;
    border: #606060 1px solid;
    color: #ffffff;
}
.mstrmojo-SelectBox.mstrmojo-charcoalbox:hover {
    border: #999999 1px solid;
}
.mstrmojo-TextArea.mstrmojo-lightcharcoalbox,
.mstrmojo-TextBox.mstrmojo-lightcharcoalbox {
    background-color: #606060;
    border: #808080 1px solid;
    color: #ffffff;
    scrollbar-base-color: #000000;
}
.mstrmojo-TextArea.mstrmojo-lightcharcoalbox:hover,
.mstrmojo-TextBox.mstrmojo-lightcharcoalbox:hover {
    border: #999999 1px solid;
}
.mstrmojo-TextArea.mstrmojo-charcoalbox,
.mstrmojo-TextBox.mstrmojo-charcoalbox {
    border: 1px solid #606060;
    background-color: #404040;
    color: #ffffff;
    scrollbar-base-color: #000000;
}
.mstrmojo-TextArea.mstrmojo-charcoalbox:hover,
.mstrmojo-TextBox.mstrmojo-charcoalbox:hover {
    border: 1px solid #999999;
}
.mstrmojo-TextArea.mstrmojo-charcoalbox.subtle,
.mstrmojo-TextBox.mstrmojo-charcoalbox.subtle {
    border: 0;
    background-color: transparent;
}
.mstrmojo-TextArea.mstrmojo-charcoalbox.subtle:hover,
.mstrmojo-TextBox.mstrmojo-charcoalbox.subtle:hover {
    border: 0;
    background-color: #404040;
}
.mstrmojo-TextBox.mstrmojo-dxsprite {
    background-position: right 30px;    /* right-aligns images */
}
.mstrmojo-TextBox.mstrmojo-dxsprite.mstrmojo-search {
    background-position: right -42px;
}
.mstrmojo-HTMLButton.mstrmojo-text {
    padding: 2px 6px 1px 6px;
}

.mstrmojo-HTMLButton.mstrmojo-lightcharcoalbox {
    background-color: #484848;
    border: #808080 1px solid;
    color: #ffffff;
}
.mstrmojo-HTMLButton.disabled {
    -moz-opacity: .5;
    opacity: .5;
    filter:alpha(opacity=50);
    cursor: default;
}
.mstrmojo-HTMLButton.mstrmojo-WaitIcon {
    background: transparent url(images/circle-loader.gif) 0 50% no-repeat;
    height: 100%;
    margin-left: 2px;
    width: 100%;
}
.mstrmojo-bullet.mstrmojo-lightcharcoalbox  {
    color: #ffffff;
}
.mstrmojo-bullet.mstrmojo-lightcharcoalbox:hover {
    background-color: #2b6371;
    background-image: url(images/charcoalLBHover.gif);
    background-repeat: repeat-x;
}
.mstrmojo-bullet.mstrmojo-lightcharcoalbox.selected {
    background-color: #0090b2;
    background-image: url(images/charcoalLBSel.gif);
    background-repeat: repeat-x;
    color: #000;
}
.mstrmojo-dot {
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: default;
}
.mstrmojo-dot.mstrmojo-lightcharcoalbox {
    background-image: url(images/charcoalDot.gif);
}
.mstrmojo-dot.mstrmojo-lightcharcoalbox:hover {
    background-image: url(images/charcoalDotSel.gif);
}
.mstrmojo-dot.mstrmojo-lightcharcoalbox.selected {
    background-image: url(images/charcoalDotSel.gif);
}
.mstrmojo-CustomGroupEl {
    padding: 1px 0 0;
    border-top: 0px solid #999;  /* was dotted */
    border-bottom: 1px solid #999;   /* was dotted */
    cursor: default;
    position: relative; /* to position the hover toolbar */
}
.mstrmojo-CustomGroupEl.selected {
    background-color: #d6e3ee;
}
.mstrmojo-onhover {
    display: none;
}
.mstrmojo-CustomGroupEl:hover .mstrmojo-CustomGroupEl-tools {
    display: block;
}

.mstrmojo-CGEOptionsEditor .mstrmojo-Editor-content{
    width: 288px;
}

.mstrmojo-CGEOptionsEditor .mstrmojo-ElementOptions{
	width: 100%;
}

x.mstrmojo-toprightSecond,
x.mstrmojo-topright {
    position: absolute;
    top: 0;
    right: 0;
}
.mstrmojo-toprightSecond{
    right: 20px;
}
.mstrmojo-CustomGroupEl-tools {
    padding: 2px 6px 0 0;
}
.mstrmojo-outdent,
.mstrmojo-indent,
.mstrmojo-del {
    width: 18px;
    height: 16px;
    background: transparent url(images/cge.png) no-repeat;
    cursor: pointer;
}
.mstrmojo-del {background-position: -2px -60px;}
.mstrmojo-del:hover {background-position: -2px -80px;}

.mstrmojo-FE .mstrmojo-del {
	width: 18px; height: 20px;
	margin-bottom: -4px;
	background-position: -2px -59px;
}
.mstrmojo-FE .mstrmojo-del:hover {
	width: 18px; height: 20px;
	margin-bottom: -4px;
	background-position: -2px -79px;
}
.mstrmojo-outdent {
	background-position: 0 -164px;
    display:none;
    }
.mstrmojo-outdent.disable {
    background-position: 0 -204px;
    display: inline;
    cursor: default;
}

.mstrmojo-andor-contents .mstrmojo-andor-contents .mstrmojo-outdent{
    display:inline;
}

.mstrmojo-andor-contents .mstrmojo-andor-contents .mstrmojo-outdent.disable{
    display:none;
}

.mstrmojo-indent {
    background-position: 0 -144px;
    display: none;
}

.mstrmojo-indent.disable {
    background-position: 0 -184px;
    display: inline;
    cursor: default;
}

.multi > .mstrmojo-itemwrap > .mstrmojo-cond > .mstrmojo-cond-prefix .mstrmojo-indent,
.multi > .mstrmojo-itemwrap > .mstrmojo-andor > .mstrmojo-andor-prefix .mstrmojo-indent,
.multi > .mstrmojo-itemwrap > .mstrmojo-relation > .mstrmojo-relation-prefix .mstrmojo-indent{
    display:inline;
}

.multi > .mstrmojo-itemwrap > .mstrmojo-cond > .mstrmojo-cond-prefix .mstrmojo-indent.disable,
.multi > .mstrmojo-itemwrap > .mstrmojo-andor > .mstrmojo-andor-prefix .mstrmojo-indent.disable,
.multi > .mstrmojo-itemwrap > .mstrmojo-relation > .mstrmojo-relation-prefix .mstrmojo-indent.disable{
    display:none;
}

.mstrmojo-andor-prefix:hover,
.mstrmojo-cond-prefix:hover,
.mstrmojo-cond-contents:hover{
    background-color:#b1bfcc;
}

x.mstrmojo-cond-contents{
    padding-left: 20px;
}
.mstrmojo-cond-contents .mstrmojo-textset {
    margin-left: 20px;
    }
.mstrmojo-cond-contents .mstrmojo-textset .mstrmojo-ListIcon {
    height:16px;
    vertical-align:bottom;
    }
.mstrmojo-cond-contents .mstrmojo-textset .mstrmojo-ListIcon.t10 {background-position: -80px -42px;}
.mstrmojo-cond-contents.selected {
    background-color:#b1bfcc;
}

.mstrmojo-CustomGroupEls {
    background-color:#fff;
}

.mstrmojo-dup,
.mstrmojo-ops {
    width: 18px;
    height: 16px;
    background: transparent url(images/cge.png) no-repeat;
    cursor: pointer;
	}

.mstrmojo-dup {background-position: -2px -122px;}
.mstrmojo-ops {background-position: -2px -102px;}

.mstrmojo-CustomGroupEl:hover {

}
.mstrmojo-CustomGroupEl:hover .mstrmojo-CustomGroupEl-tools {
    display: block;
}
.mstrmojo-CustomGroupEl-state {
    background-repeat: no-repeat;
    background-image: url(images/cge.png);
    vertical-align: middle;
    height: 18px;
    width: 16px;
    cursor: pointer;
}
.mstrmojo-CustomGroupEl-state.opened {
    background-position: 0 -16px;
}
.mstrmojo-CustomGroupEl-state.closed {
    background-position: 0 -40px;
}

.mstrmojo-CustomGroupEl-title,
.mstrmojo-cge-elname-edit,      /* for title's rename textbox */
.mstrWeb .mstrmojo-cge-elname-edit {    /* hack: to overwrite mstrWeb.css */
    font-size: 10pt;
    line-height: 10pt;
    white-space: nowrap;
    font-weight: bold;
}
.mstrmojo-cge-elname-edit {      /* for title's rename textbox */
    width: 695px;
    height: 22px;
    line-height: 12px;
}
.mstrmojo-CustomGroupEl-expr {
    margin: 0 6px 0 16px;
}
.mstrmojo-CustomGroupEl-expr-tools {
    margin: 3px 24px 1px 20px;
    visibility: hidden;
    display: none;
}
.mstrmojo-CustomGroupEl:hover .mstrmojo-CustomGroupEl-expr-tools {
    visibility: visible;
}

.mstrmojo-CustomGroupEl-expr-add {
    color: #ffffcc;
    cursor: default;
}
.mstrmojo-CustomGroupEl-title.mstrmojo-charcoalbox .mstrmojo-text {
    color: #444;
    font-size: 10pt;
    line-height: 10pt;
}
.mstrmojo-CustomGroupEl-expr.mstrmojo-charcoalbox {
    color: #444;
}

.mstrmojo-CGE-content{
    border: 1px inset #999;
    overflow: auto;
    height: 400px;
    background-color:white;
    position:relative; /*IE7 #410782*/
}

.mstrmojo-CGE-newElement,
.mstrmojo-CGE-addCondition {
    background: transparent url(images/cge.png) no-repeat -4px -2px scroll;
    padding: 0px 2px 0px 16px;
    color: #000;
    border:0px;
    font-weight: bold;
}
.mstrmojo-CGE-newElement {
    margin: 3px 5px;
    *position: relative;
}

.mstrmojo-CGE-andOrDial .mstrmojo-Dial-uparrow,
.mstrmojo-CGE-andOrDial .mstrmojo-Dial-dnarrow{
    display:none;
}

.mstrmojo-CGE-andOrPopup .mstrmojo-Editor-buttons{
    padding:0px;
}


.mstrmojo-CGEOptions .cell {vertical-align: top;}
.mstrmojo-CGEOptions-options {
	min-width: 280px;
	width: 280px;
	margin-top: 5px;
	margin-left: 2px;
	}
.mstrmojo-CGEOptions .mstrmojo-CheckBox {margin-left: -5px;}
.mstrmojo-CGEOptions-options .row {margin-bottom: 5px;}
.mstrmojo-CGEOptions-options .mstrmojo-DropDownButton {
	display: inline-block;
	margin-left: 10px;
	}
.mstrmojo-CGEOptions-preview {
	border: 1px solid #ADAAAD;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-left: 20px;
	padding-bottom: 5px;
	background-color: #FFF;
}
.mstrmojo-CGEOptions-preview .e {padding-left: 10px;}
.mstrmojo-CGEOptions-preview .e.flat {padding-left: 0;}
.mstrmojo-CGEOptions-preview .mstrmojo-Label {padding: 1px 5px;}
.mstrmojo-CGEOptions-preview .title {
	   font-weight: bold;
	   margin-bottom: 5px;
	   text-align: center;
	   background-color: #c7c7c7;
	   padding: 3px;
    }
.mstrmojo-FormatEditor-DropDownButton.CGE-parent-header,
.CGE-parent-header .mstrmojo-Popup {
	min-width: 186px;
}

.mstrmojo-FormatEditor-DropDownButton.CGE-report-filter,
.CGE-report-filter .mstrmojo-Popup {
	min-width: 186px;
}

.mstrmojo-balloon {
    border: 1px solid #7b7b7b;
    padding: 5px;
    background: #d0d0d0 url(images/walkBg.png) left top repeat-y;
    -moz-border-radius: 12px; /* to do: implement in cross-browser technique */
    position: absolute;
    /* top: 24px; */
    left: 12px;
}
.mstrmojo-balloon-arrow {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -25px; /* 25 = arrow height (26) - 2px to overlap PopupWalk's border */
    left: 12px;    /* border radius of PopupWalk + some indenting */
    background: url(images/balloonarrow.png) left top no-repeat;
}

.mstrmojo-Editor-ConditionWalk {min-width: 200px; /*match ObjectBrowser*/}
.mstrmojo-ConditionWalk {
    width: 180px; /*IE - use width instead since IE7 does not support min-width on TABLE; */
    }

x.mstrmojo-walkcell {
    vertical-align: middle;
    /* in theory, we dont need to specify these default width, visibility and overflow.
       however, IE has an issue whereby omitting these properties will cause the browser
       to take a long time to render these properties correctly, sometimes never (perhaps
       its the cascade computation that takes long). so for IE's issue, we explicitly
       declare the defaults, and then override them width the .hidden rule */
    width: auto;
    overflow: hidden;
    visibility: inherit;
}
.mstrmojo-walkstep-wrapper.hidden {
    /* for hiding a step. toggling display = none causes ugly flashing, so to
       avoid that we instead make the wrapper skinny and hide it */
    width: 0px;
    overflow: hidden;
    visibility: hidden;
}
.mstrmojo-ConditionWalk-btwnNode .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-atNode .mstrmojo-walkstep-wrapper {
    color: #808080;     /* not as dark as clickable text (#666666) */
}
.mstrmojo-ConditionWalk-closeBtn {
    background:transparent url(../../../style/mstr/images/buttons.gif) no-repeat scroll -20px -0px;
    height:20px;
    width:20px;
    cursor:pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: right;
}
.mstrmojo-ConditionWalk-notNode {
    display: none;
}
.mstrmojo-CondtionWalk-curtain {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 1;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    width: 100%;
    height: 0%;
}

.mstrmojo-Dial {
    font-size: 8pt;
    color: #000000; /*was : #365F91; */ /* was: #0e363f; */
    cursor: default;
    line-height: 8pt;
}
.mstrmojo-Dial.hasSelection .mstrmojo-Label,
.mstrmojo-Dial.hasSelection {
    color: #666666; /*was: acacac; too light */
    font-size: 7pt;
    line-height: 7pt;
}
.mstrmojo-walkstep-browse,
.mstrmojo-Dial.mstrmojo-walkstep {
    margin: 0 6px;
}

.mstrmojo-Dial-scrollbox.mstrmojo-walkstep {
    overflow:hidden;    /* hides native scrollbars */
}
.mstrmojo-Dial.mstrmojo-walkstep.mstrmojo-es {
    overflow: auto;    /* temp: show native scrollbar until we impl a custom one */
    overflow-x: hidden;
    overflow-y: auto;
}
.mstrmojo-Dial.mstrmojo-walkstep.mstrmojo-target .dial-item,
.mstrmojo-Dial.mstrmojo-walkstep.mstrmojo-c0 .dial-item,
.mstrmojo-Dial.mstrmojo-walkstep.mstrmojo-c1 .dial-item,
.mstrmojo-Dial.mstrmojo-walkstep.mstrmojo-es .dial-checkitem {
    max-width: 190px;
    text-overflow: ellipsis;
    }

.mstrmojo-Dial-uparrow,
.mstrmojo-Dial-dnarrow {
    visibility: hidden;    /* leave blank space for it, but hide until mouseover */
    background-image: url(images/arrow_white_sprite.gif);
    background-repeat: no-repeat;
    height: 13px;
    width: 100%;
}
.mstrmojo-Dial-uparrow {
    background-position: center top;
}
.mstrmojo-Dial-dnarrow {
    background-position: center bottom;
}
.mstrmojo-Dial-uparrow.enabled:hover,
.mstrmojo-Dial-dnarrow.enabled:hover {
    background-color: #c0c0c0;  /* to let users see the hot zone so they can aim better */
}
.mstrmojo-Dial:hover .mstrmojo-Dial-uparrow.enabled,
.mstrmojo-Dial:hover .mstrmojo-Dial-dnarrow.enabled {
    /* show the arrow only upon hover and only when enabled (meaning, the list is long enough) */
    visibility: inherit;
}
.mstrmojo-walkstep-browse,
.dial-item {
    padding: 4px 3px;
    white-space: nowrap;
    overflow: hidden;   /* for IE; without this, the padding is not clickable */
}
.dial-item:hover {
    background-color: #B1BFCC;
}
.mstrmojo-walkstep-browse:hover,
.dial-item.link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.mstrmojo-walkstep-browse{
    height: 16px;
    line-height:16px;
    color: #007ebe;
}

.mstrmojo-ConditionWalk-atNode .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-fm3Node .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-c1Node .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-btwnNode .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-fm2Node .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-fnNode .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-c0Node .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-fmNode .mstrmojo-walkstep-wrapper{
    padding-top:24px;
}

.mstrmojo-ConditionWalk-okNode{
    max-width:68px;
    width:68px;
}

.dial-item.link:hover {
    background: transparent;
    }
.mstrmojo-Label.dial-item.selected,
.dial-item.selected {
    /* color: #8D1616;*/ /*Moved to theme.css*/
    font-weight: bold;
    font-size: 9pt;
    line-height: 9pt;
}
.dial-item.no-hilite,
.dial-item.selected.no-hilite {
    /* suppresses highlighitng for a selected item; to avoid drawing attention to defaults */
    /* all these props below should be set to inherit, but IE7 doesnt support that, so we
       must duplicate the values we would be inheriting. */
    font-weight: normal;
    font-size: 7pt;
    line-height: 7pt;
}
.dial-checkitem {
    /* similar to dial-item, but with a checkbox on the left */
    padding: 4px 48px 4px 21px;
    background-image: url(images/unchecked.gif);
    background-position: left center;
    background-repeat: no-repeat;
    white-space: nowrap;
    overflow: hidden;   /* for IE; without this, the bg image and padding are not clickable */
}
.dial-checkitem.link {text-decoration: underline;}
.dial-checkitem:hover {
    background-color: #B1BFCC;
}
.dial-checkitem.selected {
    background-image: url(images/checked.gif);
    /*color: #8D1616;*//*Moved to theme.css*/
    font-weight: bold;
    font-size: 9pt;
    line-height: 9pt;
}
.dial-checkitem.unselectable {
    background-image: none;
}

.mstrmojo-cge-desc,
.mstrmojo-cge-desc-edit,
.mstrmojo-cge-name,
.mstrmojo-cge-name-edit {
    width: 708px;
    display: block;
    color: #444;    /* color of an attribute */
    cursor:text;
    margin-bottom: 2px;
}

.mstrmojo-cge-desc-edit,
.mstrmojo-cge-name-edit {
    width: 710px;
}

.mstrmojo-cge-name,
.mstrmojo-cge-name-edit {
    height: 23px;
    line-height: 23px;
    font-size: 11pt !important;
    font-weight:bold;
}

.mstrmojo-cge-desc,
.mstrmojo-cge-desc-edit {
    height: 13px;
    line-height: 13px;
}

.mstrmojo-cge-desc:hover,
.mstrmojo-cge-name:hover {
    padding: 2px 1px;
    border: 1px solid #999;
}

.mstrmojo-cge-desc,
.mstrmojo-cge-name {
    padding: 3px 2px;
}

.mstrmojo-cge-elname-edit,
.mstrmojo-cge-desc-edit,
.mstrmojo-cge-name-edit {
    border: 1px solid #999;
    padding: 2px 0px;
    background-color: #B1BFCC;
}

/** View Filter Editor related style has been moved to _FilterEditor.scss **/