/* 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;
	border-top: 1px solid #999;
	height: 500px;
	width: 100%;
	overflow: auto;
}
/*define the table content to be scrollable*/
/*needs to be slightly less than above to hide Horz scrollbar in FF*/
html>body tbody.scrollContent {
	height: 498px;
	overflow: auto;
}
/*reset overflow value to hidden for all non-IE browsers*/
html>body div.tableContainer {
	overflow: hidden;
	width: 100%;
}
/*define width of table. IE browsers only */
/*(just wide enough to avoid horizontal scrollbar)*/
div.tableContainer table {
	width: 98%;
}

/*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-size: 9px;
	font-weight: bold;
	margin: 10px 0 0 0;
} 
th {
	font-size: 9px;
} 
tr {
	font-size: 9px;
} 
td {
	width: 10%;
}
.width1 {
	width: 1%;
}
.width2 {
	width: 2%;
}
.width3 {
	width: 3%;
}
.width4 {
	width: 4%;
}
.width5 {
	width: 5%;
}
.width6 {
	width: 6%;
}
.width7 {
	width: 7%;
}
.width8 {
	width: 8%;
}
.width9 {
	width: 9%;
}
.width10 {
	width: 10%;
}
.width12 {
	width: 12%;
}
.width15 {
	width: 15%;
}
.width20 {
	width: 20%;
}
.width25 {
	width: 25%;
}
.width30 {
	width: 30%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}

/*width by pixels*/
.width10px {
	width: 10px;
}
.width15px {
	width: 15px;
}
.width20px {
	width: 20px;
}
.width25px {
	width: 25px;
}
.width30px {
	width: 30px;
}
.width35px {
	width: 35px;
}
.width40px {
	width: 40px;
}
.width50px {
	width: 50px;
}
.width75px {
	width: 75px;
}
.width85px {
	width: 85px;
}
.width100px {
	width: 100px;
}
.width125px {
	width: 125px;
}
.width150px {
	width: 150px;
}
.width175px {
	width: 175px;
}
.width200px {
	width: 200px;
}
.width225px {
	width: 225px;
}
.width250px {
	width: 250px;
}
.width275px {
	width: 275px;
}
.width300px {
	width: 300px;
}
.width400px {
	width: 400px;
}
.width500px {
	width: 500px;
}

/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
.fixedHeader th{
	position: relative;
}

/*make the TH elements pretty */
th {
  background-image: url("../images/ct_page_title_bg.jpg");
  background-repeat: repeat-x;
	color: white;
	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 #aaa;
	border-right: 1px solid #AAA;
	border-top: 1px solid #AAA;
	padding: 1px 1px;
}

tbody.scrollContent tr.alternateRow td {
	background: #ffc;
	border-bottom: 1px solid #eeb;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-top: 1px solid #ffe;
	padding: 1px 1px;
}
tbody a:link {
	font-size: 9px;
	font-weight: bold;
	color: #CC0404;
}
tbody a:visited {
	font-size: 9px;
	font-weight: bold;
	color: #CC0404;
}
tbody a:hover {
	font-size: 9px;
	font-weight: bold;
	color: #CCCC99;
}

.rowCheckbox {
	height: 9px;
	width: 1%;
	padding: 0;
}

/*END OF SCROLLABLE TABLE*/