body { background-color: #fff; color: #222; }

body, p, ol, ul, td {
  font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#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;
}

/* form */
label {font-weight:bold;}

table th {text-align:left;}
.admin-section {background-color:beige; padding:5px; }
.example {font-style:italic; color:#666;}
table td {vertical-align:top;}

tr.answer-row td {font-size:.9em; font-style:italic;}
textarea {height:50px;}
textarea.widget-code { width: 200px; height:50px;}

.result-description {margin-bottom:40px;}
.result-description img {float:left; padding: 0 10px 10px 0;}
.result-embed-section, .result-share-section {clear:both;margin:20px 0;}
.result-share-section a {text-decoration:none;}

.result-embed-section .embed-directions, .result-embed-section .embed-preview {
    
}
.result-embed-section .embed-directions h4, .result-embed-section .embed-preview h4 {
    font-weight:normal; margin-top:0;
}
.result-embed-section .embed-directions { }
.result-embed-section .embed-preview {}

dl.quiz-questions dt {font-weight:bold;}
dl.quiz-questions dd, dl.quiz-questions dd label {font-weight:normal;}