table{ margin: 0 ;}
th,td{padding: 0em 0em;}
td{font-size:100%;}
tr{}
thead {background-color: #36c;}
thead td{}
thead th{}
tfoot td{}
tbody{}
caption {font-size: 12px; font-weight:bold; text-align: center; }
br{clear: both;}

dt{font-weight:bold;}

pre.html{color: #900; }
pre.css{}

table.example{font-family:Arial, Helvetica, sans-serif; font-size: 10px; margin: 1em auto; caption-side:bottom; }
table.example td{border: 1px solid black;}
table.example td td{border: none;} /*This removes the styling for tables nested inside*/

table.example table caption{font-size: 8px;}


#table1 {border: 1px solid black;}
#table1 td{border: 1px solid black;}

#table2 {border: 1px solid black;}
#table2 td{border: 1px solid black;}
#table2 th{background-color: gray;}

#table3 {border: 1px solid black; caption-side:bottom;}
#table3 td{border: 1px solid black;}
#table3 th{background-color: gray;}


#table4 {border: 1px solid black; caption-side:bottom;}
#table4 thead{background-color:#36c;}
#table4 tbody td{border: 1px solid black;}
#table4 tbody th{background-color: gray;}
#table4 tfoot{background-color:#c63;}

#table5 {border: 1px solid black; caption-side:bottom;}
#table5 col.firstCol{background-color:red;}
#table5 col.lastCol{background-color:green;}

/* Using seperated table border can only specify borders on cells (th, td) or the table. */
table#seperated{border-collapse: seperate; border-spacing: 0px; border: 2px solid black; float: right;caption-side:bottom;}
table#seperated thead th{}
table#seperated thead td{}
table#seperated tfoot th{}
table#seperated tfoot td{}
table#seperated tbody th{}
table#seperated tbody td{border-width: 1px; border-style:solid; border-color: red;}


table#collapsed{border-collapse: collapse;  border: 2px solid black; float: right;caption-side:bottom;}
table#collapsed thead{}
table#collapsed tbody tr{}
table#collapsed tbody td{border: 1px solid red;}
table#collapsed colgroup{}
table#collapsed col{}
table#collapsed td{}
table#collapsed th{}
table#collapsed tfoot{}

/* ------------------------------------------------------ */
table#collapsed1{border-collapse: collapse;  caption-side:bottom;}
table#collapsed1 tr{border: 1px solid black;}
table#collapsed1 col{}
table#collapsed1 td{}
table#collapsed1 th{}

table#collapsed2{border-collapse: collapse;  caption-side:bottom;}
table#collapsed2 tr{}
table#collapsed2 col{border: 1px solid red;}
table#collapsed2 td{}
table#collapsed2 th{}

table#collapsed3{border-collapse: collapse;  caption-side:bottom;}
table#collapsed3 tr{border: 1px solid black;}
table#collapsed3 col{border:1px solid red;}
table#collapsed3 td{}
table#collapsed3 th{}

table#collapsed4{border-collapse: collapse;  caption-side:bottom;}
table#collapsed4 tr{border: 1px dotted black;}
table#collapsed4 col{border:1px solid red;}
table#collapsed4 td{}
table#collapsed4 th{}

table#collapsed5{border-collapse: collapse;  caption-side:bottom;}
table#collapsed5 tr{border: 1px dotted black;}
table#collapsed5 col{border:1px solid red;}
table#collapsed5 td.selected{border: 2px solid green;}
table#collapsed5 th{}

table#collapsed6{border-collapse: collapse;  caption-side:bottom;}
table#collapsed6 tr{border: 1px dotted black;}
table#collapsed6 col{border:1px solid red;}
table#collapsed6 td.selected{border: hidden;}
table#collapsed6 th{}

/* ------------------------------------------------------ */