/* General purpose CSS */
::-ms-clear,
::-ms-reveal {display: none;}

:focus {
    outline: 0;
}

.mstrmojo-clearMe {
    clear: both;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.mstrmojo-WaitIcon {
    background: transparent url(images/circle-loader.gif) 50% 50% no-repeat;
    height: 20px;
    margin-left: 2px;
    width: 20px;
}

.mojo-inline-wait {
    background: #F5F5F2 url(images/circle-loader.gif) 50% 50% no-repeat;
    border: 1px solid #000;
    display: none;
    height: 25px;
    left: 15px;
    position: absolute;
    top: 15px;
    width: 25px;
    z-index: 10000;
}

.mojo-overlay-wait {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.mojo-overlay-wait .overlay {
    background: #f5f5f2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    height: 100%;
    left: 0;
    position: absolute;
    opacity: .5;
    top: 0;
    width: 100%;
}

.mojo-overlay-wait .icon {
    background: #f5f5f2 url(images/circle-loader-grad.gif) 50% 50% no-repeat;
    height: 38px;
    left: 50%;
    margin: -19px 0 0 -19px;
    position: absolute;
    top: 50%;
    width: 38px;
}

/*Begin: Status Bar  */
.mstrmojo-progress {
    position: absolute;
    z-index: 7;
    top: 100px;
    left: 6px;
    background-color: #000000;
    border: 1px solid #c0c0c0;
    padding: 6px;
    width: 200px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    opacity: 0.85;
}
.mstrmojo-progress-text {
    font-family: Calibri, Tahoma;
    font-size: 8pt;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #ffffff;
    margin-top: 6px;
}
.mstrmojo-progress-barbg {
    height: 3px;
    width: 100%;
    overflow: hidden;
    background-color: #c0c0c0;
    margin-top: 6px;
}
.mstrmojo-progress-bar {
    height: 3px;
    width: 0px;
    overflow: hidden;
    background-color: #ff0000;
}
/**End: Status Bar*/

.pt {
    cursor: pointer;
}

.nw {
    white-space: nowrap;
}

.hl {
    cursor:pointer;
    text-decoration:underline;
}


/* Generic Tabs */

.mstrmojo-TabButton {
    font-family: Tahoma,Arial;
    font-size: 8pt;
    border: 1px solid #808080;
    padding: 2px 4px 2px 4px;
    line-height: 19px;
    background-color: #d4d0c8;
    cursor: pointer;
}
.mstrmojo-TabButton:hover,
.mstrmojo-TabButton.selected {
    background-color: #999999;
    color: #ffffff;
}

.mstrmojo-DropDownList,
.mstrmojo-DropDownList-select,
.mstrmojo-DropDownList-select > option {
    color: inherit;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
}

.mstrmojo-DropDownList-select {
	max-width: 100%;
	margin: 0;
}

select.mstrmojo-DropDownList-select.mstrmojo-DocGroupBy-unit-select {
    max-width: none;
}

.mstrmojo-HBox {
    border-collapse: collapse;
}
.mstrmojo-HBox-cell {
    padding: 0;
}

.mstrmojo-ListBox,
.mstrmojo-CheckList,
.mstrmojo-RadioList,
.mstrmojo-ButtonList,
.mstrmojo-LinkList{
    overflow: auto;
}
.mstrmojo-ListBoxHoriz,
.mstrmojo-CheckListHoriz,
.mstrmojo-RadioListHoriz,
.mstrmojo-ButtonListHoriz,
.mstrmojo-LinkListHoriz {
    overflow-x: hidden;
}

.mstrmojo-ListBox-table {
    border-collapse: collapse;
}
.mstrmojo-ListBox-table td{
    white-space: nowrap;
}

.mstrmojo-LinkListHoriz .mstrmojo-ListBox-table td{
	padding: 1px; /* I am going to add cellpadding="0" for the table in ListBoxHoriz.js, so need to add this css padding to be consistant with previous effect. For Starbelly segment comparison feature which can not have padding between tabs.*/
}

.mstrmojo-ListBox-item,
.mstrmojo-ListBoxHoriz-item {
    color: inherit;
    font-family: Tahoma,Verdana,Helvetica;
    font-size: 8pt;
    margin: 1px;
    /*padding: 3px 1px 3px 1px;*/ /* issue 402714, list box has too much space between items.*/
    white-space: nowrap;
    cursor: default;
}
.mstrmojo-ListBox-item.selected,
.mstrmojo-ListBoxHoriz-item.selected {
    background-color: #0A246A;
    color: #ffffff !important;
}
.mstrmojo-ButtonList table,
.mstrmojo-ButtonListHoriz table {
    width: 100%;
}
.mstrmojo-ButtonList-item,
.mstrmojo-ButtonListHoriz-item {
    border-width: 2px;
    border-style: outset;
    width: 100%;
}

.mstrmojo-ButtonItem.selected {
    border-style: inset;
    width: 100%;
}

.mstrmojo-LinkList-item,
.mstrmojo-LinkListHoriz-item {
    border-width: 0px;
    width: 100%;
    background-color:transparent;
}
.mstrmojo-ButtonList-item.selected,
.mstrmojo-ButtonListHoriz-item.selected{
    border-style: inset;
}

.mstrmojo-CheckList-item,
.mstrmojo-CheckListHoriz-item,
.mstrmojo-RadioList-item,
.mstrmojo-RadioListHoriz-item {
    color: inherit;
    font-family: Tahoma,Verdana,Helvetica;
    font-size: 8pt;
    white-space: nowrap;
    cursor: default;
    width: 100%;
}

/*setting height & width to avoid the browser bug that checkbox & rediobutton remains same size when browser zooms in/out.
13px is the default size on browser*/
.mstrmojo-CheckList-item input[type="checkbox"],
.mstrmojo-CheckList-item input[type="radio"],
.mstrmojo-CheckListHoriz-item input[type="checkbox"],
.mstrmojo-CheckListHoriz-item input[type="radio"],
.mstrmojo-RadioList-item input[type="checkbox"],
.mstrmojo-RadioList-item input[type="radio"],
.mstrmojo-RadioListHoriz-item input[type="checkbox"],
.mstrmojo-RadioListHoriz-item input[type="radio"]{
      width: 13px;
      height: 13px;
}

.mstrmojo-LinkListHoriz td{
    border-left: 1pt solid black; /* shows the black bar between each item. The left most border will be collapsed with table border.*/
}
/** make sure the content in horizental allignment at the vertical center. */
/* Change "table" to "mstrmojo-ListBox-table" to avoid using DOM name selectors. */
.mstrmojo-RadioListHoriz,
.mstrmojo-RadioListHoriz div,
.mstrmojo-RadioListHoriz .mstrmojo-ListBox-table,
.mstrmojo-CheckListHoriz,
.mstrmojo-CheckListHoriz div,
.mstrmojo-CheckListHoriz .mstrmojo-ListBox-table,
.mstrmojo-ButtonListHoriz,
.mstrmojo-ButtonListHoriz div,
.mstrmojo-ButtonListHoriz .mstrmojo-ListBox-table,
.mstrmojo-LinkListHoriz,
.mstrmojo-LinkListHoriz div,
.mstrmojo-LinkListHoriz .mstrmojo-ListBox-table {
    height: 100%;
}

.mstrmojo-ListBox-table div {
    height:auto; /* Chrome needs this to have checkbox/radio buttons vertically in the middle */
}
.mstrmojo-ListBox-item,
.mstrmojo-ListBox-table input{
    cursor: pointer;
}

/*#713801 remove margin to make list buttons on chrome, safari appear same as FF,IE */
.mstrmojo-ListBox-table input[type="button"] {
	margin: 0px;
}

/** make sure each element in the horizontal/vertical button list stretch through whole width. */
.mstrmojo-ButtonListHoriz input,
.mstrmojo-ButtonList input {
    width: 100%;
}
/*
.mstrmojo-ListBoxHoriz .mstrmojo-ListBox-table,
.mstrmojo-LinkListHoriz .mstrmojo-ListBox-table,
.mstrmojo-ButtonListHoriz .mstrmojo-ListBox-table,
.mstrmojo-CheckListHoriz .mstrmojo-ListBox-table,
.mstrmojo-RadioListHoriz .mstrmojo-ListBox-table  {
    width: 100%;
}
*/
.mstrmojo-ListBoxHoriz .mstrmojo-ListBox-table td,
.mstrmojo-LinkListHoriz .mstrmojo-ListBox-table td,
.mstrmojo-ButtonListHoriz .mstrmojo-ListBox-table td,
.mstrmojo-CheckListHoriz .mstrmojo-ListBox-table td,
.mstrmojo-RadioListHoriz .mstrmojo-ListBox-table td {
    overflow: hidden;  /* prevents horiz cells from bleeding into each other. consider adding prefix mstrmojo-DocSelector */
}

/*
InteractiveText is a block element that displays hover and selected state.
Due to the padding manipulations, they work best with text-only elements,
not with background images.
*/


.mstrmojo-InteractiveText {
    border: 0px;
    padding: 2px 2px 2px 14px;   /* allows for 1px border when selected */
}
.mstrmojo-InteractiveText:hover {
    color: #FFF;
  }

.mstrmojo-InteractiveText.selected {

    border: 1px solid #000080;

}

.mstrmojo-Label {
    /*font-family: Tahoma,Verdana,Arial;*/
    font-size: 8pt;
    cursor:default;
}

/* For mstrmojo.Popup: */

.mstrmojo-Popup {
    overflow: visible;
    position: absolute;
    z-index: 3;
}

.mstrmojo-Popup-shadow {
    display: none;
}
.mstrmojo-Menu {
    overflow: hidden;
    position: absolute;
    z-index: 11;
    background-color: #3F3F3F;
	opacity: 0.95;
	padding: 5px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.55);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.55);
	box-shadow: 0 0 6px rgba(0,0,0,0.55);
	border-radius: 2px;
	border: 1px solid rgba(155,155,155,0.6);
}

.mstrmojo-Menu-content {
    position: relative;
    z-index: 2;
    padding: 0 2px;
    height: 100%; /*for IE7*/
    color:  #f2f2f2;
    background:  #3b3b3b;
}


.mstrmojo-Menu-shadow {/*for IE only - dropshadowFilter causes offset*/
    background-color: #404040;
    display: block;
    filter:alpha(opacity=50); /* IE won't allow nested alpha filters, and we want mstrmojo-popup to do a fade */
    height: 2000px;
    left: 3px;
    opacity: .5;
    position: absolute;
    top: 3px;
    width: 2000px;
    z-index: 1;
}

.mstrmojo-Menu-Box {
  	border-bottom: 1pt solid #303030 !important;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(76,76,76,1);/*or 4c4c4c*/
	-moz-box-shadow: 0px 1px 0px 0px rgba(76,76,76,1);
	box-shadow: 0px 1px 0px 0px rgba(76,76,76,1);
    cursor: default;
}


/* For ToolBars: */
.mstrmojo-ToolBar.grouped {
   padding-top: 3px;
}


.mstrmojo-ToolBar.grouped .mstrmojo-ToolBar-innertable {
    margin: 0px 5px;
}
.mstrmojo-ToolBar.grouped .mstrmojo-ToolBar-cell {
    height: 26px;
    vertical-align: middle;
}


.mstrmojo-ToolSeparator {
  border-right: 1px solid #494949;
  border-left: 1px solid #1c1c1c;
  height: 75%;
}

/* Generic Button control */

.mstrmojo-Button {
    overflow: hidden;
    cursor: default;
}
.mstrmojo-Button-text {
    background-color: transparent;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
.mstrmojo-Button.disabled {
    -moz-opacity: .5;
    opacity: .5;
    filter:alpha(opacity=50);
    cursor: default;
}

/* Generic MenuItem control */

.mstrmojo-MenuItem {
    /* Avoid putting padding in here so that we can mix this with mstrmojo-InteractiveButton. */
    cursor: pointer;    /* To avoid typing cursor. */
    white-space: nowrap;
    /* These font-size is needed to overwrite DocSection font-size: 0pt. Grrr. TO DO: should we remove font-size: 0? */
    font-family: Tahoma;
    font-size: 8pt;
}


.pressed .mstrmojo-MenuItem-text {
    background: url("../../../style/mstr/images/menuCheck.gif") no-repeat left 5px transparent;
}

.mstrmojo-MenuItem.disabled {
    -moz-opacity: .5;
    opacity: .5;
    filter:alpha(opacity=50);
}
.mstrmojo-MenuItem-text {
    font-family: Tahoma,Verdana,Helvetica;
    font-size: 8pt;
    padding: 3px 27px 1px 27px;    /* Leaves room on left for icon. */
    height: 16px;       /* 16px = height of sprite images (20px) - vertical padding (3+1) */
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Interactive buttons display hover and selected state */

.mstrmojo-InteractiveButton {
    border: 0px;
    padding: 1px 4px;   /* allows for 1px border when selected */
}



/* ToolBar Buttons */
.mstrmojo-Menu .mstrmojo-Button,
.mstrmojo-ToolBar-cell .mstrmojo-Button,
.mstrmojo-LinkInfo-buttonNode .mstrmojo-Button,
.mstrmojo-floating-toolbar .mstrmojo-Button {
    height: 19px;
    width: 21px;
}

.mstrmojo-fixed-toolbar .mstrmojo-Button {
    height: 15px;
    width: 18px;
}

.mstrmojo-Xtab {
    overflow: visible;
    position: absolute;
}

.mstrmojo-Xtab-msg {
    overflow: hidden;
    display: none;
}

.mstrmojo-Xtab-content {
    overflow: hidden;
    /*position: relative;*/
    z-index: 1;    /* Ensures xtab popups will float over xtab data content. */
    position: relative;
}

.mstrmojo-Xtab-overlay {
    display: none;
}

.xtab-td {
    overflow:hidden !important;
    //white-space:nowrap !important;
}


.mstrmojo-oivmSprite .mstrmojo-Button-text,
 .mstrmojo-oivmSprite .mstrmojo-ListBox-item {
	background-image: url(../../../style/mstr/images/toolbar.png);
	background-position: left 21px;
	background-repeat: no-repeat;
}


.mstrmojo-oivmSprite .mstrmojo-Button-text:hover,
 .mstrmojo-oivmSprite .mstrmojo-ListBox-item:hover  {
	background-image: url(../../../style/mstr/images/toolbar_h.png);
	background-repeat: no-repeat;
}

.mstrmojo-oivmSprite .mstrmojo-Button-text .selected,
 .mstrmojo-oivmSprite .mstrmojo-ListBox-item .selected {
	background-image: url(../../../style/mstr/images/toolbar_a.png);
	background-repeat: no-repeat;
}


.mstrmojo-oivmSprite .mstrmojo-ListBox-item {
    height: 17px;
}

/* For DropDownButton, used standalone (e.g., in Xtab): */

.mstrmojo-DropDownButton {
    overflow: visible;
}
.mstrmojo-DropDownButton-boxNode {
    /* default height. Override height is set at run-time via widget property */
    height: 19px;
    overflow: hidden;
}

.mstrmojo-DropDownButton-iconNode {
    background: transparent url(../../../style/mstr/images/toolbar.png) no-repeat;
    overflow: hidden;
}
.mstrmojo-DropDownButton.up .mstrmojo-DropDownButton-iconNode {
    background-image: url(images/arrow_blk_up_5x7.gif);
}

.mstrmojo-DropDownButton.disabled {
    -moz-opacity: .5;
    opacity: .5;
    filter:alpha(opacity=50);
}
.mstrmojo-DropDownButton-popupNode {
    overflow: visible;
    height:1px;
    display: inline;    /* for IE (+others?): enforces height 1px without overflow: hidden */
}


/* For DropDownButton, used as a child of PickerButton (e.g., in ToolBars): */

.mstrmojo-PickerButton {
    border-collapse: collapse;
}
.mstrmojo-PickerButton-cell {
    vertical-align: top;
    padding: 0;
}
.mstrmojo-OIVMPage-toolbar .mstrmojo-PickerButton-cell .mstrmojo-Button {
    background: none;
}

.mstrmojo-PickerButton-DropDownButton {
    background: transparent;
    border: 0px;

}
.mstrmojo-PickerButton-DropDownButton-boxNode {
    /* height and border is set to match ToolButton */
    border: 0px;
    height: 19px;
    padding: 1px;   /* allows for 1px border when selected */
    padding-left: 0;
    width: 10px;
    overflow: hidden;
}


.mstrmojo-PickerButton:hover .mstrmojo-PickerButton-DropDownButton-boxNode {
    border-left: 0;
}
.mstrmojo-PickerButton-DropDownButton-iconNode,
/* The following selector will suppress the default hover iconNode background */
.mstrmojo-PickerButton-DropDownButton-boxNode:hover .mstrmojo-DropDownButton-iconNode {
    background-position: -328px -220px;
    height:19px;    /*was: 100%;*/
    overflow: hidden;
    width:10px;     /*was:100%;*/
}
.mstrmojo-PickerButton-DropDownButton.disabled {
    -moz-opacity: .5;
    opacity: .5;
    filter:alpha(opacity=50);
}

.mstrmojo-PickerButton-DropDownButton-popupNode {
    overflow: visible;
    height:1px;
    display: inline;    /* for IE (+others?): enforces height 1px without overflow: hidden */
}


/* Selectbox and Pulldown: */

.mstrmojo-SelectBox,
.mstrmojo-SelectBox > option {
    color: inherit;
    font: inherit;
    text-decoration: inherit;
    border-radius: 2px;
}


/* ToolBar buttons: */

.tbSortAsc .mstrmojo-Button-text,
.tbSortAsc .mstrmojo-MenuItem-text {
	background-image: url(images/oivmToolBarSprite.gif);
    background-position: left 0px;
}
.tbSortDesc .mstrmojo-Button-text,
.tbSortDesc .mstrmojo-MenuItem-text {
	background-image: url(images/oivmToolBarSprite.gif);
    background-position: left -20px;
}

.tbSortAsc.selected .mstrmojo-MenuItem-text {
	background-image: url(images/oivmToolBarSprite.gif);
    background-position: left -840px;
    }
.tbSortDesc.selected .mstrmojo-MenuItem-text {
	 background-image: url(images/oivmToolBarSprite.gif);
    background-position: left -860px;
}

.tbDrill .mstrmojo-Button-text {
    background-position: left -40px;
}

.tbSave .mstrmojo-Button-text {
    background-position: -120px -260px;
}
.tbSaveAs .mstrmojo-Button-text{
    background-position: -260px -540px;
}

.tbDesignMode .mstrmojo-Button-text {
    background-position: -200px -80px;
}
.tbConvertToDoc .mstrmojo-Button-text {
    background-position: -40px -543px;
}
.tbPrint .mstrmojo-Button-text {
    background-position: -160px -220px;
}

.tbBrowseParentFSM .mstrmojo-Button-text {
  background-position: -220px -400px;
}
.tbClose .mstrmojo-Button-text {
    background-position: -160px -500px;
}
.tbHome .mstrmojo-Button-text {
    background-position: -240px -140px;
}
.tbRefresh .mstrmojo-Button-text {
    background-position: -36px -240px;
}
.tbReExecute .mstrmojo-Button-text {
    background-position: left -140px;
}
.tbStopAutoRefresh .mstrmojo-Button-text {
	 background-position: -380px -180px;
}
.tbStartAutoRefresh .mstrmojo-Button-text {
   background-position: -380px -160px;
}
.tbEditableViewMode .mstrmojo-Button-text {
    background-position: -360px -80px;
}

.tbInteractiveViewMode .mstrmojo-Button-text {
    background-position: 0px -420px;
}

.tbIVE .mstrmojo-Button-text {
	 background-image: url(images/oivmToolBarSprite.gif);
    background-position: left -923px;
}
.tbAddToHistoryList .mstrmojo-Button-text {
    background-position: -120px -420px;
}
.tbCreatePersonalView .mstrmojo-Button-text {
    background-position: -160px -540px;
}
.tbShareURL .mstrmojo-Button-text {
    background-position: -300px -540px;
}
.tbReprompt .mstrmojo-Button-text {
   background-position: -240px -240px;
}
.tbStaticViewMode .mstrmojo-Button-text {
    background-position: left -240px;
}

.tbFlash .mstrmojo-Button-text,
.tbFlashViewMode .mstrmojo-Button-text,
.lbFlash .mstrmojo-Button-text {
    background-position: -238px -120px;
}

.mstrmojo-oivmSprite .mstrmojo-ListBox-item.lbFlash {
	background-position: -240px -120px;
}
.tbScheduled .mstrmojo-Button-text {
    background-position: -160px -280px;
}
.tbSend .mstrmojo-Button-text {
    background-position: -200px -260px;
}
.tbNormalMode .mstrmojo-Button-text {
    background-position: left -320px;
}
.tbFullMode .mstrmojo-Button-text {
    background-position: left -340px;
}

.mstrmojo-oivmSprite .mstrmojo-ListBox-item.lbPDF,
.tbPDF .mstrmojo-Button-text,
.lbPDF .mstrmojo-Button-text {
    background-position: 0 -220px;
}

.mstrmojo-oivmSprite .mstrmojo-ListBox-item.lbHTML ,
.tbHTML .mstrmojo-Button-text,
.lbHTML .mstrmojo-Button-text {
    background-position: -383px -40px;
}


.tbDocFlash .mstrmojo-Button-text {
   background-position: -38px -520px;
}
.tbDocAjax .mstrmojo-Button-text {
    background-position: left -400px;
}
.tbUndo .mstrmojo-Button-text {
    background-position: left -420px;
}
.tbRedo .mstrmojo-Button-text {
    background-position: left -440px;
}
.tbApply .mstrmojo-Button-text {
    background-position: left -460px;
}
.ifp .tbApply .mstrmojo-Button-text {
    background-position: -4px -460px;
}

.tbBackPicker .mstrmojo-Button-text {
    background-position: 0px -400px;
}
.tbForwardPicker .mstrmojo-Button-text {
    background-position: -40px -400px;
}
.mstrmojo-oivmSprite .mstrmojo-ListBox-item.lbExcel,
.tbExcel .mstrmojo-Button-text,
.lbExcel .mstrmojo-Button-text,
.tbExport .mstrmojo-Button-text{
    background-position: -80px -100px;
}
/*
.tbPivotCols .mstrmojo-MenuItem-text {
    background-position: left -540px;
}*/

.tbPivotLeft .mstrmojo-MenuItem-text {
	background-image: url("../../../style/mstr/images/pivotsnmore.png");
	background-repeat: no-repeat;
	background-position: -55px -30px;
}
.tbPivotRight .mstrmojo-MenuItem-text {
	background-image: url("../../../style/mstr/images/pivotsnmore.png");
	background-repeat: no-repeat;
	background-position: -80px -5px;
}
/*.tbPivotRows .mstrmojo-MenuItem-text {
    background-position: left -600px;
}*/

.tbPivotUp .mstrmojo-MenuItem-text {
  background-image: url("../../../style/mstr/images/pivotsnmore.png");
   background-position: -55px -5px !important;
}
.tbPivotDown .mstrmojo-MenuItem-text {
	background-image: url("../../../style/mstr/images/pivotsnmore.png");
    background-position: -80px -30px ;
}
.tbGrid .mstrmojo-Button-text {
    background-position: -140px -140px;
}
.tbGraph .mstrmojo-Button-text {
    background-position: -60px -140px;
}

.tbPublish .mstrmojo-Button-text {
   background-image: url(../../../style/mstr/images/toolbar_a.png);
   background-position: -218px -520px;
}


.tbResetDocument .mstrmojo-Button-text,
.tbResetDocument .mstrmojo-Button-text:hover {
		background-position: -380px 0;
}


/*scroller*/

.mstrmojo-DocSelector.extSlider {
    text-align:left !important;
}
.sc {
      height: 100%;
      width: 100%;
}

.sc-v {
      margin-left: 2px;
}
.sc-h {
      margin-top: 2px;
}
.sc .bk {
      border: 1px solid #B2B2B2;
}
.sc .cont {
      font-size: 1px; /* for IE 7, if one of cont's child is visible and fit to content situation, then the inherited font size 10 pt will make the cont taller than neccessary, so set it to a very small number here.*/
}
.sc-v .sd {
       margin-left: 1px;
}
.sc-h .sd {
      margin-top: 1px;
}
.sc-v .bk {
      background: transparent url(images/scroller/bg-v.gif) 0 0 repeat-y;
      width: 5px;
      height: 100%;
}
.sc-h .bk {
      background: transparent url(images/scroller/bg-h.gif) 0 0 repeat-x;
      margin-top: 10px;
      height: 5px;
      width: 100%;
}

.sc .gh {
    z-index: 1000;
}
.sc .gh div {
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); /*IE*/
    z-index: 1;
}
.sc2 .sd {
      border-color: #4e554e;
      border-style: solid;
      left: 0;
      position: absolute;
      top: 0;
}
.sc-v.sc2 .sd {
      background: transparent url(images/scroller/bg-thumb-v.gif) 0 0 repeat-y;
      border-width: 0 1px;
      width: 9px;
}
.strikeout .sc-v.sc2 .sd {background-image: url(images/scroller/bg-thumb-v_blue.gif);}

.sc-h.sc2 .sd {
      background: transparent url(images/scroller/bg-thumb-h.gif) 0 0 repeat-x;
      border-width: 1px 0;
      height: 9px;
      margin-top: -2px;
}
.strikeout .sc-h.sc2 .sd {background-image: url(images/scroller/bg-thumb-h_blue.gif);}

.sc .sd div {
      position: absolute;
}
.sc2 .sd .t1,
.sc2 .sd .t3 {
      background: transparent url(images/scroller/tickers.gif) 0 0 no-repeat;
      height: 11px;
      width: 11px;
}
.strikeout .sc2 .sd .t1,
.strikeout .sc2 .sd .t3 {background-image: url(images/scroller/tickers_blue.gif);}

.sc-v.sc2 .sd .t1,
.sc-v.sc2 .sd .t3 {
      left: -1px;
}
.sc-v.sc2 .sd .t1 {
      top: -11px;
}
.sc-h.sc2 .sd .t1,
.sc-h.sc2 .sd .t3 {
      top: -1px;
}
.sc-h.sc2 .sd .t1 {
      background-position: -11px 0px;
      left: -11px;
}
.sc2 .sd .t2 {
      height: 100%;
      width: 100%;
}
.sc-v.sc2 .sd .t2 {background: transparent url(images/scroller/thumb-v.gif) 50% 50% no-repeat;}
.strikeout .sc-v.sc2 .sd .t2 {background-image: url(images/scroller/thumb-v_blue.gif);}

.sc-h.sc2 .sd .t2 {background: transparent url(images/scroller/thumb-h.gif) 50% 50% no-repeat;}
.strikeout .sc-h.sc2 .sd .t2 {background-image: url(images/scroller/thumb-h_blue.gif);}

.sc-v.sc2 .sd .t3 {
      background-position: 0 -11px;
      bottom: -11px;
}
.sc-h.sc2 .sd .t3 {
      background-position: -11px -11px;
      right: -11px;
}

.mstrmojo-Tooltip {
    position: absolute;
    z-index: 100;
}
.mstrmojo-Tooltip-content {
    background-color:#FDFFB4;
    border:1px solid #FCC90D;
    color:#000000;
    overflow:visible;
    text-align:left;
    white-space:nowrap;
    opacity:0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

/** scroller tooltip */
.sc-tooltip {
    color: #000000;
    border: 1px solid rgb(178,178,178);
    background: #fff url(images/scroller/InfoIcon.gif) no-repeat;
    padding-left: 16px;
    }

.sc-tooltip span{
    padding-left: 3px;
    padding-right: 3px;
    border-left: 1px solid rgb(178,178,178);
    height: 100%;
    font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
    font-size:8pt;
    white-space: nowrap;
    }
.sc-tooltip span::selection{
    background-color: transparent;
    }
.sc-tooltip span::-moz-selection{
    background-color: transparent;
}
.sc-tooltip .mstrmojo-Label {
    padding-left: 3px;
    padding-right: 3px;
    border-left: 1px solid rgb(178,178,178);
    height: 100%;
    font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
    font-size:8pt;
    white-space: nowrap;
}

/*metric slider tooltip*/
.edvl .mstrmojo-Popup-content,
.scm-tooltip{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border:1px solid #999;
    background-color: #ededed !important;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#dddddd',EndColorStr='#ffffff') progid:DXImageTransform.Microsoft.Shadow(color='#A6A6A6',Direction=135,Strength=4);
    padding-left: 0px;
}

.scm-tooltip span{
    padding-left: 3px;
    padding-right: 3px;
    height: 100%;
    font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
    font-size:8pt;
    white-space: nowrap;
}

.sc-tooltip span,
.scm-tooltip span{
    border: none;
}
/*------------------*/
/** single selection version of scroller */
.sc1 .sd {
      left: 0;
      position: absolute;
      top: 0;
}
.sc1 .sd .t1,
.sc1 .sd .t3{
    display: none;
    width: 0px;
    height: 0px;
}
.sc1 .sd .t2 {
      background: transparent url(images/scroller/splitters.gif) 0 0 no-repeat;
      cursor: pointer;
      left: 0px;
      position: absolute;
      top: 0px;
}
.strikeout .sc1 .sd .t2 {background: url(images/scroller/splitters_blue.gif);}

.sc-v.sc1 .sd {
      height: 0px;  /* single slider's ticker does not have a length, so the mouse position will just be the ticker position */
}
.sc-v.sc1 .sd .t2{
      background-position: -19px -3px;
      height: 13px;
      margin-left: 2px;
      width: 19px;
      top: -6px;    /* centered the ticker image on the ticker div .sd */
}
.sc-h.sc1 .sd {
      width: 0px; /*single slider's ticker does not have a length, so the mouse position will just be the ticker position*/
}
.sc-h.sc1 .sd .t2{
      background-position: -3px 0;
      height: 10px;
      top: 0px;
      width: 13px;
      left: -6px;   /* centered the ticker image on the ticker div .sd */
}
/** end of single selection version of scroller */

/*start of metric scroller*/
.mstrmojo-Slider {
    position: relative;
}

.mstrmojo-Slider.sc {
    height: auto;
}

.mstrmojo-portlet-container .mstrmojo-Slider .cont {
	margin-top: 13px;
}

.mstrmojo-Slider-summary {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
    margin: 4px auto auto;
}
.scm .sd {
      left: 0;
      position: absolute;
      top: 0;
}

.extSlider .sc-v,
.extSlider .sc-h {
    margin: 0;
}

.sc-h.scm .sd .t1,
.sc-h.scm .sd .t3{
    height: 15px;
    width: 15px;
    }
.sc-h.scm .sd .t1,
.sc-h.scm .sd .t3 {background-image: url("../../../style/mstr/images/slider_ball.png");}

.sc-v.scm .sd .t1,
.sc-v.scm .sd .t3 {
      width: 15px;
      height: 6px;
      border: 1px solid grey;
}

.sc-h.scm .sd .t1,
.sc-h.scm .sd .t3,
.strikeout .sc-h.scm .sd .t1,
.strikeout .sc-h.scm .sd .t3 {
      top: -4px;
      z-index: 24;
}
.sc-v.scm .sd .t1,
.sc-v.scm .sd .t3,
.strikeout .sc-v.scm .sd .t1,
.strikeout .sc-v.scm .sd .t3 {
      left: -4px;
      z-index: 24;
}

.sc-h.scm .sd .t1 {
      left: -6px;
}
.sc-h.scm .sd .t3 {
      right: -6px;
}
.sc-v.scm .sd .t1 {
      top: -6px;
}
.sc-v.scm .sd .t3 {
      bottom: -6px;
}

/*start of highlight*/
.strikeout .sc-h.scm .sd .t1,
.strikeout .sc-h.scm .sd .t3 {
    background: url("../../../style/mstr/images/slider_ball_grey.png");
}

.strikeout .sc-h.scm .t2.bk{
    background-image: url("images/scroller/bg-h.gif");
}

.strikeout .sc-h.scm .bk,
.sc-h.scm .t2.bk {background: #0980EE;}

.sc-h.scm .bk,
.strikeout .sc-h.scm .t2.bk {background: #989898;}

.sc-h.scm .bk {
    height: 3px;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #484C4C #484C4C #919999 #484C4C;
}

/*end of highlight*/

/*start of invalid status*/
.sc-h.scm.invalid .t1,
.sc-h.scm.invalid .t3,
.sc-h.scm.invalid .sd .t1:hover,
.sc-h.scm.invalid .sd .t3:hover,
.strikeout .sc-h.scm.invalid .sd .t1,
.strikeout .sc-h.scm.invalid .sd .t3,
.strikeout .sc-h.scm .sd .t1:hover,
.strikeout .sc-h.scm .sd .t3:hover {
     background: url("../../../style/mstr/images/slider_ball_grey.png");
    }

.strikeout .sc-h.scm.invalid .bk,
.sc-h.scm.invalid .t2.bk {background: #989898;}
/*end of invalid status*/

/*end of metric scroller*/

/*start of edit value box*/
.qs {
    border: 1pt solid #ccc;
    left: 0;
    position: absolute;
    z-index: 25;
    text-align:left;
    top: 0;
    -moz-border-radius:2px 2px 2px 2px;
    -moz-box-shadow:2px 2px 2px #666666;
    -webkit-border-radius:2px 2px 2px 2px;
    -webkit-box-shadow:2px 2px 2px #666666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#A6A6A6',Direction=135,Strength=4)";
    background:none repeat scroll 0 0 #F0F0F0;
}

.mstrmojo-DocLayout .mstrmojo-Popup.edvl,
.mstrmojo-DocLayout .edvl .mstrmojo-Popup-content {
    min-width: 0;
}

.mstrmojo-Popup.edvl .mstrmojo-TextBox {
	width: 50px;
	padding: 3px 2px;
    -webkit-border-radius:2px 2px 2px 2px;
    font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
    font-size:8pt;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
}

.qs .icn,
.edvl .icn {
    display: inline;
    height: 15px;
    width: 16px ;
    cursor: pointer;
}

.qs .apply,
.edvl .apply{
    background: transparent url(../../../images/Apply.gif) no-repeat ;
}

/*end of edit value box*/

/*Start of  metric qualification selector*/
.qs .mstrmojo-TextBox {
    border: 1pt solid #ccc;
    width: 54px;
    -moz-border-radius:2px 2px 2px 2px;
    -webkit-border-radius:2px 2px 2px 2px;
}
/*End of metric qualification selector*/

/* Incremental Fetch component */
.mstrmojo-IncFetch {
    cursor: default;
    font-size: 8pt;
    font-family: Tahoma;
    padding: 3px 0 0 2px;
    position: relative;
}

.mstrmojo-IncFetch .mstrmojo-Button {
    cursor: pointer;
}

.mstrmojo-IncFetch .arrow {
    background: transparent url(images/inc-fetch.gif) top left no-repeat;
    float: left;
    height: 13px;
    margin: 2px 0;
    text-indent: -10000px;
    width: 13px;
    border: 0 none;
}

.mstrmojo-IncFetch .arrow.disabled {
    cursor: default;
}

.mstrmojo-IncFetch .pg {
    float: left;
    margin: 1px;
    padding: 0 2px;
    text-decoration: underline;
}

.mstrmojo-IncFetch .pg.on {
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

.mstrmojo-IncFetch .mstrmojo-DropDownButton {
    float: left;
    font-weight: bold;
    margin: 1px 2px 1px 1px;
}

.mstrmojo-IncFetch .mstrmojo-DropDownButton:hover,
.mstrmojo-IncFetch .mstrmojo-DropDownButton.open {
    background-color: #cacac2;
    border: 1px solid #040404;
    margin: 0 1px 0 0;
}

.mstrmojo-IncFetch .mstrmojo-DropDownButton-iconNode,
.mstrmojo-IncFetch .mstrmojo-DropDownButton-iconNode:hover {
    background-position: right 4px;
    padding: 0 7px 0 4px;
    cursor: pointer;
}

.mstrmojo-IncFetch .arrow.f {
    padding: 0px;
}

.mstrmojo-IncFetch .arrow.p {
    background-position: 0 -13px;
}

.mstrmojo-IncFetch .arrow.n {
    background-position: 0 -26px;
}

.mstrmojo-IncFetch .arrow.l {
    background-position: 0 -39px;
}

.mstrmojo-IncFetch .goto {
    background-color: #f7f7ee;
    border: 1px solid #666;
    font-weight: normal;
    padding: 2px 4px;
}

.mstrmojo-IncFetch .goto input {
    border: 1px solid #040404;
    font-size: 8pt;
    font-family: Tahoma;
    width: 21px
}

.mstrmojo-IncFetch .goto .apply {
    background-image: url(../../../images/Apply.gif);
    height: 15px;
    width: 13px;
    margin-left: 2px;
}
/* TextBox */
.mstrmojo-TextBox.err input {
    background-image: url(../../../style/mstr/images/errorLine.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    border-color: #ff0000;
}

.mstrmojo-TextBox.disabled {
    background-color: #d4d0c8;
}


/* mstrmojo.Dialog */
.mstrmojo-Dialog {
    background: transparent url(images/1ptrans.gif) left top repeat;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1000;
    word-wrap: break-word; /*IE*/
}
.mstrmojo-Dialog .win {
    left: 0;
    position: absolute;
    top: -10000px;
    width: 100%;
}
.mstrmojo-Dialog .mstrmojo-Editor-titlebar {width: auto;}
.mstrmojo-Dialog .mstrmojo-Editor-buttons {margin: 10px 0;}
.mstrmojo-Dialog .mstrmojo-Editor-buttons .mstrmojo-HTMLButton {
    margin-right: 10px;
    height: auto;
}

/*mizhang TQMS 942676*/
.mstrmojo-HTMLButton {
    cursor: pointer;
}

/** Simple RadioButton **/
/*setting height & width to avoid the browser bug that checkbox & rediobutton remains same size when browser zooms in/out.
13px is the default size on browser*/
.mstrmojo-RadioButton input {
	height:13px;
	width:13px;
}

/** Simple Checkbox **/
/* setting height & width to avoid the browser bug that checkbox & rediobutton remains same size when browser zooms in/out.
13px is the default size on browser*/
.mstrmojo-CheckBox input {
    vertical-align: middle;
}
.mstrmojo-ImageCheckBox input {
    background: transparent url("images/editor-button.png") no-repeat 0 -281px;
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    width: 18px;
    }
.mstrmojo-ImageCheckBox input.checked {background-position: 0 -300px;}


/* Drag drop */

.mstrmojo-dnd-avatar {
    position: absolute;
    border: 1px solid #d4d0c8;
    min-width: 60px;
    z-index: 1000;
    margin: 24px 0 0 24px;
    display: none;
}
.mstrmojo-dnd-avatar-inner {
    padding: 3px;
    min-width: 54px;
    min-height: 1em;
    background-color: #d4d0c8;
    border: 1px solid #404040;
}

/* List*/
.mstrmojo-ListBase2-dropCue {
    display: none;
    position: absolute;
    height: 1px;
    line-height: 1px;
    border-top: 1px dotted #c0c0c0;
    left: 0;
    top: 0; /* added, to keep it out of document flow in IE */
    z-index: 2;
    width: 100%;
}
.mstrmojo-ListBase2-dropCue-inner {
    position: absolute;
    top: -6px;
    height: 13px;
    left: 0px;  /* was: -3px; */
    width: 13px;
    z-index: 2;
    background: transparent url(images/dropCueRight.gif) no-repeat center center;
}

/* TileList */
.mstrmojo-TileList .mstrmojo-ListBase2-itemsContainer,
.mstrmojo-WidgetTileList .mstrmojo-ListBase2-itemsContainer {
    zoom:1; /* only IE requires this. Need to do it conditionally.*/
    }

/* WidgetList */

.mstrmojo-WidgetList {
    overflow: auto;
}

/* WidgetTree */

.mstrmojo-WidgetTree {
    overflow: auto;
}

/* TreeNode */

.mstrmojo-TreeNode {
    list-style-position: outside;
    list-style-type: none;
    list-style-image: none;
}
.mstrmojo-TreeNode-div {
    white-space: nowrap;
    line-height: 18px;
}

.mstrmojo-TreeNode-checkBox,
.mstrmojo-TreeNode-state {
    vertical-align: top;
    height: 18px;
    width: 16px;
}

.mstrmojo-TreeNode-div.selected .mstrmojo-TreeNode-checkBox{
    background:url("images/editor-button.png") no-repeat scroll 0 -299px transparent;
}

.mstrmojo-TreeNode-div .mstrmojo-TreeNode-checkBox{
    background:url("images/editor-button.png") no-repeat scroll 0 -280px transparent;
    cursor: pointer;
}

.mstrmojo-TreeNode-state.opened {
    background-image: url(images/arrows.gif);
    background-position: -16px top;
}
.mstrmojo-TreeNode-state.closed {
    background-image: url(images/arrows.gif);
    background-position: left top;
}
.mstrmojo-TreeNode-state.leaf {
    background-image: none;
}
.mstrmojo-TreeNode-text {
    padding: 3px 0px 3px 20px;
    background-position: 3px center;
    background-repeat: no-repeat;
}
.mstrmojo-TreeNode-text.folder {
    background-image: url(images/folder_li.gif);
}
.mstrmojo-TreeNode-text.file {
    background-image: url(images/file_li.gif);
}


.mstrmojo-TreeNode-itemsContainer {
    margin: 0;
    padding: 0 0 0 18px;
}

/* Generic */

.mstrmojo-onhover-bl,
.mstrmojo-onhover-in {
    /* Indicates an element that should be hidden by default, then shown upon hover
       of some other element (typically its parent)
       */
    display: none;
}
.mstrmojo-onhoverparent:hover > .mstrmojo-onhover-bl {
    display: block;
}
.mstrmojo-onhoverparent:hover > .mstrmojo-onhover-in {
    display: inline;
}
.mstrmojo-rel {
    /* a relatively positioned element, typically used to set the origin of a popup, or the offsetParent of a child node */
    position: relative;
}
.mstrmojo-abs {
    /* an absolutely positioned element */
    position: absolute;
}
.mstrmojo-topright {
    top: 0;
    right: 0;
}

.mstrmojo-topleft {
    top: 0;
    left: 0;
}

/* FilterExpr and its tree nodes */

.mstrmojo-andor-top,
.mstrmojo-andor-bottom {
    /* the top and bottom lines of a 3-div square bracket for grouping a nested AND/OR, hidden by default */
    display: none;
}
.mstrmojo-andor-contents .mstrmojo-andor-top {
    /* the border of the square bracket is shown only when nested in another AND/OR */
    display: block;
    height: 3px;
    -moz-border-radius: 3px 0 0 0;
    border-left: 1px dotted #808080;
    border-top: 1px dotted #808080;
    width: 9px;
    overflow: hidden;
}
.mstrmojo-andor-contents .mstrmojo-andor-bottom {
    /* the border of the square bracket is shown only when nested in another AND/OR */
    display: block;
    height: 3px;
    -moz-border-radius: 0 0 0 3px;
    border-left: 1px dotted #808080;
    border-bottom: 1px dotted #808080;
    width: 9px;
    overflow: hidden;
}
.mstrmojo-andor-contents .mstrmojo-andor-contents {
    /* the border and inner padding of the square bracket is shown only when nested in another AND/OR */
    border-left: 1px dotted #808080;
    padding:1px 0 1px 6px;
}
.mstrmojo-cond-prefix,
.mstrmojo-andor-prefix,
.mstrmojo-relation-prefix{
    /* the prefix is the "AND"/"OR" + "NOT" text that appears on a separate line of text
      above a condition's text; it is shown by default */
    /* For IE, we must provide a width (or height) in order to make capture drags over this tag,
       but using 1em is too small; it doesnt allow the underline to show on hover */
    height: 1.3em;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    position: relative; /* to position the hover toolbar */
}
.mstrmojo-ListBase2 .mstrmojo-itemwrap:first-child > .mstrmojo-andor > .mstrmojo-andor-prefix,
.mstrmojo-ListBase2 .mstrmojo-itemwrap:first-child > .mstrmojo-cond > .mstrmojo-cond-prefix,
.mstrmojo-ListBase2 .mstrmojo-itemwrap:first-child > .mstrmojo-relation > .mstrmojo-relation-prefix{
    /* the prefix is hidden for the first child of an AND/OR; the NOT text is shown in line with the condition */
    display: none;
}
.mstrmojo-cond-text .mstrmojo-not {
    /* condition text includes a NOT prefix if the condition data declares it; however by default we hide it
       and let the cond-prefix display it instead */
    display: none;
}
.mstrmojo-andor-contents .mstrmojo-itemwrap:first-child > .mstrmojo-cond .mstrmojo-cond-text .mstrmojo-not {
    /* if the cond-prefix is being hidden, then we show the inline NOT prefix in the condition text */
    display: inline;
}
.mstrmojo-cond-contents {
    position: relative; /* to position the hover toolbar */
    padding: 1px;   /* was 3px 6px; now relying on padding instead of margin to preserve room for border */
    margin-left: 3px;
}
.mstrmojo-cond-contents.selected {
    /* indicates the condition is selected */
    background-color: #666666;
    border: 1px solid #999999;
    padding: 0px;   /* added; no relying on padding instead of margin to preserve room for border */
}

.mstrmojo-cond-text .mstrmojo-attr,
.mstrmojo-cond-text .mstrmojo-metric,
.mstrmojo-cond-text .mstrmojo-embedobj {
    font-weight: bold;      /* for clearer legibility */
}
.mstrmojo-textset.editable:hover .mstrmojo-text {
    /* to show a set of text nodes is editable, underline it over hover */
    text-decoration: underline;
    cursor: pointer;
}


/* For: MultiColList */

.mstrmojo-multicolitem-table {  /* table that wraps the cells of a multi-column item */
    table-layout: fixed;
    border-collapse: collapse;
}


.mstrmojo-TextBox-ErrValidation{
    background:#FFFFFF url(../../../style/mstr/images/errorLine.gif) repeat-x scroll left bottom;
    border-color:#FF0000;
}


/********CSS for Editor***************/
.mstrmojo-Editor-buttonBox{
    float:right;
    display: block;
}

/* Duplicate code for mstrButton in fsm.css.
   Used for some buttons with .mstrmojo-Editor-button class name in express page. */

/*TODO: NS - These buttons shouldn't be used. */
.mstrmojo-Editor-button { /*button style*/
    color: #656565;
	margin: 3px;
    padding: 3px 5px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e4e4e4',GradientType=0 );
    background: #dedede;
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 1%,rgba(228,228,228,1) 100%);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 1%,rgba(228,228,228,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 1%,rgba(228,228,228,1) 100%);
    height: auto;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    text-align: center;
}

.mstrmojo-Editor-button.disabled,
.mstrmojo-Editor-button:disabled,
.mstrmojo-Editor-button[disabled]:hover {
    opacity: 0.5;
}

.mstrmojo-Editor-button:hover {
    color: #4d4d4d;
    border-color: #aaa;
    background: #c6c6c6;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#dcdcdc',GradientType=0 );
    background: -webkit-linear-gradient(bottom, rgba(228,228,228,1) 1%,rgba(220,220,220,1) 100%);
    background: -moz-linear-gradient(bottom, rgba(228,228,228,1) 1%,rgba(220,220,220,1) 100%);
    background: linear-gradient(to top, rgba(228,228,228,1) 1%,rgba(220,220,220,1) 100%);
    padding: 6px;
}

.mstrmojo-Editor-button {
    min-width: 80px;
    min-width: 0 !ie7;
    padding: 6px;
    font-size: 11px;
    font-weight: bold;
}
/* Duplicate code for mstrButton in fsm.css */

/** CSS for Context Menu **/
.mstrmojo-ContextMenu{
    position:absolute;
    margin: 0px 3px 3px 0px;    /* Margin allows us to see the shadow behind the popup content. */
    border: 1pt solid #b4b4b4;
    background: #fff;
    white-space: nowrap;
    padding:5px;
}

.mstrmojo-CM-scrolldown,
.mstrmojo-CM-scrollup{
    height: 13px;
}

.mstrmojo-CM-scrollup{
    background: url(images/arrow_white_sprite.gif) no-repeat center top scroll transparent;
}

.mstrmojo-CM-scrolldown{
    background: url(images/arrow_white_sprite.gif) no-repeat center bottom scroll transparent;
}

.mstrmojo-CM-scrolldown:hover,
.mstrmojo-CM-scrollup:hover{
    background-color: #D3E1F1;
}


.mstrmojo-ContextMenuItem{
    height: 18px;
    line-height: 18px;
    cursor: pointer;
}

.mstrmojo-ContextMenuItem:hover{
    background-color: #fff;
}

.mstrmojo-ContextMenuItem td {
    padding: 7px 3px;
}

.mstrmojo-CMI-left {
    background-color: #fff;
    border-left: 4px solid #fff;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
}

.mstrmojo-CMI-left img,
.mstrmojo-CMI-right img{
    height:16px;
    width:16px;
}

.mstrmojo-CMI-text {white-space:nowrap;}
.mstrmojo-CMI-content{
    padding: 1px 2px;
    white-space: nowrap;
}


.mstrmojo-ContextMenuItem .sm img{
    background: url("images/arrows.gif") no-repeat left top scroll transparent;
}

.mstrmojo-ContextMenuItem:hover .sm img{
    background: url("images/arrows.gif") no-repeat -32px top scroll transparent;
}

.mstrmojo-ContextMenuItem.separator,
.mstrmojo-ContextMenuItem.separator .mstrmojo-CMI-text img,
.mstrmojo-ContextMenuItem.separator .mstrmojo-CMI-right img,
.mstrmojo-ContextMenuItem.separator .mstrmojo-CMI-left img{
    height:0px;
    line-height: 0;
}

.mstrmojo-ContextMenuItem.separator td {
    height: 0px;
    font-size:0px; /*Need this for IE7*/
    border-bottom: 1px solid #CCC;
    padding: 0;
}

.mstrmojo-ContextMenuItem.checked .mstrmojo-CMI-left img{
    background: url("images/check.png") no-repeat left center scroll transparent;
}


.mstrmojo-ContextMenuItem.disabled{
    color:#CCC;
}

.mstrmojo-ContextMenuItem.disabled:hover{
    background-color:transparent;
}

/** End of CSS for Context Menu **/

/** CSS for InlineEditBox **/
.mstrmojo-InlineEditBox{
    height: 22px;
    line-height: 22px;
    border: 1px solid transparent;
    overflow:hidden;
    cursor: text;
}

.mstrmojo-InlineEditBox.edit,
.mstrmojo-InlineEditBox:hover{
    border: 1px solid #999999;
}

.mstrmojo-InlineEditBox-input{
    background-color: #D3E1F1;
    border-width: 0px;
}

.mstrmojo-InlineEditBox-input{
    padding: 0px;
}

.mstrmojo-InlineEditBox-cancel,
.mstrmojo-InlineEditBox-ok{
    height: 22px;
    width: 16px;
    cursor: pointer;
}

.mstrmojo-InlineEditBox-ok{
    background: url("../../../images/Apply.gif") no-repeat scroll center center #D3E1F1;
}

.mstrmojo-InlineEditBox-cancel{
    background: url("../../../images/Delete.gif") no-repeat scroll center center #D3E1F1;
}

/** End of CSS for InlineEditBox **/

/****Gradient Editor ***/
.mstrmojo-GradientEditor {
    width: 330px;
    background: #f5f5f5;
    border: 2px solid #aaa;
    -moz-box-shadow:4px 5px 3px #666666;
    -webkit-box-shadow:4px 5px 3px #666666;
    }
.mstrmojo-GradientEditor .mstrmojo-Editor-content {padding: 0;}
.mstrmojo-GradientEditor .mstrmojo-Editor-titleBar .title {width: 200px;}
.mstrmojo-GradientEditor.mstrmojo-Editor > .mstrmojo-Editor-buttons {padding-top: 2px; padding-bottom: 2px;}
.mstrmojo-GradientEditor .mstrmojo-Editor-buttonBar {background: none;}
.mstrmojo-GradientEditor .mstrmojo-Editor-buttonBar .mstrmojo-Editor-button {padding: 1px 3px; min-width: 50px;}
.mstrmojo-GradientEditor FieldSet.mstrmojo-FieldSet {
    margin: 5px 4px 0;
    padding: 0 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #DDDDDD;
    }

.mstrmojo-GradientEditor FieldSet.shade {height: 125px;}
.mstrmojo-GradientEditor FieldSet legend {
    font-weight: bold;
    padding: 0 5px 0;
    margin: 0 0 3px;
    }
.mstrmojo-GradientEditor FieldSet.color .mstrmojo-Label {margin: 5px;}
.mstrmojo-GradientEditor FieldSet.color .mstrmojo-DropDownButton {margin: 2px;}
.mstrmojo-GradientEditor .mstrmojo-ListBase2.orientation  {border: 0 none;}
.mstrmojo-radio-list .mstrmojo-text  {
    margin: 3px ;
    padding-left: 20px;
    background: transparent url("images/radio.gif") no-repeat scroll 0 4px;
    }
.mstrmojo-radio-list .mstrmojo-text.selected  {
    background: transparent url("images/radioChecked.gif") no-repeat scroll 0 4px;
    }

.mstrmojo-GradientEditor-previewbox {
    height: 60px;
    padding: 5px 0;
    position: relative;
    }
.mstrmojo-GradientEditor-preview {
    width:50px;
    height:50px;
    border: 0px solid #aaa;
    z-index: 1;
    position: absolute;
    background: #fff; /*IE8*/
    top: 5px;
}
.mstrmojo-GradientEditor-preview.p0 {left: 50px;}
.mstrmojo-GradientEditor-preview.p1 {left: 120px;}
.mstrmojo-GradientEditor-preview.p2,
.mstrmojo-GradientEditor-preview.p3 {left: 190px;}
.mstrmojo-GradientEditor-preview.bg {
    background-color: #ccc;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow:3px 3px 2px;
    -webkit-box-shadow:3px 3px 2px;
    width: 60px;
    height: 60px;
    margin: -5px;
    z-index: -1;
    display: none;
    }
.mstrmojo-GradientEditor-preview.bg.show{display:block;}
.mstrmojo-GradientEditor-preview.l {left: 190px; width: 25px;}
.mstrmojo-GradientEditor-preview.r {left: 215px; width: 25px;}
.mstrmojo-GradientEditor-preview.t {left: 190px; height: 25px;}
.mstrmojo-GradientEditor-preview.b {left: 190px; top:30px; height: 25px;}
.mstrmojo-GradientEditor-preview.label {
    background: none repeat scroll 0 0 transparent;
    margin: -20px 0;
    height: auto;
    width: auto;
    overflow: visible;
    white-space: nowrap;
    text-indent: -10px;
}
.mstrmojo-GradientEditor-preview.label.selected {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow:3px 3px 2px;
    -webkit-box-shadow:3px 3px 2px;
    filter: progid:DXImageTransform.Microsoft.dropshadow(Color='#66999999', Positive='true', OffX='3', OffY='3');
    }
/****End Gradient Editor ***/



/**FormatEditor**/
.mstrmojo-Editor-buttonBar {
    margin-bottom: 5px;
    float: right;
}

.mstrmojo-FileUploadBox-button {
    font-size: 8pt;
    cursor: pointer;
    padding-bottom: 1px;
    margin: 1px 5px;
    /*to have consistent look in Firefox, IE */
    padding-left: 4px;
    padding-right: 1px;
    border-color: #EEE #787878 #787878 #EEE;
    border-style: solid;
    background: #D5D6D8 url(images/buttonGradient.gif) repeat-x scroll left 0px;
    height: auto;
    line-height: 16px;
    border-width: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.mstrmojo-FormatEditor .mstrmojo-TextBox {
    border: 1px solid #ADAAAD;
    margin: 1px 2px;
    }

.mstrDB .mstrmojo-FormatEditor * {font-size: 8pt;}

.mstrmojo-FormatEditor {width: 595px;}
.mstrmojo-FormatEditor TD {vertical-align: top;}

.mstrmojo-FormatEditor-leftPanel {height: 262px;}
.mstrmojo-FormatEditor-rightPanel-container {height: 260px;}

.mstrmojo-FormatEditor-leftPanel {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ADAAAD;
    margin-right: 3px;
    width: 120px;
    background-color: #fafafa;
}

.mstrmojo-FormatEditor .mstrmojo-ListBase2,
.mstrmojo-CGEOptions .mstrmojo-ListBase2,
.mstrmojo-ElementOptions .mstrmojo-ListBase2 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #aaa;
    }
.mstrmojo-FormatEditor .mstrmojo-ListBase2 {
    overflow: auto;
    }
.mstrmojo-FormatEditor-formatList {
    width: 120px;
    border: 0 none !important;
    }
.mstrmojo-FormatEditor .mstrmojo-itemwrap {cursor: pointer;}

.mstrmojo-Pulldown-listItem,
.mstrmojo-FormatEditor-bullet {
    line-height: 16px;
    padding: 0 3px;
    cursor: pointer;
    white-space: nowrap;
    }

.mstrmojo-FormatEditor-formatList .mstrmojo-FormatEditor-bullet {
    padding-left: 10px;
    }

.level0 .mstrmojo-Popup,
.level1 .mstrmojo-Popup {
    z-index: 999;
    }

.mstrmojo-FormatEditor-LevelList.mstrmojo-ListBase2 {
    background: none repeat scroll 0 0 transparent;
    border:1px solid #AAAAAA;
    overflow: hidden !important;
    -moz-box-shadow:2px 2px 3px 1px #AAAAAA;
    -webkit-box-shadow:2px 2px 3px 1px #AAAAAA;
    }

.mstrmojo-FormatEditor-LevelList .mstrmojo-ListBase2-itemsContainer {
    background: #F5f5f5 !important;
    opacity: 0.95;
    padding: 3px;
    height: 100%;
    }

.mstrmojo-FormatEditor-DropDownButton-list {
    overflow: hidden !important;
    -moz-box-shadow: 2px 2px 0px #AAAAAA;
    -webkit-box-shadow: 2px 2px 0px #AAAAAA;
    opacity: 0.9;
    min-width: 68px;
    }

.mstrmojo-FormatEditor-DropDownButton-list .mstrmojo-ListBase2-itemsContainer {
    /*opacity: 0.9; //FF3.0 will mess up*/
    height: 100%;
    min-width: 68px;
    }

.mstrmojo-Pulldown,
.mstrmojo-FormatEditor-DropDownButton {
    width: auto;
    margin: 3px 5px 5px;
    cursor: pointer;
    background:  #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 16px;
    height: 18px;
    border: 1px solid #AAAAAA;
}
.mstrmojo-FormatEditor-DropDownButton.level1,
.mstrmojo-FormatEditor-DropDownButton.level0  {margin-left:0;}

.mstrmojo-Pulldown-iconNode,
.mstrmojo-FormatEditor-DropDownButton-iconNode {
     background: transparent url(images/editor-button.png) no-repeat right -362px;
    height: 100%;
    padding-right: 16px;
    padding-left: 5px;
    text-overflow: ellipsis;
}
.disabled .mstrmojo-Pulldown-iconNode:hover,
.disabled .mstrmojo-FormatEditor-DropDownButton-iconNode:hover {
    background-position: right -362px;
}
.mstrmojo-Pulldown-iconNode:hover,
.mstrmojo-FormatEditor-DropDownButton-iconNode:hover {
    background-position: right -321px;
 }
.mstrmojo-Pulldown-listItem:hover,
.mstrmojo-FormatEditor-bullet:hover {
    background:#dadada;
    color: #000;
    }
.mstrmojo-Pulldown-listItem.selected,
.mstrmojo-FormatEditor-bullet.selected {
    background: #cecece;
    color: #000;
    }
.mstrmojo-Pulldown .mstrmojo-text,
.mstrmojo-FormatEditor-DropDownButton .mstrmojo-text {padding-top: 0px;}

.mstrmojo-FormatEditor .mstrmojo-Editor-button.clear {padding: 3px !important;}

.mstrmojo-FormatEditor-rightPanel-container {
    width: 430px;
    border: 1px solid #adaaad;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    }

.mstrmojo-FormatEditor-rightPanel {
    width: 420px;
    /* Moved this border to rightPanel-container to fix a IE7 specfic issue #424328
    -moz-border-radius: 6px;
    -webkit-border-radius: 10px;
    border: 1px solid #AAAAAA;
    */
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    overflow: hidden;
    padding: 0 5px;
}

.mstrmojo-FormatEditor-rightPanel .mstrmojo-FieldSet {
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 5px 0;
    }

.mstrmojo-FormatEditor-rightPanel .mstrmojo-FieldSet legend {
    padding: 0 3px;
    }

.mstrmojo-FormatEditor-fontEffect,
.mstrmojo-FormatEditor-fontPreview {
    border: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }
.mstrmojo-FormatEditor-fontFamily,
.mstrmojo-FormatEditor-fontStyle,
.mstrmojo-FormatEditor-fontSize,
.mstrmojo-FormatEditor-fontColor {
    height: 100px;
    }
.mstrmojo-FormatEditor-fontFamily {width: 175px;}
.mstrmojo-FormatEditor-fontStyle {width: 120px;}
.mstrmojo-FormatEditor-fontSize {width: 70px;}
.mstrmojo-FormatEditor-fontEffect {
    height: 95px;
    width: 175px;
    }
.mstrmojo-CheckBox Label.checked {
    background-position: 0 -300px;
}
.mstrmojo-CheckBox Label.grayed {
    opacity: 0.3;
}

.mstrmojo-Label.tristate {
    background: url(images/editor-button.png) no-repeat 0 -281px;
    padding-left: 20px;
    height: 18px;
    line-height: 14px;
    margin: 3px;
    cursor: default;
}
.mstrmojo-Label.tristate.checked {background-position: 0 -299px;}
.mstrmojo-Label.tristate.grayed {background-position: 0 -485px;}

.mstrmojo-FormatEditor-fontPreview {
    width: 195px;
    height: 60px;
    overflow: hidden;
    text-align: center;
    }

.mstrmojo-FormatEditor-numberCategory.mstrmojo-ListBase2 {
    width: 120px;
    float: left;
    border: 0 none;
    white-space: nowrap;
    }
.mstrmojo-FormatEditor-numberCategory .mstrmojo-text {
    height: 16px;
    margin: 1px 3px ;
    padding-left: 20px;
    background: transparent url("images/radio.gif") no-repeat scroll 0 4px;
    }
.mstrmojo-FormatEditor-numberCategory .mstrmojo-text.selected {
    background: transparent url("images/radioChecked.gif") no-repeat scroll 0 4px;
    }

.category.mstrmojo-Label {
    font-weight: bold;
    margin: 5px 3px;
    }

.mstrmojo-FormatEditor-numberPanel-subpanel,
.mstrmojo-FormatEditor-numberPanel-subpanel-container {height: 236px;}

.mstrmojo-FormatEditor-numberPanel-subpanel {
    width: 280px; /*300px;*/
    overflow: hidden;
    position: relative;
    }
.mstrmojo-FormatEditor-numberPanel-subpanel-container {
    width: 3000px;
    position: absolute;
    }
.mstrmojo-FormatEditor-numberPanel-subpanel-item {
    width: 300px;
    float: left;
    padding: 3px;
    }
.mstrmojo-FormatEditor-numberPanel-subpanel  INPUT[type="text"] {
    width: 50px;
    }
.mstrDB .mstrmojo-FormatEditor-numberPanel-subpanel .currency INPUT[type="text"] {font-family: Microsoft Sans Serif;}
.mstrmojo-FormatEditor-numberPanel-subpanel .custom INPUT {width: 160px;}

.mstrmojo-FormatEditor-numberFormatList {
    white-space: nowrap;
    border: 1px solid #AAAAAA;
    margin: 3px 0 0;
    width: 156px;
}
.mstrDB .mstrmojo-FormatEditor-numberFormatList {font-family: Microsoft Sans Serif;}
.mstrmojo-FormatEditor-numberFormatList.Date {height: 220px;}

.mstrmojo-FormatEditor-rightPanel.alignmentPanel TD {vertical-align: middle;}
.mstrmojo-FormatEditor-padding .paddingBox {
    width: 100%;
    margin-left: 6px;
}
.mstrmojo-FormatEditor-padding .mstrmojo-TextBox {
    width: 40px;
    margin: 1px 3px 3px;
    }
.mstrmojo-FormatEditor-textAlignment .mstrmojo-Label,
.mstrmojo-FormatEditor-textControl .mstrmojo-Label {min-width: 68px; margin-left: 6px;}

.mstrmojo-FormatEditor-colorPicker.mstrmojo-DropDownButton {
    border: 1px solid #AAAAAA;
    width: 100px;
    height: 16px;
    padding: 2px;
}

.mstrmojo-FormatEditor-colorPicker-iconNode {
    background-position: right center;
    height: 100%;
    padding-right: 10px;
    padding-left: 5px;
}

.colorPicker.mstrmojo-FormatEditor-DropDownButton-iconNode {
    background-color: #F0F0F0;
    width:0;
    float: right;
}

.mstrmojo-FormatEditor-fill .label {
    float: left;
    text-align: right;
    line-height: 20px;
    margin-left: 10px;
    }
.mstrmojo-FormatEditor-fill .mstrmojo-ColorPicker-DropDownButton {float: left;}
.mstrmojo-FormatEditor-border .mstrmojo-ColorPicker-DropDownButton {margin: 1px 0 3px 0;}
.mstrmojo-FormatEditor-border .mstrmojo-DropDownList { margin: 5px 3px;}
.mstrmojo-FormatEditor-border .mstrmojo-SelectBox { margin: 3px;}

.mstrmojo-FormatEditor-border .mstrmojo-ListBase2.borderTypes {
    overflow:hidden;
    border: 0 none;
    background: transparent;
    white-space: nowrap;
    }
.mstrmojo-FormatEditor-border .borderTypes .mstrmojo-text {
    margin: 3px ;
    padding-left: 12px;
    background: transparent url("images/radio.gif") no-repeat scroll 0 10px;
    height: 25px;
    }
.mstrmojo-FormatEditor-border .borderTypes .mstrmojo-text.selected {
    background: transparent url("images/radioChecked.gif") no-repeat scroll 0 10px;
    }

.mstrmojo-FormatEditor-border .borderStyles {width:262px;}

.mstrmojo-FormatEditor-ColorLine-borders {
    display: block;
    overflow: hidden;
    }

.mstrmojo-FormatEditor-ColorLine-borders>TD {width: 20%;}
.mstrmojo-FormatEditor-ColorLine-borders .mstrmojo-Label {
    line-height: 20px;
    margin: 5px 0;
    }

.mstrmojo-Label.borderPreview {
    height: 50px;
    line-height: 20px;
    width: 100px;
    margin: 0px auto;
    border: 1px dotted #bbb;
    color: #bbb;
    padding: 0 3px;
    text-align: center;
    }
/*----FormatEditor*/



/*----Color Picker*/
.mstrmojo-ColorPicker-popup-content {
    left: -3px;
    position: relative;
    top: 2px;
    }

.mstrmojo-ColorPicker {
    width: 396px;
    background: #f5f5f5;
    border: 1px solid #aaa;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    position: relative; /*IE overflow to work*/
    padding-bottom: 5px;
    }
.mstrmojo-ColorPicker.expanded {}
.mstrmojo-ColorPicker-box {margin : 3px;}

.mstrmojo-ColorPicker-palette {
    background: #f0f0f0;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    }
.mstrmojo-ColorPicker.expanded .mstrmojo-ColorPicker-palette.shadow {
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    }

.mstrmojo-ColorPicker-list {
    width: 150px;
    height: 90px;
    margin-bottom: 5px;
    background: none 0 0 transparent !important;
    border: 0 none !important;
    overflow: visible !important;
    }
.mstrmojo-ColorPicker-list.userPalette {
    height: 20px;
    margin-bottom: 2px;
    }
.mstrmojo-ColorPicker-list .mstrmojo-itemwrap {
    float: left;
    border: 1px solid #808080;
    cursor: pointer;
    margin: 6px 0 0 6px;
    padding: 0;
    }
.mstrmojo-ColorPicker-item {
    height: 10px;
    width: 10px;
    }
.mstrmojo-ColorPicker-item.selected,
.mstrmojo-ColorPicker-item:hover {
    -moz-box-shadow: 0px 0px 2px 3px #888;
    -webkit-box-shadow: 0px 0px 2px 3px #888;
    }

.mstrmojo-ColorPicker .mstrmojo-Table TD {vertical-align: top;}
.mstrmojo-ColorPicker .mstrmojo-Table TD:first-child {width: 1px; text-align: left;}

.mstrmojo-ColorPicker .mstrmojo-Button.nocolor {
    border: 1px solid #ddd;
    background: #f5f5f5;
    height: 16px;
    line-height: 16px;
    text-align: center;
    margin: 3px 5px 0;
    font-size: 7.5pt;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 3px;
    }

.mstrmojo-ColorPicker .more,
.mstrmojo-ColorPicker .less,
.mstrmojo-ColorPicker .ge {
    border: 1px solid #aaa;
    height: 18px;
    line-height: 18px;
    text-align: right;
    margin: 3px 0;
    font-size: 7.5pt;
    background: #4a4a4a;
    color: #f0f0f0;
    float: right;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 3px;
    }
.mstrmojo-ColorPicker .ge {float:left; }
.mstrmojo-ColorPicker .more:hover,
.mstrmojo-ColorPicker .less:hover,
.mstrmojo-ColorPicker .ge:hover {
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    }
.mstrmojo-ColorPicker .more,
.mstrmojo-ColorPicker .less {
    background: url("images/editor-button.png") no-repeat scroll 0px -384px #171717;
    height: 16px;
    width: 16px;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    padding: 0;
    }
.mstrmojo-ColorPicker .less {background-position: 0px -384px; background-position: -31px -387px;}
.mstrmojo-ColorPicker .less:hover {background-position: 0px -404px; background-position: -31px -419px;}
.mstrmojo-ColorPicker .more {background-position: 0px -424px; background-position: -64px -386px;}
.mstrmojo-ColorPicker .more:hover {background-position: 0px -444px; background-position: -64px -419px;}

.mstrmojo-ColorPicker .sbSlider  {
    border: 1px solid #808080;
    position: relative;
    background: url("../../../style/mstr/images/pickerbg.png") repeat scroll 0 0 #FFFFFF;
    cursor: crosshair;
    height: 160px;
    width: 160px;
    margin: 0 10px;
    }
.mstrmojo-ColorPicker .hueSlider{
    width: 16px;
    border: 1px solid #808080;
    height: 160px;
    position: relative;
    background: url("../../../style/mstr/images/colorBar.gif") repeat scroll 0 0 transparent;
    cursor: crosshair;
    margin: 0 0 5px 5px;
    }

.mstrmojo-ColorPicker .mstrmojo-TextBox {
    width: 18px;
    height: 14px;
    font-size: 7.5pt;
    border: 1px solid #AAAAAA;
    margin: 2px;
    display: block !important;
    padding: 1px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    }
.mstrmojo-ColorPicker .mstrmojo-TextBox.hex {width: 45px;}
.mstrmojo-ColorPicker .mstrmojo-TextBox.h {margin-top: 10px;}
.mstrmojo-ColorPicker .mstrmojo-Label {
    margin-right: 3px;
    margin-top: 5px;
    text-align: right;
    display: block !important;
    line-height: 14px;
    }
.mstrmojo-ColorPicker .mstrmojo-Label.Hex {
    text-align: left;
    margin-left: 2px;
    }
.mstrmojo-ColorPicker .mstrmojo-Label.Hue {
    margin-top: 15px;
    }
.mstrmojo-ColorPicker .mstrmojo-Slider.sc {
    height: 8px;
    position: relative;
    margin: 6px 0 12px 0px;
    }
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.h {margin-top: 20px;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h .t2 {top: -3px !important;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h .bk {border:0 none; height:8px;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.r .bk {background: red url(images/rgb.png) no-repeat 0 0;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.g .bk {background: green url(images/rgb.png) no-repeat 0 -29px;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.b .bk {background: blue url(images/rgb.png) no-repeat 0 -56px;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.s .bk {background: #aaa url(images/rgb.png) no-repeat 0 -85px;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.v .bk {background: #aaa url(images/rgb.png) no-repeat 0 -85px;}
.mstrmojo-ColorPicker .mstrmojo-Slider.sc-h.h .bk {background: #aaa url(images/rgb.png) no-repeat 0 -115px;}

.mstrmojo-ColorPicker-buttonBar {float:right;}
.mstrmojo-ColorPicker-buttonBar .mstrmojo-Editor-button,
.mstrmojo-ColorPicker-buttonBar .mstrmojo-Editor-button:hover {padding: 1px 3px; min-width: 50px;}

.mstrmojo-ColorPicker .sbThumb {
    position: absolute;
    width: 4px;
    height: 4px;
    left: -2px;
    top: -2px;
    border: 1px solid #FFF;
    background-color: #666;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.mstrmojo-ColorPicker .hThumb {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    background: #AAAAAA;
    border-color: #666666;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    height: 3px;
    left: -6px;
    overflow: visible;
    position: absolute;
    width: 26px;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    }


.mstrmojo-ColorPicker-DropDownButton {
    border: 1px solid #AAAAAA;
    width: 100px;
    height: 16px;
    padding: 2px;
    }

.mstrmojo-ColorPicker-DropDownButton-iconNode {
    background-position: right center;
    height: 100%;
    padding-right: 10px;
    background-color: transparent;
    width:0;
    float: right;
    }
.mstrmojo-ColorPicker-DropDownButton:hover,
.mstrmojo-ColorPicker-DropDownButton:hover .mstrmojo-ColorPicker-DropDownButton-iconNode {
    background-color: #ccc;
    }
.mstrmojo-ColorPicker-DropDownButton-boxNode {
    height: 16px !important;
    background-color: #fff;
    }
.mstrmojo-ColorPicker-preview {
    width: 50px;
    height: 50px;
    border: 1px solid #aaa;
}

.mstrmojo-ColorPicker .sc .tooltip {
    margin-left: -21px;
    padding-left: 0;
    height: 32px;
    width: 40px;
    border: 0 none;
    background: transparent url(images/bubble.gif) no-repeat 0 0;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    text-align: center;
    }
.mstrmojo-ColorPicker .sc .tooltip span {
    line-height: 22px;
    border: 0 none;
    }

/**End ColorPicker**/

/**Editors for CGE*/
.mstrmojo-SaveAs-OB{
    width:100%;
    padding:1px;
    margin-left:-2px;
}

/**TQMS-947548*/
.mstrmojo-SaveAs-OB .mstrmojo-OB-titleTable .mstrmojo-DropDownButton {
    width: 278px;
}

.mstrmojo-SaveAsEditor-descInput,
.mstrmojo-SaveAsEditor-nameInput{
    border:1px solid #ADAAAD;
    width:235px;
    margin:6px;
}

.mstrmojo-NewFolderEditor .mstrmojo-Editor-buttons,
.mstrmojo-NewFolderEditor .mstrmojo-Editor-content,
.mstrmojo-SaveAsEditor .mstrmojo-Editor-buttons,
.mstrmojo-SaveAsEditor .mstrmojo-Editor-content{
    width: 335px;
}

.mstrmojo-ElementsEditor .mstrmojo-Editor-buttons,
.mstrmojo-ElementsEditor .mstrmojo-Editor-content{
    min-width:230px;
}

.mstrmojo-SaveAsEditor .mstrmojo-Editor-content .mstrmojo-createfolder{
    padding: 10px 0;
    color: #007ebe;
}

.mstrmojo-SaveAsEditor .mstrmojo-Editor-content .mstrmojo-ObjectBrowser .mstrmojo-SearchBox {
    padding-left: 48px;
}
.mstrmojo-SaveAsEditor .mstrmojo-Editor-content .mstrmojo-ObjectBrowser .mstrmojo-SearchBox-input {
    width: 212px;
}

.mstrmojo-ElementsEditor .mstrmojo-Editor-buttonBox td:first-child {
    width: auto;
}

/**Special case for IE7 since it does not support min-width */
.mstrmojo-ElementsEditorIE7 .mstrmojo-Editor-buttons,
.mstrmojo-ElementsEditorIE7 .mstrmojo-Editor-content{
    width:275px;
    overflow:hidden;
}

/**end of Editors for CGE*/


.mstrmojo-Pulldown-Popup {
    background-color:white;
    border:1px solid #AAAAAA;
    z-index:100;
}
.mstrmojo-Pulldown-Popup .mstrmojo-ListBase2{
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.mstrmojo-Pulldown-Popup.fix-width .mstrmojo-ListBase2 .mstrmojo-text {
    overflow:hidden;
    text-overflow:ellipsis;
}

.mstrmojo-Pulldown-Popup.fix-height .mstrmojo-Popup-content {
    overflow-y: auto;
    max-height: 320px;
}

/** CSS for DataGrid **/
.mstrmojo-DataGrid{
    border:1px solid #AAA;
    width: 400px;
    position: relative;
}

/*css for lock header for data grid*/
.mstrmojo-DataGrid.lockHeader{
    width: 100%;
    height: 100%;
}
.mstrmojo-DataGrid.lockHeader .mstrmojo-DataGrid-headerContainer{
    position: relative;
}
.mstrmojo-DataGrid.lockHeader .mstrmojo-DataGrid-itemsScrollBox{
    width: 100%;
    overflow-x:auto;
    overflow-y:auto;
}

/* end of lock header*/

.mstrmojo-DataGrid .mstrmojo-DataGrid-headerContainer .mstrmojo-DataGrid-headerTable,
.mstrmojo-DataGrid .mstrmojo-DataGrid-itemsContainer .mstrmojo-itemwrap-table {
    width:100%;
    table-layout:fixed;
    position: relative !ie7;
}

.mstrmojo-DataGrid-headerContainer{
    cursor: default;
}

.mstrmojo-DataGrid-headerContainer td{
    background-color:#D9DDE0;
    overflow:hidden;
}

.mstrmojo-DataGrid-itemsContainer td{
    border-color:transparent transparent #CCCCCC;
    border-style:solid;
    border-width:0 0 1px;
    overflow:hidden;
}

.mstrmojo-DataGrid-headerText{
    font-weight: bold;
    padding: 1px 4px;
    height:20px;
    line-height:20px;
    color:#000000;
    overflow:hidden;
    border-color:#FFFFFF #AAAAAA #AAAAAA #FFFFFF;
    border-style:solid;
    border-width:0px 1px 1px;
}

.mstrmojo-DataRow.even{
    background-color:#EEEEEE;
}
.mstrmojo-DataRow.selected{
    background-color:#D3E9FB;
}

.mstrmojo-DataGrid-resizeHandle{
    cursor:col-resize;
    height:23px;
    margin-left:-6px;
    position:absolute;
    width:10px;
    z-index:20;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.mstrmojo-DataGrid-avatar{
    width:2px;
    height:100%;
    position: absolute;
    background-color:yellow;
    top:0px;
    left:-1000px;
}

/** end of CSS for DataGrid **/

.mstrmojo-TreeBrowser{
    border:1px solid #CCCCCC;
    background-color: white;
    overflow: auto;
    height: 260px;
    width: 300px;
    padding: 5px 0px;
}

.mstrmojo-TreeBrowser.loading{
    background: url("images/preloader_balls.gif") no-repeat scroll center center #EEEEEE;
}

.mstrmojo-TreeBrowser .mstrmojo-TreeNode-state.closed {
    background:url("../../../images/treeExpand.gif") no-repeat right 2px scroll;
    cursor: pointer;
}

.mstrmojo-TreeBrowser .mstrmojo-TreeNode-state.opened{
    background:url("../../../images/treeCollapse.gif") no-repeat right 2px scroll;
    cursor: pointer;
}

.mstrmojo-TreeBrowser .mstrmojo-TreeNode-text.loading{
    background:url("../../../images/treeLoading.gif") no-repeat scroll left top transparent !important;
}
.mstrmojo-TreeBrowser .mstrmojo-TreeNode-text.next{
   background:url("../../../images/arrow_right_inc_fetch.gif") no-repeat 8px center scroll;
   cursor: pointer;
}
.mstrmojo-TreeBrowser .mstrmojo-TreeNode-text.prev{
   background:url("../../../images/arrow_left_inc_fetch.gif") no-repeat 8px center scroll;
   cursor: pointer;
}
.mstrmojo-TreeBrowser .mstrmojo-TreeNode-text.failed{
   background:url("../../../style/mstr/images/flagRed.gif") no-repeat left center scroll;
}

.mstrmojo-TreeBrowser .mstrmojo-TreeNode-text:hover{
   background-color:#D3E9FB;
}
/** Simple Object Input Box **/

.mstrmojo-SimpleObjectInputBox {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    cursor: default;
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.mstrmojo-SimpleObjectInputBox .mstrmojo-SimpleObjectInputBox-container {
    height: 100%;
    overflow: auto;
    overflow-x: hidden;   /*for IE7*/
	position: relative;   /*fix scrolling for IE7*/
}

.mstrmojo-SimpleObjectInputBox .item {
    /* Floating does not work well with text-overflow.
       Use inline-block instead. (Need emulation in IE7. ) */
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.mstrmojo-SimpleObjectInputBox .item .elem {
    background: #ebebeb;
    border: 1px solid #acacac;
    border-radius: 3px;
    margin: 4px 0 0 4px;
    line-height: 18px;
    overflow: hidden;
    padding: 0 25px 0 8px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mstrmojo-SimpleObjectInputBox .mstrmojo-SimpleObjectInputBox-del {
    background:url(images/Remove.png) no-repeat center center scroll;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}

.mstrmojo-SimpleObjectInputBox .mstrmojo-SimpleObjectInputBox-del:hover {
    background-image: url(images/Remove_hover.png);
}

.mstrmojo-SimpleObjectInputBox-empty {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}

.mstrmojo-SimpleObjectInputBox-empty div {
    overflow: hidden;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mstrmojo-SimpleObjectInputBox input {
    border-radius: 3px;
    border-width: 0;
    height: 16px;
    /* Use inline-block instead of absolute positioning. */
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 4px;
    position: relative;
    padding: 4px 0 4px;
    width: 80px;
    vertical-align: bottom;
}

.mstrmojo-SimpleObjectInputBox .soib-clear {
    clear: both;
    height: 4px;
}

/** CSS for ObjectInputBox **/
.mstrmojo-ObjectInputBox{
    border:1px solid #CCCCCC;
    height:60px;
    background-color:white;
    overflow:auto;
    overflow-x:hidden;/*for IE7*/
    cursor: default;
}

.mstrmojo-ObjectInputBox .mstrmojo-itemwrap{
    float:left;
}

.mstrmojo-ObjectItem{
    position: relative;
}

.mstrmojo-ACLEditor-inputBox .mstrmojo-ObjectItem,
.mstrmojo-ACLEditor-inputBox .mstrmojo-itemwrap {
    position: relative;
}

.mstrmojo-ObjectItem-displayNode,
.mstrmojo-ObjectItem-editNode{
    height:16px;
    margin:1px;
    padding:2px;
    padding-top: 1px !ie7;
    padding-bottom: 5px !ie7;
    white-space:nowrap;
}

.mstrmojo-ObjectItem-displayNode{
    background-color:#F3F7FD;
    border:1px solid #BBD8FB;
}

.mstrmojo-ObjectItem-text{
    height:16px;
    line-height:16px;
    line-height:normal !ie7;
    background-position: 3px center;
    background-position: 3px top !ie7;
    background-repeat: no-repeat;
    padding: 3px 34px 3px 22px;
    zoom: 1 !ie7;
}

.mstrmojo-ObjectItem-editNode{
    background-color:white;
    border:1px solid #CCC;
}

.mstrmojo-ObjectItem-input{
    border:0px solid green;
    padding: 0px;
    height: 16px;
    width: 80px;
}

.mstrmojo-ObjectItem.EDITING .mstrmojo-ObjectItem-editNode,
.mstrmojo-ObjectItem.ADDING .mstrmojo-ObjectItem-editNode,
.mstrmojo-ObjectItem.UNDETERMINED .mstrmojo-ObjectItem-displayNode,
.mstrmojo-ObjectItem.VALID .mstrmojo-ObjectItem-displayNode,
.mstrmojo-ObjectItem.INVALID .mstrmojo-ObjectItem-displayNode{
    display: block;
}

.mstrmojo-ObjectItem.EDITING .mstrmojo-ObjectItem-displayNode,
.mstrmojo-ObjectItem.ADDING .mstrmojo-ObjectItem-displayNode,
.mstrmojo-ObjectItem.UNDETERMINED .mstrmojo-ObjectItem-editNode,
.mstrmojo-ObjectItem.VALID .mstrmojo-ObjectItem-editNode,
.mstrmojo-ObjectItem.INVALID .mstrmojo-ObjectItem-editNode{
    display: none;
}

.mstrmojo-ObjectItem.ADDING .mstrmojo-ObjectItem-editNode{
    border:1px solid transparent;
}

.mstrmojo-ObjectItem.EDITING .mstrmojo-ObjectItem-input{
    padding-left:5px;
}

.mstrmojo-ObjectItem.UNDETERMINED .mstrmojo-ObjectItem-displayNode{
    border:1px solid yellow;
}

.noVerify .mstrmojo-ObjectItem.INVALID .mstrmojo-ObjectItem-displayNode,
.noVerify .mstrmojo-ObjectItem.UNDETERMINED .mstrmojo-ObjectItem-displayNode{
    border:1px solid #BBD8FB;
}

.mstrmojo-ObjectItem.INVALID .mstrmojo-ObjectItem-displayNode{
    border:1px solid red;
}

.mstrmojo-ObjectItem.INVALID .mstrmojo-ObjectItem-text{
    background-image: url(images/invalid.png);
}

.mstrmojo-ObjectItem.UNDETERMINED .mstrmojo-ObjectItem-text{
    background-image: url("images/treeLoading16.gif");
}

.noVerify .mstrmojo-ObjectItem.INVALID .mstrmojo-ObjectItem-text,
.noVerify .mstrmojo-ObjectItem.UNDETERMINED .mstrmojo-ObjectItem-text{
    background-image: none;
    padding-left: 3px;
}


.mstrmojo-ObjectItem-emptyText{
    padding: 5px;
    color: #999;
}

.mstrmojo-ObjectItem-down,
.mstrmojo-ObjectItem-browse,
.mstrmojo-ObjectItem-edit,
.mstrmojo-ObjectItem-del{
    width:16px;
    height:16px;
    vertical-align:top;
    position: absolute;
}

.mstrmojo-ObjectItem-del{
    background:url(images/Remove.png) no-repeat center center scroll;
    right: 4px;
    top: 2px;
}

.mstrmojo-ObjectItem-del:hover{
    background-image: url(images/Remove_hover.png);
}

.mstrmojo-ObjectItem-edit{
    background:url(images/Edit.gif) no-repeat center center scroll;
    right: 20px;
    top: 2px;
}
.mstrmojo-ObjectItem-browse {
    background: url(images/metric.png) no-repeat -60px 0px scroll;
}

.mstrmojo-HasSuggestions {
    -moz-border-radius:0px;
    -webkit-border-radius: 0px;
    background-color: #fff;
}

.mstrmojo-ObjectInputBox-suggest .mstrmojo-Editor-content {
    padding: 5px 0;
}
.mstrmojo-ObjectInputBox-suggest {
    background-color: rgba(237,237,237,0.96);
    background-color: rgb(237,237,237) \9;
    border: 1px solid #9b9b9b;
    border-radius: 3px;
}

.mstrmojo-suggest-text,
.mstrmojo-suggest-list .item {
    cursor: default;
    padding: 2px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mstrmojo-suggest-list .selected:hover,
.mstrmojo-suggest-list .selected,
.mstrmojo-suggest-text.selected,
.mstrmojo-suggest-text.selected:hover {
    background-color: #cecece;
}

.mstrmojo-suggest-text:hover,
.mstrmojo-suggest-list .item:hover {
    background-color:#dadada;
}

.mstrmojo-suggest-list .item.nomatch:hover {
    background-color: #fff;
}


.mstrmojo-ObjectInputBox.singleObject{
    height:24px;
    overflow:hidden;
    background-color: #F3F7FD;
}

.mstrmojo-ObjectInputBox.singleObject .mstrmojo-itemwrap {
    float: none;
}
.mstrmojo-ObjectInputBox.singleObject .mstrmojo-ObjectItem-del{
    position:absolute;
    right:0px;
}

.mstrmojo-ObjectInputBox.singleObject .mstrmojo-ObjectItem-edit{
    position:absolute;
    right:16px;
}

.mstrmojo-ObjectInputBox.singleObject .mstrmojo-ObjectItem .mstrmojo-ObjectItem-displayNode{
    background-color:transparent;
    border-width:0px;
}

.mstrmojo-ObjectInputBox.singleObject .mstrmojo-ObjectItem.EMPTY{
    height: 24px;
    background-color: white;
}

.truncated {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.truncated {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/** end of CSS for ObjectInputBox **/

/** CSS for FileUploadBox ********************/

.mstrmojo-FileUploadBox{
    width: 270px;
}

.mstrmojo-FileUploadBox-input{
    width: 180px;
    height:16px;
}

.mstrmojo-FileUploadBox-buttonDiv{
    position:absolute;
    right:0px;
    top:0px;
    width: 80px;
    height: 22px;
    overflow:hidden;
}

.mstrmojo-FileUploadBox-buttonDiv:hover{
    cursor: pointer;
}


.mstrmojo-FileUploadBox-form{
    position: relative;
    display: block;
}

.mstrmojo-FileUploadBox-file{
    position: absolute;
    right:0px;
    top:0px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    outline: none;
}

.mstrmojo-FileUploadBox-button{
    line-height:18px;
}

/** end of CSS for FileUploadBox **/

/** CSS for ACL Editor **/

.m,
.am,
.cs,
.f,
.a,
.afm,
.br,
.bro,
.fx,
.fc,
.tr,
.u,
.ug {
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 0px 3px 22px;
}

.u,
.ug {
    padding: 3px 34px 3px 22px;
}

.ug{
    background-image: url(../../../images/group.gif);
}

.u{
    background-image: url(../../../images/user.gif);
}

.a {
    background-image: url("vi/images/unitList/attribute.png");
}
.a.derived {
    background-image: url("vi/images/unitList/derived-attribute.png");
}

.afm {
    background-image: url("vi/images/unitList/icon_att_form.png");
}

.f{
    background-image: url("../../../style/mstr/images/filter.png");
}

.fx{
    background-image: url("images/function.png");
}

.fc{
    background-image: url("images/fact.png");
}

.tr{
    background-image: url("images/transformation.png");
}

.m {
    background-image: url("vi/images/unitList/metric.png");
}
.m.derived {
    background-image: url("vi/images/unitList/derived-metric.png");
}

.am{
    background-image: url("images/aggMetric.png");
}

.cs{
    background-image: url("images/consolidation.png");
}

.rpt {
    background-image: url("../../../images/reportli.gif");
}

.mstrmojo-ACLEditor{
    width: 412px;
}

.mstrmojo-ACLEditor-user{
    margin:3px;
}

.mstrmojo-ACLEditor-ACLList .mstrmojo-DataGrid-itemsScrollBox{
    height: 125px;
}

.mstrmojo-ACLEditor-ACLList .userCol{
    width:210px;
}

.mstrmojo-ACLEditor-ACLList .rgtCol{
    width:130px;
}

.mstrmojo-ACLEditor .mstrmojo-Label{
    padding: 0px 2px;
}
.mstrmojo-ACLEditor .mstrmojo-Pulldown{
    margin:2px;
    width:105px;
}
.mstrmojo-ACLEditor-CPSection-RHS .mstrmojo-Pulldown{
    margin: -15px 5px 5px;
    position: relative;
    width:85px;
}

.mstrmojo-ACLEditor-delete{
    width:20px;
    height:20px;
    margin:auto;
    background: url(images/Remove.png) no-repeat center center;
}

.mstrmojo-ACLEditor-delete:hover{
    background-image: url(images/Remove_hover.png);
}

.mstrmojo-ACLEditor-MorePanel{
    padding:20px 0px 10px 0px;
    border-bottom:1px solid #555;
}

.mstrmojo-ACLEditor-addLabel{
    font-weight:bold;
}

.mstrmojo-ACLEditor-chooseLabel{
    cursor:pointer;
    margin-left:10px;
    white-space: nowrap;
}

.mstrmojo-ACLEditor-CPSection{
    width: 100%;
}

.mstrmojo-ACLEditor-CPSection td:first-child{
    width: 20%;
}

.mstrmojo-ACLEditor-CPLLabel{
    white-space: nowrap;
}

.mstrmojo-ACLEditor-inputBox{
    margin:6px 0px;
    width:300px;
}

.mstrmojo-ACLEditor-inputBox.small{
    height:26px;
}

.mstrmojo-ACLEditor-addButton{
    margin-right: 5px;
    width:85px;
}

.mstrmojo-CustomACLEditor{
    width: 225px;
}

.mstrmojo-UserEditor{
    width: 338px;
}

.mstrmojo-ACLEditor .mstrmojo-sortAsc:hover,
.mstrmojo-ACLEditor .mstrmojo-sortDesc:hover{
    cursor: pointer;
    text-decoration:underline;
}

.mstrmojo-ACLEditor .mstrmojo-Editor-button-OK,
.mstrmojo-UserEditor .mstrmojo-Editor-button-OK,
.mstrmojo-CustomACLEditor .mstrmojo-Editor-button-OK{
    float:right;
}

/** end of CSS for ACL Editor **/


/**********************************Object browser, maybe in other file?******************************************************/

/**FishEye**/
.mstrmojo-ObjectBrowser-title {
    font-weight:bold;
    width:165px;
    color: #666666;
    overflow: hidden;
    padding: 2px 10px;
    white-space:nowrap;
    width:138px;
    cursor:pointer;
    }

.mstrmojo-OB-titleTable tr td:nth-child(2){
    width:99%;
    padding:2px 0px;
}
.mstrmojo-OB-titleTable .msrmojo-save-label {
    padding-right: 8px;
    width: 40px;
}

.mstrmojo-OBNavigatorPopup {
    background:url("images/walkBg.png") repeat-y scroll left top #D0D0D0;
    border:1px solid #7B7B7B;
    position:absolute;
    min-width:100%;
}

.mstrmojo-OBNavigatorPopup .mstrmojo-TreeNode-text{
    padding-left:10px;
    cursor:pointer;
}

.mstrmojo-OBNavigatorPopup .mstrmojo-TreeNode-itemsContainer{
    padding:0 0 0 10px;
}

.mstrmojo-icon {
    background: transparent url(images/dxSprite.gif) no-repeat center;
    width: 0px;
    height: 20px;
    line-height: 20px;
    padding-left:20px;
    }
.mstrmojo-icon._8 {
    background-position: 0 -4px;
    }
.mstrmojo-icon.f {
    background-image: url(../../../style/mstr/images/lsFolder.gif);
    }
.mstrmojo-icon.left {
    background-image: url(ob-images/left.png);
    }
.mstrmojo-icon.right {
    background-image: url(ob-images/right.png);
    }
.mstrmojo-Button.disabled {
    opacity: 0.5
    }

.mstrmojo-FishEye {
    width: 160px;
    height: 16px;
    overflow: hidden;
}
.mstrmojo-FishEye .mstrmojo-ListBase2-itemsContainer {
    position: absolute !important;
}

.mstrmojo-fisheye-item {background-image:url("images/charcoalDotSel.gif");}
.mstrmojo-fisheye-item:hover,
.mstrmojo-fisheye-item.selected {background-image:url("images/charcoalDot.gif");}
.mstrmojo-fisheye-item:hover {
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    }

.mstrmojo-SearchBox-Wrapper {
    margin-bottom: 8px;
    position: relative;
    font: 11px "Lucida Grande", Arial, sans-serif;
    height: 20px;
    /* [ww]: I remove this bk-color setting, because it is not a common setting.
       If we need it somewhere, add it within that special scope
     */
    /*background-color: #fff;*/
}

.mstrmojo-SearchBox-Wrapper.quick-search .mstrmojo-SearchBox-clear{
    display: none;
}
.mstrmojo-SearchBox-search.clear,
.mstrmojo-SearchBox-clear.show{
    cursor: pointer;
    background: #fff url("vi/images/menu_icons.png") no-repeat -21px 6px;
}

.mstrmojo-SearchBox-clear{
    cursor:default;
    height:19px;
    width:16px;
    background: url("images/1ptrans.gif") repeat center center #FFF;
    border-width:1px 0px;
    border-style: solid;
    border-color: #ddd;
}

.mstrmojo-SearchBox-search {
    background: #fff url("images/search_sprite.png") no-repeat 5px 4px;
    height:19px;
    border-color: #ddd;
    border-style: solid solid solid none;
    border-width: 1px;
    border-radius: 0 3px 3px 0;
    }

.mstrmojo-SearchBox-bg {
    background-color:#FFF;
    background-position:left center;
    background-repeat:no-repeat;
    border:0 none;
    cursor:default;
    height:21px;
    width:22px;
}

.mstrmojo-SearchBox-input {
    border-color: #dddddd;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    -moz-border-radius:3px 0 0 3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    height:16px;
    padding: 2px 3px 1px 3px; /* 966839 Explicitly specify padding-bottom instead of relying on user agent stylesheet. */
    width:110px;
    background: #FFF;
    vertical-align:top;
    border-radius: 3px 0 0 3px;
}
.mstrmojo-SearchBox-input.tip {color: #aaa;}

.mstrmojo-SearchBox-options {white-space: nowrap;}

/*** SearchBox 2--*/

.mstrmojo-SearchBox2-Wrapper {
    margin: 5px auto;
    position: relative;
    color: #666666;
    font: 11px "Lucida Grande", Arial, sans-serif;
    height: 20px;
    min-width: 76px;
    z-index: 2;
}


.mstrmojo-SearchBox2-search {
    background: transparent url(images/searchbox.png) no-repeat 0 0;
    display: block;
    height: 19px;
    width: 30px;
    color: #7E7E7E;
    float:left;
}
.mstrmojo-SearchBox2-search.short {width: 20px;}
.mstrmojo-SearchBox2-input.mstrmojo-empty{color: #999;}

.mstrmojo-SearchBox2-down {
    position: absolute;
    left: 14px;
    top: 2px;
    z-index: 10;
    background: transparent url(images/searchbox.png) no-repeat 0 -24px;
    width: 13px;
    height: 11px;
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.mstrmojo-SearchBox2-down.disabled {
    background-position: -14px -24px ;
    display: none;
}
.mstrmojo-SearchBox2-right {
    background: transparent url(images/searchbox.png) no-repeat 0 -60px;
    display: block;
    height: 19px;
    width: 10px;
    float: left;
    position: relative;
}

.mstrmojo-SearchBox2-input {
    border: 0 none;
    margin: 0;
    padding: 0;
    height: 19px;
    line-height: 19px;
    background: transparent url(images/searchbox.png) repeat-x 0 -36px;
    float: left;
    width: 160px;
    outline: 0 none;
}

.mstrmojo-SearchBox2-clear {
    background: transparent url(images/searchbox.png) no-repeat 0 -85px;
    cursor: pointer;
    display: none; /*default:hidden*/
    height: 11px;
    overflow: hidden;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 11px;
    z-index: 1;
}

.mstrmojo-SearchBox2-spinner {
    display: none;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 10;
    background: transparent url(images/searchbox-spinner.gif) no-repeat scroll center top;
    width: 11px;
    height: 11px;
}
.mstrmojo-SearchBox2-spinner.show,
.mstrmojo-SearchBox2-clear.show {display: block;}

.mstrmojo-SearchBox2-options {
    position: absolute;
    top: 20px;
    left: 0;
    display: none;
    z-index: 107;
    background: #fff;
    padding: 5px 10px 5px 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #666;
    -webkit-box-shadow: 5px 5px 5px #666;
    filter: progid:DXImageTransform.Microsoft.dropshadow(Color='#66666666', Positive='true', OffX='5', OffY='5');
}
.mstrmojo-SearchBox .mstrmojo-SearchBox-input::-ms-clear {
    display:none;
}
/*end SearchBox 2*/

/*Elements Browser*/
.mstrmojo-ElementsBrowser {
    overflow: hidden;
    position: relative; /*IE7*/
}

.mstrmojo-ELementsBrowser-List {
    height:160px;
    overflow:auto;
    background:white;
    border:1px solid #ADAAAD;
    margin: 1px auto;
    cursor: default;
}
.mstrmojo-ELementsBrowser-List .mstrmojo-bullet:hover {
    background-color: #e3e3e3;
}
.mstrmojo-ELementsBrowser-List .mstrmojo-bullet.selected {
    background-color: #d2d2d2;
    color: #000;
}
.mstrmojo-ElementsBrowser-IncFetch .mstrmojo-Label {white-space: nowrap;}


.mstrmojo-ebIcons {
    background: transparent none no-repeat left top;
    height: 20px;
    line-height: 16px;
    padding-left: 3px;
    padding-right:4px;
    white-space:nowrap;
    }
.mstrmojo-ebIcons.ae {
    background-image:url("../../../style/mstr/images/attributeElement20x19.png");
    background-position: 2px 2px;
}
.mstrmojo-ElementsBrowser-buttonBar {
    width: 100%;
    }
.mstrmojo-ElementsBrowser-buttonBar .mstrmojo-Button  {
    background-color:#484848;
    border:1px solid #808080;
    color:#FFFFFF;
    line-height:16px;
    margin:3px 6px;
    padding: 0 12px;
    text-align: center;
    float: right;
}
/*end Elements Browser*/


/*Object browser*/
.mstrmojo-OB-titleTable{
    width:100%;
}

.mstrmojo-OBList {
    font-size:8pt;
    color : #666666;
}

.mstrmojo-OBListItem {
    /*border-bottom:1px solid lightGray;*/
    cursor:pointer;
    /*background-color:#F0F0F0;*/
    white-space:nowrap;
}

div.mstrmojo-OBListItem:hover {
    background-color:#d1dbe1;
}

div.mstrmojo-OBListItem.t_8.st_2048:hover .mstrmojo-OBListItemText{
    text-decoration: underline;
    color: #444649;
}

.mstrmojo-OBListItemIcon {
    clear:both;
    float:left;
    background-repeat:no-repeat;
    height:20px;
    width:20px;
    margin:0 3px 0 6px;
    background-image:url(../../../style/mstr/images/listView.png);
    cursor:pointer;
}
.mstrmojo-OBIcon_1 {background-position:-20px -20px; /*filter*/}
.mstrmojo-OBIcon_st_257 {background-position:0 -100px; /*CG*/}
.mstrmojo-OBIcon_3 {background-position: 0 -40px; /*grid*/}
.mstrmojo-OBIcon_4 {background-position: -40px -40px; /*metric*/}
.mstrmojo-OBIcon_8 {background-position: -40px -20px; /*folder*/}
.mstrmojo-OBIcon_10 { background-position: -80px -40px; } /*prompt*/
.mstrmojo-OBIcon_12 {background-position: 0 0; /*attribute*/}
.mstrmojo-OBIcon_55 {background-position: -20px -60px; /*rwd*/}
.mstrmojo-OBIcon_e {background-position:0 25px; /*empty*/}

.mstrmojo-OBListItemIcon.up { /*Up*/
    background: url(../../../style/mstr/images/toolbar.png) no-repeat -380px -241px transparent;
    }
.mstrmojo-OBListItemIcon.up.disabled { /*Up disabled*/
     background: url(../../../style/mstr/images/toolbar_i.png) no-repeat -380px -241px transparent;
    }
.mstrmojo-OBListItemIcon.nf { /*New Folder*/
    background: url(../../../style/mstr/images/toolbar.png) no-repeat -240px -180px transparent;
    }


.mstrmojo-OBListItemText {
    padding-bottom:5px;
    padding-top:4px;
}

.mstrmojo-IF-OBList {
    height: 100%;
}

.mstrmojo-BookletPage {
    height:100%;
    width:100%;
    /*background-color:#F9F9F9;*/
    overflow-y:auto;
    position:absolute;
    top:0;
}

.mstrmojo-BookletLoader{
    height:100%;
    width:100%;
    background:transparent url("ob-images/preloader_circle.gif") no-repeat center center;
    position: absolute;
    left : -1000px;
}

.mstrmojo-Booklet {
    position:relative;
    overflow:hidden;
    height:192px;
    width:194px;
    /*border:1px solid #ACACAC;*/
}
.mstrmojo-OB-booklet {
    width: 100%;
    background-color: #fff;
}

.mstrmojo-OBCloseButton{
    background:url("../../../style/mstr/images/buttons.png") no-repeat -20px 0 transparent;
    height:20px;
    width:20px;
}

.mstrmojo-OBDisabler{
    height:100%;
    width:100%;
    position: absolute;
    background-color:#DDDDDD;
    opacity:0.4;
    filter:alpha(opacity=40);
    top:0px;
    width:192px;
}





/*icons for objects as List Item*/
.mstrmojo-ListIcon  {
    background-image:url(../../../style/mstr/images/listView.png);
    background-repeat:no-repeat;
    height:20px;
    width:20px;
    margin-right:3px;
    cursor:pointer;
    display: inline-block;
    vertical-align: middle;
    }
.mstrmojo-ListIcon.t1,
.mstrmojo-ListIcon.t1.st256 {background-position: -20px -20px; /*filter*/}
.mstrmojo-ListIcon.t1.st257 {background-position: 0 -100px; /*CG*/}
.mstrmojo-ListIcon.t2 {background-position: -60px -60px;}  /*template*/
.mstrmojo-ListIcon.t3 {background-position: 0 -40px; /*grid*/}
.mstrmojo-ListIcon.t4 {background-position: -40px -40px; /*metric*/}
.mstrmojo-ListIcon.t8 {background-position: -40px -20px; /*folder*/}
.mstrmojo-ListIcon.t10 { background-position: -80px -40px; } /*prompt*/
.mstrmojo-ListIcon.t11 { background-position: -60px -120px; } /*functions*/
.mstrmojo-ListIcon.t12 {background-position: 0 0; /*attribute*/}
.mstrmojo-ListIcon.t13 {
    background: url(images/fact.png) center center scroll no-repeat transparent !important;
    /*fact. TO-DO: merge the individual into ListView.gif sprite*/
}
.mstrmojo-ListIcon.t14 {background-position: -20px -40px;}/*Hierarchy.*/
.mstrmojo-ListIcon.t43 {background-position: -20px -120px/*transformation*/}
.mstrmojo-ListIcon.t47 {background-position: -80px -80px/*consolidation*/}
.mstrmojo-ListIcon.t55 {background-position: -20px -60px; /*rwd*/}
.mstrmojo-ListIcon.t55.st14080 {background-position: 0px -20px;}  /*Document*/
.mstrmojo-ListIcon.t55.st14082 {background-position: -60px -180px; /*Theme*/}
.mstrmojo-ListIcon.t55.dvm8192 {background-position: -60px -100px;}  /*VI Dashboard*/
.mstrmojo-ListIcon.t67 {background-position: -80px -120px;} /*external mobile folder*/
.mstrmojo-ListIcon.t72 {background-position: -80px -180px; /*Thresholds*/}
.mstrmojo-ListIcon.te {background-position: 20px /*empty*/}
.mstrmojo-ListIcon.isc {background-image: url("../../../style/mstr/images/lsShortcut.gif") !important;}
.mstrmojo-ListIcon.t3.st776, .mstrmojo-ListIcon.t3.st779 {
    background-position: -60px -0px; /*cube*/
}
.mstrmojo-ListIcon.t3.st774 {
    background-position: -80px -20px; /*Grid/Graph*/
}
.mstrmojo-ListIcon.t3.st769 {
    background-position: -60px -20px; /*Graph*/
}
.mstrmojo-ListIcon.t3.st778 {
    background-position: 0px -120px; /*Transaction Report*/
}
.mstrmojo-ListIcon.up { /*Up*/
    background: url(../../../style/mstr/images/toolbar.png) no-repeat -360px -241px transparent;
    }
.mstrmojo-ListIcon.up.disabled { /*Up disabled*/
     background: url(../../../style/mstr/images/toolbar_i.png) no-repeat -360px -241px transparent;
    }
.mstrmojo-ListIcon.nf { /*New Folder*/
    background: url(../../../style/mstr/images/toolbar.png) no-repeat -240px -180px transparent;
    }
.mstrmojo-ListIcon.recover {background-position:-60px -160px; /*recover icon*/}


.mstrmojo-ive-dataset-picker {
    width: 446px !important;
}

.mstrmojo-ive-dataset-picker .mstrmojo-Editor-button {
    float:right;
    width: 80px;
    display: block !important;
}

.mstrmojo-ive-dataset-picker .mstrmojo-ive-btnTable {
    width: 100%;
}

.mstrmojo-ive-dataset-picker .mstrmojo-Booklet {
    margin-top: 5px;
    padding-top: 5px;
    border: 1px solid #303030;
}

.mstrmojo-ive-dataset-picker div.mstrmojo-OBListItem.selected {
    background-color:#d1dbe1;
}

.mstrmojo-ive-dataset-picker div.mstrmojo-ive-import {
    font-weight:bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	height: 60px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e4e4e4',GradientType=0 );
    border: 1px solid #ccc;
    line-height: 50px;
    margin-bottom:20px;
    left: 0px !ie7;
    background: #dedede;
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(228,228,228,1) 100%);
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(228,228,228,1) 100%);
    background: linear-gradient(to bottom, rgba(247,247,247,1) 1%, rgba(228,228,228,1) 100%);
}

.mstrmojo-ive-dataset-picker div.mstrmojo-ive-import:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e4e4e4',GradientType=0 );
    background: #ededed;
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 1%,rgba(228,228,228,1) 100%);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 1%,rgba(228,228,228,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 1%,rgba(228,228,228,1) 100%);
}

.mstrmojo-ive-dataset-picker div.mstrmojo-ive-import .mstrmojo-Button-text {
    padding: 5px 60px;
    background: url(images/importData.png) no-repeat 0 -5px transparent;
}

.mstrmojo-ive-dataset-picker .mstrmojo-ive-btnTable tr td:first-child {
    width: 99%;
}

.mstrmojo-ive-dataset-picker .mstrmojo-Editor-content {
	padding: 10px 18px;
}

.mstrmojo-ive-dataset-picker .mstrmojo-Editor-buttons {
    padding: 0 18px;
}

.mstrmojo-ive-dataset-picker .mstrmojo-Editor-buttonBar {
    margin-bottom: 10px;
}

.mstrmojo-ive-dataset-picker .mstrmojo-Editor-button,
.mstrmojo-ive-dataset-picker .mstrmojo-Editor-button:hover.disabled {
    margin-top: 0 !important;
}

.mstrmojo-ive-fs {
    margin-top: 8px;
    border: none;
    border-top: 2px groove #eee;
    padding: 0;
    margin-bottom: 4px;
    margin-left: -4px;
}

.mstrmojo-ive-fs legend {
    font-weight: bold;
    padding: 0 5px;
}

/********** CSS for Calendar **************/

.mstrmojo-Calendar{
    width:182px;
    background-color:white;
    border:1px solid #656565;
    color:black;
    font-size:11px;
    text-align:center;
}

.mstrmojo-Calendar-header{
    width:100%;
    height:20px;
    font-size:14px;
    border-bottom:1px solid grey;
    line-height:17px;
    color:white;
    background:#A5A9AB url(../../../style/mstr/images/theme/gray/shortcutBarGradient.gif) repeat-x scroll center -3px;
}

.mstrmojo-Calendar-body{
    height:140px;
    width:100%;
    overflow:hidden;
    position:relative;
}

.mstrmojo-Calendar-timePart{
    width:100%;
    height:20px;
    line-height:20px;
    font-size:13px;
    border-top:1px solid grey;
    font-weight:bold;
    background:white url(images/calendarDayLabel.png) repeat-x scroll center bottom;
}

.mstrmojo-Calendar-buttons {
    padding: 10px;
}

.mstrmojo-Calendar-buttons .mstrmojo-Button.hot {
    margin-right: 10px;
}

.mstrmojo-Calendar-buttons .mstrmojo-Button {
    float: right;
}

.mstrmojo-Calendar-monthLabel,
.mstrmojo-Calendar-yearLabel,
.mstrmojo-Calendar-hourLabel,
.mstrmojo-Calendar-minuteLabel,
.mstrmojo-Calendar-secondLabel,
.mstrmojo-Calendar-AMPMLabel{
    font-weight:bold;
    font-size: 12px;
    cursor:pointer;
}

.mstrmojo-Calendar-monthLabel:hover,
.mstrmojo-Calendar-yearLabel:hover {
    text-decoration: underline;
}

.mstrmojo-Calendar-yearLabel {
    padding-left: 8px;
}

.mstrmojo-Calendar-timeDelimiter,
.mstrmojo-Calendar-comma{
    padding:0 4px;
}

.mstrmojo-Calendar .highlight{
    color:#123966;
}


.mstrmojo-Calendar-dayView,
.mstrmojo-Calendar-monthView,
.mstrmojo-Calendar-yearView,
.mstrmojo-Calendar-hourView,
.mstrmojo-Calendar-minuteView,
.mstrmojo-Calendar-secondView{
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
}

.mstrmojo-Calendar-hourView table,
.mstrmojo-Calendar-minuteView table,
.mstrmojo-Calendar-secondView table,
.mstrmojo-Calendar-monthView table,
.mstrmojo-Calendar-yearView table{
    position:relative;
}

.mstrmojo-Calendar-monthView table{
    top:6px;
    left:4px;
}

.mstrmojo-Calendar-yearView table{
    top:5px;
    left:1px;
}

.mstrmojo-Calendar-hourView table,
.mstrmojo-Calendar-minuteView table,
.mstrmojo-Calendar-secondView table{
    top:1px;
    left:1px;
    _left:0px;/*IE6 hack*/
}

.mstrmojo-Calendar-thead{
    font-weight:bold;
    font-size:12px;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-thead {
    font-size:11px;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-thead td {
    background: transparent;
    border-color:transparent !important;
}


.mstrmojo-visCalendar .mstrmojo-Calendar-dayView table td.hilightToday,
.mstrmojo-visCalendar .mstrmojo-Calendar-dayView table td.hilightToday:hover{
    background-color:#FF8A0D;
    color:#FFFFFF;
}


.mstrmojo-Calendar-thead td{
    background:white url(images/calendarDayLabel.png) repeat-x scroll center bottom;
    height:20px;
    line-height:17px;
    width:26px;
}
.mstrmojo-Calendar-dayView .selected,
.mstrmojo-Calendar-monthView .selected,
.mstrmojo-Calendar-yearView .selected,
.mstrmojo-Calendar-hourView .selected,
.mstrmojo-Calendar-minuteView .selected,
.mstrmojo-Calendar-secondView .selected{
    background-color:#B1BFCC;
    border-color:#999;
    font-weight:bold;
    background-image:none;
	color: #4a4a4a;
}


.mstrmojo-Calendar-day-pre,
.mstrmojo-Calendar-day-cur,
.mstrmojo-Calendar-day-next{
    border:1px solid white;
    height:18px;
    line-height:17px;
    width:24px;
}

.mstrmojo-Calendar-day-pre,
.mstrmojo-Calendar-day-next{
    color:#555555;
}

.mstrmojo-Calendar-month{
    height:30px;
    line-height:30px;
    width:56px;
    _width:57px;
    border:1px solid white;
}

.mstrmojo-Calendar-year{
    height:24px;
    line-height:24px;
    text-align:center;
    width:34px;
    _width:35px;/*IE6 hack*/
    border:1px solid white;
}

.mstrmojo-Calendar-hour{
    height:21px;
    width:28px;
    _width:30px;/*IE6 hack*/
    border:1px solid white;
    line-height:21px;
}

.mstrmojo-Calendar-minute,
.mstrmojo-Calendar-second{
    height:21px;
    width:16px;
    _width:18px;/*IE6 hack*/
    border:1px solid white;
    line-height:21px;
}

.mstrmojo-Calendar-hourTitle{
    height:21px;
    font-weight:bold;
}

.mstrmojo-Calendar-ok{
    cursor:pointer;
}

.mstrmojo-Calendar-increase{
    float:right;
    border-color: transparent transparent transparent black;
}

.mstrmojo-Calendar-decrease{
    float:left;
    border-color: transparent black transparent transparent;
}

.mstrmojo-Calendar-decrease,
.mstrmojo-Calendar-increase{
    cursor:pointer;
    border-style: solid;
    border-width: 7px 12px 7px 12px;
    margin:2px 0 0 3px;
    height: 0px;
    width: 0px;
}

.mstrmojo-Calendar-decrease.disabled,
.mstrmojo-Calendar-increase.disabled{
    display: none;
}

.mstrmojo-Calendar-body .disabled {
    color: #DEDEDE
}

.mstrmojo-DateTextBox{
    position:relative;
    width:200px;
}
.mstrmojo-DateTextBox-input{
    padding:0;
    padding-top:2px;
    width:128px;
    height:18px;
    border:1px solid #B5B8C8;
}
.mstrmojo-DateTextBox-icon{
    background:transparent url(images/date-trigger.gif) no-repeat scroll -17px 0;
    border-style:none none solid;
    border-width:1px 0 1px;
    border-color:#B5B8C8;
    cursor:pointer;
    height:21px;
    position:absolute;
    top:0px;
    left:130px;
    width:17px;
    cursor:pointer;
}
.mstrmojo-DateTextBox-icon:hover{
    background-position: -34px 0;
}
.mstrmojo-DateTextBox-popup {
    cursor: pointer;
}

/* new visCalendar styles*/
.mstrmojo-visCalendar {
    width: 200px;
    height:200px;
    border:none;
    border: 1px solid #afafaf;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-header {
    height:14.14%;
    width:100%;
    color:#000;
    text-transform:uppercase;
    border-bottom:1px solid #fff;
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 0%, #d8d8d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 0%,#d8d8d8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 0%,#d8d8d8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8f8 0%,#d8d8d8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
}
.mstrmojo-visCalendar .mstrmojo-Calendar-header .mstrmojo-Calendar-decrease.disabled,
.mstrmojo-visCalendar .mstrmojo-Calendar-header .mstrmojo-Calendar-increase.disabled {
      opacity: 0.25; /* W3C */
      filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); /* IE6-9 */
      display:block;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-comma {
    visibility: hidden;
}
/* clear the default */
.mstrmojo-visCalendar .mstrmojo-Calendar-monthLabel,
.mstrmojo-visCalendar .mstrmojo-Calendar-yearLabel{
    text-decoration:none;
    line-height: 11px;
    display: inline-block; /* make sure line-height take effect*/
    padding:6px 0px 3px 0px;
    border-bottom: 1px solid #fff;
    background:url(images/black-1px.png) bottom repeat-x;
}

.mstrmojo-visCalendar .mstrmojo-Calendar-month,
.mstrmojo-visCalendar .mstrmojo-Calendar-year{
    border-color: transparent;
    overflow:hidden;
}

.mstrmojo-visCalendar .mstrmojo-Calendar-yearLabel:hover,
.mstrmojo-visCalendar .mstrmojo-Calendar-monthLabel:hover
{
    color:#00f;
    background:url(images/blue-1px.png) bottom repeat-x;
}

.mstrmojo-visCalendar .mstrmojo-Calendar-title{
    position: relative;
    z-index:1;
}

/* incease/decrease button */
.mstrmojo-visCalendar .mstrmojo-Calendar-decrease,
.mstrmojo-visCalendar .mstrmojo-Calendar-increase {
    height:100%;
    width:14%;
    margin:0px;
    border: none;
    position:relative;
    z-index:2;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-decrease {
    background:transparent url(images/calendar-left-arrow.png) no-repeat center;
    background-size: 100%;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-decrease:hover {
    background:transparent url(images/calendar-left-arrow-hover.png) no-repeat center;
    background-size: 100%;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-decrease:active {
    background:transparent url(images/calendar-left-arrow-selected.png) no-repeat center;
    background-size: 100%;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-increase {
    background:transparent url(images/calendar-right-arrow.png) no-repeat center;
    background-size: 100%;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-increase:hover {
    background:transparent url(images/calendar-right-arrow-hover.png) no-repeat center;
    background-size: 100%;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-increase:active {
    background:transparent url(images/calendar-right-arrow-selected.png) no-repeat center;
    background-size: 100%;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-body {
    height: 84.84%;
    width: auto; /* clear 100% */
    font-size:11px;
    border-top:1px solid transparent;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-dayView,
.mstrmojo-visCalendar .mstrmojo-Calendar-monthView,
.mstrmojo-visCalendar .mstrmojo-Calendar-yearView{
    position:absolute;
    width: 92%;
    height: 96%;
    padding:2% 4% 2% 4%;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-dayView table,
.mstrmojo-visCalendar .mstrmojo-Calendar-monthView table,
.mstrmojo-visCalendar .mstrmojo-Calendar-yearView table{
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    table-layout:fixed !important; /* make sure the cells not to resize when content changes*/
}
/* clear the width & height value*/
.mstrmojo-visCalendar .mstrmojo-Calendar-dayView table td{
    width:auto;
    height:auto;
    background: transparent;
    border: 2px solid transparent;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-dayView table tbody td:hover{
    border: 2px solid #7fceff;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-dayView table tbody td:hover,
.mstrmojo-visCalendar .mstrmojo-Calendar-dayView table tbody td div:hover,
.mstrmojo-visCalendar .mstrmojo-Calendar-monthView td:hover,
.mstrmojo-visCalendar .mstrmojo-Calendar-monthView td div:hover,
.mstrmojo-visCalendar .mstrmojo-Calendar-yearView td:hover,
.mstrmojo-visCalendar .mstrmojo-Calendar-yearView td div:hover{
    font-size:100%; /*override*/
    cursor:pointer;
    background-color:transparent;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-day-pre,
.mstrmojo-visCalendar .mstrmojo-Calendar-day-cur,
.mstrmojo-visCalendar .mstrmojo-Calendar-day-next,
.mstrmojo-visCalendar .mstrmojo-Calendar-year,
.mstrmojo-visCalendar .mstrmojo-Calendar-month  {
    width:auto;
    border:none;
    height: auto; /*clear the preassigned 18px*/
}

.mstrmojo-visCalendar .mstrmojo-Calendar-day-pre:hover,
.mstrmojo-visCalendar .mstrmojo-Calendar-day-cur:hover,
.mstrmojo-visCalendar .mstrmojo-Calendar-day-next:hover {

    border:none;
    background: none;
}

/* make the monthView & yearView td hoverable*/

.mstrmojo-visCalendar .mstrmojo-Calendar-monthView td,
.mstrmojo-visCalendar .mstrmojo-Calendar-yearView td{
    border:2px solid transparent;/* make place for hover border*/
}
.mstrmojo-visCalendar .mstrmojo-Calendar-monthView td div:hover,
.mstrmojo-visCalendar .mstrmojo-Calendar-yearView td div:hover{
    background:transparent;
}

.mstrmojo-visCalendar .mstrmojo-Calendar-monthView td.selected,
.mstrmojo-visCalendar .mstrmojo-Calendar-yearView td.selected{
    background-color:#B1BFCC;
    border-color:#999;
    font-weight:bold;
    background-image:none;
}
/* clear the div selected style since we move it onto the td*/
.mstrmojo-visCalendar .mstrmojo-Calendar-day.selected,
.mstrmojo-visCalendar .mstrmojo-Calendar-month.selected,
.mstrmojo-visCalendar .mstrmojo-Calendar-year.selected{
    background:none; /*override*/
    border:none;/*override*/
    background-image:none;
}


.mstrmojo-visCalendar .mstrmojo-Calendar-month,
.mstrmojo-visCalendar .mstrmojo-Calendar-year,
.mstrmojo-visCalendar .mstrmojo-Calendar-day-pre,
.mstrmojo-visCalendar .mstrmojo-Calendar-day-cur,
.mstrmojo-visCalendar .mstrmojo-Calendar-day-next{
    cursor:pointer;
}
.mstrmojo-visCalendar .mstrmojo-Calendar-day-pre.disabled,
.mstrmojo-visCalendar .mstrmojo-Calendar-day-cur.disabled,
.mstrmojo-visCalendar .mstrmojo-Calendar-day-next.disabled
{
    cursor:default;
}

.mstrmojo-visDateSelection{
    position:absolute;
}

.mstrmojo-visDateSelection-msg{
    display:none;
    color: red;
    font-size: 10pt;
}
/* end new visCalendar styles*/

/*** END CSS FOR CALENDAR ****/
 /*layered icons*/
.mstrmojo-ListIcon.layered {position: relative;}  /*Layered icons*/
.mstrmojo-ListIcon span.sc {background-image: url("../../../style/mstr/images/lsShortcut.gif"); float: inherit;}  /*status icon on bottom-left corner - shortcut*/
.mstrmojo-ListIcon.layered .br {position: absolute; left:-1px; top:-1px; height:100%; width:100%;}  /*Layered icons - bottom-right icon base css*/

.mstrmojo-ListIcon span.ajax {background-image: url(../../../style/mstr/images/lsAjax.gif);}  /*visualizaton Ajax*/
.mstrmojo-ListIcon span.flash {background-image: url(../../../style/mstr/images/lsFlash.gif);}  /*visualizaton Flash*/
.mstrmojo-ListIcon span.csv {background: url(../../../style/mstr/images/folderCSV.gif);}  /*Export CSV*/
.mstrmojo-ListIcon span.html {background-image: url(../../../style/mstr/images/folderHTML.gif);}  /*Export HTML*/
.mstrmojo-ListIcon span.pdf {background-image: url(../../../style/mstr/images/folderPDF.gif);} /*Export PDF*/
.mstrmojo-ListIcon span.pl {background: url(../../../style/mstr/images/folderText.gif);} /*Export Text*/
.mstrmojo-ListIcon span.xls {background-image: url(../../../style/mstr/images/folderExcel.gif);} /*Export Excel*/
.mstrmojo-ListIcon span.xlsp {background-image: url(../../../style/mstr/images/folderExcelPlainText.gif);} /*Export Excel Plain Text*/

.mstrmojo-SearchBoxSelector .mstrmojo-SimpleObjectInputBox-empty {
    position: relative;
}

.mstrmojo-SearchBoxSelector-suggest {
	max-width: 200px;
    background-color: #FFF;
    border: 1px solid #ACACAC;
    border-radius: 0 !important;
    overflow-y: auto;
    overflow-x: hidden;
}
.mstrmojo-SearchBoxSelector-suggest .mstrmojo-Editor-content {
    border-radius: 0 !important;
    padding: 4px 0;
}
.mstrmojo-SearchBoxSelector-suggest .mstrmojo-suggest-list .selected {
    background-color: #CCC;
}
/*TQMS 801205*/
.mstrmojo-SearchBoxSelector-suggest .mstrmojo-suggest-list .item {
    white-space: nowrap;
}
/*US45580, TQMS 893891*/
.mstrmojo-SearchBoxSelector-suggest .item {
    padding: 2px 4px 2px 4px;
    text-overflow: ellipsis;
    min-width: 100px;
}

/*DE 13843*/
.mstrmojo-SearchBoxSelector-suggest .mstrmojo-suggest-list .item.nomatch{
    white-space: normal;
}
.mstrmojo-SearchBoxSelector-suggest .item em {
    font-style: italic;
}

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

.mstrmojo-Deletable-list .mstrmojo-del {background-position: -2px -60px;}
.mstrmojo-Deletable-list .mstrmojo-del:hover {background-position: -2px -80px;}

.mstrmojo-Deletable-list .selected {
    background-color: #d6e3ee;
}

.mstrmojo-SegmentSaveAs {
    width: 250px;
}

.mstrmojo-SegmentSaveAs .mstrmojo-Editor-content {
    padding: 5px 10px;
}

.mstrmojo-SegmentSaveAs .mstrmojo-ImageCheckBox {
    margin-top: 8px;
    margin-left: -5px;
}

.mstrmojo-SegmentSaveAs .mstrmojo-Editor-buttons {
    padding: 0 10px;
}

.mstrmojo-SegmentSaveAs .mstrmojo-SaveAsEditor-nameInput {
    width: 190px;
    margin: 1px 5px;
}

.mstrmojo-Segment-browser {
    width: 220px;
}

.mstrmojo-Segment-browser .mstrmojo-Editor-content {
    padding: 5px 10px;
}

.mstrmojo-Segment-browser .mstrmojo-Editor-buttons {
    padding: 0 10px;
}

.mstrmojo-Segment-browser .mstrmojo-BookletPage {
    overflow-x: hidden;
}
.mstrmojo-Segment-browser .mstrmojo-OBListItemText {
    padding-left: 5px;
}




/**---- CSS for Metric Editor -----------------**/
.mstrmojo-MetricEditor {width: 520px;}
.mstrmojo-MetricEditor .mstrmojo-Editor-content {padding: 8px;}

.mstrmojo-MetricEditor .mstrmojo-MEBox {
    height: 295px;
}

/**DE141602 - Change height to avoid overlapptin between tokeninputbox and editor's status box **/
.mstrmojo-MetricEditor .mstrmojo-MEBox .mstrmojo-TokenInputBox {height: 261px;}

.mstrmojo-metric-name,
.mstrmojo-metric-desc {width: auto !important;}

.mstrmojo-Editor-buttonBox td:first-child {width: 90%;}

.mstrmojo-Editor-descBox td:first-child,
.mstrmojo-Editor-nameBox td:first-child {width: 100px;}


.tbBrowse,
.tbOptions,
.tbReport,
.tbMoveUp,
.tbMoveDown,
.tbValidate,
.tbClear,
.tbInsert,
.tbFormat .mstrmojo-Button-text,
.tbAdvOptions .mstrmojo-Button-text {
    background: url(images/metric.png) center center no-repeat scroll transparent;
    width: 20px;
    height: 20px;
}

.tbValidate {background-position: -40px 0px;height: 10px;}
.tbValidate:hover {background-position: -40px -20px;}

.tbClear {background-position: -20px 0px;}
.tbClear:hover {background-position: -20px -20px;}

.tbInsert {background-position: 0px 0px;}
.tbInsert:hover {background-position: 0px -20px;}

.tbBrowse {background-position: -60px 0px;}
.tbBrowse:hover {background-position: -60px -20px;}

.tbOptions {background: url(images/metric-editor.png) no-repeat -198px -88px transparent;}
.tbOptions:hover {background-position: -198px -148px;}

.tbReport {background-position: -100px 0px;}
.tbReport:hover {background-position: -100px -20px;}
.tbReport.disabled:hover {background-position: -100px 0px;}

.tbMoveUp {background-position: -140px 0px;}
.tbMoveUp:hover {background-position: -140px -20px;}

.tbMoveDown {background-position: -160px 0px;}
.tbMoveDown:hover {background-position: -160px -20px;}

.tbFormat,
.tbAdvOptions {
    height: 20px;
    width: 20px;
    margin: 6px 8px;
    min-width: 0 !important;
}
.tbAdvOptions .mstrmojo-Button-text {background-position: 0 -46px}
.tbAdvOptions:hover .mstrmojo-Button-text {background-position: 0 -69px}
.tbFormat .mstrmojo-Button-text {background-position: -23px -46px;}
.tbFormat:hover .mstrmojo-Button-text {background-position: -23px -69px;}

.mstrmojo-DropDownButton.metricAdd {
    -moz-border-radius: 3px 3px 3px 3px;
    background: url("images/buttonGradient.gif") repeat-x scroll left 0 #D5D6D8;
    border-color: #EEEEEE #787878 #787878 #EEEEEE;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    height: auto;
    padding-left: 4px;
    padding-right: 1px;
}

.metricAdd-boxNode {background: url("images/arrow_blk_down_5x7.gif") no-repeat scroll center 15px  transparent;}
.metricAdd-boxNode:hover {background: url("images/arrow_white_down_5x7.gif") no-repeat scroll center 15px  transparent;}

.metricAdd-iconNode {
    background: url("images/cge.png") no-repeat scroll -4px 1px transparent;
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    width: 20px;
}

.mstrmojo-metricAdd-item {padding: 4px 20px;}
.mstrmojo-metricAdd-item:hover {background-color: #D3E1F1;}


.mstrmojo-MEBox {
    margin: 5px 0px 0;
    border: 1px solid #b5b5b5 !important;
    border-radius: 2px;
    position: relative;
}
.mstrmojo-MEBox-down {
    position: absolute !important;
    right: -1px !important;
    top: 0 !important;
}

.mstrmojo-MEBox .mstrmojo-TokenInputBox {
    border-top: 1px solid rgba(0,0,0,0.2);
	border-width: 1px 0 0;
    padding: 5px 2px 0px 5px;
    position: relative;
}
.mstrmojo-MEBox .mstrmojo-TokenInputBox .mstrmojo-ListBase2-dropCue {border-top: 0 none;}
.mstrmojo-MEBox .mstrmojo-TokenInputBox .mstrmojo-ListBase2-dropCue-inner {
    background-image: url(images/dropCueUp.png);
    top: 10px;
}

.mstrmojo-MEBox-status{
    background-color: #ddd;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    width: 100%;
}

.mstrmojo-TokenInputBox-status{
    background-color: #ddd;
    position: absolute;
    bottom: 0;
    left : -1px;
    overflow: hidden;
    width: 100%;
    font-size: 11px;
    padding: 3px 0 6px 6px;
}

.mstrmojo-MEBox-status.hidden {display: none;}
.mstrmojo-MEBox-status DIV {
    max-height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    display: inline-block;
    padding: 2px 2px 2px 5px;
    float: left;
}
.mstrmojo-MEBox-iStatus {max-width: 100%;}
.mstrmojo-MEBox-vStatus {float: left;}
.mstrmojo-MEBox-vStatus.valid {color: #1D9606;}
.mstrmojo-MEBox-vStatus.ambiguity {color: #a00;}
.mstrmojo-MEBox-vStatus.unknown {/*background: url("images/question.png") no-repeat left center scroll transparent;*/}
.mstrmojo-MEBox-vStatus.error {color: #44469;}
.mstrmojo-MEBox-vStatus.valid:before,
.mstrmojo-MEBox-vStatus.error:before {
    background: url("images/DA-sprite.png") no-repeat -94px -8px transparent;
    width: 18px;
    height: 18px;
    content: ' ';
    display: inline-block;
    vertical-align: middle;
}
.mstrmojo-MEBox-vStatus.valid:before {
    background: url("images/DA-sprite.png") no-repeat -124px -8px transparent;
}

.mstrmojo-TokenInputBox {
    background-color: white;
    border: 1px solid #b5b5b5;
    overflow: hidden;
    font-size: 9pt;
}
.mstrmojo-TokenInputBox.unselectable ::selection {
    background: transparent;
}
.mstrmojo-TokenInputBox.unselectable * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mstrmojo-TokenInputBox-clipboard{
    position:absolute;
    top:-1000px;
    left:-1000px;
}

.mstrmojo-TokenInputBox-edit{
    height: 100%;
    min-height: 50px;
    letter-spacing: 1px;
    outline: none;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    word-break: break-all;
    overflow-y: auto;
    overflow-x: hidden;
    letter-spacing: 1px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

.mstrmojo-TokenInputBox-edit .mstrmojo-itemwrap {}
.mstrmojo-TokenInputBox-edit span.mstr {color: blue;}
.mstrmojo-TokenInputBox-edit span.mstr.nfn {color: #444649;}
.mstrmojo-TokenInputBox-edit span.active {color:grey;}
.mstrmojo-TokenInputBox-edit span.invalid {color: red !important;}


.mstrmojo-SimpleMetricEditor {width: 480px;}
.mstrmojo-SimpleMetric-content {width: 100%;}

.mstrmojo-SimpleMetric-content .mstrmojo-Pulldown {margin: 0px;}
.mstrmojo-SimpleMetricEditor .toggle {
    background: url("images/cge.png") no-repeat scroll 0 -39px transparent;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    margin: 10px 0 5px -6px;
}
.mstrmojo-SimpleMetricEditor .toggle.selected {background-position: 0 -16px;}
.mstrmojo-SimpleMetricEditor .mstrmojo-ME-LCT-label {width: 122px;}
.mstrmojo-SimpleMetricEditor .mstrmojo-ME-LCT {width: 435px;}


.optsFunc {display:none !important;}

.mstrmojo-ObjectInputBox.level {width: 250px;}
.mstrmojo-ObjectInputBox.condition {height:24px;}
.mstrmojo-ObjectInputBox.level,
.mstrmojo-ObjectInputBox.transform {height: 68px;}
.transformGrid {
	height: 86px;
	overflow:hidden;
}

.mstrmojo-ObjectInputBox.condition,
.mstrmojo-ObjectInputBox.level,
.transformGrid {
	-moz-transition: height 500ms, border 500ms;
	-webkit-transition: height 500ms, border 500ms;
}
.mstrmojo-ObjectInputBox.condition.hidden,
.mstrmojo-ObjectInputBox.level.hidden,
.transformGrid.hidden {
    overflow: hidden;
    height: 0;
    border: 0 none;
}

.condition .mstrmojo-ObjectItem-text {
    display: inline-block;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;
}

.mstrmojo-ObjectItem-text.rl {background: url("../../../images/iconBanding.gif") no-repeat scroll left center transparent;}
.mstrmojo-ObjectItem-text.a {background: url("vi/images/unitList/attribute.png") no-repeat 0 center transparent;}
.mstrmojo-ObjectItem-text.f {background: url("../../../style/mstr/images/filter.png") no-repeat 0 center scroll transparent;}

.br,
.bro {background: url("../../../style/mstr/images/lsSearch.png") no-repeat 4px center scroll transparent;}

.br {
    padding-bottom:6px;
    border-top: 1px solid #888;
}

.mstrmojo-ObjectItem-opts {
    background: url("images/cge.png") no-repeat scroll center -102px transparent;
    height: 16px;
    vertical-align: top;
    width: 21px;
}

.mstrmojo-Editor.mstrmojo-ME-level-options > .mstrmojo-Editor-content {
    padding-top: 16px;
    padding-bottom: 16px;
}
.mstrmojo-Editor.mstrmojo-ME-level-options .mstrmojo-CheckBox {line-height: 24px;}
.mstrmojo-Editor.mstrmojo-ME-level-options .mstrmojo-CheckBox label {display: inline-block; text-indent: 5px;}


.mstrmojo-suggest-text.br,
.mstrmojo-suggest-list item.br {
    font-weight: bold;
}

.mstrmojo-ME-switch {
    float: right;
    margin: 20px 18px 0;
}

.mstrmojo-ME-toolbar {width: 77px; vertical-align: top;}


.mstrmojo-MetricIDE .mstrmojo-MetricIDE-editor .mstrmojo-TextBox {
    position: relative;
    box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2), 0 0px 1px 0 rgba(0, 0, 0, 0.1);
    height: 21px;
}

.mstrmojo-FunctionSelector {
    width: 300px;
 }
.mstrmojo-FunctionSelector .mstrmojo-Editor-help,
.mstrmojo-FunctionSelector .mstrmojo-Editor-close {display: none}
.mstrmojo-FunctionSelector-label {
    margin: 8px 0 8px 0px;
}
.mstrmojo-FunctionSelector .mstrmojo-FunctionSelector-search {
    margin: 5px 0 5px 0px;
    table-layout: fixed;
    float: left;
}
.mstrmojo-FunctionSelector-search .mstrmojo-SearchBox-input {padding-top: 1px;}
.mstrmojo-FunctionSelector-fctBox {
    margin-top: 2px;
    width: 115px;
    float: left;
    margin-right: -5px;
    z-index: 2;
}

.mstrmojo-FE-functionList {
    height: 315px;
    width: 228px;
    margin: 5px 0px 5px 0px;
    overflow-x:hidden;
    overflow-y: hidden;
    padding-top: 3px;
    cursor: default;

    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */

    /* No support for these yet, use at own risk */
    -o-user-select: none;
    /* background: url("images/preloader_balls.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0); */
    clear: both;
    user-select: none;
    z-index: 1;
}
.mstrmojo-FE-functionList .mstrmojo-ListBase2-itemsContainer {
    box-sizing: content-box !important;  /*to support HasScroller mixin*/
    width: 236px;
}

/*hack needed only for webkit margin and padding so it matches the scrollbar width*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .mstrmojo-FE-functionList .mstrmojo-ListBase2-itemsContainer {
        width: 228px;
    }
}
.mstrmojo-FE-functionList .mstrmojo-ListBase2-itemsContainer .wait {
    background: url("images/preloader_balls.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    height: 40px;
}
.mstrmojo-FE-functionList .mstrmojo-suggest-text {
    height: 22px;
    padding: 3px 2px;
    position: relative;
    line-height: 16px;
    border-radius: 2px;
}
.mstrmojo-FE-functionList .mstrmojo-suggest-text em {
    font-style: normal;
    background-color: #7CD3F3;
}

/*Row Count - a hardcoded fake function item*/
.mstrmojo-FE-functionList .mstrmojo-suggest-text[did="-7"] {display: none;}
.exp .mstrmojo-FE-functionList .mstrmojo-suggest-text[did="-7"] {display: block;}

.mstrmojo-FE-functionList.mstrmojo-suggest-list .mstrmojo-suggest-text.selected:hover,
.mstrmojo-FE-functionList.mstrmojo-suggest-list .mstrmojo-suggest-text.selected {
    background-color: #d2d2d2;
}
.mstrmojo-FE-functionList.mstrmojo-suggest-list .mstrmojo-suggest-text:hover {
    background-color: #e3e3e3;
}

.mstrmojo-FE-functionList.mstrmojo-suggest-list .mstrmojo-suggest-text .tbFunction {
    height: 16px;
    width: 36px;
    min-width: 36px;
    position: absolute;
    top: -1px;
    left: 175px;
    visibility: hidden;
    cursor: pointer;
}
.mstrmojo-FE-functionList.mstrmojo-suggest-list .mstrmojo-suggest-text .tbFunction .mstrmojo-Button-text {
    line-height: 16px;
    padding: 0 3px;
}
.exp .mstrmojo-FE-functionList.mstrmojo-suggest-list .mstrmojo-suggest-text:hover .tbFunction,
.exp .mstrmojo-FE-functionList.mstrmojo-suggest-list .mstrmojo-suggest-text .tbFunction.forceDisplay {
    visibility: visible;
}
.exp .mstrmojo-FE-functionList .mstrmojo-suggest-text[did="-7"] .tbFunction {display: none !important;}

.mstrmojo-FE-functionSyntax {
    font-weight: bold;
    word-wrap: break-word;
    line-height: 18px;
}
.mstrmojo-FE-functionDesc {line-height: 18px;}
.mstrmojo-FE-functionDesc a:link, .mstrmojo-FE-functionDesc a:visited {color: #017EBE;}

/**Start: metric editor Function Info **/
.mstrmojo-FunctionInfo {
    margin-bottom: 11px;
    margin-left: 0px;
    overflow: hidden;
    cursor: default;
}
.mstrmojo-FunctionInfo-container {
    height: 60px;
}
.mstrmojo-FunctionInfo-syntax {
    font-weight: bold;
    float: left;
    margin-right: 8px;
    padding-top: 2px;
    line-height: 18px;
}
.mstrmojo-FunctionInfo-desc {
    clear: both;
    line-height: 18px;
}
.mstrmojo-FunctionInfo-desc a:link,
.mstrmojo-FunctionInfo-desc a:visited,
.mstrmojo-FunctionInfo-desc .func-details {
    color: #007EBE;
    text-decoration: none;
}

.mstrmojo-FunctionInfo-desc .func-details {
    display: inline;
}

.mstrmojo-FunctionInfo-eg {
    margin-top: 3px;
    overflow: hidden;
    height: 0;
    transition: height 200ms;
}
.mstrmojo-MetricIDE.exp .mstrmojo-FunctionInfo-eg {height: 20px;}
.mstrmojo-FunctionInfo-eg .icon {
    line-height: 14px;
    display: inline-block;
    width: 30px;
    height: 20px;
    background: url(images/metric-editor.png) no-repeat -120px -208px transparent;
    vertical-align: middle;
    margin-right: 3px;
}
.mstrmojo-FunctionInfo-eg .text {
    line-height: 14px;
    display: inline-block;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/*End: metric editor Function Info*/






.mstrmojo-ME-buttonBox {/margin: 20px 0px 0px 0px;float: right;margin-top: 20px;}
.mstrmojo-ME-buttonBox .left {margin-left: 200px;}
.mstrmojo-ME-buttonBox.right {width: auto; float:right;}
.mstrmojo-ME-buttonBox .mstrmojo-Editor-button {margin-left: 7px;}
.mstrmojo-FunctionSelector .mstrmojo-ME-switch {left: 5px !important;}



/**start: metric editor pulldown & popup style*/
.mstrmojo-FunctionSelector-fctBox .mstrmojo-ME-Pulldown {
    margin: 3px 5px 5px;
    width: 115px;
}

.mstrmojo-ME-Pulldown {
    box-sizing: border-box;
    height: 21px !important;
    border-radius: 3px;
    border: 1px solid #b5b5b5;
    background: #eaebeb;
    cursor: pointer;
}
.mstrmojo-ME-Pulldown .mstrmojo-DropDownButton-boxNode {
    line-height: 20px;
    background: #eaebeb;
    background: linear-gradient(to bottom, #eaebeb, #e4e4e4);
    box-shadow: inset 0px 0px 6px 0px rgba(255, 255, 255, 1);
    position: relative;
    overflow: visible;
    border-radius: 3px;
}
.mstrmojo-ME-Pulldown.combo .mstrmojo-DropDownButton-boxNode {
    background: #fff;
    height: 19px;
}
.mstrmojo-ME-Pulldown.bool {
    width: 138px;
}
.mstrmojo-ME-Pulldown .mstrmojo-DropDownButton-boxNode:before,
.mstrmojo-MetricIDE .mstrmojo-MetricIDE-editor .mstrmojo-SearchBox-Wrapper:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
.mstrmojo-ME-Pulldown-iconNode {
    height: 20px;
    padding-left: 5px;
    white-space: nowrap;
    background: url("vi/images/icons.png") no-repeat scroll right -20px transparent !important;
    text-overflow: ellipsis;
}

.mstrmojo-ME-Pulldown-iconNode,
/*.mstrmojo-ME-Pulldown-iconNode:hover,*/
.mstrmojo-MetricIDE .mstrmojo-DropDownButton-iconNode,
.mstrmojo-MetricIDE .mstrmojo-DropDownButton-iconNode:hover {
    background: url("vi/images/icons.png") no-repeat scroll right -20px transparent !important;
    padding-right: 16px !important;
}
.mstrmojo-ME-Pulldown.mstrmojo-SearchableDropDownList .mstrmojo-ME-Pulldown-iconNode {
    min-height: 19px;
    border-bottom: 1px solid #b5b5b5;
}
.mstrmojo-ME-Pulldown.mstrmojo-SearchableDropDownList .iconCol {
    background: #eaebeb;
    background: linear-gradient(to bottom, #eaebeb, #e4e4e4);
    box-shadow: inset 0px 0px 6px 0px rgba(255, 255, 255, 1);
    border-left: 1px solid #b5b5b5;
}
.mstrmojo-SME-funcs-pulldown.mstrmojo-ME-Pulldown-popupNode,
.mstrmojo-ME-functionParameters .mstrmojo-ME-Pulldown-popupNode {display: block;}


.mstrmojo-ObjectInputBox-suggest.mstrmojo-ME-TokenInputBox-suggest,
.mstrmojo-ObjectInputBox-suggest.mstrmojo-ME-ObjectInputBox-suggest,
.mstrmojo-ME-Pulldown-Popup {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    xfilter: progid:DXImageTransform.Microsoft.dropshadow(Color='#66ededed', Positive='true', OffX='3', OffY='3');
    overflow: auto;
    background: #ededed;
    margin-top: 2px;
    margin-left: 0px;
    border-radius: 3px;
    border: 1px solid #9b9b9b;
}
.mstrmojo-ObjectInputBox-suggest.mstrmojo-ME-ObjectInputBox-suggest,
.mstrmojo-ME-Pulldown-Popup {
    max-height: 350px;
    max-width: 350px;
}

.mstrmojo-ME-Pulldown-Popup .mstrmojo-Pulldown-listItem {padding: 0 5px;}
.mstrmojo-SME-funcs-pulldown .mstrmojo-Pulldown-Popup,
.mstrmojo-FunctionSelector .mstrmojo-Pulldown-Popup {max-height: 360px;}
.mstrmojo-ME-ObjectInputBox-suggest .mstrmojo-suggest-text,
.mstrmojo-ME-Pulldown-Popup .mstrmojo-Pulldown-listItem {color: #333;line-height: 19px;}
.mstrmojo-ME-TokenInputBox-suggest .mstrmojo-suggest-text.selected,
.mstrmojo-ME-ObjectInputBox-suggest .mstrmojo-suggest-text.selected,
.mstrmojo-ME-Pulldown-Popup .mstrmojo-Pulldown-listItem.selected {background-color: #cecece;}
.mstrmojo-ME-TokenInputBox-suggest .mstrmojo-suggest-text:hover,
.mstrmojo-ME-ObjectInputBox-suggest .mstrmojo-suggest-text:hover,
.mstrmojo-ME-Pulldown-Popup .mstrmojo-Pulldown-listItem.hover {background-color: #dadada;}

/*end: metric editor pulldown & popup style*/


.mstrmojo-InlineWaitIcon {
    background: url(images/circle-loader.gif) no-repeat 0 0 !important;
    filter: none !important;
    }

.mstrmojo-SME-content1 {width: 435px;  overflow: hidden;}

.mstrmojo-SME-content1 {margin-top: 5px;margin-bottom: 6px;}
.mstrmojo-SME-content1 > DIV {float: left;}
.mstrmojo-SME-funcs-pulldown.mstrmojo-ME-Pulldown {width: 88px !important; margin:0px;}
.mstrmojo-SME-agg-opts {position: relative; z-index: 2; margin-left: 20px;}
.mstrmojo-SME-agg-label {width: 34px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 25px;}
.mstrmojo-SME-ObjectInputBox-param.mstrmojo-ME-ObjectInputBox,
.mstrmojo-SME-ObjectInputBox-param.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-input {width: 260px !important;}

.mstrmojo-SME-label {
    vertical-align: top;
    text-align: left;
    padding-right: 3px;
    white-space: nowrap;
    padding-top: 7px;
}
.mstrmojo-SME-label,
.mstrmojo-SME-label .mstrmojo-Label {
    width: 99px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mstrmojo-SME-toggleAdvance {
    background: url("../../../images/treeExpand.gif") no-repeat scroll left center transparent;
    margin-left: 5px;
    padding: 10px 10px 10px 18px;
}

.mstrmojo-SME-toggleAdvance.selected {background-image: url("../../../images/treeCollapse.gif");}

.mstrmojo-SME-fpLink { /*Function Parameter link*/
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
    line-height: 13px;
}
.mstrmojo-SME-fpLink:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(images/metric-editor.png) no-repeat -240px -150px transparent;
}


.mstrmojo-TokenInputBox.expr {padding: 3px 2px 0 3px;}
.mstrmojo-TokenInputBox.expr .mstrmojo-TokenInputBox-edit {height: 20px;min-height: 20px;}

.mstrmojo-ME-nameEditBox .mstrmojo-InlineEditBox-input,
.mstrmojo-ME-nameEditBox .mstrmojo-InlineEditBox-text {
    font-size: 11pt !important;
    font-weight: bold;
}

.mstrmojo-ME-nameEditBox .mstrmojo-InlineEditBox-input {font-size: 12pt !important;}

.mstrmojo-InlineEditBox.mstrmojo-ME-descEditBox {
    height: 16px;
    line-height: 16px;
}

.mstrmojo-ME-fct-name {
    font-weight: bold;
    line-height: 30px;
    margin-top: -6px;
}

.mstrmojo-FunctionWidzard {width: 500px;}
.mstrmojo-FunctionWidzard-labels {padding-right: 3px;}
.mstrmojo-FunctionWidzard-labels .item {
    line-height: 21px;
    margin-bottom: 8px;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
    white-space: nowrap;
}
.mstrmojo-FunctionWidzard .hidden {
    display: none;
}

.mstrmojo-FW-buttonBox {
    float: right;
    margin: 5px 0px;
}
.mstrmojo-FW-buttonBox td:first-child {width: 90%;}


/*Begin: Metric Editor ObjectInputBox in List style*/
.mstrmojo-ME-ObjectInputBox {
    width: 260px;
}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-input {width: 260px !important;}

.mstrmojo-ME-ObjectInputBox * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mstrmojo-ME-ObjectInputBox ::-webkit-input-placeholder {font-size: 8pt;}
.mstrmojo-ME-ObjectInputBox :-moz-placeholder {;}
.mstrmojo-ME-ObjectInputBox ::-moz-placeholder {}
.mstrmojo-ME-ObjectInputBox :-ms-input-placeholder {}
.mstrmojo-ME-ObjectInputBox :input-placeholder {}

.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-displayNode,
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-editNode {
    border: 0 none;
    height: 21px;
    padding: 0;
    margin: 0;
}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-displayNode .mstrmojo-ObjectItem-text,
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-input {
    box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(0,0,0,0.1);
    border: 1px solid #b5b5b5;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;

    height: 21px;
    line-height: normal;
    padding: 0 20px 0 5px;
    color: #4a4a4a;
    background-color: #fff;
}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-displayNode .mstrmojo-ObjectItem-text {
    display: block;
    overflow: hidden;
    line-height: 19px;/*20px;*/
    text-overflow: ellipsis;
}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-displayNode .mstrmojo-ObjectItem-text.icn,
.mstrmojo-ME-ObjectInputBox .INVALID .mstrmojo-ObjectItem-displayNode .mstrmojo-ObjectItem-text {text-indent: 18px;}

.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem.ADDING .mstrmojo-ObjectItem-editNode {border: 0 none;background: transparent;}

.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-icons {
    position: absolute;
    right: -75px;
    width: 80px;
    top: 0px;
    height: 22px;
    display: inline-block;
}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-icons IMG {
    margin-right: 0px;
    position: static;
    width: 18px;
    height: 18px;
}
.mstrmojo-MEBox-down,
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-down {
    background: #eaebeb;
    background: linear-gradient(to bottom, #eaebeb, #e4e4e4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffeaeaea', EndColorStr='#ffe4e4e4');
    border: 1px solid #b5b5b5;
    position: relative;
    display: inline-block;
    top: 0px;
    height: 21px;
    width: 21px;
    border-radius: 0 2px 2px 0;
}
.mstrmojo-MEBox-down:before,
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-down:before {
    content: '';
    position: absolute;
    background: url("vi/images/icons.png") no-repeat scroll 0px -20px transparent;
    height: 100%;
    width: 100%;
    top: 0px;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.1);
    left: 0;
}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-del {
    margin-left: 5px;
    margin-top: 2px;
    background: url(vi/images/menu_icons.png) no-repeat -25px 5px;
}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-del:hover {background-position: -25px -55px;}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-browse {
    margin-left: 8px;
    margin-right: -5px !important;
    background: url(images/metric-editor.png) no-repeat -125px -90px transparent;
}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-browse:hover {
    background-position: -125px -150px;
}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-opts {
    background: url(images/metric-editor.png) no-repeat -198px -90px transparent;
    margin-top: 3px;
    margin-left: 5px;
    margin-right: -6px;
    display: inline-block;
}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-opts:hover {
    background-position: -198px -150px;
}


.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem {/* margin-bottom: 0px; *//* padding-right: 65px; */margin-bottom: 8px;}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem.EMPTY {display: none;}

.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem.INVALID .mstrmojo-ObjectItem-displayNode {border: 0 none;}
.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem.INVALID .mstrmojo-ObjectItem-displayNode .mstrmojo-ObjectItem-text {border-color: #f00;}

.mstrmojo-ME-ObjectInputBox-suggest.mstrmojo-Editor {
    width: 272px;
    margin-top: 2px;
    margin-left: 1px;
    -webkit-animation: resetFade 50ms ease-in 0ms 1, fade-in 50ms ease-in 50ms 1;
    -moz-animation: resetFade 50ms ease-in 0ms 1, fade-in 50ms ease-in 50ms 1;
    animation: resetFade 50ms ease-in 0ms 1, fade-in 50ms ease-in 50ms 1;
}
.mstrmojo-ME-ObjectInputBox-suggest .mstrmojo-Editor-content {/* padding: 0; */}
.mstrmojo-ME-ObjectInputBox-suggest .mstrmojo-suggest-text {
    line-height: 18px;
}
/**End: Metric Editor ObjectInputBox in List style**/

/**Begin: Metric Editor Break By component **/
.mstrmojo-ME-breakby {
}
.mstrmojo-ME-breakby.mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem.ADDING {
    display: block !important; /*Always visible*/
}
/**End: Metric Editor Break By component **/

/**Begin: Metric Editor Sort By component**/
.mstrmojo-ME-SortBy-container {}
.mstrmojo-ME-SortBy-label {vertical-align: top; width: 120px;}
.mstrmojo-ME-sortby {}
.mstrmojo-ME-sortby-item {clear: both; height: 30px;}
.mstrmojo-ME-sortby-item > * {float: left; margin-right: 3px;}
.mstrmojo-ME-ObjectInputBox-sortby {width: 120px; margin-right: 20px;}
.mstrmojo-ME-ObjectInputBox-sortby .mstrmojo-ObjectItem-input {width: 120px !important;}
.mstrmojo-ME-sortby-forms.mstrmojo-ME-Pulldown {width: 60px !important; margin-left: 3px; margin-top: 1px;}
.mstrmojo-ME-sortby-asc.mstrmojo-ME-Pulldown {width: 85px !important; margin-left: 5px; margin-top: 1px;}
.mstrmojo-ME-sortby .mstrmojo-ACLEditor-delete {width: 15px; height: 20px; position: relative;}
.sortBy {margin: 0;}
/**End: Metric Editor Sort By component**/

/**Begin: Level/Condition/Transformation **/
.mstrmojo-ME-LCT {
    table-layout: fixed;
}
.mstrmojo-ME-LCT-label {padding-right: 0;}
.mstrmojo-ME-LCT-label .mstrmojo-Label {width: auto;}
.mstrmojo-ME-LCT .mstrmojo-ME-link-text {margin-right: 56px; margin-bottom: 20px;}
/**End: Level/Condition/Transformation **/


.mstrmojo-DataGrid.functionArgs {
    width: auto;
    border-width: 0px;
}

.functionArgs.loading {
    min-height: 100px;
    background: url("images/preloader_balls.gif") no-repeat scroll center center #EEEEEE;
}

.functionArgs .funcParam {/*width: 415px;*/}
.functionArgs .mstrmojo-FE-param {float: left;}
.functionArgs .mstrmojo-FE-param-del {margin-left: 25px;z-index: 2;position: relative;}
.functionArgs .mstrmojo-FE-param-label-list {
    max-width: 145px;
    float: left;
    padding-right: 8px;
    line-height: 28px;
}

.functionArgs .mstrmojo-ME-ObjectInputBox-param .mstrmojo-ObjectItem.ADDING {}

.functionArgs .mstrmojo-functionArgs-textInput,
.functionArgs .mstrmojo-functionArgs-sort,
.functionArgs .mstrmojo-Pulldown,
.functionArgs .mstrmojo-ObjectInputBox {
    margin: 3px;
}

.functionArgs .mstrmojo-functionArgs-sort,
.functionArgs .mstrmojo-ObjectInputBox {
    width:330px;
}
.functionArgs .mstrmojo-functionArgs-sort {border: 0 none;}
.functionArgs .mstrmojo-functionArgs-sort .mstrmojo-DataGrid-headerContainer {display: none;}
.functionArgs .mstrmojo-DataRow-text {
    padding: 0px 8px 0px 0;
    cursor: default;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    max-width: 120px;
}

.functionArgs > .mstrmojo-DataGrid-itemsScrollBox{
    height: auto;
    overflow:visible;
}

.functionArgs >.mstrmojo-DataGrid-headerContainer {display:none;}
.functionArgs .mstrmojo-DataGrid-itemsContainer .mstrmojo-itemwrap-table {width: auto;}
.functionArgs .mstrmojo-DataRow {height: 30px;}
.functionArgs .mstrmojo-DataGrid-itemsContainer td {
    border-width:0px;
    overflow: visible;
    vertical-align: top;
}

.functionArgs .mstrmojo-DataRow.selected {background-color: transparent;}
.functionArgs .dtp {width: 360px;}
.functionArgs .mstrmojo-TextBox {
    width: 323px;
    border: 1px solid #cdcdcd;
    padding-left: 2px;
}
.functionArgs .mstrmojo-DataRow-text .question {
    background: url("../../../style/mstr/images/buttons.gif") no-repeat scroll -1px -1px transparent;
    border: 0 none;
    cursor: pointer;
    height: 20px;
    width: 18px;
}
.functionArgs .mstrmojo-functionArgs-pulldown.mstrmojo-Pulldown {width: 256px;}

/**DerivedFunctionWizard datagrid*/
.dme .functionArgs .dtp {width: 340px;}
.dme .functionArgs .mstrmojo-TextBox {width: 273px;margin-bottom: 8px;}
.dme .functionArgs .mstrmojo-Pulldown,
.dme .functionArgs .mstrmojo-ME-Pulldown {width: 271px;margin-bottom: 8px;}
.dme .functionArgs .mstrmojo-itemwrap-table {width: auto;}
.dme .mstrmojo-SearchableDropDownList-inputNode {font-size: 8pt !important;padding-left: 5px !important;background: transparent;}
.dme .functionArgs .mstrmojo-SearchableDropDownList.err  {border: 1px solid #f58c5a;}
.dme .functionArgs .mstrmojo-functionArgs-sort .mstrmojo-itemwrap-table {width: 100%; padding-bottom: 30px;}
.dme .functionArgs .mstrmojo-functionArgs-sort .mstrmojo-Pulldown {width: auto;}

.dme .functionArgs .mstrmojo-Tooltip {width: 150px;}

/*DM Rank Editor*/
.functionArgs.rank .mstrmojo-DataRow-text {text-align: left; white-space: nowrap;max-width: 125px;}
.functionArgs.rank .dtp {width: 330px;}
.functionArgs.rank .mstrmojo-Pulldown,
.functionArgs.rank .mstrmojo-ME-Pulldown {width: 274px;margin-left: 0;margin-right: 6px;}
.functionArgs.rank .mstrmojo-ME-Pulldown.asc {width: 98px}
.functionArgs.rank .mstrmojo-DataRow > TD {padding: 4px 0;}
.functionArgs.rank .mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem {margin-bottom: 0;}
.functionArgs.rank .mstrmojo-ME-breakby.mstrmojo-ME-ObjectInputBox .mstrmojo-itemwrap {margin-bottom: 8px;}
.functionArgs.rank .mstrmojo-RadioListHoriz-item {margin-right: 10px;}
.functionArgs.rank .mstrmojo-RadioListHoriz-item input[type=radio] {/* margin-left:0; */ vertical-align: text-bottom;margin: 3px 3px 0;}
.functionArgs.rank .mstrmojo-Pulldown,
.functionArgs.rank .mstrmojo-ME-Pulldown {margin-bottom: 4px;}

.mstrmojo-RepeatPulldownList {}
.mstrmjo-RepeatPulldownList-item {height: 28px;}
.mstrmjo-RepeatPulldownList-item .mstrmojo-SearchableDropDownList {float: left;}
.mstrmojo-RepeatPulldownList-del {
    width: 10px;
    height: 10px;
    float: left;
    margin: 9px 0;
    background: url(vi/images/menu_icons.png) no-repeat -29px 0;
}
.mstrmojo-RepeatPulldownList-del:hover {
    background-position: -29px -30px;
}
/*End DM Rank Editor*/


/*Start OLAP Editor*/
.mstrmojo-olap-fctBox {
    position: absolute;
    width: 128px;
}
.mstrmojo-olap-fctBox > *,
.mstrmojo-olap-type-box > * {float: left; margin-right: 5px;}

.mstrmojo-olap-type-box > .mstrmojo-Label {line-height: 21px;}
.olap .mstrmojo-ME-fct-name {display: none !important;}
.olap .funcParam {left: 125px; position: absolute; width: 300px;}

.olap .funcParam .mstrmojo-ME-ObjectInputBox,
.olap .funcParam .mstrmojo-ME-ObjectInputBox .mstrmojo-ObjectItem-input {width: 210px !important;}

.olap .mstrmojo-ME-ObjectInputBox.mstrmojo-ME-breakby,
.olap .mstrmojo-ME-ObjectInputBox.mstrmojo-ME-breakby .mstrmojo-ObjectItem-input {width: 278px !important;}

.olap .mstrmojo-DataRow-text {white-space: nowrap;}
.olap .mstrmojo-olapArgs-pulldown.mstrmojo-ME-Pulldown {width: 99px;}

.olap .functionArgs .mstrmojo-olap-offset {
    width: 40px;
    text-align: right;
    padding-right: 3px;
}
/*End OLAP Editor*/

/*Being: Metric Editor Pulldown objects icons*/
.mstrmojo-ME-icon {
    position: relative;
    line-height: 20px;
    padding-left: 20px !important;
}
.mstrmojo-ME-icon:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 15px;
    height: 15px;
    background: none no-repeat 0 3px transparent;
}
.mstrmojo-ME-icon.mstrmojo-suggest-text:before,
.mstrmojo-ME-icon.mstrmojo-ObjectItem-text:before {left: 5px;}
.mstrmojo-ME-icon.t-1, /*dimty*/
.mstrmojo-ME-icon.t-2, /*subexpression*/
.mstrmojo-ME-icon.tundefined {padding-left: 5px !important;}
.mstrmojo-ME-icon.t1:before {background-image: url("../../../style/mstr/images/liFilter.gif"); /*Filter*/}
.mstrmojo-ME-icon.t4:before {background-image: url(vi/images/unitList/metric.png); /*Metric*/}
.mstrmojo-ME-icon.t4d:before {background-image: url(vi/images/unitList/derived-metric.png); /*Derived Metric*/}
.mstrmojo-ME-icon.t12:before {background-image: url(vi/images/unitList/attribute.png); /*Attribute*/}
.mstrmojo-ME-icon.t12.st3076:before {background-image: url(vi/images/unitList/recursive-attribute.png); /*Recursive Attribute*/}
.mstrmojo-ME-icon.t12d:before {background-image: url(vi/images/unitList/derived-attribute.png);}
.mstrmojo-ME-icon.t21:before {background-image: url(vi/images/unitList/icon_att_form.png);}
.mstrmojo-ME-icon.t43:before {background-image: url("images/transformation.png"); /*Transformation or Role*/}
.mstrmojo-ME-icon.t47:before {background-image: url(vi/images/unitList/derived-attribute.png); /*Derived Element or Consolidation Element*/}
/*End: Metric Editor Pulldown objects icons*/


.mstrmojo-MetricEditor .mstrmojo-FormatEditor-leftPanel{
    padding: 0;
}
.mstrmojo-MetricEditor .mstrmojo-FormatEditor-rightPanel-container{
    position:absolute;
    overflow:visible;
    width: 420px;
    background: #f0f0f0;
}
.mstrmojo-MetricEditor .mstrmojo-FormatEditor-rightPanel{
    position: absolute;
    overflow: visible;
    overflow: hidden;
    height: 260px;
    width: 410px;
}


.mstrmojo-OptionEditor .mstrmojo-FormatEditor-leftPanel{
    padding: 0;
    height: 270px;
}
.mstrmojo-OptionEditor .mstrmojo-FormatEditor-rightPanel-container{
    position:absolute;
    overflow:visible;
    width: 430px;
    height: 270px;
}
.mstrmojo-OptionEditor .mstrmojo-FormatEditor-rightPanel{
    position: absolute;
    overflow: visible;
    top: 0;
    height: 270px;
    width: 420px;
}

.mstrmojo-OptionEditor-Label,
.mstrmojo-OptionEditor .mstrmojo-TextBox,
.mstrmojo-OptionEditor .mstrmojo-FormatEditor-DropDownButton{
    min-width: 180px;
    max-width: 200px;
    margin: 5px 10px;
}

.mstrmojo-OptionEditor-Label,
.mstrmojo-OptionEditor-shortLabel,
.mstrmojo-OptionEditor-Checkbox,
.mstrmojo-OptionEditor-RadioButton{
    margin: 5px 10px;
}

.mstrmojo-OptionEditor .mstrmojo-TextBox.mstrmojo-OptionEditor-shortTextBox{
    min-width: 0px;
    width: 50px;
}

.mstrmojo-OptionEditor .mstrmojo-Label.boldLabel {
    font-weight: bold;
    min-width: 0px;
    margin: 5px 10px;
}
.mstrmojo-OptionEditor .mstrmojo-Checkbox{
    margin-left: -5px;
}
.mstrmojo-OptionEditor-Title{
    margin: 10px 10px 5px 10px;
    font-weight: bold;
    font-size: 9pt;
}
.mstrmojo-OptionEditor .mstrmojo-DataGrid-itemsScrollBox{
    height: 150px;
    overflow: auto;
}
.mstrmojo-OptionEditor-subtotal-func-grid{
    width: 380px;
    margin: 0 0 0 20px;
}
.mstrmojo-OptionEditor-subtotal-func-grid .cb{
    width: 30px;
}
.mstrmojo-OptionEditor-subtotal-func-grid .cb-header {margin-top:3px;}
.mstrmojo-OptionEditor-subtotal-func-grid .cb-grid {margin: 5px 0px 0px 5px;}

.mstrmojo-OptionEditor-subtotal-func-grid .mstrmojo-DataGrid-headerText{
    padding: 0px 5px;
}
.mstrmojo-OptionEditor-subtotal-func-grid .mstrmojo-DataRow-text{
    padding: 5px;
}

.mstrmojo-OptionEditor .outerJoin,
.mstrmojo-OptionEditor .innerJoin{
    width: 35px;
    height: 25px;
    float: right;
}

.mstrmojo-OptionEditor .innerJoin{
    background: transparent url(images/innerJoin.bmp) center center no-repeat;
}
.mstrmojo-OptionEditor .outerJoin{
    background: transparent url(images/outerJoin.bmp) center center no-repeat;
}


/*Begin: Derived Metric Options Editor*/
.mstrmojo-DerivedMetricOptions {}
.mstrmojo-DerivedMetricOptions-aggBox {margin: 10px 0;}
.mstrmojo-DerivedMetricOptions-afbBox {
    text-align: right;
    line-height: 30px;
}
.mstrmojo-DerivedMetricOptions-afbBox .mstrmojo-CheckBox:first-child {margin-right: 10px;}
/*End: Derived Metric Options Edtior*/


.underline{
    cursor: pointer;
    text-decoration:underline;
}

.mstrmojo-ME-ambiguityDialog {
    width: 350px;
}
.mstrmojo-ME-ambiguityDialog > .mstrmojo-Editor-content {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.mstrmojo-ME-ambiguityDialog .mstrmojo-ME-ambiguityList {
    border: 1px solid #ccc;
    padding: 2px;
    margin: 11px 0 0;
}

.mstrmojo-ME-ambiguityList .mstrmojo-itemwrap{
    line-height: 22px;
    height: 22px;
}

.mstrmojo-ME-ambiguityList .mstrmojo-object-item.selected {
    background-color: #cecece;
}

.mstrmojo-ME-ambiguityList .mstrmojo-object-item:hover {
    background-color: #dadada;
}

.functionPropsGrid .mstrmojo-DataRow-text,
.attFrmGrid .mstrmojo-DataRow-text,
.transformGrid .mstrmojo-DataRow-text{
    margin-left: 5px;
}
.transformGrid .mstrmojo-DataRow-text {
	max-height: 2.5em;
	overflow: hidden;
}

.transformGrid .mstrmojo-DataGrid-itemsScrollBox {height: 68px;}

.transformGrid .mstrmojo-ACLEditor-delete {float: left;}
.transformGrid .empty-row .mstrmojo-ACLEditor-delete {visibility: hidden;}
.transformGrid .mstrmojo-DataGrid-headerTable,
.transformGrid .mstrmojo-itemwrap-table {
	width: 252px !important; /*set this in order to make header/content table columns align correctly, but this introduceds some blank space at right end*/
}
.transformGrid .mstrmojo-DataGrid-itemsContainer td {border-right: 1px solid #ccc;}

.transformGrid .nmCol {width: 80px;}
.transformGrid .descCol {width: 132px;}
.transformGrid .actionsCol {width: 40px;}

.mstrmojo-Editor-me .mstrmojo-ObjectItem-del {position: static;}


/*Function Parameter Options Dialog*/
.mstrmojo-ME-functionParameters {width: 415px;}
.functionPropsGrid {
    border: 0 none;
    width: auto;
}
.functionPropsGrid td {border: 0 none;}
.functionPropsGrid .mstrmojo-DataGrid-headerContainer {display: none;}
.functionPropsGrid .mstrmojo-DataRow {line-height: 30px;}
.functionPropsGrid .mstrmojo-DataRow.selected {background-color: transparent;}
.functionPropsGrid .mstrmojo-itemwrap-table {table-layout: fixed;}
.functionPropsGrid .radio .mstrmojo-text {
    cursor: default;
    width: 60px;
    background: url(images/checkbox_sprite.png) no-repeat 0 -139px transparent;
    padding-left: 20px;
}
.functionPropsGrid .radio .mstrmojo-text.selected {
    background-position: 0 -115px;
}


/** end of Metric Editor **/

/** Derived Metric Editor **/
.mstrmojo-MetricEditor.dme .mstrmojo-Editor-content {
    padding-left: 200px;
}
.mstrmojo-ME-ds {
    position: absolute;
    left: 0;
    margin-left: 10px;
    height: 220px;
    width: 180px
}
.mstrmojo-ME-dsList {
    height: 320px;
    overflow: auto;
    border: 1px solid #cfcfcf;
}

/**End of Derived Metric Editor **/

/**Metric Editors IDE***/
.mstrmojo-MetricIDE {
    top: 0;
    height: 572px;
    width: 750px;
    margin-left: 0;
    transition: width 200ms;
}

.mstrmojo-MetricIDE.hideFuncBrowser{
    height: 512px;
}

.mstrmojo-MetricIDE.transition-left {transition: left 200ms;}
.mstrmojo-MetricIDE.exp {width: 900px;}
.mstrmojo-MetricIDE.simple {width: 500px;}

.mstrmojo-MetricIDE {
    border-style:solid;
    border-color:#ADAAAD;
    border-width:0px 2px 2px 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.mstrmojo-MetricIDE.mstrmojo-Editor > .mstrmojo-Editor-content {padding-top: 0px; padding-bottom: 1px;}

.mstrWeb .mstrmojo-MetricIDE table.mstrmojo-Editor-titlebar,
.mstrWeb .mstrmojo-Editor-me table.mstrmojo-Editor-titlebar {
    background: transparent !important;
    color: #666 !important;
}
.mstrmojo-MetricIDE .mstrmojo-BookletPage {box-sizing: border-box;}

.mstrmojo-MetricIDE .mstrmojo-SearchBox-Wrapper {
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    border-collapse: separate;
    box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
    position: relative;
}
.mstrmojo-MetricIDE .mstrmojo-SearchBox-search {border: 0 none;}
.mstrmojo-MetricIDE .mstrmojo-SearchBox-input {border: 0 none;}
.mstrmojo-MetricIDE .mstrmojo-SearchBox-bg {background: transparent none; height: auto;}
.mstrmojo-MetricIDE .mstrmojo-SearchBox-clear {border-width: 0;}


.mstrmojo-MetricIDE-browsers-container .mstrmojo-MetricIDE-editor,
.mstrmojo-MetricIDE-browsers-container .mstrmojo-MetricIDE-editor * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.mstrmojo-MetricIDE-browsers-container .mstrmojo-FunctionSelector-search *,
.mstrmojo-MetricIDE-browsers-container .mstrmojo-MetricIDE-editor .mstrmojo-Editor-button {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.mstrmojo-MetricIDE-browsers-container {
    display: inline-block;
    float: left;
    margin-left: -5px;
    border-right: 1px solid #dedede;
    box-shadow: 1px 0 0 0 #fff;
}
.mstrmojo-MetricIDE.exp .mstrmojo-MetricIDE-browsers-container {
    width: 434px;
}

.mstrmojo-MetricIDE.exp.hideFuncBrowser .mstrmojo-MetricIDE-browsers-container{
    width: auto;
}

.mstrmojo-MetricIDE.simple .mstrmojo-MetricIDE-browsers-container {
    width: 0;
    overflow: hidden;
    display: none !important;
}
.mstrmojo-MetricIDE-browsers-container > DIV {
    float: left;
    height: 380px;
}
.mstrmojo-MetricIDE-browsers-container .mstrmojo-VIPanel-titlebar {
    height: 24px;
    overflow: hidden;
}
.mstrmojo-MetricIDE .mstrmojo-VITitleBar-text {width: 135px;}

.mstrmojo-MetricIDE-browsers-tabcontainer {
    border-right: 1px solid green;
    float: left;
}
.mstrmojo-MetricIDE-browsers-tabstrip {
    position: absolute;
    bottom: 0;
}
.mstrmojo-MetricIDE-browsers-tabstrip .mstrmojo-TabButton {
    width: 50%;
    border: 0 none;
    display: inline-block !important;
    height: 21px;
    text-align: center;
    color: #000;
}
.mstrmojo-MetricIDE-browsers-tabstrip .mstrmojo-TabButton:hover {background-color: #eee;}
.mstrmojo-MetricIDE-browsers-tabstrip .mstrmojo-TabButton.selected {background-color: transparent;}
.mstrmojo-MetricIDE-browsers-stackcontainer {overflow: hidden;}
.mstrmojo-MetricIDE-ob {
    padding-left: 5px;
    width: 191px;
    height: 100%;
}
.mstrmojo-MetricIDE-obLabel {margin: 10px 0 5px;}
.mstrmojo-MetricIDE-ob.mstrmojo-ObjectBrowser .mstrmojo-SearchBox-input {width: 150px;}
.mstrmojo-MetricIDE-ob.mstrmojo-ObjectBrowser .mstrmojo-Booklet {
    height: 298px;
    max-width: 100%; /*DE17487*/
    background: transparent;
    border: 0 none;
    margin-top: 0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
}
.mstrmojo-MetricIDE-ob.mstrmojo-ObjectBrowser .mstrmojo-OB-titleTable,
.mstrmojo-MetricIDE-ob.mstrmojo-ObjectBrowser .mstrmojo-OBList .mstrmojo-ListBase2-itemsContainer {width: 100%;}

.mstrmojo-MetricIDE-editorsPanel {
    width: 500px;
    display: inline-block;
    float: left;
}
.mstrmojo-MetricIDE-editors-container {
    min-height: 380px;
    overflow: hidden;
    padding-left: 11px;
}
.mstrmojo-MetricIDE.simple .mstrmojo-MetricIDE-editors-container {padding-left: 0;}
.mstrmojo-MetricIDE-editors-container.wait {
    background: url(images/preloader_balls.gif) 50% 50% no-repeat transparent;
}
.mstrmojo-MetricIDE-editors-curtain {
    position: absolute;
    left: 0;
    top: 25px;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background: lightgreen;
}
.mstrmojo-MetricIDE-editor {
    width: 100%;
    height: 100%;
}
.mstrmojo-MetricIDE-editor.mstrmojo-FunctionSelector {
    width: 231px;
}
.mstrmojo-MetricIDE-editor.inline {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    display: inline-block;
    border: 0;
    border-radius: 0;
    position: static !important; /*make display as embedded element*/
    box-shadow: none;
}
.mstrmojo-MetricIDE-editor.inline > .mstrmojo-Editor-content {
    border: 0 none;
    padding: 5px;
    box-shadow: none;
}
.mstrmojo-MetricIDE-editor.inline > .mstrmojo-Editor-content:after {display: none;}
.mstrmojo-MetricIDE-editor.inline .mstrmojo-Editor-buttons {
    /*make display at bottom of IDE*/
    position: absolute;
    top: 449px;
    right: 0;
    left: 0;
}
.hideFuncBrowser .mstrmojo-MetricIDE-editor.inline .mstrmojo-Editor-buttons {
    /*make display at bottom of IDE */
    position: absolute;
    top: 378px;
    right: 0;
    left: 0;
}
.mstrmojo-MetricIDE-editor .mstrmojo-ME-switch {
    position: absolute;
    left: 0px;
}
.mstrmojo-MetricIDE-editor .mstrmojo-ME-buttonBox {
    width: auto;
    float: right;
}

.dme .mstrmojo-MetricIDE-editor .mstrmojo-Editor-button,
.dme .mstrmojo-ME-buttonBox .mstrmojo-Editor-button {padding: 0 !important;}
.dme .mstrmojo-MetricIDE-editor .mstrmojo-Button-text,
.dme .mstrmojo-ME-buttonBox .mstrmojo-Button-text {padding: 0 3px;}

.mstrmojo-MetricIDE-editors-container .mstrmojo-MetricIDE-editor .mstrmojo-Editor-content {
    height: 378px;
    padding: 5px;
    overflow: auto;
    overflow-x: hidden;
}
.mstrmojo-MetricIDE-editor .mstrmojo-DataGrid.functionArgs {margin-top: 6px;}

.mstrmojo-ME-nameEditBox {
    position: relative;
    margin-top: 4px;
}
.mstrmojo-ME-nameEditBox .mstrmojo-Label {
    display: inline-block !important;
}
.mstrmojo-ME-nameInput {
    font-size: 8pt !important;
    margin: 0 0 10px 8px;
    border: 1px solid #cdcdcd;
    padding-left: 3px;
    height: 18px;
    width: 150px;
    border-radius: 2px;
}
.mstrmojo-ME-nameEditBox .errmsg {
    width: 200px;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 28px;
    left: 190px;
    transition: all 200ms;
    display: none;
}
.mstrmojo-ME-nameEditBox.err .errmsg {
    display: block;
    height: 20px;
}
.mstrmojo-ME-nameEditBox.err .mstrmojo-ME-nameInput {
    border-color: #fabd29;
}
/*Hide the description editing field in DA and DM editor for RSD*/
.mstrmojo-ME-descriptionEditBox {
    display: none !important;
}
.mstrmojo-ME-formatbar {
    float: right;
    margin-top: 8px;
    margin-right: -5px;
}

/**Operators and validate/clear buttons*/
.mstrmojo-ME-ops {
    margin: 5px 0 8px 0;
    height: 20px;
}
.mstrmojo-ME-ops.mstrmojo-InlineWaitIcon {
     background: url(images/circle-loader.gif) no-repeat 100% 0 !important
}
.mstrmojo-ME-ops .mstrmojo-item {
    width: 26px;
    height: 23px;
    float: left;
    cursor: pointer;
    background: url(images/metric-editor.png) no-repeat 0 0 transparent;
    text-indent: -10000px;
}
.mstrmojo-ME-ops .plus {background-position: 0 0;}
.mstrmojo-ME-ops .plus:hover {background-position: 0 -30px;}
.mstrmojo-ME-ops .plus:active {background-position: 0 -60px;}

.mstrmojo-ME-ops .minus {background-position: -40px 0;}
.mstrmojo-ME-ops .minus:hover {background-position: -40px -30px;}
.mstrmojo-ME-ops .minus:active {background-position: -40px -60px;}

.mstrmojo-ME-ops .multi {background-position: -80px 0;}
.mstrmojo-ME-ops .multi:hover {background-position: -80px -30px;}
.mstrmojo-ME-ops .multi:active {background-position: -80px -60px;}

.mstrmojo-ME-ops .divide {background-position: -120px 0;}
.mstrmojo-ME-ops .divide:hover {background-position: -120px -30px;}
.mstrmojo-ME-ops .divide:active {background-position: -120px -60px;}

.mstrmojo-ME-ops .bra {background-position: -160px 0;width: 35px;}
.mstrmojo-ME-ops .bra:hover {background-position: -160px -30px;}
.mstrmojo-ME-ops .bra:active {background-position: -160px -60px;}

.mstrmojo-ME-ops .par {background-position: -200px 0;width: 35px;}
.mstrmojo-ME-ops .par:hover {background-position: -200px -30px;}
.mstrmojo-ME-ops .par:active {background-position: -200px -60px;}

.mstrmojo-ME-ops .right {float: right;margin-top: 1px;}
.mstrmojo-ME-ops .clear {margin-left: 2px;}


.mstrmojo-MetricIDE-functionSyntaxDesc {
    height: 60px;
    margin-bottom: 11px;
    margin-left: 0px;
}
.mstrmojo-MetricIDE-functionSyntax {
    font-weight: bold;
    float: left;
    margin-right: 8px;
    padding-top: 2px;
    line-height: 18px;
}
.mstrmojo-MetricIDE-functionDesc {
    clear: both;
    line-height: 18px;
}
.mstrmojo-ME-link-text,
.mstrmojo-MetricIDE-functionDesc a:link,
.mstrmojo-MetricIDE-functionDesc a:visited {
    color: #007EBE;
    text-decoration: none;
}
.mstrmojo-MetricIDE-functionSyntaxDesc .tbFunction {
    color: #007EBE;
    white-space: nowrap;
    line-height: 14px;
}

.mstrmojo-ME-link-text.right { text-align: right;}
.mstrmojo-ME-link-text.bold {font-weight: bold;}


/**Function detail(syntax/descritpion) tooltip*/
.mstrmojo-ME-fct-tip {
    transition: all 300ms, left 10ms;
}
.mstrmojo-FE-fd-popup {
    position: absolute;
    background: #f5f5f5;
    width: 220px;
    display: none;
    border-radius: 2px;
    opacity: 0.7;
    border: 1px solid #666;
    z-index: 5;
    box-shadow: 3px 2px 3px 3px #666;
    color: #333;
}
.mstrmojo-FE-fd-popup.right {box-shadow: -3px 2px 3px 2px #999;}
.mstrmojo-FE-fd-popup.transition {transition: top 300ms ease-out;}
.mstrmojo-FE-fd-popup .mstrmojo-Popup-shadow { /*show as a left arrow*/
    position: absolute;
    left: -10px;
    top: 5px;
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent rgba(100,100,100, 0.5) transparent transparent;
    border-style: solid;
}
.mstrmojo-FE-fd-popup.right .mstrmojo-Popup-shadow {
    left: 100%;
    border-width: 10px 0 10px 10px;
    display: block;
    border-color: transparent transparent transparent rgba(90,90,90, 0.6);
}

/* START: metric editor tooltip **/
.mstrmojo-Tooltip-content.me-tooltip-content {
    background-color: #1b1b1b;
    border: 1px solid rgba(155, 155, 155, .6);
    color: #000 !important;
    cursor: default;
    display: block;
    font-size: 11px;
    opacity: 1;
    margin-left: -50%;
    margin-right: 50%;
    line-height: 14px;
    padding: 6px 8px;
}
.me-tooltip-content {
    margin-right: 0 !important;
    margin-left: 0 !important;
    min-width: 80px;
    min-height: 15px;
    border: 1px solid #747474!important;
    background-color: #ededed !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    pointer-events: none !important;
}
.me-tooltip-content:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: -11px;
    display: block;
    top: 11px;
    border: 7px solid;
    border-color: transparent transparent transparent #ededed;
    pointer-events: none !important;
    border-width: 5px 6px;
}
.me-tooltip-content:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: -15px;
    display: block;
    top: 10px;
    border: 8px solid;
    border-color: transparent transparent transparent #747474;
    border-width: 6px 8px;
}

/* regular style with light gray bg/border*/
.mstrmojo-Tooltip .me-tooltip-content.regular {
    color: #000;
    background: #ededed !important;
    border: 1px solid #747474 !important;
    box-shadow:  0 0 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:  0 0 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:  0 0 5px rgba(0, 0, 0, 0.4);
}
.me-tooltip-content.regular:after{ /**/
    border: 9px solid transparent;
    border-bottom-color: #ededed;
}
.me-tooltip-content.regular:before{ /**/
    border: 9px solid transparent;
    border-bottom-color: #747474;
}

.me-tooltip-content.left:after{ /*arrow pointing to left*/
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -11px;
    display: block;
    top: 9px;
    border: 9px solid;
    border-color: transparent  #ededed transparent transparent;
    border-width: 5px 6px;
}
.me-tooltip-content.left:before{ /*arrow pointing to left*/
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -15px;
    display: block;
    top: 8px;
    border: 9px solid;
    border-color: transparent #747474 transparent transparent;
    border-width: 6px 8px;
}

.me-tooltip-content.up:after{ /*arrow pointing up*/
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 15px;
    display: block;
    top: -12px;
    border-width: 7px 5px;
}
.me-tooltip-content.up:before{ /*arrow pointing up*/
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: -50px;
    display: block;
    top: -15px;
    border-width: 8px 5px;
}

.me-tooltip-content.up.tbFunction:after,
.me-tooltip-content.up.tbFunction:before {right: 40px; /*edit function button specific*/ }


.me-tooltip-content dl.fct-info {margin: 0;/* padding: 6px 8px; */}
.me-tooltip-content dt {}
.me-tooltip-content dd {
    max-width: 200px;
    margin-left: 0px;
    margin-top: 5px;
    white-space: normal;
}
.me-tooltip-content .fct-desc a {
    display: none;
}

/* user input alidation error tooltip**/
.mstrmojo-Tooltip-content.me-err {
    margin: 0 !important;
    padding: 6px 8px;
}
.mstrmojo-Tooltip-content.me-err .content:before {
    background: url("images/me_error_tooltip.png") no-repeat -3px -4px transparent;
    width: 20px;
    height: 16px;
    content: ' ';
    display: inline-block;
    vertical-align: middle;
}
.mstrmojo-Tooltip-content.me-err .arrow {
    position: absolute;
    left: -10px !important;
    top: 10px !important;
}
.mstrmojo-Tooltip-content.me-err .arrow .left {
    border-color: rgba(0, 0, 0, 0) #1B1B1B rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px;
    left: -10px;
    top: 10px;
}

.mstrmojo-Tooltip.hidden {visibility: hidden !important;}
/* END: metric editor tooltip **/


/*Begin: metric editor-specific style for _HasScroller*/
.mstrmojo-Editor-me.modal > .mstrmojo-Editor-content {max-height: 370px;padding-top: 18px;}
/*- inline */
.mstrmojo-MetricIDE-editor.inline.mstrmojo-scrollbar-host.hasVertical .mstrmojo-scrolltrack.vertical {margin-top: 3px;}
/*- modal */
.mstrmojo-Editor-me.modal.mstrmojo-scrollbar-host {position: absolute; overflow: hidden;}
.mstrmojo-Editor-me.modal > .mstrmojo-Editor-content.mstrmojo-scrollNode {padding-right: 30px; margin-right: -30px;}
.mstrmojo-Editor-me.modal.mstrmojo-scrollbar-host.hasVertical .mstrmojo-scrolltrack.vertical {bottom: 130px;}
/**/


/*Begin: Button-based link*/
.mstrmojo-ME-link {color: #007ebe;}
.mstrmojo-ME-link:hover {text-decoration: underline;}
.mstrmojo-ME-link.property {padding-right: 5px;}

.mstrmojo-ME-formatbar .mstrmojo-ME-link .mstrmojo-Button-text {padding: 0 0 0 11px;}
/*End: Button-based link*/

/**End of Metric Editors IDE**/



/**  Add for TOC  **/
.mstrTOCLeftTextAligen {
    margin-left:8px;
    margin-right:10px;
    margin-top:5px;
}

.mstrTOCRightTextAligen {
    margin-left:18px;
    margin-right:8px;
    margin-top:5px;
}

.mstrTOCLargeTopMargin {
    margin-top:15px;
}

.mstrTOCSmallTopMargin {
    margin-top:5px;
}

.mstrTOCBorderColorLabel {
    margin-left:8px;
    margin-right:2px;
    margin-top:5px;
}
/**  End of TOC  **/

.mstrmojo-Label.toastCss {
	position: absolute;
	min-height: 14px;
	max-height: 30px;
	padding: 10px 10px;
	background-color: #424242;
	color: white;
	display: inline-block;
	z-index: 10;
	margin-bottom: 10px;
}

/** Start of searable dropdown list**/

.mstrmojo-SearchableDropDownList .mstrmojo-DropDownButton-iconNode {
    background: transparent url(images/arrow.png) no-repeat right center;
    height: 100%;
    min-height: 20px;
    line-height: 20px;

    padding: 0px 10px 0px 0px;

    overflow: hidden;
	white-space: nowrap;

    text-overflow: ellipsis;
}
.mstrmojo-SearchableDropDownList .mstrmojo-DropDownButton-popupNode {
	display: block;
}
.mstrmojo-SearchableDropDownList .mstrmojo-SearchableDropDownList-inputNode {
	width: 100%;
    padding:0;
    font-size: 8pt;
    color: inherit;
}

.mstrmojo-SearchableDropDownList .mstrmojo-InputNodeBar {
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.mstrmojo-SearchableDropDownList .mstrmojo-InputNodeBar input {
	border: none;
	outline: none;
}

.mstrmojo-SearchableDropDownList .mstrmojo-InputNodeBar .iconCol {
	width: 20px;
}

.mstrmojo-SearchableDropDownList .mstrmojo-InputNodeBar td {
    padding: 0;
}

.mstrmojo-SearchableDropDownList .mstrmojo-InputNodeBar .mstrmojo-DropDownButton-iconNode{
    background: transparent url(images/editor-button.png) no-repeat right -362px;
}
/** End of searchable dropdown list**/

.mstrmojo-ACLInputBox-suggest {
    margin-left: -3px;
    margin-top: 6px;
    width: 165px;
}

.mstrmojo-ACLInputBox-user.mstrmojo-suggest-text{
    padding: 3px 0 3px 25px;
}

.ug.mstrmojo-ACLInputBox-user{
    background-image: url(../../../javascript/mojo/css/images/sharingEditor/checked-group.png);
}

.u.mstrmojo-ACLInputBox-user{
    background-image: url(../../../javascript/mojo/css/images/sharingEditor/user.png);
}

/**RS Table Control**/

.mstrmojo-TC-CXM{
	background: #F7F7EE;
}
.mstrmojo-TC-CXM .mstrmojo-ContextMenuItem .sm img {
    background: url("../../../images/MenuExpand.gif") no-repeat scroll center center transparent;
}
.mstrmojo-TC-CXM .mstrmojo-ContextMenuItem:hover{
    background-color: #AEBED2;
}
.mstrmojo-TC {
    position:relative;
    left:0;
    top:0;
    right:0;
    bottom:0;
}

.mstrmojo-TC-avatar {
    height: 5px;
    position: absolute;
    width: 100%;
    border-top: 1pt solid yellow;
    display:none;
}


/*the input inherit the font format from its ancestor for none IE7- browsers*/
.mstrWeb .mi-tc-c input,
.mi-tc-c .mstrmojo-InlineEditBox-edit,
.mi-tc-g-nm .mstrmojo-InlineEditBox-edit,
.mstrWeb .mi-tc-g-nm input{
	font:inherit;
	color:inherit;
	text-decoration:inherit;
	text-align:inherit;
}
.mi-tc-c-ph .mstrmojo-InlineEditBox,
.mi-tc-c-ph .mstrmojo-InlineEditBox input {
	color:#aaa !important;
}
.mi-tc-g .mstrmojo-InlineEditBox-text {
    white-space: nowrap;
}

.mstrmojo-TC .mi-tc-btn-ng .mi-button-add{
	float:left;
	margin-left: 18px;
}
.mi-tc-g-hd-ctn .mi-button-add{
	right:0px;
}
.mstrmojo-TC .mi-button-add {
	font-size: 8pt;
	font-family:arial;
	font-weight:bold;
    cursor: pointer;
    padding-bottom: 1px;
    margin: 2px;
    /*to have consistent look in Firefox, IE */
    padding-left: 27px;
    padding-right: 8px;
    border-color: #EEE #787878 #787878 #EEE;
    border-style: solid;
    background: #D5D6D8 url(../../../style/mstr/images/addContents.gif) no-repeat 0px 0px;
    height: 24px;
    line-height: 24px;
    border-width: 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	border-radius: 6px;
    float:right;
}
.mstrmojo-TC .mi-tc-g {

	width:100%;
}
.mstrmojo-TC .mi-tc-g-hd-ctn{
	width:100%;
}

.mi-tc-g-nm {

    font-weight:bold;
    font-size: 1.2em;
  	position:relative;
}
.mstrmojo-TC .mi-tc-c-l{
    background-color: white;
    border: 1px solid #444;
    overflow:hidden;
}
.mstrmojo-ListBase2-dropCue.mi-tc-c-l{
	background-color:yellow;
}
.mi-tc-c {
    position:relative;
}
.mstrmojo-TC .mi-tc-c-l .mstrmojo-itemwrap:last-child .mi-tc-c {
    border:none;
}

.mi-tc-c-nm {
	font-weight:bold;
    font-size: 1.2em;
    line-height: 1.9em;

    left: -12px;
    position: relative;
}

.mstrmojo-TC .mi-tc-c-ind .mstrmojo-Image,
.mstrmojo-TC .mi-tc-c-icon .mstrmojo-Image {
	font-weight:bold;
	position:absolute;
    font-size: 1.2em;
    line-height: 1.9em;
}
.mi-tc-c-ind .mstrmojo-Image{
	position:absolute;
}
.mstrmojo-TC .mi-tc-c-ph {
    font-size: 1.3em;
    line-height: 1.8em;
    color:#aaa;

    left: -12px;
    position: relative;
}
.mi-tc-c-ph .mstrmojo-InlineEditBox,
.mi-tc-c-sel .mstrmojo-Label,
.mi-tc-c-icon .mstrmojo-InlineEditBox,
.mi-tc-c-nm .mstrmojo-InlineEditBox
{
	position: absolute;
}
.mi-tc-c-handler{
	cursor: row-resize;
	width: 100%;
	z-index: 20;
	position: absolute;
	height: 5px;
}

.mi-tc-c .mstrmojo-InlineEditBox,
.mi-tc-c .mstrmojo-InlineEditBox .mstrmojo-InlineEditBox-text{
	line-height:normal;
}
.mstrmojo-TC .mi-tc-btn {
	position: absolute;
	left: 0;
    top: 0;
}
.mi-tc-btn-nc .mi-button-add{
	display:none;
	position: absolute;
	z-Index:100;
}

.mi-tc-g.avatar-dragging {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    opacity: 0.7;
}
.mi-tc-g.avatar-dragging .mstrmojo-Button{
    visibility:hidden;
}


.mstrmojo-TC .mi-tc-c.checked{
	background: url(images/check.png) no-repeat 95% 50%;
}
.mstrmojo-TC .mi-tc-c.trx-text{
    background: url(images/check.png) no-repeat 95% 50%;
}
.mstrmojo-TC .mi-tc-c.trx-list{
    background: url(images/ios-disclosure.png) no-repeat 95% 50%;
}
.mstrmojo-TC .mi-tc-c.dragging{
    background-color:#eee;
}

.mi-tc-selectors-group {
    width:100%;
    height:45px;
    position:relative;
    margin-top:5px;
}

.mi-tc-selectors-submit .mstrmojo-HTMLButton,
.mi-tc-selectors-cancel .mstrmojo-HTMLButton {
    position:absolute;
    line-height:44px;
    height:44px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
}

.nwFixedWidth0 {
    white-space: nowrap !important;
    padding: 0 !important;
    border: 0 none !important;
    width: 0 !important;
    visibility: hidden !important;
}

/**end of RS Table Control**/

/* Start Splitter */
.mstrmojo-SplitterHandle,
.mstrmojo-SplitterPanel {
    overflow: hidden
}

.mstrmojo-Splitter.horizontal .mstrmojo-SplitterHandle,
.mstrmojo-Splitter.horizontal .mstrmojo-SplitterPanel {
    float: left;
}

.mstrmojo-SplitterHandle {
    background: url('images/handle-horizontal.png') no-repeat 3px center;
}

.mstrmojo-SplitterHandle:hover {
    background: url('images/handle-horizontal-dark.png') no-repeat 3px center;
}

.mstrmojo-Splitter.vertical .mstrmojo-SplitterHandle {
    background: url('images/handle-vertical.png') no-repeat center center;
}

.mstrmojo-Splitter.vertical .mstrmojo-SplitterHandle:hover {
    background: url('images/handle-vertical-dark.png') no-repeat center center;
}

/* mizhang TQMS 942676 */
.mstrmojo-Splitter.horizontal .mstrmojo-SplitterHandle {
    cursor: ew-resize;
}
.mstrmojo-Splitter.vertical .mstrmojo-SplitterHandle {
    cursor: ns-resize;
}

.mstrmojo-Splitter-av {
    position: absolute;
    background: #237FC7;
    -webkit-box-shadow: #237FC7 0 0 3px;
}
/* End Splitter */

.mstrmojo-clearingDiv {
    clear: both;
    float: none !important;
}

/** SimpleTree Start **/
.mstrmojo-Architect-LogicalTablesTree {
    height: 400px !important;
}
.mstrmojo-SimpleTree{
    position:relative;
}

.mstrmojo-SimpleTree ul,
.mstrmojo-SimpleTree li {
    line-height: 23px;
}

.mstrmojo-SimpleTree ul{
    margin:0 0 0 -20px;
    padding:0 0 0 18px;
}

.mstrmojo-SimpleTree ul ul{
}

.mstrmojo-SimpleTree li.lastChild > ul{
    background-image:none;
}

.mstrmojo-SimpleTree li{
    margin:0;
    padding:0 0 0 18px;
    background: url('images/tree/arrow-right.png') no-repeat 6px 8px;
    list-style-type: none;
    cursor:auto;
    cursor:pointer;
}

.mstrmojo-SimpleTree li > ul{
    display: none;
}

.mstrmojo-SimpleTree li.open{
    background: url('images/tree/arrow-down.png') no-repeat 6px 8px;
    cursor:pointer;
}

.mstrmojo-SimpleTree li.leaf{
    background: none !important;
    cursor:pointer;
}

.mstrmojo-SimpleTree li.open > ul{
    display: block;
}

.mstrmojo-SimpleTree li.loading{
    background: url('images/tree/loading.gif') no-repeat 3px 5px;
    cursor: progress;
}
/** SimpleTree End **/

/** Start Pulldown **/
.mstrmojo-ui-Pulldown {
    position: relative;
}
.mstrmojo-ui-Pulldown .mstrmojo-PopupList {
    position: absolute;
    border: 1px solid #DDD;
    background: #FFF;
    width: 100%;
    max-height: 145px;
    overflow: auto;
    -webkit-box-shadow: #e2e2e2 0 3px 5px 0;
    -moz-box-shadow: #e2e2e2 0 3px 5px 0;
    box-shadow: #e2e2e2 0 3px 5px 0;
}

.mstrmojo-ui-Pulldown .mstrmojo-PopupList .item {
    padding: 5px;
    cursor: default;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mstrmojo-ui-Pulldown .mstrmojo-PopupList .item:hover {
    background-color: #f0f0f0;
}

.mstrmojo-ui-Pulldown .mstrmojo-PopupList .item.selected {
    font-weight: bold;
}

.mstrmojo-ui-Pulldown-text {
    background: #FFF url('images/arrow-down.png') no-repeat 98% center;
    height: 14px;
    line-height: 14px;
    padding: 5px 20px 5px 5px;
    border: 1px solid #DDD;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/** End Pulldown **/

/** Start Outer Join **/
.mstrmojo-DataGrid.jointype {
	max-height: 150px;
    width:100%;
	overflow: auto;
}

.jointype-hd.mstrmojo-DataGrid-headerText {
    text-align: center;
}

.mstrmojo-DataGrid.jointype .mstrmojo-DataRow-text {
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    border-color: #FFFFFF #AAAAAA #AAAAAA #FFFFFF;
    border-style: solid;
    border-width: 0px 1px 0px;
    padding-left: 10px;
    height: 20px;
    line-height: 20px;
}

.mstrmojo-DataGrid.jointype .jt-metric .mstrmojo-DataRow-text{
    padding-left: 18px;
    background: url(../../../images/metricli.png) no-repeat left;
    margin-left: 10px;
}

/** End Outer Join **/

/** BEGIN: Menu Editors **/
.mstrmojo-ui-MenuEditor {
    min-width: 120px;
    position: absolute;
    border: 1px solid #acacac;
    border-radius: 2px;
    background-color: #37455f;
    color: #fff;
    padding: 5px;
    margin-left: 5px;
}

mstrmojo-ui-MenuEditor > .me-buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mstrmojo-ui-MenuEditor .me-buttons .mstrmojo-WebButton,
.mstrmojo-subtotals-button .mstrmojo-Button{
    float: right;
    margin: 2px 0 0 2px;
    padding:0px;
}
.mstrmojo-ui-MenuEditor input[type=button] {
    display: inline-block;
    margin-bottom: 0;
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    min-width: 35px !important;
}

.mstrmojo-ui-MenuEditor .mstrmojo-Pulldown,
.mstrmojo-ui-MenuEditor .mstrmojo-Pulldown-Popup,
.mstrmojo-ui-MenuEditor .mstrmojo-TextBox{
    color: #FFFFFF;
    background: none repeat scroll 0 0 #333;
}

.mstrmojo-ui-MenuEditor .mstrmojo-TextBox,
.mstrmojo-ui-MenuEditor select {
    color: #FFFFFF;
    background: #333;
    border: 1px solid #2B2B2B;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    padding: 2px;
}

/** END: Menu Editors **/

/** BEGIN: Export Editors **/
#mojoExOpx9 .mstrmojo-Editor-button {
	min-width: 50px;
}
/** END: Export Editors **/

/** UI Controls Start **/

/** UI Controls End **/

/** DA Editor **/
.mstrmojo-DAEditor .mstrmojo-MEBox {
    border: 0px !important;
    margin-top: 0px;
}

.mstrmojo-DAEditor .mstrmojo-MEBox-status {
	position: absolute;
	bottom: 0px;
}

.mstrmojo-DAEditor.mstrmojo-DLEditor .mstrmojo-MEBox {
    margin: 5px 0px 0;
    border: 1px solid #b5b5b5 !important;
}

.mstrmojo-DAEditor.mstrmojo-DLEditor .mstrmojo-MEBox .mstrmojo-TokenInputBox{
    height: 100px;
}

.mstrmojo-DAEditor.mstrmojo-DLEditor .mstrmojo-DL-Label{
    display: inline-block !important;
    padding-top: 10px;
    line-height: 19px;
}
.mstrmojo-AEB-edit {
    padding-top: 17px;
    background-color: #e8e7e7;
    border: 1px solid #c5c5c5;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.mstrmojo-AEB-edit .mstrmojo-TokenInputBox {
    border: 1px solid #D7D7D7;
    height: 250px; /*284-34 to avoid validation bar cover attr definition*/
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    padding-bottom: 34px; /*DE139802*/
}

.mstrmojo-token-suggest .mstrmojo-ObjectInputBox-suggest {
    position: absolute;
    overflow: hidden;
}

.mstrmojo-token-suggest .mstrmojo-scrollNode {
    max-height: 250px;
}

.mstrmojo-scrollable-suggestlist {
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 16px;
}

.mstrmojo-scrollable-suggestlist,
.mstrmojo-scrollable-suggestlist .items-container {
    max-width: 350px;
}

.mstrmojo-scrollable-suggestlist .list-content {
    max-height: 300px;
}

.mstrmojo-scrollable-suggestlist .mstrmojo-suggest-text {padding-right: 3px;}


.mstrmojo-DAEditor .mstrmojo-DA-nameLabel {
    display: inline-block !important;
    margin-right: 8px;
}

.mstrmojo-DAEditor .mstrmojo-ME-nameInput {
    margin: 0 0 0 8px;
}
/** DA form tabs **/
.mstrmojo-AEB-TabStrip {
    position: relative;
    height: 30px;
}

.mstrmojo-AEB-TabStrip .mstrmojo-VITabStrip-tabs {
    height: 32px;
}

.mstrmojo-AEB-TabStrip .mstrmojo-VITabStrip {
    background: none;
    border: 0px;
}

.mstrmojo-AEB-TabStrip .mstrmojo-VITabStrip-tabs {
    max-width: 310px;
}

.mstrmojo-AEB-TabStrip .mstrmojo-VITabStrip-upBtn {
	right: 102px;
}

.mstrmojo-DAEditor .mstrmojo-WebHoverButton.mstrmojo-AEB-validate, .mstrmojo-WebHoverButton.mstrmojo-AEB-clearAll {
    float: right;
    font-weight: normal;
    line-height: 17px;
    min-width: 60px;
    margin-top: 5px;
}

.mstrmojo-AEB-TabStrip .mstrmojo-VITabStrip-tabs > DIV {
    position: relative;
}

.mstrmojo-VITabStrip-tabs .mstrmojo-VITab.mstrmojo-AEB-Tab.selected > DIV {
    background-color: #e8e7e7;
    border-bottom: 0px;
    height: 24px;
}

.mstrmojo-VITabStrip-tabs .mstrmojo-VITab.mstrmojo-AEB-Tab.mstrmojo-AEB-IDTab > DIV {
	margin: 6px 0 0 0;
}

.mstrmojo-VITabStrip-tabs .mstrmojo-VITab.mstrmojo-AEB-Tab > DIV {
    background-color: #D7D7D8;
    font-family: Arial;
    font-size: 11px;
    color: #434343;
    margin: 6px 0 0 5px;
    max-width: 197px;
    border: 1px solid #C5C5C5;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    height: 23px;
}

.mstrmojo-AEB-IDTab .mstrmojo-VITab-tab .mstrmojo-EditableLabel {
    padding: 0 10px !important;
}

.mstrmojo-AEB-TabStrip .mstrmojo-VITab-menu {
    background: url("images/DA-sprite.png") no-repeat scroll -48px -10px rgba(0, 0, 0, 0);
    display: block;
}

.mstrmojo-AEB-IDTab .mstrmojo-VITab-menu {
    left: -1000px;
}

.mstrmojo-AEB-TabStrip .mstrmojo-VITabStrip-addBtn {
    float: left;
    position: relative;
    width: 28px;
    margin-left: 5px;
}

.mstrmojo-AEB-TabStrip .mstrmojo-VITabStrip-addBtn > DIV {
    background: url(images/DA-sprite.png) no-repeat -196px -5px transparent;
    background-color: #c4c4c4;
    border: 1px solid #C5C5C5;
    height: 23px;
}

.mstrmojo-AEB-Tab:hover .mstrmojo-EditableLabel {
    text-decoration: none !important;
}

.mstrmojo-AEB-Tab .mstrmojo-EditableLabel {
    font-weight: normal !important;
    margin-top: 1px;
}

/** DA Object Browsers **/

.mstrmojo-MetricIDE .mstrmojo-DA-obContainer .mstrmojo-VIDatasetObjects {
    height: 380px;
    margin-top: 0px;
    /* border: none; */
    float: left;
}

/*DE14586*/
.mstrmojo-MetricIDE .mstrmojo-DA-obContainer.show-all .mstrmojo-VIDatasetObjects {
    display: block !important;
}
.mstrmojo-MetricIDE .mstrmojo-DA-obContainer.show-all .mstrmojo-VIDatasetObjects {
    margin-top: -58px;
}
.mstrmojo-MetricIDE .mstrmojo-DA-obContainer.show-all .mstrmojo-VIDatasetObjects > .mstrmojo-VIPanel-titlebar {
    margin-top: 50px;
}
.mstrmojo-MetricIDE .mstrmojo-DA-obContainer.show-all .mstrmojo-VIDatasetObjects > .mstrmojo-VIPanel-titlebar .mstrmojo-VITitleBar {
    display: none !important;
}
.mstrmojo-MetricIDE .mstrmojo-DA-obContainer.show-all .mstrmojo-VIDatasetObjects .mstrmojo-sb-show-default.mstrmojo-VIPanel-content,
.mstrmojo-MetricIDE .mstrmojo-DA-obContainer.show-all .mstrmojo-VIDatasetObjects .mstrmojo-scrollNode.mstrmojo-VIPanel-content {
    height: 251px;
}
.mstrmojo-MetricIDE .mstrmojo-DA-obContainer.show-all > .DAE-RWD-ObjectBrowser-container {
    display: block !important;
}
.mstrmojo-MetricIDE .mstrmojo-DA-obContainer.show-all > .DAE-RWD-ObjectBrowser-container > .mstrmojo-Label {
    display: none !important;
}
.mstrmojo-MetricIDE .mstrmojo-DA-obContainer.show-all .DAE-RWD-ObjectBrowser {
    height: 320px;
}
/*end DE14586*/

.mstrmojo-DA-obContainer .mstrmojo-DA-obDESC {
    background-color: #F5F5F5;
    width: 190px;
    /*height: 380px;*/
    margin-left: 5px;
}

.mstrmojo-DA-obContainer .mstrmojo-Label {
    padding: 14px 0 10px 10px;
    font-size: 11px;
}

.mstrmojo-DA-obContainer .mstrmojo-Label.dataset-type {
    padding: 0 0 0 0;
}
.mstrmojo-DA-obDESC .mstrmojo-VIUnitList .unit > DIV.tidinfo {
    background: url(images/DA-sprite.png) no-repeat -170px -8px transparent;
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    right: 5px;
    top: 3px;
}

.dae-desc-info.me-tooltip-content {
    width: 120px;
    white-space: normal;
}

.dae-desc-info.me-tooltip-content.up:before {
    right: 15px;
}

.mstrmojo-DAEditor .mstrmojo-WebButton {
	font-size: 11px;
    font-weight: bold;
    min-width: 80px;
    margin: 0px 3px 0px 7px;
}

.mstrmojo-Tooltip-content.me-err.up:before {
	border-color: transparent transparent #747474 transparent;
    border-width: 7px 5px;
    left: 50%;
    top: -14px;
}

.mstrmojo-Tooltip-content.me-err.up:after {
	border-color: transparent transparent #ededed transparent;
	border-width: 7px 5px;
	left: 50%;
}

/** DA Editor in RWD **/
.DAE-RWD-ObjectBrowser {
    width: 190px;
    height: 345px;
    overflow-y: auto;
    overflow-x: auto;
}

.DAE-RWD-ObjectBrowser .mstrmojo-TreeNode-div {
    cursor: pointer;
}

.DAE-RWD-ObjectBrowser .mstrmojo-TreeNode-div.selected > span {
    background-color: #7A7A7A;
    color: #FFFFFF;
}

.mstrmojo-DerivedAttrIDE-rwd .mstrmojo-DA-obDESC .unit {
    margin-left: 20px;
    background-image: url("vi/images/unitList/icon_att_form.png");
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 0 3px 22px;
    cursor: pointer;
    position: relative;
}

.mstrmojo-DA-IDE.simple .mstrmojo-FunctionWidzard .mstrmojo-ME-formatbar {
    display: none !important;
}

/** DA Editor End **/

/** HTML5 VI object icons replacement Start **/
.mstr-page-rwd .mstrmojo-DataGrid.jointype .jt-metric .mstrmojo-DataRow-text{
    background: url(vi/images/unitList/metric.png) no-repeat left;
}
/** HTML5 VI object icons replacement End **/



/**Start: Usher Login **/
.mstrmojo-UsherLogin-Container {
    overflow: hidden;
    position: relative;
    height: 615px;
    z-index: 2;
    background: #fff;
    border-radius: 5px;
    background-size: 100%;
    text-align: center;
}
.mstrmojo-UsherLogin-Container:before {
	content: '';
	position: absolute;
	top: 25px;
	left: 25px;
	width: 88%;
	height: 92%;
	background: #fff;
	opacity: 0.8;
	z-index: 3;
}
.mstrmojo-UsherLogin-Container .expired .QR {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.mstrmojo-UsherLogin-badge {
    height: 80px;
    margin: 10px auto;
    width: 240px;
}
.mstrmojo-UsherLogin-badge div {
    width: 80px;
    height: 80px;
    top: 25px;
    border-radius: 50%;
    background: transparent;
    float: left;
    display: inline-block;
    overflow: hidden;
    z-index: 4;
}
.mstrmojo-UsherLogin-badge .icn {
	position: relative;
	z-index: 5;
}
.mstrmojo-UsherLogin-badge .icn.default {background: #ddd;}
.mstrmojo-UsherLogin-badge img {
    max-width: 80px;
    max-height: 80px;
    position: relative;
}
.mstrmojo-UsherLogin-badge .dots {
    position: relative;
    left: 15px;

}
.mstrmojo-UsherLogin-badge .dots div {
    width: 10px;
    height: 10px;
    background: #999;
    margin: 33px 3px 0;
    z-index: 5;
}
.mstrmojo-UsherLogin-badge .app {
	position: relative;
	z-index: 5;
}

@-webkit-keyframes dots-sliding {
    0% {left: 0}
    100% {left: 32px;}

}
@-moz-keyframes dots-sliding {
    0% {left: 0}
    100% {left: 32px;}
}
@keyframes dots-sliding {
    0% {left: 0}
    100% {left: 32px;}
}
.mstrmojo-UsherLogin-badge .dots.anim:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0px;
    top: 33px;
    margin-left: 3px;
    background: #09F;
    border-radius: 50%;
    -webkit-animation: dots-sliding 0.9s infinite;
    -moz-animation: dots-sliding 0.9s infinite;
    animation: dots-sliding 0.9s infinite;
}
.mstrmojo-UsherLogin-badge .dots.anim div {opacity: 0.3;}


.mstrmojo-UsherLogin-badgeLabel {
	position: relative;
	top: 15px;
	z-index: 9;
	line-height: 3em;
	height: 60px;
	white-space: nowrap;
}

.mstrmojo-UsherLogin-badgeLabel .app-name {
	font-size: 23px;
	color: black;
}

.mstrmojo-UsherLogin-badgeLabel .badge-name {
	font-size: 18px;
	padding: 0 25px;
	color: #797979;
	overflow: hidden;
	text-overflow: ellipsis
}

.mstrmojo-UsherLogin {
    position: relative;
    width: 300px;
    height: 300px;
    top: 40px;
    left: 50px;
    transition: left 300ms;
    z-index: 4;
}

.mstrmojo-UsherLogin-notification {
    display: none;
}
.notificationMode .userInfo {
    border-radius: 150px;
    height: 100px;
    margin-top: 20px;
}
.notificationMode .mstrmojo-UsherLogin-notification{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    z-index: 3;
}
.notificationMode .login-notification {
     z-index: 4;
     position: relative;
}
.notificationMode .notification-timer {
    color: black;
    font-size: 17px;
}
.notificationMode .notification-failure{
    color: #6babe5;
    margin-top: 25px;
    cursor: pointer;
    font-size: 9pt;
    font-family: verdana;
}

.notificationMode .mstrmojo-UsherLogin-userInfo{
  display: block;
  margin-bottom: 55px;
  height: 175px;
  top: 25px;
  position: relative;
  z-index: 4;
}

.notificationMode .mstrmojo-UsherLogin-remember-setting {
    margin-top: 15px;
    visibility: visible;
}
.mstrmojo-UsherLogin-remember-setting.hide-rememeber {
    visibility: hidden;
}
.mstrmojo-UsherLogin-userInfo{
    display: none;
}

.notificationMode .user-details{
    display: block;
    font-size: 13pt;
    position: relative;
    top: 15px;
    margin-left: 20px;
    margin-right: 20px;
    word-wrap: break-word;
    padding: 10px;
}

.notificationMode .mstrmojo-UsherLogin {
    display: none;
}

.notificationMode .mstrmojo-UsherLogin-link {
    display: none;
}

.mstrmojo-UsherLogin-remember {
  position: relative;
  z-index: 4;
  display: block;
  top: 50px;
}

.proximityMode .mstrmojo-UsherLogin-remember,
.notificationMode .mstrmojo-UsherLogin-remember{
    display: none;
}

.notificationMode .mstrmojo-UsherLogin-forget{
  position: relative;
  z-index: 4;
  display: block;
  color: #6babe5;
}

.mstrmojo-UsherLogin-forget .mstrmojo-Label {
  cursor: pointer;
  font-size: 9pt;
  font-family: verdana;
}

.mstrmojo-UsherLogin-forget {
    display: none;
}

.mstrmojo-WebButton.login-button {
    height: 30px;
    min-width: 150px;
    max-width: 320px;
    font-size: 1.2em;
    background: white;
    border: 1px solid #c0c0c0;
    margin: 0px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgb(238,238,238) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cccccc',GradientType=0 );
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(204,204,204,1) 100%) !important;
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(204,204,204,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(204,204,204,1) 100%) !important;
    color: #656565 !important;
    cursor: pointer;
    margin-bottom: 15px;
    margin-top: 10px;
}

.mstrmojo-WebButton.login-button .mstrmojo-Button-text {
    position: relative;
    top: 6px;
    width: calc(100% - 10px);
    padding: 0 5px;
}

.notificationMode.mstrmojo-UsherLogin-Container {
    height: 580px;
}

.mstrmojo-UsherLogin.loading::before {
    content: '';
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 0;
    height: 20px;
    width: 100%;
    background: url("../../../style/mstr/images/wait2.gif") no-repeat center center transparent;
}
.mstrmojo-UsherLogin.show-register {left: -300px;}
.mstrmojo-UsherLogin .mode {
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -15px;
}
.mstrmojo-UsherLogin .QR {width: 100%; height: 100%;}

.mstrmojo-UsherLogin-register.mode {left: 320px; margin-left: 30px; visibility: hidden;}
.mstrmojo-UsherLogin.show-register .mstrmojo-UsherLogin-register.mode {visibility: visible;}
.mstrmojo-UsherLogin-register .mstrmojo-Box {margin-top: 15px;}
.mstrmojo-UsherLogin-register input {
    width: 80%;
    margin: 15px auto;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding-left: 5px;
}
.mstrmojo-UsherLogin-register .register-msg {
    width: 88%;
    margin: auto;
    position: relative;
    border-radius: 3px;
}
.mstrmojo-UsherLogin-register .register-msg-txt {
    line-height: 1.5em;
    padding: 3px 30px 3px 6px;
    text-align: left;
}
.mstrmojo-UsherLogin-register .register-msg-icn {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: 50%;
    margin-top: -10px;
    background: url(../../../style/mstr/images/xGrey.gif) no-repeat 0 0 transparent;
}
.mstrmojo-UsherLogin-register .register-msg-icn:hover {
    background-image: url(../../../style/mstr/images/xRed.gif);
}
.mstrmojo-UsherLogin-register .mstrmojo-Button {
    line-height: 24px;
    width: 90px;
    margin: 20px 8px;
    border-radius: 3px;
    color: #1A1A1A;
    cursor: default;
    background: #E2E2E2;
    box-shadow: #FFF 0 1px 1px 0px;
    border: 1px solid #B0B1B2;
}

.mstrmojo-Button.register {background: #7CC5EC none;border-color: #0C84C4;}
.mstrmojo-Button.register.disabled {
    background: #D7D7D7;
    color: #9D9D9D;
    border-color: #b0b1b2;
}

.mstrmojo-UsherLogin .refresh {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    width: 100%;
    height: 60px;
    line-height: 80px;
    padding-top: 15px;
    font-size: 1.5em;
    font-weight: bold;
    cursor: pointer;
    background: url(../../../style/mstr/images/refresh.png) no-repeat center 0 transparent;
    display: none;
    margin-top: -30px;
}
.mstrmojo-UsherLogin.expired .refresh {display: block !important;}
.mstrmojo-UsherLogin.expired.loading .refresh {display: none !important;}

.mstrmojo-UsherLogin-link {
	position: relative;
	top: 70px;
	z-index: 4;
	/* margin-top: -30px; */
}
.mstrmojo-UsherLogin-link .mstrmojo-Label {
	line-height: 1.6em;
	color: #797979;
}
/**End: Usher Login**/




/*Begin Panel*/
.mstrmojo-Panel-state {
    background-repeat: no-repeat;
    background-image: url(images/arrowsInvert.gif);
    vertical-align: middle;
    height: 26px;
    width: 16px;
    background-position: -16px top;
    float:left;
}

.mstrmojo-Panel-text {
    float:left;
    font-weight: bold;
    word-wrap:break-word;
}
.mstrmojo-Panel-state.closed {
    background-position: left top;
}

.mstrmojo-Panel-container.closed,
.mstrmojo-Panel-titlebar.closed {
    display: none;
}

.mstrmojo-Panel-titlebar {
    clear:both;
}

.mstrmojo-Panel-del {
    float: right;
}
/*End: Panel*/



/******Begin Icons ****/

/*Object Icons for Large Icon View*/
.mstrIcon-lg {
    display: inline-block;
    background: url(../../../style/mstr/images/iconView.png) no-repeat 0 0 transparent;
    -webkit-background-origin: content-box;
    background-origin: content-box;
    border: none;
    height: 76px;
    width: 61px;
}
.mstrIcon-lg:hover {
    background-image: url(../../../style/mstr/images/iconView_hover.png);
}

/*
 * This is layered icon - the following define the base icon,
 * and if the object's cssClass has class '.isc', the icon will be layered
 * with a shortcut image at bottom-left corner when specified
 *
 * Selector Naming:
 * -a: name indicating what type of the object is [this was old-fashioned and typically transform-rendered, and was previoulsy
        followed by client-side code after object-type to name conversion.

        It is recommended to use below convention to add a second css class to define object type/object icon
 * .t12: selector for object type 12
 * .t256: selector for object subtype 256 - this should define after and thus override selector for object type
 */

.mstrIcon-lg-a,
.mstrIcon-lg.t12 { /*Attribute*/
    background-position: -180px -228px;
}
.mstrIcon-lg-blank {/*Grid*/
    background-position: -240px -76px;
}
.mstrIcon-lg-be {/*bulk export*/
    background-position: 0 0;
}
.mstrIcon-lg-cb {/*Cube*/
    background-position: -60px 0;
}
.mstrIcon-lg-d {/*Document*/
    background-position: -240px 0;
}
.mstrIcon-lg-thm {/*Theme*/
    background-position: -180px -380px;
}
.mstrIcon-lg-thres, .mstrIcon-lg-thres:hover {/*Thresholds*/
    background: url(../../../style/mstr/images/iconView.png) no-repeat -120px -380px transparent;
}
.mstrIcon-lg-de {/*Derived Element */
    background-position: -180px 0;
}
.mstrIcon-lg-dm {/*Datamart*/
    background-position: -120px 0;
}
.mstrIcon-lg-f,
.mstrIcon-lg.t8 {/*Folder*/
    background-position: -60px -76px;
}
.mstrIcon-lg-fi,
.mstrIcon-lg.t1.st256 {/*Filter*/
    background-position: 0 -76px;
}
.mstrIcon-lg-cg,
.mstrIcon-lg.t1.st257 {/*Custom Group*/
    background-position: -240px -152px;
}

.mstrIcon-lg-g,
.mstrIcon-lg.t3 {/*Grid*/
    background-position: -240px -76px;
}
.mstrIcon-lg.t3.st776, .mstrIcon-lg.t3.st779{/*Cube*/
    background-position: -60px 0;
}
.mstrIcon-lg.t3.st774 {
    background-position: -180px -76px; /*Grid/Graph*/
}
.mstrIcon-lg.t10 { background-position: -60px -152px; } /*prompt*/
.mstrIcon-lg-ir {/*Incremental Fetch Report*/
    background-position: -68px -228px;
}
.mstrIcon-lg-gflash {/*Grid Flash vis*/
    background-position: -240px -228px;
}
.mstrIcon-lg-gajax {/*Grid Ajax vis*/
    background-position: 0 -304px;
}
.mstrIcon-lg-gp {/*Graph*/
    background-position: -120px -76px;
}
.mstrIcon-lg-gpgs {/*Graph Grid*/
    background-position: -180px -76px;
}
.mstrIcon-lg-m,
.mstrIcon-lg.t4 {/*Metric*/
    background-position: -120px -235px;
}
.mstrIcon-lg-pr {/*Prompt*/
    background-position: -60px -152px;
}
.mstrIcon-lg-proj {/*Project*/
    background-position: 0 -152px;
}
.mstrIcon-lg-rw,
.mstrIcon-lg.t55 {/*RWDocument*/
    background-position: -120px -152px;
}
.mstrIcon-lg.t55.dvm8192,
.mstrIcon-lg-ive {/* VIDashboard */
    background-position: 0 -228px;
}
.mstrIcon-lg.t55.st14080 {background-position: -240px 0px;}  /*Document*/
.mstrIcon-lg-rwflash {/*RWD Flash vis*/
    background-position: -60px -304px;
}
.mstrIcon-lg-rwajax {/*RWD Ajax vis*/
    background-position: -120px -304px;
}
.mstrIcon-lg-rw_xpdf {/*RWDocument ???*/
    background-position: -120px -152px;
}
.mstrIcon-lg-t,
.mstrIcon-lg.t2 {/*Template*/
    background-position: -180px -152px;
}

/*Top layer icon for shortcut to be positioned at bottom-left corner*/
.mstrIcon-lg.isc:before {
    content: '';
    background: url(../../../style/mstr/images/lgShortcut.gif) no-repeat 0 0 transparent ;
    height: 76px;
    width: 61px;
    display: inline-block;
    bottom: 0;
    left: 0;
}

/**End Icons */



/**MDX Cube Browser**/
.mstrmojo-MDXCubeBrowser {
	width: 500px;
}
.mstrmojo-MDXCubeBrowser > .mstrmojo-Editor-content {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.mstrmojo-MDXCubeBrowser-sources {
	width: 50%;
	display: inline-block;
	float: left;
}
.mstrmojo-MDXCubeBrowser-sources-btn.up {
	float: left;
	clear: none;
}
.mstrmojo-MDXCubeBrowser-sources .mstrmojo-PopupList .item.lv-1 {padding-left: 15px;}
.mstrmojo-MDXCubeBrowser-sources .mstrmojo-PopupList .item.lv-2 {padding-left: 30px;}

.mstrmojo-MDXCubeBrowser-cubes {
	clear: both;
	margin: 30px 0 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	min-height: 192px;
}
.mstrmojo-MDXCubeBrowser-cubes .item {
	margin: 1px;
	padding-left: 3px;
	height: 28px;
	line-height: 28px;
}
.mstrmojo-MDXCubeBrowser-cubes .item:hover,
.mstrmojo-MDXCubeBrowser-cubes .item.selected {
	background: #ccc;
	cursor: pointer;
}
.mstrmojo-MDXCubeBrowser-cubes .item span {
	vertical-align: sub;
}
/****/

/** tree widget*/

.mstrmojo-visTreeSelection{
    position: absolute;
}

.mstrmojo-visTreeWidget {

    position: relative;
}
.mstrmojo-visTreeWidget .mstrmojo-TreeNode{
    width: 100%;
}
.mstrmojo-visTreeWidget .splitter{
    border-top: 1px #d1d1d1 solid;
    border-bottom: 1px #f0f0f0 solid;
    height: 0;
    margin: 5px 0 5px 0;
}


.mstrmojo-visTreeWidget .allPanel,
.mstrmojo-visTreeWidget .selectedPanel{
    position: absolute;
    top: 46px;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.mstrmojo-visTreeWidget.multiSelect .allPanel,
.mstrmojo-visTreeWidget.multiSelect .selectedPanel{
    top: 76px;
    bottom: 40px;
}

.mstrmojo-visTreeWidget .tabs,
.mstrmojo-visTreeWidget .btnClearAll,
.mstrmojo-visTreeWidget .buttons{
    display: none;
}

.mstrmojo-visTreeWidget.multiSelect .tabs,
.mstrmojo-visTreeWidget.multiSelect .btnClearAll,
.mstrmojo-visTreeWidget.multiSelect .buttons{
    display: block;
}


.mstrmojo-visTreeWidget .buttons{
    position: absolute;
    height: 40px;
    bottom: 0;
    width: 100%;
}


.mstrmojo-visTreeWidget .mstrmojo-TreeNode-checkBox{
    float: right;
}
.mstrmojo-visTreeWidget .mstrmojo-TreeNode-text{
    overflow: hidden;
    margin-right: 0px;
    text-overflow: ellipsis;
}
.mstrmojo-visTreeWidget .mstrmojo-TreeNode-state{
    float: left;
}
.mstrmojo-visTreeWidget .mstrmojo-TreeNode-checkBox{
    float: right;
}
.mstrmojo-visTreeWidget .mstrmojo-TreeNode-checkBox.radio{
    background:url("../css/images/editor-button.png") no-repeat scroll 0 -251px transparent;
    height: 15px;
    margin-top: 4px;
}
.mstrmojo-visTreeWidget .mstrmojo-TreeNode-div.selected .mstrmojo-TreeNode-checkBox.radio{
    background-position: 0 -238px;
}
.mstrmojo-visTreeWidget .mstrmojo-TreeNode-text{
    padding: 1px 0 1px 7px;
}
.mstrmojo-visTreeWidget .mstrmojo-TreeNode-state.closed,
.mstrmojo-visTreeWidget .mstrmojo-TreeNode-state.opened{
    border-style: solid;
    height: 0;
    width: 0;
    margin-top: 6px;
}
.mstrmojo-visTreeWidget .mstrmojo-TreeNode-state.opened {
    border-width: 7px 4px 0 4px;
    border-color: #000000 transparent transparent transparent;
}
.mstrmojo-visTreeWidget .mstrmojo-TreeNode-state.closed {
    border-width: 4px 0 4px 7px;
    border-color: transparent transparent transparent #000000;
}
.mstrmojo-visTreeWidget .mstrmojo-TreeNode-text .hilight{
    background-color: #acd6ea;
}

.mstrmojo-visTreeWidget .mstrmojo-TreeNode-itemsContainer{
    padding-left: 7px;
}
.mstrmojo-visTreeWidget .search{
    padding: 5px 0 5px 0;
}

.mstrmojo-visTreeWidget .search-result,
.mstrmojo-visTreeWidget .forest{
    padding-right: 9px;
}

.mstrmojo-visTreeWidget .mstrmojo-SearchWidget {
    width: 100%;
    height: 19px;
    margin: 0;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    border-collapse: separate; }
.mstrmojo-visTreeWidget .mstrmojo-SearchWidget tr td:first-Child{
    width: 100%;
}
.mstrmojo-visTreeWidget .mstrmojo-SearchBox-bg{
    background: none;
}
.mstrmojo-visTreeWidget .mstrmojo-SearchWidget .mstrmojo-SearchBox .mstrmojo-SearchBox-input, .mstrmojo-SearchWidget .mstrmojo-SearchBox-bg, .mstrmojo-SearchWidget .mstrmojo-SearchBox-bg .mstrmojo-SearchBox-search, .mstrmojo-DerivedElementPanel .mstrmojo-SearchBox-bg .mstrmojo-SearchWidget .mstrmojo-SearchBox-search {
    height: 19px;
    border-width: 0;
    background-color: transparent; }
.mstrmojo-visTreeWidget .mstrmojo-SearchWidget .mstrmojo-SearchBox {
    padding: 0 0 0 6px; }
.mstrmojo-visTreeWidget .mstrmojo-SearchWidget .mstrmojo-SearchBox .mstrmojo-SearchBox-input {
    outline: none;
    width: 100%;
    padding: 0; }
.mstrmojo-visTreeWidget .mstrmojo-SearchWidget .mstrmojo-SearchBox .mstrmojo-SearchBox-input::-ms-clear {
    display: none; }
.mstrmojo-visTreeWidget .mstrmojo-SearchWidget .mstrmojo-SearchBox-clear {
    background-color: transparent; }
.mstrmojo-visTreeWidget .mstrmojo-SearchWidget .mstrmojo-SearchBox-search {
    background: transparent url(images/search_sprite.png) no-repeat 5px 5px; }
.mstrmojo-visTreeWidget .mstrmojo-SearchWidget .mstrmojo-SearchBox-search.clear {
    background-position: 5px -16px; }
.mstrmojo-visTreeWidget .mstrmojo-SearchWidget td:nth-child(3) {
    width: 22px; }
.mstrmojo-visTreeWidget .mstrmojo-SearchWidget .mstrmojo-SearchBox-bg .mstrmojo-SearchBox-search {
    height: 19px; }

.mstrmojo-visTreeWidget .mstrmojo-SearchBox-Wrapper.quick-search .mstrmojo-SearchBox-clear {
    display: none;
}

.mstrmojo-visTreeWidget .tabs{
    margin-bottom: 5px;
    margin-top: 5px;
}

.mstrmojo-visTreeWidget .tabs INPUT{
    width: 50%;
}
.mstrmojo-visTreeWidget .tabs INPUT.selected{
    border-style: inset;
    background-color: #cdced0;
    outline: none;
}
.mstrmojo-visTreeWidget .btnClearAll INPUT{
    width: 100%;
    margin: 5px 0 5px 0;
}

.mstrmojo-visTreeWidget .mstrmojo-selectedElements .item {
    white-space: nowrap;
}
.mstrmojo-visTreeWidget .mstrmojo-selectedElements .name {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.mstrmojo-visTreeWidget .mstrmojo-selectedElements .remove {
    float: right;
    background: transparent url(images/Remove.png) no-repeat 0 2px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}
.mstrmojo-visTreeWidget .buttons INPUT{
    width: 90px;
    cursor: pointer;
    margin-right: 10px;
}
.mstrmojo-visTreeWidget .buttons-container {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.mstrmojo-visTreeWidget .buttons INPUT.disabled {
    cursor: default;
}

.mstrmojo-visTreeSelection .selection-dropdown-iconNode{
    height: 100%;
    cursor: pointer;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: transparent url(images/editor-button.png) no-repeat right -362px;
    padding: 0 10px 0 0;
}

.mstrmojo-visTreeSelection .selection-dropdown-boxNode {
    border: 1px solid #B5B5B5;
    border-radius: 3px;
    background-color: white;
    margin-top: 5px;
    margin-bottom: 1px;
}

.mstrmojo-visTreeSelection .status {
    overflow: hidden;
    height: 100%;

}

.tree-selection-popup{
    display: block;
    background: #ededed;
    z-index: 100;
    height: 500px;
}
.tree-selection-popup .mstrmojo-popup-content,
.tree-selection-popup .mstrmojo-popup-content .mstrmojo-visTreeWidget
{
    height: 100%;
    width: 100%;
}



.mstrmojo-visTreeWidget .tabs,
.mstrmojo-visTreeWidget .search,
.mstrmojo-visTreeWidget .splitter,
.mstrmojo-visTreeWidget .forest,
.mstrmojo-visTreeWidget .search-result,
.mstrmojo-visTreeWidget .selectedList,
.mstrmojo-visTreeWidget .btnClearAll
{
    margin-left: 9px;
    margin-right: 9px;
}

/**end of tree widget*/



/** Begin: Custom Sort Editor */
.mstrmojo-CustomSortEditor {
    width: 330px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #9B9B9B;
    background-color: #F3F3F4 !important;
    color: #444649 !important;
}

.mstrmojo-CustomSortEditor .mstrmojo-Editor-content {
    padding: 10px 0px 0px 0px;
    margin: 11px 11px 11px 11px;
    position: relative;
    height: 315px;
    overflow: hidden;
}
.mstrmojo-CustomSortEditor .mstrmojo-Editor-buttons {padding: 0 10px;}
.mstrmojo-CustomSortEditor .mstrmojo-VIButton {
    margin: 11px 0 11px 11px;
    padding: 0;
    border: 0 none;
}
.mstrmojo-CustomSortEditor .reset {
    float: left;
    margin-left: 0;
}
.mstrmojo-CustomSortEditor .mstrmojo-Button-text {
    background-color: #e2e2e2;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #bebebe;
    min-width: 60px;
    width: auto;
    padding: 3px 5px;
}

.mstrmojo-CSE-List {
    background: #fff;
    width: 256px;
    float: left;
}
.mstrmojo-CSE-List .mstrmojo-ListBase2-itemsContainer {
    height: 300px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.2);
    overflow: auto;
    padding: 5px 0;
}
.mstrmojo-CSE-List:hover .mstrmojo-ListBase2-itemsContainer {
    overflow: auto;
}
.mstrmojo-CSE-List-item {
    line-height: 22px;
    cursor: default;
    margin: 0 5px;
    border-radius: 2px;
}
.mstrmojo-CSE-List-item:hover {background: #dadada;}
.mstrmojo-CSE-List-item.selected {background: #cecece;}
.mstrmojo-CSE-List-text {padding: 0 5px;}
.mstrmojo-CSE-List-text.lvl-1 {/*padding-left: 10px;*/}
.mstrmojo-CSE-List-text.lvl-2 {/*padding-left: 20px;*/}
.mstrmojo-CSE-List-text.lvl-3 {/*padding-left: 30px;*/}
.mstrmojo-CSE-List-text.lvl-4 {/*padding-left: 40px;*/}

.mstrmojo-CSE-toolbar {
    float: left;
    width: 25px;
    height: 120px;
    margin-left: 10px;
}
.mstrmojo-CSE-toolbar-item {
    position: relative;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    height: 28px;
    margin-bottom: 6px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.2);
    background: none no-repeat 0 0 #e2e2e2;
    overflow: hidden;
    text-indent: -100px;
    position: relative;
}
.mstrmojo-CSE-toolbar-item:before,
.mstrmojo-CSE-toolbar-item:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 5px;
    top: 8px;
}
.mstrmojo-CSE-toolbar-item.top:before {
    border-width: 0 6px 12px 6px;
    border-color: transparent transparent #666 transparent;
    border-style: none solid solid;
    top: 10px;
}
.mstrmojo-CSE-toolbar-item.top:after {
    border-top: 3px solid #666;
    width: 12px;
    top: 8px
}
.mstrmojo-CSE-toolbar-item.up:before {
    border-width: 0 6px 12px 6px;
    border-color: transparent transparent #666 transparent;
    border-style: none solid solid;
}
.mstrmojo-CSE-toolbar-item.down:before {
    border-width: 12px 6px 0 6px;
    border-color: #666 transparent transparent transparent;
    border-style: solid;
}
.mstrmojo-CSE-toolbar-item.bottom:before {
    border-width: 12px 6px 0 6px;
    border-color: #666 transparent transparent transparent;
    border-style: solid;
}
.mstrmojo-CSE-toolbar-item.bottom:after {
    border-top: 3px solid #666;
    width: 12px;
    top: 19px
}
/** end: Custom Sort Editor */

/**start of create menu**/
.mstr-create-menu.mstrmojo-ui-Menu,.mstr-create-menu.mstrmojo-ui-MenuPopup {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: rgba(0,0,0,0.55) 0 0 10px 0px ;
	-moz-box-shadow: rgba(0,0,0,0.55) 0 0 10px 0px ;
	background-color: rgba(237,237,237,0.96);
	border: none;
	color: rgb(101,101,101);
	max-width: 350px;
	min-width: 152px;
	padding: 5px 0;
	left: 0;
	position: absolute;
	top: 100%;
	z-index: 2;
	-webkit-transform: translateZ(0)
}

.mstr-create-menu-fileUpload {
	height: 35px;
	width: 180px;
}

.mstr-create-menu.mojo-theme-dark.mstrmojo-ui-Menu {
	background-color: rgba(237,237,237,0.96);
}

.mstr-create-menu.mstrmojo-ui-Menu .mstrmojo-ui-Menu-item {
	border: none;
	font-size: 11px;
	line-height: 22px;
	margin: 0;
	padding: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 1px;
	cursor: default;
	display: block;
	position: relative;
	white-space: nowrap;
	-webkit-transition: background-color 400ms ease 0;
	-moz-transition: background-color 400ms ease 0;
	-ms-transition: background-color 400ms ease 0;
	-o-transition: background-color 400ms ease 0;
	transition: background-color 400ms ease 0;
}

.mstr-create-menu.mstrmojo-ui-Menu .mstrmojo-ui-Menu-item>DIV.arw{
	border: 0 solid transparent;
	background: url(../../../style/mstr/images/leftPane/search-right-arrow.png) no-repeat center;
	height: 22px;
	right: 0px;
	float: right;
	top: 8px;
	width: 28px;
	display: inline-block;
	position: absolute;
}

.mstr-create-menu.mstrmojo-ui-Menu .mstr-create-menu-expand{
	height: 20px;
}

.mstr-create-menu.mstrmojo-ui-Menu .mstr-create-menu-expand .label{
	display: inline-block;
	position: relative;
	left: 40%;
	vertical-align: top;
	cursor: pointer;
}

.mstr-create-menu.mstrmojo-ui-Menu .mstrMenuItem.folder {
	display: none;
}

.mstr-create-menu.mstrmojo-ui-Menu .mstrmojo-ui-Menu-item.selected:before{
	background: no-repeat;
	content: "";
	height: 0px;
	left: 0;
	position: absolute;
	top: 0;
	width: 0px;
}

.mstr-create-menu.mstrmojo-ui-Menu .mstrmojo-ui-Menu-item:hover {
	color: #d22d2d;
}
.mstr-create-menu.mstrmojo-ui-Menu .mstrmojo-ui-Menu-item.pop {
	overflow: visible;
}

.mstr-create-menu.mstrmojo-ui-Menu .mstrmojo-ui-Menu-item.pop.open {
	background-color: #d8d8d8;
}

.mstr-create-menu.mstrmojo-ui-Menu.collapse .mstrmojo-ui-Menu-item.collapsable {
	display: none;
}

.mstr-create-menu.mstrmojo-ui-Menu .mstrmojo-ui-Menu-item:hover {
	background-color: #d8d8d8;
}

/* DE152231 - Add vertical scrollbar to create menus when hovering anywhere on the menu popup*/
.mstr-create-menu.mstrmojo-ui-Menu:hover .mstrmojo-scrolltrack .mstrmojo-scrollbar.vertical {
    background-color: rgb(101,101,101);
    opacity: 1;
}

.mstrmojo-create-menu-host {
	padding-top : 4px;
	left: 50px;
	position: fixed !important;
    z-index: 3;
}

.mstr-create-menu .mstrMenuItemSelected, .mstr-create-menu .mstrMenuItem{
  padding: 0;
  display: block;
  white-space: nowrap;
  border: none;
  background-position: 5px 7px;
  background-repeat: no-repeat;
  background-color: transparent;
  text-decoration: inherit;
}

.mstrmojo-create-menu-host .mstr-create-menu.mstrmojo-ui-Menu .mstrmojo-ui-Menu-item.separator {
	border-bottom: 1px solid #c9c9c9;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-top: 3px;
	margin-bottom: 4px;
	padding : 0px;
}

.mstr-create-menu.mstrmojo-ui-Menu .mstrmojo-ui-Menu-item.separator .micn {
	height: 0px;
}

.mstr-create-menu.mstrmojo-ui-Menu .mstrmojo-ui-Menu-item-container .micn {
	display: inline-block;
	margin-right: 10px;
	background: transparent url("../../../style/mstr/images/leftPane/createList.png") no-repeat;
	display: inline-block !ie7;
	margin-bottom: -7px !ie7;
	position: relative;
	height: 30px;
	width: 36px;
	vertical-align: middle;
}

.mstr-create-menu.mstrmojo-ui-Menu .mstrmojo-ui-Menu-item-container .submenuItem .micn {
	background: none;
	height: 0px;
	width: 0px;
}

.mstr-create-menu.mstrmojo-ui-Menu[tstid=templateSbm] .pop.mstrmojo-ui-Menu-item .micn {
    background: none;
    width: 7px;
}

.mstr-create-menu.mstrmojo-ui-Menu .scNewIVE .micn {background-position: 5px -3px;}
.mstr-create-menu.mstrmojo-ui-Menu .template .micn {background-position:  5px -41px;}
.mstr-create-menu.mstrmojo-ui-Menu .templateDoc .micn {background-position:  5px -79px;}
.mstr-create-menu.mstrmojo-ui-Menu .customGroup .micn {background-position:  5px -119px;}
.mstr-create-menu.mstrmojo-ui-Menu .metric .micn {background-position:  5px -160px;}
.mstr-create-menu.mstrmojo-ui-Menu .prompt .micn {background-position:  5px -197px;}
.mstr-create-menu.mstrmojo-ui-Menu .filter .micn {background-position:  5px -235px;}
.mstr-create-menu.mstrmojo-ui-Menu .queryBuilder .micn {background-position:  5px -279px;}
.mstr-create-menu.mstrmojo-ui-Menu .folder .micn {background-position:  5px -322px;}
.mstr-create-menu.mstrmojo-ui-Menu .myFile .micn {background-position: 5px -361px;}
.mstr-create-menu.mstrmojo-ui-Menu .appSchema .micn {background-position:  5px -412px;}
.mstr-create-menu.mstrmojo-ui-Menu .separator .micn {background: none}


.mstr-create-menu hr{
	border-bottom: 1px solid #c9c9c9;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-top: 3px;
	margin-bottom: 4px;
	padding: 0px;
	opacity: 0.5;
}

.mstr-create-menu h4{
	padding-left: 20px;
	margin: 0;
	margin-top: 5px;
}

.mstr-create-menu .mstr-dashboard-subMenu{
	display: block;
	margin:auto;
	overflow:auto;

}

.mstr-create-menu .mstr-dashboard-subMenu.dashboardTemplates{
	width: 300px;
}

.mstr-create-menu .mstr-dashboard-subMenu.docList{
	display: block;
	margin:auto;
	overflow:auto;
	width: 300px;
	max-height: 350px;
}

.mstr-create-menu .mstr-dashboard-subMenu.docList a{
	padding-left: 10px;
}

.mstr-create-menu.mstr-dashboard-subMenu.collapse{
	overflow: hidden;
}
.mstr-create-menu .mstr-dashboard-subMenu .dashboardStyleTemplate{
	background: transparent url(../../../style/mstr/images/leftPane/dashboardIcons.png) 0 0 no-repeat;
	height: 60px;
	width: 60px;
	cursor: pointer;
	float: left;
	display: block;
	margin-left: 10px;
}
.mstr-create-menu .mstr-dashboard-subMenu .dashboardStyleTemplate:hover{
	opacity: 0.5;
}
.mstr-create-menu .subMenuItem .label {
	padding-left: 15px;
}

.mstr-dashboard-subMenu #vt_33FE7B9642394241A436ED81A31C91BB{
	background: transparent url(../../../style/mstr/images/leftPane/dashboardIcons.png) 0 0 no-repeat;
}

.mstr-dashboard-subMenu #vt_8921DE9C408EF1B4D776A3A6E0AC2D0F{
	background-position: -60px 0;
}


.mstr-dashboard-subMenu #vt_2E4E44284E1D358E886029A790502A82 {
	background-position: -120px 0;
}

.mstr-dashboard-subMenu #vt_5CF40238425FA1A251ACF9925F846B62 {
	background-position: -180px 0;
}

.mstr-dashboard-subMenu #vt_E44B880748568EA00393E1BB3ED262D0 {
	background-position: -240px 0;
}

.mstr-dashboard-subMenu #vt_4B75EA04422234A58C6FF0B1F9857AE4 {
	background-position: 0 -76px;
}

.mstr-dashboard-subMenu #vt_CF34F10547F441E4BB92A7A654ED4466 {
	background-position: -240px -76px;
}

.mstr-dashboard-subMenu #vt_176B047B443EB412282B258A3BF18A75 {
	background-position: -60px -76px;
}

.mstr-dashboard-subMenu #vt_1FADAD67499EC248C3145F92E04EE076 {
	background-position: -120px -76px;
}

.mstr-dashboard-subMenu #vt_DC34CBDD4DB77952611647B6CB30BA94 {
	background-position: -180px -76px;
}

.mstr-dashboard-subMenu #vt_21187A6B4AFCFFE7E54D0C95B5435D0F {
	background-position: 0 -152px;
}

.mstr-dashboard-subMenu #vt_196483194ED2DF4AF9423C9FFA7F3785 {
	background-position: -60px -152px;
}

.mstr-dashboard-subMenu #vt_BBC6628F4A4723F843FB54A25F9C85DB {
	background-position: -120px -152px;
}

.mstr-create-menu-cubePicker {
	width: 400px;
}

.mstr-create-menu-cubePicker div.mstrmojo-OBListItem.selected {
	background-color: #CECECE;
}

#myFile {
	display: none;
}

.item.separator.mstrmojo-ui-Menu-item {
	line-height: 0px;
}

/**end of create menu*/