/*********************************************
* Author:     Danny Clark                    *
* Web:        http://www.aerovisionit.co.uk/ *
* Mail:       info@aerovisionit.co.uk        *
* Version     1.0                            *
*********************************************/

div#greytable {
	height: 300px;
	width: 559px;
	margin-left: 0px;
	margin-right: auto;
}

div#greytablelarge {
	height:520px;
	width: 559px;
	margin-left: 0px;
	margin-right: auto;
}

html>body div#greytable {
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#greytable table {
	border-collapse: collapse;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

div#greytablelarge table {
	border-collapse: collapse;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

div#greytable td {
	border-collapse: collapse;
	border-right: 1px solid #CCC;
	}

html>body caption {
	display: block
}

thead tr th, tr thead td {
	background: url(../images/tablehead.jpg);
	border-bottom: 1px solid #CCC;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	position: relative;
	text-align: left;
	color: #FFFFFF;
}

html>body thead tr th, html>body tr thead td {
	position: inherit
}

tbody tr th, tbody tr td {
	background: url(../images/dtablerow.gif) #FFF repeat-x scroll center left;
	display: table-cell;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: left;
	vertical-align: top
}

tbody tr.odd th, tbody tr.odd td {
	background: url(../images/dtablerow.gif) #EEE repeat-x scroll center left;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top
}

tbody tr:hover th, tbody tr:hover td, tbody tr.odd:hover th, tbody tr.odd:hover td {
	background: url(../images/dtablerow.gif) #999 repeat-x scroll center left;
	color: #FFF;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top
}

tbody tr a, tbody tr a:link, tbody tr a:visited {
	color: #009;
	text-decoration: none
}

tbody a:hover {
	color: #009;
	text-decoration: underline
}

tbody tr:hover th a, tbody tr:hover td a, tbody tr.odd:hover th a, tbody tr.odd:hover td a {
	color: #FFF;
	text-decoration: none
}

tbody tr:hover th a:hover, tbody tr:hover td a:hover, tbody tr.odd:hover th a:hover, tbody tr.odd:hover td a:hover {
	color: #FFF;
	text-decoration: underline
}

tfoot tr th {
	background: #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: normal normal bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: right;
	z-index: 1000000
}

tfoot tr td {
	background: #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: italic normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	z-index: 1000000
}

html>body tfoot tr th, html>body tfoot tr td {
	border-bottom: 1px solid #CCC
}

 
html>body thead {
	display: block
}

html>body tfoot {
	display: block;
	position: absolute;
	top: 620px
}

html>body tbody {
	display: block;
	height: auto;
	overflow: auto
}