@import url('reset.css');
@import url('table.css?t=2016');

p{ vertical-align:middle; margin-bottom: 10px;font-size:16px;}
p input{margin-left:10px; font-size:16px;}
.wrapper{ width:960px; margin:20px auto;}
.a4_upper{ height:676px;}
input[type="text"], textarea{padding:4px 6px 5px; border:1px solid #aaa; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#header{margin-bottom: 30px;} 
#header address{float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; line-height:1.6; margin-top:10px;}
#logo{float:left;margin-right: 15px;}
#report_info{float:right; font-style:italic; text-align:right;margin-top: 10px;}
#report_info *{font-weight: normal; margin:0;}
#report_info h5{text-transform:uppercase;font-size:26px;}
#report_info h6{font-size:26px;margin-top: 5px;}

.report{clear:both; padding-bottom:60px; margin-bottom:50px; font-size:13px; background:url(../images/watermk.png) no-repeat center;}
.report input[type="text"], .report textarea{background:none;}
.report:last-child{border:none; margin-bottom:0; padding-bottom:0;}
body{font-family:Arial, Helvetica, sans-serif; color:#333;}

#fields_wrapper{position:relative; margin-bottom: 20px;}
#reciept_info{position: absolute;right: 0px; top:-32px; width: 230px;}

#recd_from_child{float:left; margin-right:35px;}
#for_year, #for_month,#payment_by{float:left; margin-right:5px;}
#payment_by input{ width:220px;}
#for_year input, #for_month input{width: 80px;}
#cheque_no, #payment_by{float:right;}

#computation_wrapper{position:relative;}
#datagrid_wrapper{float: left; width:600px;}
#datagrid_wrapper table{margin:0;}
#total_wrapper{float:right; width: 310px;}

#sub_total{margin-bottom:30px;}
#total_wrapper p{clear:both;}
#total_wrapper input{float:right;}

#remarks{margin-top:20px;font-size:16px;}
#remarks textarea{width:89%; margin-left:20px; height:50px;}

#signature{border-top:1px solid #000; padding-top:10px; float:right; width:250px; text-align:center; margin-top:80px;}
#signature_left{border-top:1px solid #000; padding-top:10px; float:left; width:250px; text-align:center; margin-top:80px;}

/*table, td, tr, th {border:1px solid #999; padding:5px;}*/

/* SPECIFIC */
#recd_from_child input{width:260px;text-align: center;}
#class input{text-align: center;}
#reciept_info input{width:100px; float:right;}
#reciept_info p{clear:both;}
#cheque_no input{width:150px;}

.slipNumber{text-align:right;padding-top:10px;}
.addressReport{width: 500px;text-align: center;}
#content h1{font-size:20px;font-weight:bold;}
#content p{font-size:16px;margin-top:10px;}
.center{text-align:center;}
.list-details li{margin-top:10px;font-size:16px;}

.toc{padding-top:10px;font-size:14px; font-style: italic;}
.toc-details li{margin-top:10px;font-size:12px;}
hr{margin-bottom:30px;border:none;border-top:1px dotted #000;}
.customtable{margin:20px 0;}
.borderless, .borderless tr, .borderless td, .borderless th{border:none;padding:0;}
.borderless td, .borderless th{border:none;padding:4px;}
/* .borderless tr{border-bottom:1px solid #000} */
strong{font-weight:bold;font-size:14px;}
h4{font-size:16px;font-weight:bold;color:#000;padding:4px;text-decoration: underline;}