body { 
  color: #AAA;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

h1 {
  color:#0063DC;
}

select, input {
  color:#AAA;
}

a {
  font-weight:bold;
  text-decoration:none;
  color:#FF0084;
  padding: 0 2px;
}

a:hover {
  background:#FF0084;
  color:#FFF;
}

a.hot:hover {
  background:none;
}

.controls {
  float:left;
  position:relative;
  padding:2px;
}

.hot  {
  padding:0;
  margin:2px;
  display:block;
}

.hot img {
  border: 1px solid #000;
}

span.info {
  position:absolute;
  background:#FFF;
  top:1px;
}

span.info span {
  float:left;
}
span.info a {
  float:right;
}

/* The croppr dude... */
#croppr a {
  width:70px;
  height:30px;
}

#croppr a span {
  display:none;
} 

#croppr a.exit {
  background:url(exit.png) no-repeat;
  cursor: pointer;
  position: absolute;
  top: 87%;
  right: 40%;
}

#croppr a.crop {
  background:url(crop.png) no-repeat;
  cursor: pointer;
  position: absolute;
  top: 87%;
  left: 40%;
}

#croppr .track {
  background:url(bar.png) no-repeat center;
  height:6px;
  position:absolute;
  left:50%;
  top:80%;
  margin-left:-130px;
  width:260px;
}

#croppr .track .handle {
  margin-top:-7px;
  width:20px;
  height:20px;
  background:url(handle.png) no-repeat;
}