/* PREDICTIONS */

h1 a.edit {
  color: #777;
  font-size: x-small;
}
h1 a.edit:before { content: '[';}
h1 a.edit:after { content: ']';}

#judgement, #response, #notification {
  float: right;
  clear: right;
  width: 40%;
}
ul#responses {
  float: left;
  width: 50%;
}
div#responses {
  clear:both;
}
/* ul#responses is on the prediction pages;
div#responses ul is on the homepage and happenstance. */
ul#responses, #responses ul {
  padding-left: 0.5em;
  margin-left: 0.5em;
}
#responses li {
  margin: 0 0 0.75em 0.75em;
}
#responses .change, #responses .change a {
  color: #777;
  font-style: italic;
  word-wrap: break-word;
}
#judgement .withdraw form {
  float: left;
  padding: 0;
}

.prediction .private.status {
  color: black;
}

li.prediction p, li p.prediction {
  margin: 0;
  display: inline;
}
li.prediction p.description {
  display: block;
}
li.prediction {
  padding-bottom:0.5em;
}
li.prediction.right, li.prediction.wrong {
   list-style: none;
}
li.prediction:before {
  display: inline-block;
  float: left;
  margin-left: -1.2em;
  width: 1em;
  text-align: center;
}
li.prediction.right {
  list-style-image: image-url('tick.png');
}
li.prediction.wrong {
  list-style-image: image-url('cross.png');
}
.prediction {
  font-size: 130%;
}
.prediction .date {
  background-color: inherit;
  padding: 0;
}
.prediction .responses, .prediction .description, .prediction .status {
  color: #888;
  font-size: small;
}
.prediction .description {
  padding: 0.2em 0 0 2em;
}
.title {
  word-wrap: break-word;
}
h1.withdrawn, .prediction.withdrawn .title, span.withdrawn {
  text-decoration: line-through;
}
span.notice, .judged .prediction .description .judgement,
.unjudged .prediction .deadline,
.future .prediction .deadline,
.recent .prediction .creator,
.recent .responses .mean_confidence {
  color: black;
  background-color: #ffffe0;
  padding: 1px 3px;
}
p .responses {
  white-space: nowrap;
}

li.response, li.change, .comment {
  word-wrap: break-word;
}

.confidence {
  font-weight: bold;
}

.pagination {
  font-size: 1.2em;
  text-align: center;
}
