form#editform label{
    width:80px;
}
form#editform .controls{
    margin-left:100px;
}
div#editor {
	max-height: 160px;
	height: 100px;
	width:98%;
	background-color: white;
	border-collapse: separate;
	border: 1px solid rgb(204, 204, 204);
	padding: 4px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px; border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}
table.actions tr{
    cursor: pointer;
}
table.actions{
    margin: 8px 8px;
    padding: 6px 6px 6px;
}
.sortplaceholder{
	border: 1px dashed #0088cc;
	background-color: #7dbcdb;
}
.upcoming:after {
    background-color: #5BB75B;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 3px 7px;
    position: absolute;
    top: -1px;
    content: "Upcoming";
}
.past:after {
    background-color: #FAA732;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 3px 7px;
    position: absolute;
    top: -1px;
    content: "Past";
}
.onair:after{
    background-color: #DA4F49;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 3px 7px;
    position: absolute;
    top: -1px;
    content: "On air";
}
form.rounded-box {
    padding-bottom: 12px;    
}
.rounded-box {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin: 8px 8px;
    padding: 6px 6px 6px;
    position: relative;
    width:100%;
}
.rounded-box.upcoming,.past,.onair {
    padding-top: 28px;
}
.event-box {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    margin-top:4px;
    position: relative;
    width:100%;
}
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;

  .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;

    &.ui-state-hover, &.ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
    }
  }
}