body { margin: 0; font-family: 'Chelsea Market', cursive}

.container {width: 1170px; margin: auto}
.clearfix { clear: both }

/* start header */
.heeder {background-color: #424242; padding: 10px}
.titl .heeder {text-align: center; color: #eee; padding-bottom: 12px}
/* end header */


/* start Federal & Provincial or Territorial section */ 
.fed_sec {  background-color: #ddd;  padding: 50px 0}
.fed_sec fieldset { height: 180px; border-radius: 10px}
.fed_sec .mrgn { background-color: #eee; padding-top: 15px; padding-bottom: 15px; line-height: 1.9 }
.fed_sec .mrgn legend { font-weight: bolder; font-size: 18px; background-color: #aaa; width: 480px; text-align: center;
                              border-radius: 13px; height: 35px; padding: 8px 12px}
#claimCodeFed {border: 2px solid #ccc; border-radius: 7px; height: 35px; font-family: 'Chelsea Market', cursive }
#requestAdditionalTax { border: 2px solid #ccc; border-radius: 7px; height: 25px; width: 200px}
#claimCodeProv {border: 2px solid #ccc; border-radius: 7px; height: 35px; font-family: 'Chelsea Market', cursive }
/* end Federal & Provincial or Territorial section  */ 


/* start Canada Pension Plan (CPP> section  */
.canada_sec {  background-color: #ddd;  padding:50px 0}
.canada_sec  fieldset { height: 235px; border-radius: 10px }
.canada_sec .mrgn { background-color: #eee; padding-top: 15px; padding-bottom: 55px; line-height: 1.8 }
.canada_sec .mrgn legend { font-weight: bolder; font-size: 18px; background-color: #aaa; width: 350px; text-align: center;
                              border-radius: 13px; height: 30px ; padding: 8px 12px } 

.canada_sec .mrgm .form-group hr { background-color:#999; height:1px }
#yearToDatePeAmount {border: 2px solid #ccc; border-radius: 7px; height: 30px;width: 200px; font-family: 'Chelsea Market', cursive }
#yearToDateCPPAmount {border: 2px solid #ccc; border-radius: 7px; height: 30px;width: 200px; font-family: 'Chelsea Market', cursive}
/* end Canada Pension Plan (CPP> section  */


/* start Employment Insurance (EI> section  */
.emp_ins_sec {  background-color: #ddd;  padding:50px 0}
.emp_ins_sec fieldset { height: 235px; border-radius: 10px }
.emp_ins_sec .mrgn { background-color: #eee; padding-top: 15px; padding-bottom: 65px; line-height: 1.9}
.emp_ins_sec .mrgn legend { font-weight: bolder; font-size: 18px; background-color: #aaa; width: 350px; text-align: center;
                              border-radius: 13px; height:30px ; padding: 8px 12px } 
.emp_ins_sec .mrgm .form-group hr { background-color:#999; height:1px }
#yearToDateIeAmount {border: 2px solid #ccc; border-radius: 7px; height: 30px; width: 200px; font-family: 'Chelsea Market', cursive }
#yearToDateEIAmount {border: 2px solid #ccc; border-radius: 7px; height: 30px; width: 200px; font-family: 'Chelsea Market', cursive }
/* end Employment Insurance (EI> section  */


/* start Employer reduced EI rate section */
.emp_red_sec {background-color: #ddd;  padding: 60px 0}
.emp_red_sec fieldset { height: 140px;border-radius: 10px }
.emp_red_sec .mrgn { background-color: #eee; padding-top: 15px; padding-bottom: 15px; line-height: 1.8}
.emp_red_sec .mrgn legend {font-weight: bolder; font-size: 18px; background-color: #aaa; width: 480px; text-align: center;
                              border-radius: 13px; height: 58px; padding: 8px 12px}
#reducedEIRate {border: 2px solid #ccc; border-radius: 7px; height: 30px;width: 200px; font-family: 'Chelsea Market', cursive }
/* end Employer reduced EI rate section */


/* start footer  */ 
.footer { background-color: #424242; padding-bottom: 80px; padding-top: 25px}
.footer .div_foot { width: 100%}

.footer .div_foot input {
    text-decoration: none; 
    color: #fff;
    background-color: transparent; 
    padding: 10px 40px; 
    font-size: 22px;
    font-family: 'Chelsea Market';
    font-weight: 500;
    margin-bottom: 25px; 
    border: 2px solid #ccc; 
    border-radius: 10px
}

.footer .div_foot input:hover {
    color: #222;
    background-color: #fff;
    border: 2px solid #fff;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out; 
    -moz-transition: all .3s ease-in-out; 
    -o-transition: all .3s ease-in-out; 
    transition: all .3s ease-in-out 
}

.footer .div_foot .left { float: right; padding-right: 370px}
.footer .div_foot .right { float: left; padding-left: 370px}