.payslip {margin: 3px;}
    .payslip .name {width: 288px; height:45px; float:left; border: solid 1px; padding:4px; font-weight:bold;}
    .payslip .name .item{text-align: center; font-weight: normal;}
    .payslip .agency {width: 288px; height:45px;  float:left; border-width: 1px 1px 1px 0px; border-style: solid; padding:4px; font-weight:bold;}
    .payslip .agency .item {text-align: center; font-weight: normal;}
    .payslip .headerDetailRow .heading {width: 98px; height: 45px; float:left; font-weight:bold;}
    .payslip .headerDetailRow .left{border-left: solid 1px; border-right: solid 1px;}
    .payslip .headerDetailRow .middle{border-right: solid 1px;}
    .payslip .headerDetailRow .right{border-right: solid 1px;}
    .payslip .headerDetailRow .item {text-align: center; font-weight: normal;}
    .payslip .notes {border: solid 1px; width: 583px; height: 50px; float:left; padding: 5px;}
    
    .payslip .breakdownItems {float:left; width: 595px; }
    .payslip .breakdownItems .paymentsColumn {float:left;width: 296px; border-left: solid 1px; border-right: solid 1px;}
    .payslip .breakdownItems .paymentsColumnTotal {float:left;width: 296px; text-align: right; font-weight: bold; border-top: solid 1px;}
    .payslip .breakdownItems .deductionColumnTotal {float:left;width: 296px; text-align: right; font-weight: bold; border-top: solid 1px;}
    .payslip .breakdownItems .deductionsColumn {float:left; width: 296px; border-right: solid 1px;}
    
    .payslip .breakdownItems .topColumnGroup {height: 200px; padding:3px;}
    .payslip .breakdownItems .columnHeading {text-align:center; background-color:#D9D7D9; height: 25px; border-bottom: solid 1px; font-weight: bold;}
    
    .payslip .breakdownItems .itemText {float:left;}
    .payslip .breakdownItems .itemValue{float:right;}
    
    .payslip .bottomItems {width:596px;}
    .payslip .bottomItems .singleheading {text-align:center; background-color:#D9D7D9; height: 25px; border-style: solid solid none solid; border-width: 1px 1px 0px 1px; font-weight: bold;}
    .payslip .bottomItems .leftColumn { width:50%;float:left;}
    .payslip .bottomItems .rightColumn {width:50%;float:left;}
    .payslip .bottomItems .leftItems {height: 180px; border-style: solid; border-width: 1px 0px 1px 1px; padding: 3px;}
    .payslip .bottomItems .leftTotals {}
    .payslip .bottomItems .rightItems {height: 180px; border: solid 1px; padding: 3px;}
    .payslip .bottomItems .rightItems .itemText {float: left;}
    .payslip .bottomItems .rightItems .itemValue {float: right;}
    .payslip .bottomItems .rightTotals { border-style: solid; border-width: 0px 1px 1px 1px;font-weight: bold; padding: 3px;}
    .payslip .bottomItems .rightTotals .caption {float:left;}
    .payslip .bottomItems .rightTotals .value {text-align: right; }