div.quizitem div.quizoverlay { text-align: center; position: absolute; z-index: 587; background-color: #fff; opacity: .8; -moz-opacity: .8; filter: alpha(opacity=80); }

p.legend { border-bottom: 1px dotted #aaa; padding: 3px; }

span.thumbsup, span.thumbsdown, span.thumbsupon, span.thumbsdownon, span.thumbsupoff, span.thumbsdownoff, span.thumbsupans, span.thumbsdownans {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	padding: 0 5px 5px 5px;
}

span.thumbsupans, span.thumbsdownans {
	width: 105px;
	padding: 0px 5px 5px 20px;
}

span.thumbsupans {
	width: 85px;
}

span.thumbsupans, span.ryes, span.quizgr span.legendleft {
	color: #2a4375;
}

span.thumbsdownans, span.rno, span.quizgr span.legendright {
	color: #921612;
}

span.thumbsup, span.thumbsupans, span.thumbsupoff {
	background: url(../art/thumbup.gif) no-repeat;
}
span.thumbsdown, span.thumbsdownans, span.thumbsdownoff {
	background: url(../art/thumbdown.gif) no-repeat;
}
span.thumbsupoff, span.thumbsdownoff {
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}
span.thumbsupon {
	background: url(../art/thumbupon.gif) no-repeat;
}
span.thumbsdownon {
	background: url(../art/thumbdownon.gif) no-repeat;
}
div._quizbridge { display: none; }
p.caveat { color: #921612; font-size: 12px; background-color: #eee; text-align: center; padding: 3px; margin: 5px 0 5px 0; }
table.graphkey { width: 100%; border-collapse: collapse; border: 0; margin: 0 auto; padding: 0 }
table.graphkey td { border: 0; font-size: 13px; margin: 0; padding: 4px; text-align: left; border-bottom: 1px solid #fff; vertical-align: top; }
table.graphkey td.graphmain { width: 50% }
table.graphkey td.colorbox { width: 15px; padding: 0; height: 60px; border-bottom: 1px solid #fff;  }
div.content p span.quizgr { background-color: #fff; padding: 5px; clear: both; margin: 5px 0 8px 0; font-size: 12px; display: block; }
span.quizgr span.legendright { width: 150px; text-align: right; font-size: 12px; float: right; }
span.bar_outer { background-color: #921612; height: 12px; display: block; }
span.bar_outer span.bar_inner { height: 12px; width: 0px; border-right: 3px solid #f00; background-color: #2a4375; display: block; }
div.content p.quiz, div.content p.quizshort { background-color: #eef; margin: 0 0 8px 0; border-left: 3px solid #755; padding: 4px 70px 4px 20px;  }
div.ansbox { padding: 6px; background-color: #eef; }
div.qscale { padding: 5px; background-color: #fff; margin: 8px 15px 8px 15px; }
div.qscale table { width: 100%; border: 0; border-collapse: collapse; padding: 0; margin: 0 }
div.qscale td { padding: 0; margin: 0; text-align: center; width: 25%; }
div.qscale td.scalebar { height: 12px; opacity: .4; -moz-opacity: .4, filter: alpha(opacity=40) }
div.qscale td.legend { padding: 5px 0 10px 0; font-size: 13px; line-height: 13px; }
div.qscale td.bubble { width: 100%; height: 15px; text-align: left; }
div.qscale td.range { width: 100%; letter-spacing: 3px; color: #666; padding: 5px; text-transform: uppercase; border-top: 1px dotted #aaa; text-align: center; }
div.qscale td.bubble span.quizbubble { display: block; width: 20px; height: 15px; background-image: url(../art/quizarrow.png); position: absolute; z-index: 100;}
a.subm { text-decoration: none }
span.yesno, span.realnumber { display: block; margin: 8px 0 8px 0; padding: 2px; color: #fff; width: 110px; text-align: center; font-weight: bold; }
span.realnumber { background-color: #2a4375; }
b.results { color: #c00; }
#c2 td { background-color: #eef;  padding: 8px; border-top: 5px solid #eef }
#c2 td.highlight { width: 48%; background-color: #fee; border-top: 5px solid #f00 }
#c2 td.highlight p { color: #f00; }

input.qbutton {
	 border: 0; padding: 2px 5px 2px 8px; background-color: #c00; color: #fff; letter-spacing: 2px; text-transform: uppercase; margin-left: 2px;
}

input.qbutton:hover {
	background-color: #59A9F9;
}

table.outernav {
	margin: 0 10px 10px 10px;
}

table.outernav td.mainarea {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.outernav td.topnav, table.outernav td.topnavon {
	background: url(../art/p_sectiontitle.gif) repeat-x;
	padding: 8px 8px 5px 8px;
	font-size: 13px;
	cursor: pointer;
	line-height: 14px;
	color: #f00;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-top: 3px solid #f00;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

table.outernav td.topnav:hover {
	background: #f00;
	color: #fff;
}

* html td.topnav:hover {
	background: #f00;
	color: #fff;
}


table.outernav td.topnavfirst {
	border-left: 1px solid #ccc;
}

table.outernav td.topnavon {
	padding: 5px 8px 5px 8px;
	border-top: 6px solid #f00;
	background: #ccc;
	color: #800;
}

table.outernav td.topnav div.tabtitle {
	color: #8a6f6f;
}

table.outernav td.topnav:hover div.tabtitle {
	color: #ccc;
}

input.instantquiz {
	margin-bottom: 5px;
}

div.content table.maintopnav {
	background-color: #ccc;
}

div.content table.maintopnav td {
	border-right: 1px solid #fff;
	border-top: 10px solid #fff;
	padding: 5px 15px 2px 15px;
	color: #ff0000;
}

div.content table.maintopnav td:hover {
	border-right: 1px solid #fff;
	border-top: 10px solid #fff;
	padding: 5px 15px 2px 15px;
	background-color: #ff0000;
	color: #fff;
}

div.content table.maintopnav td.on {
	border-top: 0;
	background-color: #ff0000;
	color: #fff;
	font-size: 16px;
	padding: 5px 15px 2px 15px;
}

div.content table.maintopnav td a {
	text-decoration: none;
}

div.content div.lightblue {
	background-color: #eeeeff; 
	padding: 10px 0 10px 0;
}

div#b2score { text-align: center; margin: 3px 15px 3px 15px; font-size: 17px; background-color: #f00; color: #fff; padding: 3px; }
div#b2score span.score { font-weight: bold; }