
/* Vote =================================================================== */

#vote-preview {
  overflow: hidden;
}

#vote-controle {
}

#vote-preview-readonly {
  overflow: hidden;
}

#vote-controle-readonly {
}

.prominent-info {
  
}
h3.prominent-info {
 font-size: 1em;
 color: #c00;
}

.list_control a.show,
.list_control a.hide {
  width: auto;
}

#vote-preview:hover #vote-controle {
  display: block;
}

#vote-bar {
  margin: 0;
  width: 90%;
}

#vote-bar li {
  display: block;
  height: 1em;
  float: left;
  margin-top: 0px;
}

.positiv {
  background: #d0db82;
}
.neutral {
  background: #ccc;
}
.negative {
  background: #cc807b;
}

.positiv span,
.neutral span,
.negative span {
  display: none;
}

div.vote-trigger {
  width: 90px;
  margin: 1em auto 0;
}
a.vote-trigger {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  
  margin: 0 3px;
  
  background: transparent url('../images/voting-neutral.png') no-repeat scroll 0 0;
}

a.positive-trigger {
  background-position: -48px 0;
}
a.neutral-trigger {
  background-position: -24px 0;
}
a.negative-trigger {
  background-position: 0 0;
}

a.positive-trigger:hover {
  background-position: -48px -24px;
}
a.neutral-trigger:hover {
  background-position: -24px -24px;
}
a.negative-trigger:hover {
  background-position: 0 -24px;
}

/* ---- */

a.positive-trigger-selected {
  background-position: -48px -48px;
}
a.neutral-trigger-selected {
  background-position: -24px -48px;
}
a.negative-trigger-selected {
  background-position: 0 -48px;
}

a.positive-trigger-selected:hover {
  background-position: -48px -72px;
}
a.neutral-trigger-selected:hover {
  background-position: -24px -72px;
}
a.negative-trigger-selected:hover {
  background-position: 0 -72px;
}

/* ---- */

.vote-trigger strong {
  display: none;
}

.open-details {
  clear: left;
}

#vote-info ul {
  width: 200px;
  margin: 0.5em auto; 
}

#vote-info ul li span {
  display: block;
  width: 8em;
}
#vote-monitor {
  margin: 0.5em 0;
  text-align: center;
  }
#vote-monitor img{
}

