<style type="text/css">
            body {
                background: #F9F9F9;
            }
            .wrapper {
                width: 100%;
            }
            .content-wrapper {
                width: 100%;
                margin: 0 auto;
            }
            .content {
                width: 75%;
                margin: 0 auto;
            }
            .form-horizontal {
                margin: 2em 3em;
            }
            .form-header {
                margin: 1em 0;
            }
            .form-horizontal table caption {
                color: #FFF;
                background-color: #CCC;
                margin: 2em 0;
                padding: 0.5em 2em;
            }



	.tb { border:1px solid #ccc; border-spacing:0; border-collapse:collapse; width:80%; style="table-layout: auto;" }
	.tb th { border:1px solid #ccc; background-color:#eee; }
	.tb td { border:1px solid #ccc; }
	.tb caption { font-weight:bold; color:darkorange; }
	.tb .tbcl { text-align:left; }
	.tb .tbcc { text-align:center; }
	.tb .tbcr { text-align:right; }

	.dd { border:1px solid #ccc; border-spacing:0; border-collapse:collapse; width:60%; style="table-layout: auto;" }
	.dd th { border:1px solid #ccc; background-color:#ff6699; border: transparent 1px solid;}
	.dd td { border:1px solid #FFFFFF; text-align: right;}
	.dd caption { font-weight:bold; color:darkorange; }
	.dd .tbcl { text-align:left; }
	.dd .tbcc { text-align:center; }
	.dd .tbcr { text-align:right; }



	/* Chrome/Safari */
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	}

	/* Firefox */
	input[type="number"] {
	  -moz-appearance: textfield;
	}

}



</style>