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

table.greyScale {
	border-collapse: collapse;
	border: 2px solid #000;
	color: #555;
	background: #fff;
}

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

table.greyScale 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.greyScale table a {
	padding: 1px;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
}

table.greyScale table a:link {
	border-bottom: 1px dashed #ddd;
	color: #000;
}

table.greyScale table a:visited {
	border-bottom: 1px dashed #ccc;
	text-decoration: line-through;
	color: #808080;
}

table.greyScale table a:hover {
	border-bottom: 1px dashed #bbb;
	color: #666;
}

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

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

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

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

table.greyScale tbody th,table.greyScale tbody td {
	vertical-align: top;
	/*text-align: left;*/
}

table.greyScale tbody th {
	white-space: nowrap;
}

table.greyScale .odd {
	background: #EEEEEE;
}

table.greyScale tbody tr:hover, table.greyScale tbody tr.prototypeHover{
	background:#222222; 
	color:#FFFFFF;
}