/* CSS Document 
   This CSS files is to be applied to complex data tables 
   that are present on the grainscanada.gc.ca site
   as of the implementation date stated below.
   Created by: Nicole Jackson
   Date create: June 5, 2009
   Date last altered: June 5, 2009
   Date of implementation: To be determined
   Notes: This was developed with the GSW tables
*/
.tbl {
	border-collapse: collapse;
	margin: 6px 0 12px 0; 
	padding: 0;
}

table.data, table.datasm {
	color: #000;
	background-color: #fff;
}

table.data, table.data tbody {
	text-align: right;
	vertical-align: bottom;
	width: 98.5%;
	border-collapse: collapse;
	margin: 6px 0 12px 0;
	padding:0; 	
}

table.datasm, table.datasm tbody {
	text-align: right;
	vertical-align: bottom;
	width: 75%;
	border-collapse: collapse;
	margin: 6px 0 12px 0;
	padding:0; 	
}

/* caption */
table.data caption, table.datasm caption {
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	color: #000;
	background: #fff;
	border: none;
	border-top: 2px solid #000;
	margin: 0;
	padding: 4px 5px 5px 5px;
}

.tbl caption {
	font-size: 1em; 
	font-weight: bold;
	text-align:left;
	color: #000; 
	border: none; 
	border-top: 2px solid #306; 
	margin: 0; 
	padding: 4px 5px 5px 5px;
}

/* th */

.tbl th {
	font-size: 1em; 
	vertical-align: bottom; 
	font-weight: bold; 
	color: #000; 
	background: #ccc; 
	border: 1px solid #306; 
	margin: 0; 
	padding: 4px 5px 5px 5px;
}

table.data thead th, table.datasm thead th {
	font-size: 1em;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold; 
	color: #000;
	background: #ccc;
	border: 1px solid #000;
	margin: 0;
	padding: 4px 5px 5px 5px;
}

table.data th, table.datasm th, table.tbl tbody th {
	font-size: 1em;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold; 
	color: #000;
	background: #eee;
	border: 1px solid #000;
	margin: 0;
	padding: 4px 5px 5px 5px;
}

table.data th.second, table.datasm th.second {
	font-size: 1em;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold; 
	color: #000;
	background: #cd4;
	border-bottom: 2px solid #000;	
	border-top: 2px solid #000;
	margin: 0;
	padding: 4px 5px 5px 5px;
}

table.data th.cnt, table.datasm th.cnt {
vertical-align:middle;
text-align:center;
}

/* td */
.tbl td {
	font-size: 1em; 
	text-align: right; 
	vertical-align: bottom; 
	color: #000; 
	background: #fff; 
	border: 1px solid #306; 
	margin: 0; 
	padding: 4px 5px 5px 5px;
}

table.data td, table.datasm td {
	font-size: 1em; 
	text-align: right; 
	vertical-align: bottom; 
	border: 1px solid #000; 
	margin: 0; 
	padding: 4px 5px 5px 5px; 
}
/* False headed cell: make a blank td in the head look like a th */
.fhead, td.fhead {
	font-size: 1em;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold; 
	color: #000;
	background: #ccc;
	border: 1px solid #000;
	margin: 0;
	padding: 4px 5px 5px 5px;
}

/* tr/th - totals */
tr.total {
	border-top: 1px #000 solid;
}
tr.total, th.total, table.tbl tr.total, table.tbl th.total, table.tbl tr.total td {
	color: #000;
	background-color: #eee;
}
table.data tr.total, table.data th.total, table.datasm tr.total, table.datasm th.total, table.tbl tr.total, table.tbl th.total {
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	vertical-align: bottom;
	padding: 4px 5px 5px 5px;
}

/* indent for sub row headings */
.thindent {
text-indent: 12px;
}

/* align cotent of th cell with multi row span to top of cell */
table.data th.va-top, table.datasm th.va-top, table.tbl th.va-top {
	vertical-align:top;
}

/* tfoot */
table.data tfoot td, table.datasm tfoot td {
	text-align: left;
	vertical-align: bottom;
	border-top: 2px solid #000;
}

/* docNav - spacing */
.colLayout ul.docNav, .center ul.docNav{
height: 1.5em;
}