/*
 * A generic div style table 
 */

.table {
	border: solid #E0E0E0 1px;
} 
.no-border{
	border: none;
} 
.table .head {
	font-weight: bold;
	padding: 0.2em;
	border-bottom: solid black 1px;
	background-color: #003366;
	color: white;
}

.table .foot {
	border-top: solid black 2px;
	background-color: transparent;
}

.table .row {
	background-color: #F2F2E8;
	color: #000000;
	background-position: top;
	vertical-align: middle;
	padding: 0.2em;
}

.table .row.odd {
	background-color: #F2F2E8;
}

.table .row.even {
	background: transparent;
}

.table .row .col, .table .head .col, .table .foot .col {
	padding: 0.2em;
	float: left;
	display: table-cell;
	vertical-align: middle;
}

/*
	Same as above, except used for cells that just group columns together
	and don't have any other content.
*/
.table .row .container, .table .head .container {
	float: left;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
}

/*
 * A table used for representing non-changing data
 */

table.static-table {
	border: solid black 1px;
	border-spacing:0px;
}

table.static-table thead th {
	border-bottom: solid black 1px;
	font-weight: bold;
	text-align: left;
	background-color: #003366;
	color: white;
}

table.static-table tr.odd {
	background-color: #FFFFFF;

}

table.static-table tr.even {
	background-color: #F2F2E8 ;
}

table.static-table td.odd {
	background-color: #FFFFFF;
}

table.static-table td.even {
	background-color: #F2F2E8 ;
}

/*
 * Same as above, but for divs
 */

div.static-table {
	border: solid #E0E0E0 1px;
}

div.static-table .head {
	border-bottom: solid black 1px;
	font-weight: bold;
	text-align: left;
}
 
div.static-table .row {
	background-color: transparent;
}

div.static-table .row.odd {
	background-color: #FFFFFF;
}

div.static-table .row.even {
	background-color: #F2F2E8 ;
}

div.static-table .row .col, div.static-table .head .col{
	padding: 0.2em;
	float: left;
	display: table-cell;
	vertical-align: middle;
}