/* Removed imports as not present when migrated to BridgeWebs */
/* This now included in BW formating via bw_formatting.js */

/* @import url("photo.css"); */
/* @import url("quiz.css"); */

/* 2020-04-02	{border-collapse: collapse;} added to all table definitions as use
				on general table causes havoc inside BridgeWebs
*/
				

table.info-text {border-collapse: collapse;}

table.info-text td, table.info-text th {vertical-align: top;padding: 3px;padding-right: 10px}

table.info-text th {font-weight: bold; padding-left: 20px;}

table.info-text th.ns-baize {
    background: #00af00;
    line-height: 1.8em;
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    color: #fff;
}

table.info-text table.info-text {margin:0}

table.example {border-collapse: collapse;}
table.example {margin-left:40px;}
table.example td {vertical-align:top;}

table.auction {border-collapse: collapse;}
table.auction {margin-left:40px; margin-bottom: 10px}
table.auction tr {text-align: center;}
table.auction th, table.no-WNES td {width:60px;}
table.auction tr.auction-names > th {font-weight: normal; font-style: italic;}

table.place-col {border-collapse: collapse;}
table.place-col tr td:first-child {padding-right: 5px}

td.commentary {width: 200px;vertical-align: top;}
td.commentary-wide {width: 300px;vertical-align: top;}
td.commentary-wide > table.example {margin-left: 30px;}

/* this moves to top and highlights auction nicely when alongside a compass deal */
td.commentary-wide > table.auction {
	margin-left: 0;
	margin-top: 0;
	border: 1px solid black;
	background: #ffd;
}

/* Moved similar treatment of 'new style' auctions to compass.css [2015-03-11]
td > div.auction {
    margin-left: 10px;
	margin-top: 0;
	border: 1px solid black;
	background: #ffd;
    display: table;
    text-align: center;
    margin-bottom: 10px;
}
*/

table.mp {border-collapse: collapse;}
table.mp td {border: 1px solid black;text-align: center;padding: 3px;}

tr.explain {font-size: 0.8em;color: #666666;}

td.explain {font-size: 0.8em;background: #fff !important; color: #666 !important;max-width: 300px;}

table.answer-explain-strong {border-collapse: collapse;}
table.answer-explain-strong tr.explain td strong:first-child {font-size: 1.5em;padding-right: 10px;}

table.gridlines {border-collapse: collapse;}
table.gridlines
{
    border-color: #600;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

table.gridlines > tr > td, table.gridlines > tr > th,
table.gridlines > tbody > tr > td, table.gridlines > tbody > tr > th
{
    border-color: #600;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
}

table.gridlines td {background-color: #ffffcc;}

table.gridlines.left-col1 th {text-align: left;}

table.gridlines.light,
table.gridlines.light > tr > td, 
table.gridlines.light > tr > th,
table.gridlines.light > tbody > tr > td, 
table.gridlines.light > tbody > tr > th {background-color: #fff; border-color: #aaa;}

table.traffic-lights {border-collapse: collapse;}
table.traffic-lights {color: #fff;}

table.traffic-lights tr.explain td {background: #fff !important; color: #666 !important;}

table.traffic-lights tr td:first-child {background: #004e00;}
table.traffic-lights tr td:first-child + td {background: #ff9e1e;}
table.traffic-lights tr td:first-child + td + td {background: #cd0000;}

table.traffic-lights tr th:first-child {color: #004e00;}
table.traffic-lights tr th:first-child + th {color: #ff9e1e;}
table.traffic-lights tr th:first-child + th + th {color: #cd0000;}

table.across-2, table.across-3, table.across-4 {border-collapse: collapse;table-layout: fixed;margin: 20px auto;}
table.across-2 td, table.across-2 th {width: 50%;}
table.across-3 td, table.across-3 th {width: 33%;}
table.across-4 td, table.across-4 th {width: 25%;}

table.example.across-4 {width: 85%;}
table.example.across-3 {width: 85%;}
table.example.across-2 {width: 85%;}

dt {font-style: normal;font-weight: bold;color: blue;}

li dt, dd dt {color: black;}

li {margin-bottom: 0.4em;}

.fancy {
	font-family:	'Monotype Corsiva';
	font-size:		x-large;
	text-align:		center;
	color:			black;
	margin:			15px 0px 35px 0px;
}

span.big-card {font-size: 1.2em; font-weight: bold; border: 1px dotted black;}

.not-on-website {display: none;}

p.pithy {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 10px;
    color: white;
    background: blue;
    text-align: center;
    border: 1px solid black;
    font-weight:bold;
}

p.pithy > span.blk {color:#ccc;}

/* A bit like 'pithy' but bold (perhaps more appropriate) */

p.reminder-box {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 10px;
    color: blue;
    background: #ffffcc;
    text-align: center;
    border: 1px solid gray;
    font-weight:bold;
}

h5 {color:blue;} /* Bridge mail override */

ul#attached li {border: 1px green dotted;padding: 0;margin-bottom: 15px;}
ul#attached a {display: block;padding: 5px;}

dl#incremental {counter-reset: item1; }
dl#incremental dt:before {counter-increment: item1;content: counter(item1) ". ";}

dl.bid-sequences {padding-left: 20px;} /* indented like 'example' (though not as deep) */
dl.bid-sequences dt {color: inherit;} /* regular defined lists are blue */

div.write-up > table {float:left;}
div.write-up + * {clear: both;}

table.info-text table.info-text.example{width: 100%;table-layout: fixed;}

td > table.auction {margin: 0;}

table.gridlines > tbody > tr > th {text-align: center;min-width: 100px;}
table.gridlines tr.multi-line > th {text-align: left;padding-left: 25px;min-width: 79px;} /* 4px padding alread? */

td table.gridlines > tbody > tr > th {min-width: 0;}

table.gridlines.compress th {min-width: 0;}

ol.board-review {list-style-type: none;}
ol.board-review > li {counter-increment: bd;}
ol.board-review > li:before {content: "Board " counter(bd) ". ";font-weight: bold;margin-left: -45px;}

/* For bridge articles that have right-floated sidebars */
h2, h3, h4, h5 {clear:none}
div.sidebar {float: right;margin-right: -280px; ;width: 270px;border: 1px dotted blue;background: #ffd;}
div.sidebar > h5:before {content: none;}
div.sidebar > ul, div.sidebar > ol {margin: 0 10px 0 0; padding-left: 25px}

table.info-text.traveller {
    font-size: 0.9em;
    background: #eee;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    margin-top: 20px;
}

table.info-text.traveller td, table.info-text.traveller th {
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
}
table.info-text.traveller th {
    padding-left: 3px;
    padding-right: 3px;
}

div#widecontent table.info-text td > * {margin-left: 0;}

q.disclose {color: blue;font-weight: bold;}

h3.numbered {counter-increment: ih3;counter-reset: ih4 ih5;}
h3.numbered:before {content: counter(ih3) ") ";}

h4.numbered {counter-increment: ih4;counter-reset: ih5;}
h4.numbered:before {content: counter(ih3) "." counter(ih4) " ";}

h5.numbered {counter-increment: ih5;}
h5.numbered:before {content: counter(ih3) "." counter(ih4) "." counter(ih5) " ";}

dl.ski dd {padding: 4px 0px;}

dl.ski dt {color:#fff;display: inline;padding: 1px 2px;}

dl.ski dt.green-run {background: green;}
dl.ski dt.blue-run {background: blue;}
dl.ski dt.red-run {background: red;}

/* 2020-04-06 from dl2new.css - May not be best place but used in The Daily Bridge */

ul.false-footnote {list-style: none;margin-left: 10px;padding-left: 5px;}
ul.false-footnote li {padding-left: 5px;}
ul.false-footnote.dagger li:before {content: "\2020";margin-left: -10px;padding-right: 4px}