/* ==================== All Download ==================== */
.calculate { text-align:right; padding:30px 0 0 0; width:100%; clear:both; }
.calculate > table { width:40%; float:right; }
.calculate > table:first-child { width:55%; float:left; }
.calculate > table tr > td{ padding-right:5px; text-align:right; }


/* ==================== Row ==================== */
form > table.ir_download:first-child{ width: 100%; padding: 5px; border: 0px; border-spacing: 2px; }
table.ir_download_quarter{ width: 100%; padding: 0px; margin: 0px; border: 0px; border-spacing: 0px;  }
table.ir_download { width: 100%; padding: 0px; border-spacing: 0px; border: 1px #e2e2e2 solid; }
table.ir_download tr th { text-align: center; font-weight: bold; background: #666666; color: #fff; padding:5px; }
table.ir_download tr th.left { text-align: left; }
table.ir_download tr td { text-align: center; background: #f6f6f6; width: 15%; padding: 5px; }
table.ir_download tr td:first-child { background: #e2e2e2; text-align: left; width: 20%; }
table.ir_download tr td a { display: block; }
table.ir_download tr td.row_year { font-weight: bold; text-align: center; }
table.ir_download_quarter tr td { text-align: center!important; background: none!important; font-weight: normal!important; width: 25%!important; border:none!important; }


/* ==================== Col ==================== */
.box-download { padding:10px 20px; background-color:#F9F9F9; }
.box-download > h3 { font-weight:bold; text-align:center; font-size:1.6em; margin:0; padding:10px 0; background-color:#C1B300; color:#fff; margin-top:10px; }
.box-download > .detail > .yearly,
.box-download > .detail > .quarter {
	border-top:1px #dddfe0 solid;
	display:block;
	padding:5px 0; 
}
.box-download > .detail > .yearly > div,
.box-download > .detail > .quarter > div {
	display:table-cell;
	vertical-align:middle;
}
.box-download > .detail > .yearly > .title {
	width:90%;
}
.box-download > .detail > .yearly > .btn-checkbox {
	width:10%;
	text-align:center;
}
.box-download > .detail > .quarter > .title {
	width:100%;
	padding:0 0 5px 0;
	display:block;
}
.box-download > .detail > .quarter > .btn-checkbox {
	width:100%;
	display:table;
	text-align:center;
}
.box-download > .detail > .quarter > .btn-checkbox > div {
	display:table-cell;
	width:25%;
}
.box-download > .detail > .yearly > .btn-checkbox,
.box-download > .detail > .quarter > .btn-checkbox {
	height:50px;
}

.calculate div { text-align:center; width:100%; display:table; }
.calculate div > div { display:table-cell; width:50%; text-align:right; padding-top:30px; }
.calculate div > div:last-child { text-align:left; }
@media screen and (max-width: 768px) {
	.calculate > table { width:100%!important; float:none!important; }
	.calculate { padding:0; }
	.calculate div > div { width:100%; display:block; text-align:center!important; }
}



.sum_size { text-align: center!important; }


/*   for style input button   */
.ir_download .checkbox, .radio { width: 21px; height: 21px; background: url("../images/btn-radio.jpg") no-repeat scroll 0 0 transparent; clear: both; display: block; padding: 0; margin: 0 auto; }
.ir_download .radio { background: url("../images/btn-radio.jpg") no-repeat scroll 0 0 transparent; }
.ir_download .select { background: url("../images/btn-radio.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; font: 12px/21px arial, sans-serif; height: 21px; overflow: hidden; padding: 0 10px; position: absolute; }

input.styled { display: none; }
select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } 
.disabled { opacity: 0.5; filter: alpha(opacity=50); }