body {
  background-color: #DDDDAA;
  font-family: verdana, helvetica, arial, sans-serif;
  margin: 0px;
}

img {
  border-width: 0px;
}

table {
  border-collapse: collapse;
}

a {
  color: #1F87B2;;
}

input {
  font-size: 8pt;
  font-family: verdana, helvetica, arial, sans-serif;
}

input[type=text] {
  border: 1px solid black;
}

input[type=password] {
  border: 1px solid black;
}

textarea {
  border: 1px solid black;
  font-size: 8pt;
  font-family: verdana, helvetica, arial, sans-serif;
}

#contents {
  border: 1px solid black;
  border-width: 0px 1px 1px 1px;
  background-color: white;
}

table.layout {
  padding: 0px;
	margin: 0px;
}

tr.layout {
  padding: 0px;
	margin: 0px;
}

td.layout {
  padding: 0px;
	margin: 0px;
}

#logo_cell {
  font-size: 5em;
  font-variant: small-caps;
}

#motto_cell {
  font-size: 2em;
  font-variant: small-caps;
}


#left_column {
  width: 160px;
}

#right_column {
  width: 160px;
}

#center_column {
}

#center_content {
  font-size: 0.9em;
}


#linkbox {
  /*border: 1px solid #DDDDAA;*/
  margin-top: .5em;
  margin-bottom: .5em;
  width: 100%;
}

#linkbox tr#links{
}

#linkbox #links a {
  color: white;
  display: block;
  margin: 2px;
  padding: 2px;
}

#linkbox #links p {
  color: white;
  display: block;
  margin: 2px;
  padding: 2px;
}

#linkbox #links a:hover {
  color: #CFC;
}

#linkbox #tab_row {
  padding: 0px;
  margin: 0px;
}

#linkbox #tab_row td {
  padding: 0px;
  margin: 0px;
}

#linkbox #left_tabs a {
  color: black;		/* unselected tab */
  padding-left: 5px;
  padding-right: 5px;
  border-style: solid;
  border-color: black;
  border-width: 0px 1px 0px 0px;
}

#linkbox #left_tabs a:hover {
  color: #CFC;
}

#left_tabs2  {
}

#linkbox #right_tabs a {
  color: black;		/* unselected tab */
  padding-left: 5px;
  padding-right: 5px;
  border-style: solid;
  border-color: black;
  border-width: 0px 1px 0px 0px;
}

#linkbox #right_tabs a:hover {
  color: #CFC;
}

#linkbox #links td {
  padding-left: 1em;
  padding-right: 1em;
  font-size: .8em;
  background-color: #1F87B2;
}

#linkbox #left_tabs a {
  background-color: #4FA7D2;	/* unselected tab */
}

#linkbox #left_tabs a.selected {
  color: white;
  background-color: #1F87B2;
}

#linkbox #left_tabs a.rightmost {
  border-width: 0px;
}

#linkbox #right_tabs a {
  background-color: #4FA7D2;	/* unselected tab */
}

#linkbox #right_tabs a.selected {
  color: white;
  background-color: #1F87B2;
}

#linkbox #right_tabs a.rightmost {
  border-width: 0px;
}

#linkbox #tab_hint {
  font-size: 0.8em;
  color: red;
  position: relative;
  top: -0.25em;
}

#linkbox #tab_hint img {
  position: relative;
  top: 4px;
}

div.form_field {
  margin-bottom: 1em;
}

div.form_field label {
  display: block;
  margin: 0px;
}

div.form_field div.fieldWithErrors {
  display: inline;
}

div.form_field div.fieldWithErrors input {
  border: 1px solid red;
}

div.form_field div.fieldWithErrors textarea {
  border: 1px solid red;
  vertical-align: middle;
}

.form_error {
  font-size: 8pt;
  color: red;
}


#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

table.edit_tabs {
  font-size: 1em;
}


table.edit_tabs td.spacer {
}

table.edit_tabs td.tab {
  color: #444;
  padding-left: 5px;
  padding-right: 5px;
  border-style: solid;
  border-color: black;
  border-width: 0px 1px 0px 0px;
  background-color: #4FA7D2;	/* unselected tab */
  text-align: center;
  line-height: 1.5em;
}

table.edit_tabs td.tab a {
  color: black;
}

table.edit_tabs td.tab a:hover {
  color: white;
}

table.edit_tabs td.selected {
  background-color: #1F87B2;
  color: white;
}

table.edit_tabs td.tab_form_body {
  border: 1px solid #1F87B2;
  font-size: 8pt;
}

table.edit_tabs td.tab_form_body div.tab_form_body{
  /*padding-left: 1em;
  padding-right: 1em;*/
}

#footer p {
  font-size: xx-small;
  padding-left: 100px;
  padding-right: 100px;
}

div.graph_question {
  margin-left: 2em;
  margin-right: 2em;
  background-color: #1F87B2;
  padding-bottom: 5px;
}

div.graph_question p {
  color: white;
}

div.graph_option {
  margin-top: 0px;
  margin-bottom: 1em;
  margin-left: 2em;
  margin-right: 2em;
  background-color: #4FA7D2;
  padding-bottom: 4px;
}

div.graph_option p {
  margin: 0px;
}

table.graph_bar {
  border: 1px solid white;
}

td.graph_bar_bg {
}

td.graph_bar_on {
  background-color: black;
}

td.graph_bar_off {
  font-size: x-small;
}

div.quiz_listing {
}

div.tips {
  font-size: x-small;
  margin-left: 2em;
  margin-right: 2em;
}

div#variable_new {
  margin-top: 1em;
}

div#question_new {
  margin-top: 1em;
}

div.form_block {
  padding: 2px;
  border: 1px solid #1F87B2;
  margin: 1em;
}

div.form_block form {
  display: inline;
  margin: 0px;
}

div.draggable_parent {
  /*margin: 1em;*/
}

div.draggable_child {
  margin: 0px;
}

div.draggable {
  border-width: 1px 1px 1px 10px;
}

div.compact_form_block {
  /*padding: 2px;
  border: 1px solid #1F87B2;
  border-width: 1px 1px 1px 10px;
  margin: 1em;*/
}

div.game_list {
}

div.game_list .game {
 border: 1px solid #1F87B2;
}

div.game_list .game img {
}

div.game_list .game_title {
  font-size: 1.2em;
  font-weight: bold;
}

div.game_list .game_description {
  font-size: small;
}

div.game_list td.game_title {
  background-color: #1F87B2;
  font-weight: bold;
}

div.game_list td.game_title a {
  color: white;
}

div.flashNotice {
  border: 2px solid green;
  text-align: center;
  color: green;
  padding: 1em;
}

div.similar_quizzes {
  padding: 2px;
  border: 1px solid #1F87B2;
  margin: 1em;
  font-size: x-small;
  text-align: left;
}


div.similar_quizzes td {
  font-size: x-small;
}

div.result_list {
  border: 1px solid #1F87B2;
/*  padding: 2px;
  margin: 1em;*/
  margin-bottom: 0em;
}


div.help_text_title {
  font-size: large;
  font-weight: bold;
}

h1.quiz_title {
  margin-bottom: 0px;
  font-size: large;
}

h2.quiz_page {
  margin-top: 0px;
  font-size: 10pt;
}

h2.quiz_author {
  margin-top: 0px;
  font-size: 10pt;
}

h2.quiz_author a {
  /*color: #1F87B2;*/
}

table.high_scores {
  width: 100%;
}

table.high_scores th {
  border: 1px solid black;
  background-color: #1F87B2;
  color: white;
}

table.high_scores tr td {
  border: 1px solid black;
  padding: 2px;
}

div.high_scores_game_name {
  color: #1F87B2;
  font-size: large;
  font-weight: bold;
}

div.tab_form_body td {
  font-size: 8pt;
}

div.edit {
  /*margin: .5em;*/
}

div.opinion {
	text-align: left;
	width: 95%;
	padding-top: .5em;
	padding-bottom: .5em;
}

div.opinion_text {
	border: 1px solid #4FA7D2;
	border-width: 1px 1px 0px 1px;
	background-color: #DDDDDD;
}

div.opinion_nickname {
	background-color: #4FA7D2;
}

span.opinion_nickname_span {
	color: white;
	font-size: 0.8em;
}

div.vote_controls {
	border: 1px solid #4FA7D2;
	border-width: 0px 1px 1px 1px;
	font-size: .6em;
	background-color: #DDDDDD;
}

div.opinion_command {
	border: 1px solid #4FA7D2;
	border-width: 0px 1px 1px 1px;
	background-color: #DDDDDD;
}

div.cat_header {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}

div.opinion_replies {
}

div.opinion_replies div.reply {
	width: 95%;
}

div.reply_nickname {
	background-color: #4FA7D2;
}

span.reply_nickname_span a {
	color: white;
}

span.reply_nickname_span {
	color: white;
	font-size: 0.8em;
}

div.reply_text {
	background-color: white;
	border: 1px solid #4FA7D2;
	text-align: left;
}