/***************************************************************************************************/
/* GENERIC TOOLTIP
/***************************************************************************************************/
div.d3calc-editor *[data-ui-tooltip]:not(.ui-disabled):after{
  content: attr(data-ui-tooltip);
  display: block;
  position: absolute;
  z-index: 99;
  visibility: hidden;
  padding: 1px 5px 3px 5px;
  width: auto; max-width: 355px;
  margin: 5px 0 0 30px;
  
  color: #cfb991;
  font-size: 13px;
  font-weight: normal;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  background: black;
  
  border: 1px solid #322a20;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: 0 0 10px #000;
     -moz-box-shadow: 0 0 10px #000;
          box-shadow: 0 0 10px #000;
  opacity: 0;
  -webkit-transition: opacity .5s;
     -moz-transition: opacity .5s;
       -o-transition: opacity .5s;
          transition: opacity .5s;
}
div.d3calc-editor *[data-ui-tooltip]:empty:after{margin-top: 40px;}
div.d3calc-editor  *[data-ui-tooltip]:hover:after{ visibility: visible; opacity: 1;  }

  


  
  
/***************************************************************************************************/
/* GENERIC BUTTONS
/***************************************************************************************************/
/*div.d3calc-editor div.ui-button{
  float: left;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid rgba(0,0,0,.7);
  //box-shadow: 1px 1px 2px rgba(0,0,0,.5);
  height: 25px; width: 25px;
  cursor: pointer;
  background: url(editor/btn.png);
}
div.d3calc-editor div.ui-button:hover{ background-position: -25px; }
div.d3calc-editor div.ui-button.ui-button-disabled{ background-position: -50px; }*/


div.d3calc-editor div.ui-button.ui-medium{
  display: inline-block;
  vertical-align: top;
  //border: 1px solid rgba(0,0,0,.7);
  //box-shadow: 1px 1px 2px rgba(0,0,0,.5);
  height: 33px; width: 33px;
  background: url(ui/button-medium.png);
  cursor: pointer;
}
div.d3calc-editor div.ui-button.ui-medium:hover{ background-position: -33px; }
div.d3calc-editor div.ui-button.ui-medium.ui-disabled{ background-position: -99px !important; cursor: default; }

div.d3calc-editor div[data-label].ui-button.ui-medium:before{
  content: attr(data-label);
  display: block;
  position: absolute;
  width: 32px; height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #f8c888;
}
div.d3calc-editor div[data-label].ui-button.ui-medium:empty:active:before{ line-height: 34px; text-indent: 2px; }
div.d3calc-editor div[data-label].ui-button.ui-medium.ui-disabled:before{ color: #999082; line-height: 32px; text-indent: 0; }

/*div.d3calc-editor div.ui-button-big{
  float: left;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid rgba(0,0,0,.7);
  //box-shadow: 1px 1px 2px rgba(0,0,0,.5);
  height: 44px; width: 44px;
  cursor: pointer;
  background: url(editor/btn-big.png);
}
div.d3calc-editor div.ui-button-big:hover{ background-position: -44px; }
div.d3calc-editor div.ui-button-big.ui-button-disabled{ background-position: -88px; }*/



/***************************************************************************************************/
/*
/***************************************************************************************************/

div.d3calc-editor div.ui-button.ui-medium:not(:empty){ cursor: default; }
div.d3calc-editor div.ui-button.ui-medium:empty:active{ background-position: -66px; line-height: 35px; text-indent: 2px; }

div.d3calc-editor div.ui-button > div{ position: absolute; }
div.d3calc-editor div.ui-button > ul{
  display: none;
  position: absolute;
  margin-top: 32px;
  width: 32px;
  background: #000;
  border: 1px solid #322a20;
  -webkit-box-shadow: 0 0 10px #000;
     -moz-box-shadow: 0 0 10px #000;
          box-shadow: 0 0 10px #000;
  z-index: 80;
}
div.d3calc-editor div.ui-button > ul{ }
div.d3calc-editor div.ui-button:not(.ui-disabled):hover > ul{ display: block; }

div.d3calc-editor div.ui-button > ul > li.ui-item-uniform{
  height: 32px; width: 32px;
  overflow: hidden;
  background: #111111;
  cursor: pointer;
}
div.d3calc-editor div.ui-button > ul > li.ui-item-uniform + li.ui-item-uniform{ border-top: 1px solid #322a20; }
div.d3calc-editor div.ui-button > ul > li.ui-item-uniform:hover:before{
  content: "";
  display: block;
  position: absolute;
  height: 32px; width: 32px;
  background-color: rgba(220,174,124,.2); /*#dcae7c*/
}


/* Horizontal */
div.d3calc-editor div.ui-button.ui-horizontal > ul{ width: auto; height: 32px; }
div.d3calc-editor div.ui-button.ui-horizontal > ul > li{ display: inline-block; }
div.d3calc-editor div.ui-button.ui-horizontal > ul > li.ui-item-uniform + li.ui-item-uniform{ border-top: none; border-left: 1px solid #322a20; }