math, .edit {font-size: 20px; text-align: left; display: block;}
  math { padding: 10px}
  
  mi.important { color: red}
  
  span.active { background-color: #def; cursor: pointer}
  
  
  .edit { display: none; position:absolute; 
    border: 0px none; margin:0; padding: 0;
    font-family: serif; 
    background-color: transparent;
    /*background: #ffc;*/
   }
  
  .editor { display: block; position:relative; margin: 20px; } 
  .math {display: block; position: relative; border-top: 1px solid #bbb; 
  margin:0; padding: 0; min-height: 60px;
  
   }
   
  .latex { position: absolute; left: 450px; top:10px; border: 1px solid #def, padding: 2px; }
   
  .menabled .saver {display: inline; }
  .menabled .editer {display: none; }
  .menabled .math { background: #fff}
  
  
  .mdisabled .saver {display: none; }
  .mdisabled .editer {display: inline; }
  .mdisabled .math { background: #eee}
  
.menabled .palette {display: block; }
.mdisabled .palette {display: none; }

  .palette { position: absolute; top: -70px; border: 3px double #ddd; padding: 3px; background: white }

  .toolbar { margin: 0; background: white; border-bottom: 1px solid #ddd; vertical-align: middle; height: 30px }
  span.apl, span.apl2 { display: inline-block; width: auto;
      font-weight:bold; font-family: serif; font-size: 17px;
      text-align: center; vertical-align: middle;
      padding: 0; 
      background-color: #fff;
      border: 1px solid #fff; cursor: pointer;
   }
  
   span.apl:hover, span.apl2:hover { border: 1px dotted #bbb; background-color: #eee; color: darkorange }

  .d_caret { visibility: hidden}
  /**/ .d_mathml, .d_latex {display: none} 
  
  .editor p {margin-top:0; margin-bottom: 0.3em}
  
  mi {display: inline-block}
  mi.zadavaci { background-color: #eff; color: #def;   border: 1px solid #def;}
  mi.empty {background-color: #fff; color: #000;}