/* CSS Document */
/*
------------- below is a sample implementation ----------------------
<table summary="Webhosting products overview showing all available packages, what's included and what the monthly cost is with an option to order" class="tbl1 largeObj theBdr">
	<caption class="altForReader">Company X webhosting products overview</caption>
	<thead>
	<tr class="odd">
		<td class="column1"></td>
		<th scope="col" abbr="Home">Webhosting Home</th>
	  </tr>	
	</thead>
	<tbody>
 	<tr>
		<th scope="row">Data usage</th>
		<td>1 GB per month</td>
	  </tr>
	</tbody>
    <tfoot>	
 	<tr class="odd">
		<td>&nbsp;</td>
		<th scope="col"><strong>Webhosting Home</strong><br /><em>€ 4,95</em>/ month</th>
	  </tr>	
	</tfoot>
</table>


*/
.smallObj { width: 50%; }
.largeObj { width: 100%; }

.fltLt { float: left; }
.fltRt { float: right; }
.doCntr { margin:0px auto; }

.theBdr, .theBdr td, .theBdr th  { border: 1px solid #000; }
.noVertBdr { border-width: 1px 0px; }
.noHorzBdr { border-width: 0px 1px; }
.redBdr, .redBdr td, .redBdr th{ border: 1px solid #F00; }

.darkClrBG, thead th { background-color: #000; }
.lightClrBG { background-color: #FFF; }

.darkClrFG { color: #000; }
.lightClrFG { color: #FFF; }

caption {
	/* use altForReader class if not needed to be displayed */
	/* don't forget to use abbr and summary and thead, tfoot and tbody */
}

table.generic {
	border-collapse: collapse; /* instead of cellspacing="0", this can cause problems in IE for certain types of table designs */
}

table.generic td, table.generic th {
	padding: 5px;
}
table.generic thead th {
	color: #FFF;
}
table.generic thead td {
	
}
table.generic tbody tr.odd td, table.generic tbody tr.odd th {
	background-color: #CCCCCC;
}
table.generic tfoot th {
}
table.generic tfoot td {
}
.tbl1 td, .tbl1 th{
	border-width: 1px 0px;
}
e.generic tfoot td {
}
.tbl1 td, .tbl1 th{
	border-width: 1px 0px;
}