a { 
  color: #FF8C00; 
}

li {
  margin: 2px;
}

img {
  border: 0;
}

td {
  vertical-align: middle;
  padding: 5px;
}

iframe {
  border-bottom: 1px solid black;
}

#submit-error {
  position:absolute;
  top: 0px;
  left: 25%;
  width: 50%;
  background-color: #ff9999;
  padding: 5px;
  border: 1px solid red;
  border-top: 0;
}

#shortcuts {
  font-size: 75%;
}

#shortcuts ul {
  margin: 0;
}

#help-info {
  float:right;
  margin-top:1em;
  clear:left;
  color: #FFF;
}

#user-info {
  color: black;
}

#header-pane {
  text-align: left;
  color: #555;
  background: #fff url(http://www.freebase.com/resources/images/chrome/fb-grid-1px_v1.png) repeat-x left -1050px;  
  padding: 0;
  padding-left: 1em;
  height: 50px;
  font-size: 100%;
}

#app-title {
  font-size: 200%;
}

.separator {
  margin-left: 5px;
  border-left: 1px dotted #676767;
  padding: 2px 10px 2px 10px;
}

.task-tile {
  border-bottom: 1px solid #aaa;
  background-color: #FCF3DB;
}

.task-shell {
  display: none;
}

.task-shell.task-focused {
  display: block;
}

.task-thumbnail-panel {
  margin-bottom:1em;
}

.task-thumbnail-table td {
  padding-right:1em;
}

.task-thumbnail-table td img {
  width:150px;
  height:150px;
}

.task-thumbnail-empty {
  width:75px;
  height:75px;
  background:#eee;
}

.task-title {
  font-size:150%;
  font-weight:700;
}

.task-description {
  font-family:"Book Antiqua","Palatino Linotype","Palatino","Georgia","Times","Times New Roman",serif;
  letter-spacing:0.02em;
  line-height:1.1em;
  margin-bottom: 2px;
}

.task-focused .task-help {
  background-color: #222;
  color: #fff;
  background-position:2px 50%!important;
  display: block;
  height:100%!important;
  position:fixed!important;
  right:0;
  top:0!important;
  width:500px!important;
  z-index:100002!important;
  overflow:auto;
  margin:0!important;
  padding:15px!important;
}

.task-help, .task-help.hide {
  display: none;
}

.task-positive {
  background:#FF0;
  padding:0 2px;
}

.task-negative {
  background:#fcc;
  padding:0 2px;
}

.task-button-panel {
  visibility:hidden;
}

.task-focused .task-button-panel,.task-unfocused .task-button-panel {
  visibility:visible;
}

.task-button-panel div {
  margin:0 0 .5em;
  padding:0;
}

.task-button-panel button {
  width:6em;
  height:2em;
}

div.task-mistype-container {
  margin-top:3em;
}

#hints {
  float: right;
  color: #666;
}

#loading-message span {
  font-size:200%;
  font-style:italic;
  color:#aaa;
  margin:1em;
}

.shortcut-meaning {
  color:#88a;
  margin:5px;
}

.mono {
  font-family: Andale Mono, monospace;
}

.toggle {
  cursor: pointer;
}

.hi-green {
  color: #B4C24B;
}

.hi-red {
  color: #FF3333;
}

.task-types, .task-debug, .boxed {
  border: 1px solid #DDDDDD;
  color: #6E7267;
  font-family: "Book Antiqua", "Palatino Linotype", "Palatino", "Georgia", "Times", "Times New Roman", serif;
  letter-spacing: 0.02em;
  line-height: 1em;
  padding: .5em;
  margin-top: .5em;
}

.hide {
  display: none;
}

button {
  margin-top: 5px;
}

button.active {
  background-color: rgb(255, 151, 69);
  background-image: url(http://typewriter.freebaseapps.com/active_button_bkd.gif);
  border: 1px solid rgb(220, 88, 0);
  color: white;
}

button.active-blue {
  background-color: #4bd7f7;
  background-image: url(active_button_bkd_blue.gif);
  border: 1px solid #09add3;
  color: white;
}

.task-button-panel button {
  width: 5em;
}