body
{
margin: 0px;
padding: 0px;
font-family:  Georgia, Times, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #666;
}


a:link, a:visited {
	  text-decoration:none;
color: #006;
  }
a:hover, a:focus, a:active {
	  text-decoration:underline;
color: #E33;
  }

textarea
{
border: 1px solid #AAA;
font-size: 8pt;
}
  
input
{
border: 1px solid #AAA;
font-size: 1em;
}

table
{
	font-size: .9em;
	margin: 4px;
}

td
{
	padding: 4px 12px;
}

th, label
{
	border-bottom: 1px solid #EEE;
	color: #F66;
}

caption
{
	padding: 0px;
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing:.5em;
	text-transform: uppercase;
}

/*
DIVS
*/


#container
{
	width: 800px;
	margin: 0px auto 0px auto;  /* top right bottom left*/
	padding: 7px 50px 50px 50px;
}


#top
{
padding: 0px;;
}

#top h1
{
	letter-spacing: .3em;
font-size: 3em;
font-weight: bold;
color: #F66;
padding: 0px;
margin: 0px;
}

#content
{
padding: 4px;
overflow: auto;
}

#footer
{
margin: 4px;
border-top: 1px solid #CCC;
text-align: center;
}

#footer img
{
	border: none;
}

#footer ul
{
}

#footer li
{
display: inline
list-style: none;
padding: 12px;
}

#choices table
{
	width: 100%;
}

#choices caption
{
	font-size: 3em;
}
/*
  CLASSES
 */
img.thumbnail
{
margin: 4px;
float: left;
clear: left;
border: 1px solid #AAA;
}

img.tinythumbnail
{
vertical-align: middle;
border: none;
margin: 4px;
}

img.largethumbnail
{
margin: 4px;
float: right;
border: 1px solid #AAA;
}

img.sidebarthumbnail
{
margin: 4px;
border: 1px solid #AAA;
}


.centered
{
text-align: center;
}

.centered table
{
text-align: center;
}

.blue
{
color: #00C;
}

.red
{
color: #E33;
}

ul.inline
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

.inline li
{
	display: inline;
}

.warning {
	text-align: center;
	color: #FF6666;
	padding: 10px;
	font-weight: bold;
	background-color: #FFFF66;
	border-top: 2px solid #FF6666;
	border-right:  2px solid #FF6666;
	border-left: 2px solid #FF6666;
	border-bottom: 2px solid #FF6666;
}

.submit
{
	text-align: center;
	vertical-align: middle;
	border: 1px outset #DDD;
	border-color: #DDD;
	margin: 4px;
	padding: 2px;
	font-size: 1em;
	background-color: #FCFCFC;
	background: url(/game/images/40-fade.gif);
	background-repeat: repeat-x;
	color: #000;
}

.small
{
	font-size: .8em;
}

td.choice
{
	text-align: right;
	width: 50px;
}

th.cell0a, td.cell0a	{
	background-color: #F5F5F5;
}

th.cell0b, td.cell0b	{
	background-color: #F5F5F5;
}

th.cell1a, td.cell1a	{
	background-color: #F9F9F9;
}


th.cell1b, td.cell1b	{
	background-color: #FBFBFB;
}

th.cella	{
	background-color: #ECECEC;
}


th.cellb	{
	background-color: #F3F3F3;
}


.correct {
	background-color: #D3F3D3;
}

.wrong {
	background-color: #F3D3D3;
}

.selected {
	background-color: #F3F3D3;
}

.box
{
	margin: 10px;
	border: 1px outset #DDD;
	font-size: 1em;
	background-color: #FCFCFC;
	color: #000;
}

.box h3
{
	color: #FFF;
	margin: 0px 0px 10px 0px;
	padding: 4px;
	background-color: #666;
}

.commentTime
{
	display: block;
	font-size: .7em;
	color: #F66;
	float: right;
}