/**
 * dataGrid.css - Companion to dataGrid.dwt
 */


/* -- TOC ----------------------------------------------- */
#dataGrid-TOC-container {}

#dataGrid-TOC-title {
	font-size: 14px;
	margin: 1em 0 0.33em;
}

#dataGrid-TOC-itemList-container {}

#dataGrid-TOC-itemList {
	list-style: none;
	margin: 0 0 2em;
	font-size: 12px;
	line-height: 14px;
}
	
.dataGrid-TOC-item {
	list-style-type: disc;
	margin-left: 15px;
}

/* -- Data Sections ------------------------------------- */	
.dataGrid-section-container { 
	margin: 2em 0 0;
}

.dataGrid-section-container-1 {}

.dataGrid-sectionTitle {
	font-size: 14px;
	margin: 0 0 0.33em;
}

/* Ex. Talk to the sectionTitle of the second section */
.dataGrid-section-container-2 .dataGrid-sectionTitle {}
	
.dataGrid-sectionDescription {
	font-size: 12px;
	font-style: italic;
	margin: 0 0 0.5em;
}
 .dataGrid-sectionTable {
 border: 1px solid #ddd;
 padding: 0px 10px;
 width: 500px;
 }
   .dataGrid-sectionTable td {vertical-align: top;}
   .dataGrid-sectionImage {}
   .dataGrid-sectionImage img {}
   .dataGrid-sectionContent {}
   .dataGrid-itemsTable td {}
   .dataGrid-columnTitle-row {}

/* -- Data Subsections ---------------------------------- */	
.dataGrid-subsection-container {margin: 10px 0;}

/* Ex. Indent all subsections by 20px
.dataGrid-subsection-container { margin-left: 20px;}
*/

.dataGrid-subsection-container-1 {}

/* Ex. Talk to the third subsection of the second section */
.dataGrid-section-container-2 .dataGrid-subsection-container-3 {}
	
.dataGrid-subsectionTitle {
	font-size: 13px;
	margin: 0 0 0.33em;
}

.dataGrid-subsectionDescription {	
	font-style: italic;
	margin: 0 0 0.33em;
	font-size: 11px;
}


/* -- Data Tables --------------------------------------- */	
.dataGrid-itemsTable-container {}

.dataGrid-itemsTable {
	border: 0px solid #ddd;
	border-bottom: 0;
	font-size: 12px;
}

/* Ex. Talk to the itemsTable of the second subsection of the first section */
.dataGrid-section-container-1 .dataGrid-subsection-container-2 .dataGrid-itemsTable {}

.dataGrid-itemsTable th,
.dataGrid-itemsTable td {
	padding: 0.1em 0.3em;
	border-bottom: 0px solid #ddd;
}
	
.dataGrid-itemsTable th {
	text-align: left;
	background: #e5e5e5;
}
	
.dataGrid-columnTitle-1 {}
	
.dataGrid-column-1 { width: 15%; }
.dataGrid-column-2 { width: 43%; }
.dataGrid-column-3 { width: 30%;}
.dataGrid-column-4 { width: 12%;}	
.even { }
.odd {}
	
	#tradeshow .row1{
	font-style: italic;
}
#tradeshow .row2{
font-weight: bold;
}
.dataGrid-item-hiLite { }

/* Ex. Hilite all subsections of the second section a different color */
.dataGrid-section-container-2 .dataGrid-item-hiLite { background: transparent; }


/* -- Go-to-top Links ---------------------------------- */	
.dataGrid-topLink-container {}

/* Ex. Disable go-to-top links for all sections except the third section
.dataGrid-section-container .dataGrid-topLink-container { display: none; }
.dataGrid-section-container-3 .dataGrid-topLink-container { display: block; }
*/

.dataGrid-topLink {
	text-align: right;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
}

.dataGrid-topLink-image a {
	background: url(/img/topLink.gif) center right no-repeat;
	padding-right: 1.66em;
	height: 11px;
}