Pure CSS table style

body{font-size: 12px;}
/* table 1 */
table.dataintable {
   border: 1px solid #B0C4DE;
   border-collapse: collapse;
   font-family: Arial,Helvetica,sans-serif;
   margin-top: 10px;
   width: 100%;
}
table.dataintable th {
   background-color: #F8F8FF;
   border: 1px solid #B0C4DE;
   padding: 5px 15px 5px 5px;
   text-align: left;
   vertical-align: baseline;
}
table.dataintable td {
   border: 1px solid #B0C4DE;
   padding: 5px 15px 5px 5px;
   vertical-align: text-top;
}
/* table2 */
table.d2 {
   border: 1px solid #DCDCDC;
   border-collapse: collapse;
   font-family: Arial,Helvetica,sans-serif;
   margin-top: 10px;
   width: 100%;
}
table.d2 th {
   background-color: #F5F5F5;
   border: 1px solid #DCDCDC;
   padding: 5px 15px 5px 5px;
   text-align: left;
   vertical-align: baseline;
}
table.d2 td {
   border: 1px solid #DCDCDC;
   padding: 5px 15px 5px 5px;
   vertical-align: text-top;
}
table.d2 .page {
 padding:2px;
}
/* table 3 */
table.d3 { 
 border: 1px solid #E6E6FA; 
 border-collapse: collapse; 
 margin-top: 10px; 
 width: 100%;
}
table.d3 th { 
 background-color: #dae6f3; 
 border: 1px solid #E6E6FA; 
 padding: 5px; 
 text-align: left; 
 vertical-align: baseline;
}
table.d3 td { 
 border: 1px solid #E6E6FA; 
 padding: 5px; 
 vertical-align: text-top;
}
table.d3 .page {padding:2px;}
table.d3 .red td {background-color: #F8F8FF;}