/***
	The following is just an example of how to use the table.
	You can override any class names to be used if you wish.
***/

table#tourpod {
	width:267px;
	border:0px solid #ccc;
	cursor:default;
}

table#tourmain {
	width:100%;
	border:0px solid #ccc;
	cursor:default;
}

* html div.tableContainer {	/* IE only hack */
	width:267px;
	border:0px solid #ccc;
	height: 285px;
	overflow-x:hidden;
	overflow-y: auto;
}

* html div.tableContainer2 {	/* IE only hack */
	width:100%;
	border:0px solid #ccc;
	height: 285px;
	overflow-x:hidden;
	overflow-y: auto;
}

* html div.tableContainer3 {	/* IE only hack */
	width:267px;
	border:0px solid #ccc;
	height: 432px;
	overflow-x:hidden;
	overflow-y: auto;
}
div.tableContainer3 div#contentScroller{
	width:267px;
	border:0px solid #ccc;
	height: 432px;
	overflow-x:hidden;
	overflow-y: auto;
}
div.tableContainer3 tr.fixedHeader{
	background:#491237;
	color:#FFFFFF;
	font-weight:bold;
	border:0px;
}
div.tableContainer3 tr.fixedHeader th{
	color:#FFFFFF;
	font-weight:bold;
}

table td,
table th{
	border-right:0px solid #999;
	padding:2px;
	font-size:9px;
	font-weight:normal;
	vertical-align:top;
}
table thead td, table thead th {
	background:#491237;
	color:#FFFFFF;
	font-weight:bold;
	border:0px;
}
td.middle {
	border-left:1px solid #999;
	border-right:1px solid #999;	
}

* html div.tableContainer table thead tr td,
* html div.tableContainer table thead tr th{
	/* IE Only hacks */
	position:relative;
	top:expression(dojo.html.getFirstAncestorByTag(this,'table').parentNode.scrollTop-2);
}

html>body tbody.scrollContent {
	height: 262px;
	overflow-x:hidden;
	overflow-y: auto;
}

tbody.scrollContent td, tbody.scrollContent tr td {
	background: #FFF;
	padding: 2px;
}

tbody.scrollContent tr.alternateRow td {
	background: #fff200;
	padding: 2px;
}

tbody.scrollContent tr.selected td {
	background: yellow;
	padding: 2px;
}
tbody.scrollContent tr:hover td {
	background: #a6c2e7;
	padding: 2px;
}
tbody.scrollContent tr.selected:hover td {
	background: #ff3;
	padding: 2px;
}