/* Greyscale
Table Design by Scott Boyle, Two Plus Four
www.twoplusfour.co.uk
----------------------------------------------- */

table.mytable {border-collapse: collapse;
/*border: 2px solid #000;*/
font: normal 80%/140% arial, helvetica, sans-serif;
color: #555;
background: #fff;}

.mytable td, th {border: 1px dotted #bbb;
padding: .5em;}

.mytable caption {padding: 0 0 .5em 0;
text-align: left;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
color: #333;
background: transparent;}

/* =links
----------------------------------------------- */

.mytable a {padding: 1px;
text-decoration: none;
font-weight: bold;
background: transparent;}

.mytable a:link {color: #ffffff;}

.mytable a:visited {color: #ffffff;}

.mytable a:hover {color: #ffffff;}

/* =head =foot
----------------------------------------------- */

.mytable thead th, tfoot th {border: 2px solid #000;
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: #333;
background: transparent;}

.mytable tfoot td {border: 2px solid #000;}

/* =body
----------------------------------------------- */

.mytable tbody th, tbody td {vertical-align: top;
text-align: left;}

.mytable tbody th {white-space: nowrap;}

.mytable .odd {background: #fcfcfc;}

.mytable tbody tr:hover {background: #fafafa;}