@charset "utf-8";
/* CSS Document */

.calculator {line-height:18px;}

.fuelConsumption ol {margin:5px 0 5px 30px;line-height:18px;}
.fuelConsumption ol li {padding:4px 0;}

.calculator .converter {border-collapse:collapse; }
.calculator .converter td {padding:5px; border:0;}
.calculator .converter td.label {text-align:right;}
.calculator td.input {text-align:left;width:220px;font-size:12px;padding-left:15px;}
.calculator .converter td.input input.active {background:rgb(230,230,230);}

.input input,input#quantity {text-align:right; padding-right:3px;}
.calculator .answer {font-size:12px; padding-left:15px; width:200px;text-align:center;}
.converter .error,span.error,div.error,#errorLayer {color:red;}

.calculator.bac table,.calculator.pressure table,.calculator.lpg table {border-collapse:collapse; }
.calculator.bac td,.calculator.pressure td,.calculator.lpg td {padding:5px; border:1px solid rgb(220,220,220);}
.calculator.bac tr.addAlcohol td {border:0;}
.calculator.bac td.first,.calculator.bac th.first {border-left:0;}
.calculator.bac td.last,.calculator.bac th.last {border-right:0;}
.calculator.bac th {padding:5px; border-width:0 1px 1px;border-style: solid;border-color: rgb(220,220,220);} 
.calculator.bac {border-collapse:collapse; }

.calculator.pressure td.input input.active {background:rgb(230,230,230);}

td.error input {border:1px solid red;}

#answerLayer { padding:5px; line-height:20px;}
#answerLayer div.label {width:320px;float:left; padding:5px; text-align:right;}
#answerLayer div.answer {width:200px;float:left; padding:5px; text-align:left;}
.lpg #answerLayer div.answer {width:auto;}