body { font-family: Helvetica; font-weight: bold; color: black }

#workform { float: left; width: 50% }

#tabs { width: 100%; margin: 1em 0 0 0; padding: 4px 0 0 .5em; font-size: 1.25em; float: left }
.tab { 
  background-color: cyan; 
  border: 2px solid white; 
  border-bottom-color: cyan; 
  display: inline; cursor: pointer; 
  margin: 0 0 0 1px;
  padding: 2px 4px 2px 4px;
}
.tab#selected { background-color: white; border: 2px solid cyan; border-bottom-color: cyan }

.flashcard { 
  text-align: right;
  width: auto; float: left;
  font-size: 48px;
  background-color: cyan;
}

.flashcard span { padding: 0 20px 0 20px; display: block }
.flashcard input { 
  border: 0; 
  font-size: 48px; 
  text-align: right; 
  border-top: 3px solid black;
  background-color: cyan;
}

.score { float: left; text-align: center; margin: 10px; padding: 5px; border: 1px solid cyan }
.score span { display: inline;  }

.message { float: left; width: 100%; font-size: 36px; font-weight: bold }
#right { color: green }
#wrong { color: red }

#worksheet { float: right; width: 49%; display: none }
#worksheet p { margin: 2px 0 0 0; font-size: 24px; }

#copyright { bottom: 2em; left: 1em; position: absolute; 
  text-align: left; font-size: .75em; font-weight: normal; color: gray }