/* Styles for "Bridge Tools II" generated code
-------------------------------------------------------------------*/
/* Suit symbols in isolation */
span.suitsym {
	color: black;
	font-size: 1.2em;
}
span.suitsymred {
	color: red;
	font-size: 1.2em;
}
span.suitsymorange {
	color: orange;
	font-size: 1.2em;
}
span.suitsymgreen {
	color: green;
	font-size: 1.2em;
}

p.bt_wrap_text {
	padding-top: 0.4em;
}

/* Outer container to force diagrams to stay in same width as post paragraphs.
   Does not serve the same purpose for pop-up forms. */
div.bt_diagram {
	width: 85%;
	margin-top: 12px;
	max-width: 45em;
	font-size: 1em;
}
/* Diagrams. They hold equal sized "blocks" */
div.bt_grid {
	display: table;
	border-collapse: collapse;
	background-color: #e0ffe0;
	border: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.bt_grid_row {
	display: table-row;
}

div.bt_block,
div.bt_hand_block,
div.bt_table_center {
	display: table-cell;
	height: 122px;
	border: 1px solid black;
}
div.bt_block {
	position: relative;
	width: 122px;
}
div.bt_inner_block {
	position: relative;
}
div.bt_table_center {
	background-color: #c8ffc8;
	width: 113px;
	padding: 0 4px 0 5px;
	vertical-align: middle;
}
div.bt_lead {
	text-align: center;
}
div.bt_lead:before {
	content: "Lead: ";
}
div.bt_lead + div {
	text-align: center;
}
div.bt_board,
div.bt_vulnerability,
div.bt_dealer,
div.bt_direction {
	position: absolute;
	left: 10px;
	padding-bottom: 6px;
	font-weight: bold;
}
div.bt_board {
	top: 4px;
}
div.bt_vulnerability {
	top: 32px;
}
div.bt_dealer {
	top: 62px;
}
div.bt_board:before {
	content: "Board: ";
}
div.bt_vulnerability:before {
	content: "Vul: ";
}
div.bt_dealer:before {
	content: "Dlr: ";
}

/* The "Hand" block */
div.bt_hand {
	position: relative;
	width: 122px;
	height: 122px;
	background-color: #efefef;
}
div.bt_player {
	position: relative;
	width: 122px;
	height: 24px;
	background-color: #dbfbf8;
	font-weight: bold;
}
div.bt_position,
div.bt_name {
	height: 21px;
	padding-top: 2px;
	border-bottom: 1px solid #b0b0b0;
	text-align: center;
}
div.bt_position {
	float: left;
	width: 21px;
	border-right: 1px solid #b0b0b0;
}
div.bt_name {
	width: 100px;
	margin-left: 21px;
}
div.bt_suit {
	position: relative;
	width: 122px;
	height: 23px;
}
div.bt_suit_sym,
div.bt_cards {
	height: 21px;
	padding-top: 2px;
}
div.bt_suit_sym {
	float: left;
	width: 20px;
	text-align: center;
}
div.bt_cards {
	width: 102px;
	margin-left: 21px;
	letter-spacing: 1px;
}
div.bt_long_suit {
	font-size: 0.8em;
	letter-spacing: normal;
	line-height: 180%;
}

/* Auction diagrams. They use some of the above "auxiliary" classes */
div.bt_auction_grid {
	display: table;
	border-collapse: collapse;
	table-layout: fixed;
	background-color: #efefef;
	border: 1px solid black;
	margin-top: 14px;
}
div.bt_auction_header {
	display: table-row;
	border-bottom: 1px solid black;
}
div.bt_auction_round {
	display: table-row;
}
div.bt_auction_player,
div.bt_unc_auction_player,
div.bt_call {
	display: table-cell;
}
div.bt_auction_player,
div.bt_unc_auction_player {
	text-align: center;
	font-weight: bold;
}
div.bt_unc_auction_player {
	width: 120px;
	background-color: #dbfbf8;
}
div.bt_call {
	padding-left: 22px;
}
div.bt_unc_auction_player + div.bt_unc_auction_player {
	border-left: 1px solid #a0a0a0;
}
div.bt_auction_position,
div.bt_auction_name,
div.bt_auction_name_last {
	display: table-cell;
	height: 24px;
	padding-top: 2px;
	text-align: center;
}
div.bt_auction_position {
	width: 22px;
}
div.bt_auction_name,
div.bt_auction_name_last {
	width: 94px;
	background-color: #dbfbf8;
}
div.bt_auction_name {
	border-right: 1px solid #a0a0a0;
}
div.bt_long_name {
	font-size: 0.8em;
	vertical-align: top;
}

div.bt_comments,
div.bt_unc_comments {
	background-color: #ffffe8;
	border-top: 1px solid #ffffe8;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	width: 467px;
}
div.bt_comments div,
div.bt_unc_comments div {
	margin: 4px 4px 4px 8px;
}
div.bt_unc_comments {
	margin-top: 10px;
	border-top: 1px solid black;
}

/* "Auxiliary" classes, not stand-alone */
div.bt_center {
	margin-right: auto;
	margin-left: auto;
}
div.bt_left,
div.bt_left_spafter {
	float: left;
	margin-right: 20px;
}
div.bt_left_spafter {
	margin-bottom: 12px;
}
div.bt_unc_floated {
	margin-left: 254px;
	margin-top: 26px;
}
div.bt_red {
	background-color: #ff8080;
}
div.bt_green {
	width: 66px;
	background-color: #80ff80;
}
div.bt_blue {
	background-color: #8080ff;
}
.bt_nvul {
	background-color: white;
}
.bt_vul {
	background-color: #ff7575;
}
.bt_no_wrap {
	clear: both;
}

/* END of style sheet
-------------------------------------------------------------------*/