﻿.left
{
    float: left;
}

#heading
{
    padding: 5px;
}

#selfAssementCalculatorTitle
{
    margin: 15px 0 0 30px;
}

#calculatorForm 
{
    font-size: 12px;
    border: solid 1px #ccc;
}

#calculatorForm #heading
{
    background: #666;
    padding-left: 448px;
    width: 260px;
    height: 25px;
    overflow: hidden;    
}

#calculatorForm #heading label
{
    font-weight: bold;
    width: 130px;
    padding: 5px 0;
    text-align: center;
    color: #fff; 
    display: block;   
    float: left;
}

#calculatorForm .row, #calculatorForm .rowSubTotal
{
    clear: both;            
}

#calculatorForm .row p, #calculatorForm .rowSubTotal
{
    font-size: 12px; 
    font-weight: bold;  
    line-height: 12px;
}

#calculatorForm .row .col1, #calculatorForm .rowSubTotal .col1, #calculatorForm .row .col2, #calculatorForm .row .col3, #calculatorForm .rowSubTotal .col2, #calculatorForm .rowSubTotal .col3
{
    float: left;
    width: 453px;
    height: inherit;
    background: #fff;
    color: #000;   
    height: 25px;
    padding: 5px 0 0 0;
    overflow: hidden;
}

#calculatorForm .row .col2, #calculatorForm .row .col3, #calculatorForm .rowSubTotal .col2, #calculatorForm .rowSubTotal .col3
{
    width: 130px;
    background: transparent !important;       
}

#calculatorForm .row .col3
{
    background: #ccc !important;
}

#calculatorForm input
{
    display: block;
    width: 100px;
    margin: 0 auto;
    border: solid 1px #ccc;
    text-align: right;
}

#calculatorForm .rowSubTotal .col1, #calculatorForm .rowSubTotal .col2
{
    background: #ccc !important;
}

#calculatorForm .rowSubTotal .col3
{
    background: #999 !important;
}

.section
{
    display: block;    
    width: 50px;
}

.indent
{
    padding-left: 50px;
}

.transparent
{
    background: transparent !important;
}

.col1 label
{
    margin-top: 3px;
}
