/********************************************
 * MArcomage CSS stylesheet - decks section *
 ********************************************/

/* begin decklist */

div#decks /* center buttons in deck list */
{
	min-width: 1045px;
	text-align: center;
	margin-bottom: 1ex;
}

div#decks a /* standard hyperlink */
{
	text-decoration: none;
	color: inherit;
}

div#decks tr.table_row:hover a /* standard hyperlink hover layout */
{
	text-decoration: underline;
}

div#decks > table /* decks list layout */
{
	margin-left: auto;
	margin-right: auto;
}

div#decks > table th > p, div#decks > table td > p /* table cell text */
{
	margin: 0.5ex 1ex 0.5ex 1ex;
}

/* end decklist */

/* begin filters */

div.filters, div.misc /* filters and misc part */
{
	text-align: left;
	/*min-width: 120ex;*/
	min-width: 1045px;
	padding-bottom: 0.5ex;
	margin-left: 5ex;
}

div#cost_per_turn /* avg cost per turn indicator layout */
{
	float: right;
	margin-right: 5ex;
	-moz-border-radius: 7px;
	padding: 0ex 0.5ex 0ex 0.5ex;
}

div#cost_per_turn > b /* set distance between avg cost per turn indicators */
{
	margin-left: 0.5ex;
}

div#tokens /* tokens layout */
{
	float: right;
	margin-right: 5ex;
}

/* end filters */

/* begin deck */

div.scroll > table /* set distance of the card pool from the rest of the content */
{
	margin-bottom: 1ex;	
}

div.scroll /* card pool layot */
{
	overflow: auto;
	text-align: center;
	width: 94%;
	margin: 0% 3% 0% 3%;
	/*min-width: 114ex;*/
	min-width: 950px;
}

table.deck /* deck table layout */
{
	text-align: center;
	margin: 1ex 3% 1ex 3%;
	width: 94%;
}

table.deck th > p /* deck table header */
{
	font-size: large;
	padding: 1ex;
	background-color: #6495ed; /* light blue */
}

table.deck button /* set distance of "return" buttons in the deck table */
{
	margin-bottom: 1ex;
}

table.deck > tr > td + td /* deck inner borders */
{
	border-left: thin solid #6495ed; /* light blue */
}

table.deck th:first-child > p /* common cards heading */
{
	color: lime;
}

table.deck th:first-child + th > p /* uncommon cards heading */
{
	color: #8b0000; /* DarkRed */
}

table.deck th:first-child + th + th > p /* rare cards heading */
{
	color: yellow;
}

/* end deck */