/*  Only need this if you're doing quizzes.

*/

dl.quiz {counter-reset: item1; }

dl.quiz dt {
    font-size: 10pt;
    padding-bottom: 12px;
}

dl.quiz dt:before {
    color: white;
    padding-left: 4px;
    padding-bottom: 2px;
    margin-right: 4px;
    background: green;
    counter-increment: item1;
    content: counter(item1) ". ";
}

dl.quiz input {
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 4px;
}

dl.quiz div.answer, ol.quiz div.answer {
    color: black;
    background: #ccc;
    padding: 8px;
    margin-top:12px;
    margin-bottom:10px;
    
    border: 1px dotted blue;
    background: #ffd;
}

dl.quiz div.answer > p:first-child:first-letter {
    font-weight: bold;
    color: green;
    font-size:120%;
}

dl.quiz div.answer > blockquote {
    border: 1px dashed green;
    padding: 10px;
}

dl.quiz ol.multiple-choice {list-style-type: upper-alpha;}

table.info-text tr td, table.info-text tr th {padding-right: 10px;}

table.place-col tr td:first-child {padding-right: 5px;}
table.place-col th {text-align: left;}

table.text-col1 tr td:first-child {padding-right: 15px;}
table.text-col1 th {text-align: left;}

ul.inline {
    margin-left: 0;
    padding-left: 0;
}

ul.inline li {
    display: inline;
    margin-right: 8px;
}

ul.inline li.annotate:before {
    content: ": ";
    font-size: 1em;
}

ol.auction-notes {list-style-type: decimal;}

div.answer {display: none;}

p.reveal, span.reveal {
    font-weight:    bold;
    color:		    #c00000;
    padding:        5px;
}

p.reveal:hover, span.reveal:hover {background:	#FC0;}

ol.xyz { counter-reset: itemx 23; list-style-type: none ! important;}
ol.xyz	li:before {
		content: counter(itemx,upper-alpha) ". ";
		counter-increment: itemx;
		}
ol.xyz li div.auction {margin-top: -10px;}

dl.quiz > dd > blockquote {border: 1px dotted gray;}

dl.quiz > dd > ol {list-style-type: upper-alpha;}

dl.quiz ol.abcd input {width: 40px; margin-left: 15px;}

ol.quiz  {list-style: none;counter-reset: item1;}

ol.quiz > li:before {
    padding-left: 4px;
    padding-bottom: 2px;
    padding-right: 2px;

    margin-right: 4px;
    margin-left: -40px;

    float:left;

    font-weight: bold;
    color: white;
    background: green;

    counter-increment: item1;
    content: counter(item1) ". ";
}

ol.quiz > li {margin-bottom: 40px;}

ol.quiz > li > div.compass {margin-bottom: 30px;}

ol.quiz ul.bridge-hand {margin-top: 10px;margin-bottom: 15px;}

ol.quiz.two-char-answers input {width: 18px;}

div.answer > p:first-child {font-weight: bold;color: green;}

.quiz > li > p:first-child {font-weight: bold;}

.quiz > li > ol.question {list-style-type: upper-alpha;}

.quiz > li > h5 {padding-top: 0;font-size: 1.0em;clear: none;font-family: Verdana}