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

@import url("reset2.css");


#calculator-wrapper{
        overflow:hidden;
        margin:10px 0 0 10px;
        padding:20px;
        border:1px solid #ccc;
        width:480px;

}

#calculator-wrapper h1{
        font-family:Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:bold;
        
        line-height:20px;
        padding:4px 0 12px;
        text-transform:uppercase;
        color:#244f8e;
}

#calculator-form{
        overflow:hidden;
}

#calculator-form, #calculator-form ul{

}
#calculator-form ul li{
        overflow:hidden;
        float:left;

}
#calculator-form span{
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#231f20;
        
        line-height:20px;
        padding:0 12px 0 0;

        float:left;
        width:140px;
}

#calculator-form span.deposit{
    display:block;
    width:200px;
    margin:0 0 12px;
    padding:0 0 0 6px;
    color:#3E65A0;
}

#calculator-form label{
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:normal;
        color:#434343;
        
        line-height:18px;
        padding:0 14px 0 0;
}

#calculator-form input{
        margin:2px 6px 6px 0;
        vertical-align:middle;
}
#calculator-form label{
        -x-system-font:none;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;

        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#231f20;
 
        float:left;
        line-height:16px;

}

#calculator-form select{
        -x-system-font:none;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;

        font-family:Arial, Helvetica, sans-serif;
        font-size:13px;
        color:#231f20;
        display:block;
        padding:1px 1px 1px 2px;
        
        width:200px;
}

#deposit{
        overflow:hidden;
}
.calc-list{
        overflow:hidden;
}
.calc-list li{
        overflow:hidden;

        clear:both;
        width:100%;
        padding:0 0 12px;
}

#calculator-form select.credit-start-month,
#calculator-form select.credit-start-year{
    width: 97px;
    float: left;
    margin-right: 5px;
}



#calculator-form .product{
        display:block;
}

#calculator-form #submit-form{
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:#3e65a0 none no-repeat scroll 0 0;

        color:#FFFFFF;
        cursor:pointer;

        font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
        font-size:11px;
        padding:3px 6px;
        
        margin:8px 0 0 152px;

        clear:both;

        width:60px;
        border:none;

}


/* table styles start  */
.table-wrapper
{       overflow:hidden;
        margin:10px 0 0 10px;
                
        padding:20px;
        width:480px;
        border:1px solid #ccc;
}

table{
        width:100%;
}
.summary{
        margin:0 0 20px;
        border:medium none;
}

table caption{
        text-align:left;

}

caption{
        font-family:Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:bold;

        text-transform:uppercase;
        line-height:20px;
        padding:4px 0 8px 0;
        
        color:#244F8E;
}

thead th{
        font-family:Arial, Helvetica, sans-serif;
        font-size:13px;


        line-height:20px;
        padding:4px 6px 4px 12px;

        background:#3e65a0;
        color:#fff;
        border-left:1px solid #fff;
        
        text-align:left;
}

.summary tbody td{
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:normal;

        
        color:#231f20;
        padding:4px 0 6px 0;
        width:40%;
}

.summary .value{
        font-weight:bold;
        color:#231f20;
        width:70%;
}

tbody td{
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        font-weight:normal;

        color:#231f20;
        padding:4px 12px 6px 12px;
        border-left:1px solid #fff;
}
thead th.ins{
        border-left:1px solid #3e65a0;
}
tbody td.ins{
        text-align:left;
        font-weight:bold;
        padding:4px 12px 6px 12px;

        color:#244F8E;
        border-left:1px solid #8daddd;
}
.table-wrapper tbody td{
    white-space: nowrap;
}
table{      
        border-bottom:1px solid #8daddd;

}

tbody .border{
        border-right:1px solid #8daddd;
}
tbody .colored td{
        background:#e4effc none repeat scroll 0 0;
}


.validation{
        margin:40px 0 0 100px;

}

#classic_mode_fields{
        overflow:hidden;
        clear:both;
}

/* table styles end  */


#innuent_mode .amount_being_repayed,
#innuent_mode .this_months_credit_amount,
#innuent_mode .accounting_fee,
#innuent_mode .amount_left_to_pay_at_end,

#classic_mode .amount_left_to_pay_at_start,
#classic_mode .this_months_credit_amount,
#classic_mode .amount_being_payed,
#classic_mode .accounting_fee,
#classic_mode .amount_left_to_pay_at_end{
    display: none;
}

#classic_mode .total_amount_to_pay_this_month,
#innuent_mode .amount_being_payed{
    border-right:1px solid #8daddd;    
}