﻿#tileCalculator { border: 1px solid #d4dada; padding: 0px 15px 0px 16px; width: 420px; margin: 10px auto 10px auto; }
#tileCalculator .tcRow, #tileCalculator .tcRowStatic { clear: both; }
#tileCalculator .firstRow span { padding-top: 10px; }
#tileCalculator .firstRow label { padding-top: 15px; }
#tileCalculator .lastRow span, #tileCalculator .lastRow label { padding-bottom: 10px; }
#tileCalculator label { float: left; width: 155px; margin: 0px 10px 0px 0px; font-weight: bold; color: #b61620; padding-top: 10px; text-align: right; }
#tileCalculator span { float: left; width: 65px; padding: 3px 6px 3px 6px; background: #e4e9ef; }
#tileCalculator input { width: 58px; background: #fff; border: 0px; padding: 3px; }

#tileCalculator .tcJoinColourTop span { padding-bottom: 10px; }
#tileCalculator .tcJoinColourBottom span { padding-top: 10px; }
#tileCalculator .tcJoinColourBottom label { padding-top: 15px; }

#tileCalculator .tcRowStatic label { color: #414d4b; }
#tileCalculator .tcRowStatic span { background: #b7c5d0; }
#tileCalculator .tcRowStatic input { text-align: center; font-weight: bold; font-size: 140%; }
#tileCalculator .tcRowStatic label.postfix { width: auto; text-align: left; margin-left: 10px; }