/* Copyright © 2006 C-mach Technologies Inc.*/
/*the following rules define our data tables*/

/*SCROLLABE TABLE*/
/* Based on code by Terence Ordona, portal[AT]imaputz[DOT]com with changes*/
/* http://creativecommons.org/licenses/by-sa/2.0/*/
/*IE defines scrollbars outside of table, FF defines scrollbars inside of table*/
/*this results in FF showing Horz scrollbar, hide by setting overall height shorter*/

/*define height and width of scrollable area for IE ONLY. Add 16px to width for scrollbar*/
div.tableContainer {
	clear: both;
	width: 100%;
}
/*reset overflow value to hidden for all non-IE browsers*/
html>body div.tableContainer {
	width: 100%;
}
/*define width of table. IE browsers only */
/*(just wide enough to avoid horizontal scrollbar)*/
div.tableContainer table {
	width: 100%;
}

/*define width of table. Add 16px to width for scrollbar*/
/*all other non-IE browsers*/
html>body div.tableContainer table {
	width: 100%;
}
/*setup overall design of table*/
.tableObject {
	border: 0px solid black;
	cellpadding: 0;
	cellspacing: 0;
	border-collapse: collapse;
	background-color: white;
}
/*the following rules define our data tables*/
.ct-tabletitle {
	font: bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
} 
th {
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
} 
tr {
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
} 
td {
	width: 10%;
}
.width1 {
	width: 1%;
}
.width2 {
	width: 2%;
}
.width5 {
	width: 5%;
}
.width6 {
	width: 6%;
}
.width10 {
	width: 10%;
}
.width12 {
	width: 12%;
}
.width15 {
	width: 15%;
}
.width20 {
	width: 20%;
}
.width25 {
	width: 25%;
}
.width30 {
	width: 30%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}

/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
.fixedHeader th{
	position: relative;
}
/*define the table content to be scrollable*/
/*needs to be slightly less than above to hide Horz scrollbar in FF*/
html>body tbody.scrollContent {
	overflow: auto;
}

/*make the TH elements pretty */
th {
/*  background-image: url("../images/ct_page_title_bg.jpg");*/
  background-repeat: repeat-x;
	background-color: #ccc;
	color: black;
	border-left: 1px solid #eee;
	border-right: 1px solid #666;
/*	border-top: 1px solid #eee;
	border-bottom: 1px solid #666;*/
	padding: 4px 3px;
	font-weight: bold;
	text-align: left;
}
/*together with the colgroup tag, allows us to hide a column*/
th.hidden, td.hidden {
	display: none;
}
/*override the link color for the column we are sorted on */
/*needs to be an ID rather than class so our JavaScript can find it*/
#sortkey {
	color: #EEE !important;
}
/*make the A elements pretty. makes for nice clickable headers*/
thead tr.fixedHeader a, thead tr.fixedHeader a:link, thead tr.fixedHeader a:visited {
	color: #000;
	display: block;
	text-decoration: none;
	width: 100%;
}

/*make the A elements pretty. makes for nice clickable headers*/
/*WARNING: swapping the background on hover may cause problems in WinIE 6.x*/
thead tr.fixedHeader a:hover {
	color: #FFF;
	text-decoration: none;
	width: 100%;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-left: 1px solid #cce;
	border-right: 1px solid #669;
	border-top: 1px solid #AAA;
	padding: 2px 3px;
}

tbody.scrollContent tr.alternateRow td {
	background: #ffc;
	border-bottom: 1px solid #eeb;
	border-left: 1px solid #cce;
	border-right: 1px solid #669;
	border-top: 1px solid #ffe;
	padding: 2px 3px;
}
tbody a:link {
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CC0404;
}
tbody a:visited {
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CC0404;
}
tbody a:hover {
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CCCC99;
}

/*END OF SCROLLABLE TABLE*/