img[id] {
	cursor: pointer;
}

p.update {
	text-align: right;
	font-style: oblique;
	margin-top: 0;
}

ul {
	list-style-position: inside;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none !important;
}

ul.opener {
	color: black;
}

ul.opponent {
	border-left: solid 1px #6a6a6a;
	color: #bf8000;
}
	
ul.responder {
	color: #6a6a6a;
}

ul.opponent li ul.responder { 
	border-left: dashed 1px #bf8000;
}

ul.opener li ul.responder { 
	border-left: solid 1px #6a6a6a;
}

ul.responder li ul.opener { 
	border-left: dotted 1px grey;
}

li {
	margin-top: 0.25em;
}

.flowchart {
	border: dotted 1px #666;
	padding: 0 0 10px 10px;
}

.flowchart ul {
	list-style-type: square !important;
}

*.tempo {
	color: #990099;
}

*.alert {
	color: red;
}

*.announce {
	color: blue;
}

*.index {
	margin: 1em auto;
	text-align: center;
	text-transform: uppercase;
}

*.indent {
	padding-left: 1.5em;
	margin-bottom: 0;
}

.c, .d, .h, .s {
	font-family: 'Times New Roman',Times,serif;
	font-size: 1.25em;
}

.d, .h {
	color: red;
}

.c, .s {
	color: black;
}
	
.box {
	margin-right: 5px;
}



/* CARDS FAMILY TREE */

.instructions {
	border: dotted 1px #999;
	padding: 1em;
	text-align: center;
}

ul.gameslist:after {
	content: "et al.";
}

ul.gameslist li {
	display: inline;
	font-style: oblique;
	font-size: 0.9em;
}

ul.gameslist li:after {
	content: ",";
	margin-right: 0.25em;
}

ul.nested {
	display: none;
	margin-bottom: 0.5em;
}

h2.upper {
	text-transform: uppercase;
	font-family: Georgia, 'Times New Roman', serif;
}

ul.nested h3,
ul.nested h4,
ul.nested h5,
ul.nested h6 {
	font-family: Georgia, 'Times New Roman', serif;
	margin: 0.5em 0 0 0;
}

ul.nested h3 {
	font-style: normal;
	font-size: 1.2em;
}

ul.nested h4 {
	font-style: oblique;
	font-size: 1.1em;
}

ul.nested h5,
ul.nested h6 {
	font-size: 1em;
}