#unit-calculator {
    cursor: pointer;
    background: url('../images/unitcalculator/calculator-icon.png');
    height: 32px;
    width: 32px;
}
#unit-calculator-popup {
    position:absolute; width: 200px; height: 200px; top: 0; right: 0;
    padding: 14px;
    border: 1px #525252 solid;
    border-radius: 10px;
    background-color: #dcdcdc;
}
#unit-calculator-popup-close {
    cursor: pointer;
    float: right;
    height: 15px;
    width: 15px;
    margin: -12px -12px 0 0;
    background: url('../images/unitcalculator/close.png');
}
#unit-calculator-popup-inner {
    border: 6px #272928 solid;
    width: 187px; height: 186px;
    border-radius: 5px;
}
.unit-calculator-popup-box {
    border: 1px #272928 solid;
    float:left;
    margin: 0 -1px -1px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    width: 82px;
    height: 82px;
    background-color: #b3c0c8;
    color: #fff;
}
.unit-calculator-popup-box input { width: 76px; height: 20px; font-size: 16px; padding: 1px;}
.unit-calculator-popup-box .has-error { border: 1px solid red; }

#unit-calculator-popup-inner .active { background-color: #f3a51f !important; }
#popup-box-amount div, #popup-box-price div { margin-top: 20px; font-size: 30px; }
#popup-box-result div { margin-top: 35px; font-size: 20px; cursor: pointer;}
#popup-box-result .small { font-size: 10px; }
#popup-box-unit { padding: 0; width: 92px; height: 92px;}
#popup-box-unit div { padding: 5px; height: 36px; width: 82px; border-bottom: 1px #272928 solid; cursor: pointer; }
#popup-box-unit div span { display: block; margin-top: 10px; }
