/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * Table definitions for most tabular information displayed within the IBIS site.
 * Provides special instances for titles, sections, normal data, and totals.
 *
 * "Info" Class Structure:
 * ---------------------------------------
 *	<table class="Info">
 *		<thead>
 *		[<tr] - Title row for the table
 *			[<th [class="Columns">] - table's columns title typically colspan=x
 *		[<tr] - Title row for the table
 *			[<th [class="Column">] - table's column title
 *			[<th [class="Row"]>] - table's row title
 *			[<th>]
 *				[<h2>] - H2 element for the overall table title
 *		<tfoot>
 * 		[<tr]
 *			<td colspan=# - white background container that is the same size as
 *				the table.  This typically contains a RecordCount div that is 
 *				right aligned and other divs.  This class is not named "Footer"
 *				as this class name inherits from the Sections.Footer definition.
 *		<tbody>
 *		[<tr class="Section">]
 *			[<th>] - Section title
 *			 	[<h3>] - Title Row for a section
 *		[<tr>]
 *			[<th class="Section">] - Provides section row title TH with indenturing
 *			[<th class="Value"]>] - Title for data value column
 *			[<td class="Value"]>] - standard data value cell - right align etc.
 *			[<td class="[Value Total]">] - Row's total numeric data value
 *			[<th>] - standard header - left aligned text diff background, bolded etc.
 *			[<td>] - standard cell - left aligned text
 *		[<tr class="Total">]
 *			[<th>] - Total row's title
 *			[<td class="Value">] - Column's total's value.
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.Info
{
	width:				100%;
	border:				none;
	border-collapse:	collapse;  /* separate = detached */
/*
	border-spacing:		3px;		= amount of padding
*/
	empty-cells:		show;
	table-layout: 		auto;	/* fixed = forces width, auto = expands as needed */

	background-color: 	#f0f0f0; 
}

table.Info th, 
table.Info td
{
	border-top:			2px solid white;
	border-right:		2px solid white;
	border-bottom:		none;
	border-left:		none;
	padding:			5px 4px 3px 5px;
	text-align:			left;
}
table.Info th
{
	background-color:	#e0e0e0;
	color:				#336699;
	font-weight:		bold; 
	vertical-align: 	top;
}
table.Info th *
{
	background-color:	transparent;
	color:				inherit;
	font-weight:		inherit; 
}
table.Info th label
{
	color:				#336699;
}
table.Info td
{
	vertical-align: 	top;
}


table.Info thead tr th,
table.Info thead tr td
{
	vertical-align: 	bottom;
	cursor:				s-resize;		/* put in as a clue for the jquery tablesorter */
}
table.Info thead tr th.Columns
{
	padding-top:		6px;
	padding-bottom:		4px !important;
	text-align:			center;
}
table.Info thead tr th.Column
{
	text-align:			center;
}
table.Info thead tr *
{
	background-color:	#ccc;
	color:				#003366;
}


table.Info tr.Section
{
	background-color:	#ccc;
}
table.Info tr.Section th
{
	vertical-align: 	top;
}
table.Info tr.Section th h3
{
	color:				#003366; 
}
table.Info th.Section
{
	background-color:	#ccc;
	color:				#336699; 
	font-weight:		normal;
	padding-left:		15px;
	vertical-align: 	top;
}


table.Info th.Value 
{
	text-align:			center;
}
table.Info td.Value 
{
	text-align:			right;
}

table.Info tr.Total th
{
	background-color:	#ccc;
}
table.Info tr.Total td.Value, 
table.Info td.Total
{
	font-size:          0.95em;  /* make smaller because of bold */
	font-weight:		bold; 
}


table.Info th a, 
table.Info th a:visited
{
	color:				#003366;
	font-weight:		bold;
	font-size:			1.1em;
	text-decoration:	underline;
}
table.Info th a:hover, 
table.Info th a:active, 
table.Info th a:focus 
{
	color:				#336699;
	text-decoration:	none;
}

table.Info select
{
	font-size:			0.9em;
}

table.Info textarea
{
	font-size:			1.0em;
}

table.Info tfoot tr td:not(.Value)
{
	background-color: 	white; 
	border-top:			none;
	padding-top:		0px;
}
table.Info tfoot .RecordCount
{
	float:				right;
	font-style:			italic;
}
table.Info tfoot .SupressedCellMessage
{
	padding-right:		15px;
	padding-bottom: 	12px;
	text-align:			left;
	font-style:			italic;
	width: 				75%;
}


table.Info select
{
	background-color:	white;
	color:				black;
	font-weight:		normal;
}
table.Info select:focus
{
	background-color:	lightyellow;
}







/* jquery tablesorter classes */

table.Info thead .tablesorter-header
{ 
/*
    background-image: url(../image/bg.gif);
*/
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center right; 
/*	background-origin: border-box; */
    padding-right: 20px; 
/*
    border-right: 1px solid #dad9c7; 
    margin-right: -1px; 
*/
}

table.Info thead .tablesorter-headerAsc 
{
/*
    background-image: url(../image/desc.gif); 
*/
    background-repeat: no-repeat; 
}

table.Info thead .tablesorter-headerDesc 
{
/* 
    background-image: url(../image/asc.gif); 
*/
    background-repeat: no-repeat;
}

/*============================ End of Style Sheet ============================*/