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

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

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

#dataGrid-TOC-itemList-container {}

#dataGrid-TOC-itemList {
    margin-top: 1.5em;
	/* list-style: none;
	margin: 0 0 2em;
	font-size: 90%;
	line-height: 14px; */
}
	
.dataGrid-TOC-item {
	list-style-type: none;
}

/* these may seem like overkill but for some reason Safari won't render
the links properly without these very specific definitions */
.dataGrid-TOC-item a,
.dataGrid-TOC-item a:link,
.dataGrid-TOC-item a:visited,
.dataGrid-TOC-section a,
.dataGrid-TOC-section a:link,
.dataGrid-TOC-section a:visited,
.dataGrid-itemsTable-container a,
.dataGrid-itemsTable-container a:link,
.dataGrid-itemsTable-container a:visited {
	color: #918E80;
	text-decoration: underline;
	font-weight: bolder;
}

.dataGrid-TOC-item a:focus,
.dataGrid-TOC-item a:hover,
.dataGrid-TOC-item a:active,
.dataGrid-TOC-section a:focus,
.dataGrid-TOC-section a:hover,
.dataGrid-TOC-section a:active,
.dataGrid-itemsTable-container a:focus,
.dataGrid-itemsTable-container a:hover,
.dataGrid-itemsTable-container a:active {
    color: #585856;
	text-decoration: none;
}

.dataGrid-TOC-subsection {
 margin-top: 5px;
}


/* -- Data Sections ------------------------------------- */
/* -- Section Table -- */
.dataGrid-sectionTable {}

.dataGrid-sectionTable td {
	vertical-align: top;
}

.dataGrid-sectionImage {}
.dataGrid-sectionImage img {}

.dataGrid-sectionContent {}

/* -- Section Content -- */
.dataGrid-section-container { 
	margin: 2em 0 0;
}

.dataGrid-section-container-1 {}

.dataGrid-sectionTitle {
	font-size: 110%;
	margin: 0 0 0.33em;
}

/* Ex. Talk to the sectionTitle of the second section */
.dataGrid-section-container-2 .dataGrid-sectionTitle {}
	
.dataGrid-sectionDescription {
	font-size: 90%;
	font-style: italic;
	margin: 0 0 0.5em;
}


/* -- Data Subsections ---------------------------------- */	
.dataGrid-subsection-container {}

/* 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: 95%;
	margin: 0 0 0.33em;
}

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


/* -- Data Tables --------------------------------------- */	
.dataGrid-itemsTable-container {
     margin-bottom: 5px;
}

.dataGrid-itemsTable {
}

/* 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 {
	font-size: 90%;
}

#news .dataGrid-itemsTable th,
#news .dataGrid-itemsTable td {
	padding-top: .7em;
	padding-bottom: .2em;
	font-size: 90%;
}

.dataGrid-itemsTable th {
	text-align: left;
	background: #e5e5e5;
}

.dataGrid-itemsTable td {
}

.dataGrid-columnTitle-row {}

.dataGrid-columnTitle-1 {}
	
.dataGrid-item-row {
    background: transparent;
}

/* Ex. Give even numbered item rows a different background */
.row_even{ background: #f5f5f5; }

.dataGrid-autonumber {font-weight: bold;}
.dataGrid-column-1 { width: 20%; }
.dataGrid-column-2 { width: 15%; }

/* -- Mouseover row hilite -- */
.dataGrid-item-hiLite { background:#ffb; }

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

/* Ex. Override the hilite background only for the first column
.dataGrid-item-hiLite .dataGrid-column-1 { background: #fff; }
*/


/* -- 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,
.dataGrid-topLink-image a:link,
.dataGrid-topLink-image a:visited {
	background: url(/_resources/images/icons/topg.gif) center right no-repeat;
	padding-right: 1.66em;
	height: 11px;
	text-decoration: none;
}