/* (C)opyright 2004-2005, 2014, 2018, Clayton H. Harris */

/* common */

/* **** */
ul, ol {
	margin-left: 0;
	padding-left: 2.5em;
}

nav.start-nav,
nav.end-nav {
	clear: both;
	margin: 1ex 0;
	padding: 0.5ex 0;
}

nav.start-nav {
	font-size: 0.8em;
	border-bottom: thin solid #333333;
}

nav.end-nav {
	font-size: 0.8em;
	border-top: thin solid #333333;
}

nav.start-nav ul,
nav.end-nav ul {
	margin: 3ex 0 0 0;
	padding-left: 0;
	list-style: none;
	display: inline;
}

nav.start-nav li,
nav.end-nav li {
	margin: 0;
	display: inline;
}

nav.start-nav li a,
nav.start-nav li.here,
nav.end-nav li a,
nav.end-nav li.here {
	margin-left: 0.5em;
	padding: 0.5ex;
	border: thin solid #333333;
	text-decoration: none;
}

nav.start-nav li a:hover,
nav.end-nav li a:hover {
	border: thin dashed #333333;
}

nav.start-nav ul li.here {
	border-bottom-color: #cccccc;
	border-top: medium double #000000;
}

nav.end-nav ul li.here {
	border-top-color: #cccccc;
	border-bottom: medium double #000000;
}

div.end-text {
	clear: left;
	float: left;
}

div.end-text p {
	font-family: Helvetica, sans-serif;
	font-style: italic;
	font-size: smaller;
	margin: 0;
}

nav.end-icons {
	clear: both;
	font-size: x-small;
}

nav.end-icons ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	display: inline;
}

nav.end-icons ul li {
	display: inline;
}

/* **** */

body {
	color: #000000;
	background-color: #00ccff;
	margin: 0;
	padding: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

section { page-break-inside: avoid; }

a:hover,
nav.start-nav li a:hover,
nav.end-nav li a:hover {
	background-color: #00ffff;
}

nav.start-nav ul li.here { border-bottom-color: #00ccff; }

nav.end-nav ul li.here { border-top-color: #00ccff; }

nav.start-nav li a,
nav.end-nav li a {
	background-color: #00bbff;
}

main i {
	color: #009900;
	font-style: oblique;
}

span.block {
	display: block;
}

.quoting {
	background-color: #0099ff;
	font-style: oblique;
}

.trademark {
	vertical-align: super;
	font-size: smaller;
}

.copyright p {
	font-weight: bold;
	font-size: smaller;
	margin: 0;
}

/* index */

/* alternate */

/* experimental */

/* extended */

/* misc */

/* rationale */

/* rules */

/* shuffling */

/* strategy */

.card-Basic span, .card-Command span, .card-Power span,
.card-Blue, .card-Red, .card-Yellow {
	font-style: oblique;
}

.card-Blue { background-color: #0000ff; }
.card-Red { background-color: #ff0000; }
.card-Yellow { background-color: #ffff00; }

main h2 {
	background-color: #0099cc;
	border-bottom: medium solid #000000;
}

main h3 { text-decoration: underline; }

.inline-spacer { margin-bottom: 2ex; }

.inline-list p { display: inline; }

.inline-list ol,
.inline-list ul {
	margin: 0;
	padding: 0;
	display: inline;
}

.inline-list li {
	margin-right: 0.25em;
	margin-left: 0.25em;
	display: inline;
}

main table {
/*        width: 99%; */
        text-align: left;
        vertical-align: top;
        border-collapse: collapse;
}

main th {
	text-align: center;
        vertical-align: top;
	border-bottom: thin solid #000000;
}

main td {
        padding: 0.3ex 0.3em;
        border: none;
        vertical-align: top;
}

main .even,
main td,
#zar-declare-box ol li i {
	background-color: #00ddff;
}

main .odd,
main tr.odd td,
main tr.odd th,
main tbody.odd td,
main tbody.odd th,
#zar-declare-box ol li i.odd {
	background-color: #00bbff;
}

/* mult #00cc99 */

#cards-col-1 { width: 3%; }
#cards-col-2 { width: 22%; }
#cards-col-3 { width: 75%; }

/* #cards-tab td:first-child { */
.rj { text-align: right; }

#turn-list ul {
	padding: 0;
	margin: 0;
}

#turn-list li {
	padding-left: 0.5em;
	padding-bottom: 1ex;
}

#turn-list ul li {
	padding-left: 2.75em;
	text-indent: -2.75em;
	list-style: none;
	padding-bottom: 0;
}

.turn-opt {
	margin-right: 1em;
}

#close-col-1,
#close-col-2 {
        width: 23%;
}

#close-col-3 { width: 54%; }

#close-tab th,
#mult-match-tab th {
	border: thin solid #000000;
}

#close-tab td,
#mult-match-tab td {
	font-size: smaller;
	border: thin solid #000000;
}

.close-note,
#shuf-notes {
	font-size: smaller;
}

#zar-misc-box ul {
	margin: 0;
	padding: 0;
}

#zar-misc-box li {
	padding-bottom: 2ex;
}

.faq-col-1 { width: 3%; }
.faq-col-2 { width: 97%; }

#faq-tab .faq-a td,
#cham-faq-tab .faq-a td {
	padding-bottom: 1ex;
	border-bottom: thin solid #000000;
}

#zar-misc-box li.misc-zap-spacing,
#faq-tab .faq-zap-spacing td,
#cham-faq-tab .faq-zap-spacing td {
	padding-bottom: 0.3ex;
	border-bottom: none;
}

#mult-match-col-1 {
	width: 40%;
	border-right: thin solid #000000;
}
#mult-match-col-2 {
	width: 30%;
	border-right: thin solid #000000;
}
#mult-match-col-3 { width: 30%; }

#shuf-img img,
main #shuf2-tab {
	float: left;
	margin-right: 2em;
}

#shuf-tab,
#shuf2-tab {
	clear: both;
	margin-top: 2ex;
	margin-bottom: 2ex;
}

main #shuf2-tab {
	margin-top: 0;
	width: 40%;
}

.clear { clear: both; }

#shuf2-col-1,
#shuf2-col-3 {
	width: 15%;
}
#shuf2-col-2 { width: 70%; }

#shuf-tab th, #shuf-tab td,
#shuf2-tab th, #shuf2-tab td {
	text-align: center;
	background-color: #00ddff;
	border: thin solid #000000;
}

#shuf-tab th,
#shuf2-tab th {
	border-bottom: medium solid #000000;
}

#shuf-col-1,
#shuf2-col-1 {
	border-right: medium solid #000000;
}

#shuf-tab tr td.good {
	background-color: #0099ee;
	border: medium solid #000000;
}

#shuf-tab tr td:first-child,
#shuf2-tab tr td:first-child {
	font-weight: bold;
}
#shuf-notes p { margin-bottom: 0; }

#shuf-notes ul { margin-top: 0; }

.base { vertical-align: sub; }

.box,
.box-faq {
	border: medium dashed #ffff00;
	padding: 0.3em;
}

.box-faq { color: #cc0000; }

div.sep {
/*	border-top: 2px groove #00ccff; */
	border-top: 8px solid #00bbff;
	border-bottom: 8px solid #00ddff;
}
/*
.copyright hr {
	border-width: 8px;
}
*/

#cardsb-tab td, #cardsc-tab td { border: thin solid #000000; }
#cardsb-tab td, #cardsc-tab td { text-align: center; vertical-align: middle; }
#cardsb-tab .rsep, #cardsc-tab .rsep { border-right: thick solid #000000; }
#cardsc-tab p { margin: 0; }

/* @page { margin: 0.5in; } */

/* riffle */
footer { clear: both; }

#pktleft, #pktright, #pktdot { padding: 0 0.2em; }
#pktleft { border: 1px solid #000000; }
#pktright { border: 1px solid #ffa500; }
#pktdot { border: 2px dotted #ff00ff; }

#deck p { clear: both; }
#deck p div:first-child {
	text-align: right;
	background-color: #00ccff;
	border: none;
	padding-right: 1em;
}

#deck div {
	float: left;
	width: 1.2em;
	border: 1px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	text-align: center;
	background-color: #dddddd;
	margin-bottom: 1ex;
	margin-left: 2px;
}

#riffle-form { clear: both; }
/* riffle */

nav.end-icons ul li img {
	object-fit: none;
	object-position: 0 0;
	width: 88px;
	height: 31px;
}

nav.end-icons ul li + li img {
	object-position: -88px 0;
}

nav.end-icons ul li + li + li img {
	object-position: -176px 0;
}

@media print {
	body {
		background-color: #ffffff;
		font-family: Times, "Times New Roman", serif;
		font-size: 11pt;
		padding: 0;
		line-height: 1.2;
	}
main h2, main h3 { padding-bottom: 0.5ex; }
/* #main-body p { margin-top: 0; } */
	main i { color: #000000; }
	.start-nav, .end-nav, .webmaster, .end-icons { display: none; }
	.end-text { padding-top: 4ex; }
	.new-page { page-break-before: always; }
}

h1 {
	font-size: 2em;
/*	margin: 0.67em 0;	*/
	margin: 0;
}
h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}
h3 {
	font-size: 1.17em;
/*	margin: 1em 0;		*/
	margin: 1ex 0;
}
h4 {
	font-size: 1.0em;
/*	margin: 1.33em 0;	*/
	margin: 1ex 0;
}
h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}
h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
}

p { margin: 1ex 0; }

/* Last updated: November 19, 2018 */