/* Greyscale

Table Design by Scott Boyle, Two Plus Four

www.twoplusfour.co.uk

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

.skinny-th td{
	width: 75%;
}
.wide-col{
	width: 75%;
}



table {border-collapse: collapse;

width: 100%;

border: 2px solid #fff;

font: normal 80%/140% arial, helvetica, sans-serif;

color: #555;

background: #fff;}



td, th {border: 1px dotted #bbb;

padding: .5em;}



caption {padding: 0 0 .5em 0;

text-align: left;

font-size: 1.4em;

font-weight: bold;

text-transform: uppercase;

color: #333;

background: transparent;}



/* =links

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



table a {padding: 1px;

text-decoration: none;

font-weight: bold;

background: transparent;}



table a:link {/*border-bottom: 1px dashed #ddd;*/

color: #000;}



table a:visited {/*border-bottom: 1px dashed #ccc;*/

/*text-decoration: line-through;*/

/*color: #808080;*/}



table a:hover {/*border-bottom: 1px dashed #bbb;*/
cursor: pointer;
color: #666;}



/* =head =foot

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



thead th, tfoot th {border: 2px solid #000;

text-align: left;

font-size: 1.2em;

font-weight: bold;

color: #333;

background: transparent;}



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



/* =body

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



tbody th, tbody td {vertical-align: top;

text-align: left;}



tbody th {white-space: nowrap;}



.odd {background: #fcfcfc;}



tbody tr:hover {background: #eeeeee;}
tr.no_hover:hover {background: transparent;}