
/* Fluid Table using Twitter Bootstrap Fluid Layout */

/* Overall Table */

.fluid-table  {
	/* margins around the whole table */
	padding: 0.4em 0 1em 0;
}

/* Override bootstrap 30px min-height, so we can control vertical padding & alignment  */

.fluid-table-caption [class*="span"],
.fluid-table-caption-row [class*="span"],
.fluid-table-column-header-row [class*="span"], 
.fluid-table-data-row [class*="span"] {
	min-height: 1.8em;
}

/* END: Overall Table */

/* Caption */

/* if you want left/right padding, you have to put a fluid-table-caption-cell inside a fluid-table-caption-row */
/* if you don't care, you can just put the caption in a single fluid-table-caption div */
.fluid-table-caption-row {
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	background-color: #2f4b61;
	color: #f5ecac;			/* orig yellow from footer */
	color: #FEE4A6;			/* tint/shade gold variant related to brown from Texas star */
	margin: 1em 0 2px 0;	/* between caption & preceding body text and between caption & column header row */
	/* no left/right pad; it makes caption bar jut out to the right; you must do left/right pad in fluid-table-caption-cell */
}
/* if you want left/right padding, you have fluid-table-caption-row-table-caption-cell inside a fluid-table-caption-row */
/* if you don't care, you can just put the caption in a single fluid-table-caption div */
.fluid-table-caption-cell {
	padding: 0.4em 0.25em;
}
.fluid-table-caption {
	font-size: 1.3em;
	font-weight: 600;
	text-align: center;
	background-color: #2f4b61;
	color: #f5ecac;			/* orig yellow from footer */
	color: #FEE4A6;			/* tint/shade gold variant related to brown from Texas star */
	color: #FADA78;			/* another tint/shade gold variant (currently matches in footer) */
	margin: 1em 0 2px 0;	/* between caption & preceding body text and between caption & column header row */
	padding: 0.6em 0;		/* no left/right pad; it makes caption bar jut out to the right */
}

/* END: Caption */


/* Column Header */

.fluid-table-column-header-row {
	font-size: 1.1em;
	line-height: 1em;
	font-weight: 600;
	text-align: left;
	color: #fff;
	background-color: #5E4817;	/* brown from Texas star */
	background-color: #f5ecac;	/* light gold (caption & footer text color) */
	background-color: #D4C766;	/* medium gold */
	background-color: rgba(213, 200, 104, .8);	/* medium gold, with a lower alpha */
	background-color: rgba(196, 151, 52, 0.75);	/* dark gold */
	background-color: #6F98B9;	/* light blue: was 8096ba */
	background-color: #CFA23E;	/* tint/shade gold variant related to brown from Texas star */
	background-color: #rgba(207, 162, 62, 0.67);	/* Same as #CFA23E but at .67 alpha */
	text-shadow: 0 1px 1px rgba(51,51,51,.8);	/* 80% opacity body text color */
	margin: 0;
}
.fluid-table-column-header-cell {
	padding: .4em .3em;
}

/* END: Column Header */


/* Data Row */

.fluid-table-data-row {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: 400;
	text-align: left;
	border-bottom: 1px solid #F5ECAC;
}

/* Row Header Cell */

.fluid-table-row-header-cell {
	font-weight: 600;
	padding: .4em 1em;
	/* white-space: nowrap; */
	color: #9D0000;
	color: #333;
	text-shadow: 0 1px 2px rgba(51,51,51,.2);
	/* background-color: #8096BA;
	background-color: #6F98B9; */
}
.fluid-table-row-header-cell a {
	text-shadow: 0 1px 2px rgba(51,51,51,.2);
}
/* END: Row Header Cell */

/* Row Header Cell with a Gradient */

.fluid-table-row-header-cell-gradient {
	color: #9D0000;
	color: #333;
	text-shadow: 0 1px 2px rgba(51,51,51,.2);

	/* fallback solid color */
	background-color: #8096BA;
	background-color: #6F98B9;

	/* will be "on top", if browser supports it */
	background-image: linear-gradient(#8096BA, #ffffff);
	background-image: linear-gradient(#6F98B9, #ffffff);

	/* these will reset other properties, like background-position, but it does know what you mean */
	background: #8096BA;
	background: #6F98B9;
	background: linear-gradient(#8096BA, #ffffff);
	background: linear-gradient(#6F98B9, #ffffff);
}
.fluid-table-row-header-cell-gradient a {
	color: #9D0000;
	color: #333;
	text-shadow: 0 1px 2px rgba(51,51,51,.2);
}

/* END: Row Header Cell with a Gradient */

/* END: Data Row */


/* Data Cell */

.fluid-table .fluid-table-data-row [class*="span"]  {
	padding: .4em;
}
.fluid-table .fluid-table-data-row:first-of-type  {
	border-top: 1px solid #F5ECAC;
}

/* END: Data Cell */

/* END: Fluid Table using Twitter Bootstrap Fluid Layout */



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
