Table test CSS

This is the normal table withe the following CSS
table{padding:50px}

This is the datatable with the following CSS .datatable{border:dotted 5px red}

This is the datatable with the following CSS
.datatable{border:dotted 5px red}

As you can see, the padding of the original table is inherited
by the datatable... that is the meaning of the word CASCADING...
properties flow over from parent to child from general <table>
to specific <table class=datatable>

So if you want to have a different padding you should add this
to your datatable's properties