input.calculatorInput {width: 100%;}
div.calculatorBody {margin: 0 auto; width: 400px;}
div.calculatorTitle {padding: 8px; font-size: 14px; font-weight: bold; color: #fff; background: #000;}
div.calculatorContent {padding: 8px; background: #ddd; border: 1px solid #000;}
div.calculatorRowLabel {overflow: hidden; height: 100%;}
div.calculatorRowInput {margin: 4px 0 12px;}
div.calculatorRowButton {text-align: center;}
div.additionalInfo {padding: 8px;}
div.calculatorCalendarCell, div.calculatorCalendarCellDarker, div.calculatorCalendarCellToday, div.calculatorCalendarCellTodayDarker {float: left; margin: 1px 0 0 1px; padding: 2px; width: 20px; line-height: 20px; text-align: center; cursor: pointer;}
div.calculatorCalendarCell {color: #fff; background: #105bb3;}
div.calculatorCalendarCell:hover {background: #3286ed;}
div.calculatorCalendarCellDarker {color: #048; background: #024;}
div.calculatorCalendarCellDarker:hover {background: #036;}
div.calculatorCalendarCellToday {color: #840; background: #f80;}
div.calculatorCalendarCellToday:hover {background: #fa4;}
div.calculatorCalendarCellTodayDarker {color: #840; background: #420;}
div.calculatorCalendarCellTodayDarker:hover {background: #630;}
div#calculatorCalendar {position: absolute; left: -400px; top: -400px; padding: 0 1px 1px 0; width: 176px; background: #fff;}
table.calculatorForm {width: 100%; border-spacing: 1px;}
table.calculatorForm td {padding: 4px;}
table.calculatorResult {width: 100%; border-spacing: 1px; background: #aaa;}
table.calculatorResult tr {background: #eee;}
table.calculatorResult tr.header {background: #ccc;}
table.calculatorResult td {padding: 2px;}
tr.total td {font-size: 14px; font-weight: bold;}