/* Toolbar
 *----------------------------------------------------------------------------*/
.midas-toolbar {
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  }
.midas-toolbar .loading {
  background-image: url(../images/midas/loading-light.gif);
  background-repeat: no-repeat;
  background-position: center;
  }

/* Toolbar: Actionbar
 *----------------------------------------------------------------------------*/
.midas-actionsbar {
  text-shadow: #EEE 0 1px 0;
  height: 60px;
  padding-right: 10px;
  background: #E2E1E2 url(../images/midas/toolbars/actions/_background.png) repeat-x bottom;
  overflow: hidden;
  }
.midas-actionsbar .midas-button {
  display: block;
  float: left;
  height: 58px;
  min-width: 50px;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  outline: none;
  margin-bottom: 20px;
  font-family: Helvetica, Tahoma, Arial, sans-serif;
  }
.midas-actionsbar .midas-button em {
  display: block;
  margin: 0 -5px;
  height: 15px;
  padding-top: 41px;
  font-style: normal;
  color: #222;
  cursor: default;
  font-size: 8.5pt;
  line-height: 15px;
  background-repeat: no-repeat;
  background-position: 50% 7px;
  }
.midas-actionsbar .midas-button.disabled,
.midas-actionsbar.disabled .midas-button,
.midas-actionsbar .midas-group.disabled .midas-button,
.disabled .midas-actionsbar .midas-button {
  opacity: 0.33 !important;
  }
.midas-actionsbar .midas-separator,
.midas-actionsbar .midas-line-separator,
.midas-actionsbar .midas-flex-separator {
  display: block;
  float: left;
  border: 0;
  height: 58px;
  padding: 0 15px;
  margin-bottom: 20px;
  background: url(../images/midas/toolbars/actions/_separator.png) no-repeat;
  }
.midas-actionsbar .pressed {
  background: url(../images/midas/toolbars/actions/_pressed.png) no-repeat;
  }
.midas-actionsbar .active {
  text-shadow: none;
  margin-top: 1px;
  height: 57px;
  }
.midas-actionsbar .midas-button.active em {
  padding-top: 40px;
  }
.midas-actionsbar .midas-button-save em            { background-image: url(../images/midas/toolbars/actions/save.png) }
.midas-actionsbar .midas-button-preview em         { background-image: url(../images/midas/toolbars/actions/preview.png) }
.midas-actionsbar .midas-button-undo em            { background-image: url(../images/midas/toolbars/actions/undo.png) }
.midas-actionsbar .midas-button-redo em            { background-image: url(../images/midas/toolbars/actions/redo.png) }
.midas-actionsbar .midas-button-insertlink em      { background-image: url(../images/midas/toolbars/actions/insertlink.png) }
.midas-actionsbar .midas-button-insertmedia em     { background-image: url(../images/midas/toolbars/actions/insertmedia.png) }
.midas-actionsbar .midas-button-inserttable em     { background-image: url(../images/midas/toolbars/actions/inserttable.png) }
.midas-actionsbar .midas-button-insertcharacter em { background-image: url(../images/midas/toolbars/actions/insertcharacter.png) }
.midas-actionsbar .midas-button-objectspanel em    { background-image: url(../images/midas/toolbars/actions/objectspanel.png) }
.midas-actionsbar .midas-button-inspectorpanel em  { background-image: url(../images/midas/toolbars/actions/inspectorpanel.png) }
.midas-actionsbar .midas-button-notespanel em      { background-image: url(../images/midas/toolbars/actions/notespanel.png) }
.midas-actionsbar .midas-button-historypanel em    { background-image: url(../images/midas/toolbars/actions/historypanel.png) }

/* Toolbar: Region
 *----------------------------------------------------------------------------*/
.midas-regionbar {
  padding: 3px 13px 1px 10px;
  background: #D2D2D1 url(../images/midas/toolbars/region/_background.png) repeat-x bottom;
  }
.midas-regionbar:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
  }

.midas-regionbar .midas-separator,
.midas-regionbar .midas-line-separator,
.midas-regionbar .midas-flex-separator {
  display: block;
  float: left;
  border: 0;
  height: 18px;
  padding: 0;
  margin: 0 7px 0 0;
  width: 1px;
  background: url(../images/midas/toolbars/region/_separator.png) no-repeat;
  }
.midas-regionbar .midas-line-separator {
  background: url(../images/midas/toolbars/region/_line_separator.png) no-repeat;
  }
.midas-regionbar .midas-button {
  display: block;
  outline: none;
  float: left;
  height: 18px;
  width: 23px;
  margin: 0 7px 4px 0;
  }
.midas-regionbar .midas-button em {
  display: none;
  }
.midas-regionbar .midas-button,
.midas-regionbar .midas-button em {
  background-image: url(../images/midas/toolbars/region/buttons.png);
  }
.midas-regionbar .midas-button.disabled,
.midas-regionbar.disabled .midas-button,
.disabled .midas-regionbar .midas-button {
  opacity: 0.33 !important;
  }
.midas-regionbar .midas-group {
  float: left;
  }
.midas-regionbar .midas-group.disabled .midas-button {
  opacity: 0.33 !important;
  }
.midas-regionbar .midas-group .midas-button {
  width: 22px;
  margin-left: 0;
  margin-right: 0;
  }
.midas-regionbar .midas-group .midas-button:first-child {
  width: 23px;
  }
.midas-regionbar .midas-group .midas-separator,
.midas-regionbar .midas-group .midas-line-separator,
.midas-regionbar .midas-group .midas-flex-separator {
  margin-left: 7px;
  }

/* standard buttons */
.midas-regionbar .midas-button-bold                       { background-position: -68px 0 }
.midas-regionbar .midas-button-bold.active                { background-position: -68px -18px }
.midas-regionbar .midas-button-italic                     { background-position: -91px 0 }
.midas-regionbar .midas-button-italic.active              { background-position: -91px -18px }
.midas-regionbar .midas-button-overline                   { background-position: -113px 0 }
.midas-regionbar .midas-button-overline.active            { background-position: -113px -18px }
.midas-regionbar .midas-button-strikethrough              { background-position: -135px 0 }
.midas-regionbar .midas-button-strikethrough.active       { background-position: -135px -18px }
.midas-regionbar .midas-button-underline                  { background-position: -157px 0 }
.midas-regionbar .midas-button-underline.active           { background-position: -157px -18px }
.midas-regionbar .midas-button-subscript                  { background-position: -180px 0 }
.midas-regionbar .midas-button-subscript.active           { background-position: -180px -18px }
.midas-regionbar .midas-button-superscript                { background-position: -203px 0 }
.midas-regionbar .midas-button-superscript.active         { background-position: -203px -18px }
.midas-regionbar .midas-button-justifyleft                { background-position: -226px 0 }
.midas-regionbar .midas-button-justifyleft.active         { background-position: -226px -18px }
.midas-regionbar .midas-button-justifycenter              { background-position: -249px 0 }
.midas-regionbar .midas-button-justifycenter.active       { background-position: -249px -18px }
.midas-regionbar .midas-button-justifyright               { background-position: -271px 0 }
.midas-regionbar .midas-button-justifyright.active        { background-position: -271px -18px }
.midas-regionbar .midas-button-justifyfull                { background-position: -293px 0 }
.midas-regionbar .midas-button-justifyfull.active         { background-position: -293px -18px }
.midas-regionbar .midas-button-insertunorderedlist        { background-position: -316px 0 }
.midas-regionbar .midas-button-insertunorderedlist.active { background-position: -316px -18px }
.midas-regionbar .midas-button-insertorderedlist          { background-position: -339px 0 }
.midas-regionbar .midas-button-insertorderedlist.active   { background-position: -339px -18px }
.midas-regionbar .midas-button-outdent                    { background-position: -362px 0 }
.midas-regionbar .midas-button-outdent.active             { background-position: -362px -18px }
.midas-regionbar .midas-button-indent                     { background-position: -385px 0 }
.midas-regionbar .midas-button-indent.active              { background-position: -385px -18px }
.midas-regionbar .midas-button-insertrowbefore            { background-position: -408px 0 }
.midas-regionbar .midas-button-insertrowbefore.active     { background-position: -408px -18px }
.midas-regionbar .midas-button-insertrowafter             { background-position: -431px 0 }
.midas-regionbar .midas-button-insertrowafter.active      { background-position: -431px -18px }
.midas-regionbar .midas-button-deleterow                  { background-position: -453px 0 }
.midas-regionbar .midas-button-deleterow.active           { background-position: -453px -18px }
.midas-regionbar .midas-button-insertcolumnbefore         { background-position: -475px 0 }
.midas-regionbar .midas-button-insertcolumnbefore.active  { background-position: -475px -18px }
.midas-regionbar .midas-button-insertcolumnafter          { background-position: -497px 0 }
.midas-regionbar .midas-button-insertcolumnafter.active   { background-position: -497px -18px }
.midas-regionbar .midas-button-deletecolumn               { background-position: -519px 0 }
.midas-regionbar .midas-button-deletecolumn.active        { background-position: -519px -18px }
.midas-regionbar .midas-button-horizontalrule             { background-position: -542px 0 }
.midas-regionbar .midas-button-horizontalrule.active      { background-position: -542px -18px }
.midas-regionbar .midas-button-removeformatting           { background-position: -566px 0 }
.midas-regionbar .midas-button-removeformatting.active    { background-position: -566px -18px }
.midas-regionbar .midas-button-htmleditor                 { background-position: -590px 0 }
.midas-regionbar .midas-button-htmleditor.active          { background-position: -590px -18px }

/* color palette buttons */
.midas-regionbar .midas-palette-button,
.midas-regionbar .midas-palette-button {
  background-position: 0 -36px;
  }

/* select buttons */
.midas-regionbar .midas-select-button {
  width: auto;
  background-position: -24px -36px;
  overflow: hidden;
  padding-left: 6px;
  }
.midas-regionbar .midas-select-button em {
  background-position: right -36px;
  display: block;
  white-space: nowrap;
  padding-right: 15px;
  font-style: normal;
  font-family: Helvetica, Tahoma, Arial, sans-serif;
  font-size: 8.5pt;
  line-height: 19px;
  cursor: pointer;
  color: #222;
  }