.logobackground {  background-image:  url(/template/wizardtrivia/images/logobar_background.gif); background-position: top; background-repeat: repeat-x; }
.barbackground {  background-image:  url(/template/wizardtrivia/images/logo_bar.gif); height: 22px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; vertical-align: top}
.bartext {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10px; text-align: right; color: #FFFFFF; vertical-align: top}
.menuheader {  background-image:  url(/template/wizardtrivia/images/menuheader_background.gif)}
.menuleft {  background-image:  url(/template/wizardtrivia/images/menu_left.gif)}
.menuright { background-image:  url(/template/wizardtrivia/images/menu_right.gif); background-position: right}
.menufooter {  background-image:  url(/template/wizardtrivia/images/menufooter_background.gif); background-position: top; background-repeat: repeat-x; }
.menucontent {  color: #FFFFFF; background-color: #2783FF; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}
.errorheader { background-image:  url(/template/wizardtrivia/images/errorheader_background.gif)}
.messageheader { background-image:  url(/template/wizardtrivia/images/messageheader_background.gif)}

.adbox { float:right; padding-left:10px; }

body
{
	color:#FFFFFF;
	font-size:80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 100%;
	width: 100%;
}
td { color: white; }
h1 { font-size: 115%; }
h2 { font-size: 100%; }
/* standards compliant version of the ol' <center> tag */
/* div.center {text-align: center;}
div.center table {margin-left: auto; margin-right:auto; text-align: left;}*/
div.bottom { position: absolute; left: 0px; bottom: 10px; z-index:5 }
div.right {text-align: right;}
div.timer { color : #CCCCFF;}
div.compatibility { display:none;visibility: hidden; }

#answercolumn { width: 20%; }

#adminleftmenu {
	background-color:#e4f4ff;
	width: 140px;
	border-right:2px solid #000;
	padding-left: 5px;
	padding-right: 5px;
	position : absolute;
	top: 0px;
	left: 0px;
	height: 100%;
}

#adminrightcontent {
	position: absolute;
	top: 0px;
	left: 160px;
	width: 80%;
	z-index: 6;
}

/* errorbox text, highlighting for each class of error */
.errorlevel1 { color : #FFFFFF; }
.errorlevel2 { color : #FFFFFF; }
.errorlevel3 { color : #FFFFFF; }
.errorlevel4 { color : #FFFFFF; }

/* for tables with alternating rows */
.rowlight { border-top: 1px solid white; }
.rowdark  { border-top: 1px solid #d4d4ff; }

/* format for all the various tables */
td
{
	padding : 0px;
	vertical-align : top;
}

th
{
	text-align: left;
	padding : 0px;
}

.table_errorbox
{
	background-color: #FFCC66;
	border: 2px solid black;
	width: 95%;
	margin: 8px;
}

.table_header
{
	background-image: url('./images/corner_background.gif');
	border-style: solid;
	border-color: #000099;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 2px;
	border-top-width: 0px;
	height: 20px;
	width: 95%;
	margin-left: 10px;
	margin-right: 8px;
	margin-bottom: -8px;
	z-index:7;
}

.table_content, .table_quiz, .table_login
{
	background-color : #FFFEF8;
	border-style: solid;
	border-color: #000099;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-width: 0px;
	width : 95%;
	margin : 8px;
	z-index:8;
}

.table_invisible
{
	background-color : transparent;
	border : none;
	width : 100%;
    padding : 4px;
	margin : 0px;
}

/* format for special types of text */
.text_instruction { font-size: 100%;  font-style: oblique; }
.text_small { font-size: 75%; }
.text_subheading { font-size: 100%; font-weight: bold; }
.text_heading { font-size : 130%; font-weight: bold; }
.text_question { font-size: 100%; padding-bottom: 10px; padding-top: 10px }
.text_answer { font-size: 100%; }
.text_incorrectanswer { font-size: 100%; text-decoration: line-through; }
.text_correctanswer { font-size: 100%; font-weight: bold; }
.text_stats { font-size: 100%; font-weight: bold; }

/* links */
a.link_menubar {
	padding-left: 12px;
}

a:link
{
	color: #ffdd00;
	text-decoration: none;
}
a:visited
{
	color: #ffdd00;
	text-decoration: none;
}
a:hover
{
	color: yellow;
	text-decoration: underline;
}
a:active
{
	color: yellow;
	text-decoration: underline;
}

/* form design and fixes for IE */
form { margin-bottom: 0px }
input, textarea, select, option
{
	border : 2px solid black;
    	background-color : #FBFFE2;
    	padding-left: 2px;
}
.imagebutton
{
	border : none;
	background-color : #2783FF;
}
.radio
{
	border : none;
	background-color : #2783FF;
}
.checkbox
{
	border : none;
	background-color : #2783FF;
}