@font-face {
  font-family: "MissionGothicBlack";
  src: url("../../../files/fonts/mission_gothic_black.otf?") format("opentype");
}

@media screen, print {
  div.schedule-info div.pagedesc {
    width: 74% !important;
  }
  div.schedule-info h2 {
    float: left;
    margin-top: 10px;
  }
  div.pagedesc {
    clear: left;
  }
  div.schedule-info div.player-status {
    overflow: hidden;
  }
  div#calendar-options {
    margin: 10px 0;
    width: 100%;
    height: 40px;
    background-color: #4c4c4c;
    border: 1px solid #7a7a7a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
  div#calendar-options div {
    width: 30%;
    height: 100%;
    display: inline-block;
    margin: 5px;
  }
  div#calendar-options a.button {
    margin: 7px 10px;
    width: 37%;
  }
  div#calendar-options a.button:first-child {
    float: left !important;
  }
  div#calendar-options a.button:last-child {
    float: right;
  }

  div#calendar-options a.button:disabled,
  div#calendar-options a.button[disabled] {
    border: 1px solid #7a7a7a;
    background-color: #4c4c4c;
    color: #4c4c4c;
  }

  table#calendar-month {
    width: 100%;
    height: 536px;
    position: relative;
    background-color: #000000;
    border: 1px solid #7a7a7a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-spacing: 0;
    padding: 0;
    color: #ffffff;
    float: left;
  }
  table#calendar-month th,
  table#calendar-month,
  table#calendar-month td {
    padding: 0;
    text-align: right;
  }
  table#calendar-month tr.bottom-row {
    height: 12px;
    background-color: #404040;
  }
  table#calendar-month tr.bottom-row td {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #404040;
  }
  table#calendar-month tr#month-row {
    height: 64px;
    background-color: #4c4c4c;
    border: 1px solid #7a7a7a;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
  }
  table#calendar-month tr#month-row td {
    border-bottom: 1px solid #7b7b7b;
    text-align: center;
  }
  table#calendar-month tr#month-row td a.navLink {
    font-size: 14px;
    margin: 0 10px;
    text-decoration: none;
  }
  table#calendar-month tr#month-row a.month_prev,
  table#calendar-month tr#month-row a.month_next,
  table#calendar-month tr#month-row a.month_prev_week,
  table#calendar-month tr#month-row a.month_next_week {
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 14px;
    width: 30px;
    cursor: pointer;
    text-indent: -99999px;
    display: inline;
    white-space: nowrap;
    margin: 0 10px;
  }
  table#calendar-month tr#day-row {
    height: 48px;
    background-color: #3c3c3c;
    border-bottom: 1px solid #252525;
  }
  table#calendar-month tr#day-row td.day {
    /*width: 13.46%;*/
    width: 13.25%;
    height: 48px;
    padding-top: 3px;
    float: left;
    text-align: center;
    text-transform: uppercase;
    background-color: #3c3c3c;
    border-right: 1px solid #000000;
  }
  table#calendar-month tr#day-row td.day div.dowHeaders {
    display: inline-block;
    height: 17px;
    padding-top: 14px;
  }
  table#calendar-month tr#day-row td.day div.dateHeaders {
    display: inline-block;
    height: 94%;
    width: 40px;
    float: left;
    background: #202020;
    margin-left: 5px;
  }
  table#calendar-month tr#day-row td.day div.dateHeaders > div {
    float: left;
    height: auto;
    width: 100%;
    font-size: 11px;
    margin-bottom: -4px;
  }
  table#calendar-month tr#day-row td.day div.dateHeaders > div.dateHeaderDate {
    font-size: 22px;
  }
  table#calendar-month tr#day-row td.day#times-column {
    width: 3.9%;
    padding: 0;
  }
  table#calendar-month tr#day-row td.day#times-column div#everyWeekText {
    cursor: default;
    font-size: 12px;
    height: 100%;
    line-height: 12px;
    padding-left: 12px;
    padding-top: 14px;
    text-transform: uppercase;
    width: 100%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  table#calendar-month tr#day-row td.day#times-column div#everyWeekTextCH {
    cursor: default;
    font-size: 12px;
    height: 100%;
    line-height: 12px;
    padding-top: 14px;
    text-transform: uppercase;
    width: 100%;
  }
  table#calendar-month tr#day-row td#times-column.day div#datesSpecificDate {
    cursor: default;
    float: left;
    font-size: 14px;
    height: 50%;
    position: relative;
    right: -14px;
    text-transform: uppercase;
    top: -34px;
    width: 100%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  table#calendar-month tr#day-row td#times-column.day div#datesSpecificDateCH {
    cursor: default;
    float: left;
    font-size: 9px;
    height: 50%;
    position: relative;
    right: -7px;
    text-transform: uppercase;
    top: -34px;
    width: 100%;
  }
  table#calendar-month tr#day-row td.day#actions-column {
    /*width: 1.3%;*/
    width: 1.8%;
    padding: 0;
  }
  table#calendar-month tr#day-row div.weekNavigationCell {
    height: 105%;
    width: 100%;
    background-repeat: no-repeat;
  }
  table#calendar-month
    tr#day-row
    td.day#times-column
    div.weekNavigationCell#prevWeek {
    width: 50%;
    background-image: url("../../../img/weekPrev.png");
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    float: left;
  }
  table#calendar-month
    tr#day-row
    td.day#actions-column
    div.weekNavigationCell#nextWeek {
    background-image: url("../../../img/weekNext.png");
    /*background-position: right center;*/
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    float: right;
  }
  table#calendar-month tr#day-row td.day:last-child {
    width: 13.6%;
    border-right: 0 !important;
  }
  table#calendar-month tr#day-row.week-view td.day {
    font-size: 1em;
    text-transform: uppercase;
    cursor: pointer;
  }
  table#calendar-month tr#day-row td.day div.daycontent.custom {
    background-color: #901011;
  }
  table#calendar-month tr#week-days {
    background-color: #3c3c3c;
    border-bottom: 1px solid #252525;
  }
  table#calendar-month tr#week-days div#scrollable-days {
    overflow-y: auto;
    height: 500px;
    position: relative;
  }
  table#calendar-month tr#week-days div#scrollable-days.printable {
    overflow-y: visible !important;
    height: 100% !important;
  }
  table#calendar-month tr#week-days div#fade-scroll-top,
  table#calendar-month tr#week-days div#fade-scroll-bottom {
    width: 98.2%;
    position: relative;
    height: 20px;
  }
  table#calendar-month tr#week-days div#fade-scroll-top {
    top: -500px;
    background: url("../../../img/scroll-fade-top.png") repeat-x scroll 0 0
      rgba(0, 0, 0, 0.1);
  }
  table#calendar-month tr#week-days div#fade-scroll-bottom {
    top: -40px;
    background: url("../../../img/scroll-fade-bottom.png") repeat-x scroll 0 0
      rgba(0, 0, 0, 0.1);
  }
  table#calendar-month tr#week-days td.day {
    width: 13.5%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    background-color: #000000;
    border-bottom: 1px solid #252525;
    border-right: 1px solid #383838 !important;
  }
  table#calendar-month tr#week-days td.day#times-column {
    width: 3.9%;
    border-right: 0 !important;
  }
  table#calendar-month tr#week-days td.day:last-child {
    width: 13.6%;
    border-right: 0 !important;
  }
  table#calendar-month tr#week-days td.day div.hour {
    background-color: #1c1c1c;
  }
  table#calendar-month tr#week-days td.day div.hour.grey {
    background-color: #272727;
  }
  table#calendar-month tr#week-days td.day div.quarterhour {
    height: 30px;
    color: #707070;
    font-size: 8px;
    cursor: pointer;
  }
  table#calendar-month tr#week-days td.day div.quarterhour:last-child {
    height: 29px;
    border-bottom: 1px solid #383838;
  }
  table#calendar-month tr#week-days td.day div#week-view-times div.hour {
    height: 105px;
    border-bottom: 1px solid #383838;
    border-right: 1px solid #383838;
    color: #ffffff;
    font-size: 20px;
    padding-top: 14px;
    letter-spacing: -1px;
  }
  table#calendar-month
    tr#week-days
    td.day
    div#week-view-times
    div.hour
    div.time-minutes {
    display: inline-block;
    font-size: 8px;
    left: 0;
    position: relative;
    top: -8px;
    letter-spacing: 0;
    padding-left: 2px;
  }
  table#calendar-month tr#week-days td.day div#week-view-times div.hour {
    background-color: #1c1c1c;
  }
  table#calendar-month tr#week-days td.day div#week-view-times div.hour.grey {
    background-color: #272727;
  }
  table#calendar-month tr#week-days td.day div.week-view-class {
    width: 13.3%;
    position: absolute;
    font-size: 10px;
    min-height: 22px;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #000000;
    line-height: 10px;
  }
  table#calendar-month tr#week-days td.day:last-child div.week-view-class {
    width: 13.2%;
  }
  table#calendar-month
    tr#week-days
    td.day
    div.week-view-class
    div.schedule-display-div {
    height: 100%;
    width: 100%;
    margin: 0 auto;
  }
  table#calendar-month
    tr#week-days
    td.day
    div.week-view-class
    div.class-name-time-div {
    width: 95%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  table#calendar-month
    tr#week-days
    td.day
    div.week-view-class
    div.class-name-time-div
    div {
    background-repeat: no-repeat;
    display: inline-block;
    height: 100%;
    background-position: center center;
    float: right;
  }
  table#calendar-month
    tr#week-days
    td.day
    div.week-view-class
    div.class-name-time-div
    div:first-child {
    width: 85%;
  }
  table#calendar-month
    tr#week-days
    td.day
    div.week-view-class
    div.class-name-time-div
    div {
    width: 15%;
  }
  table#calendar-month
    tr#week-days
    td.day
    div.week-view-class
    div.class-name-time-div
    div.text {
    display: table;
    position: relative;
  }
  table#calendar-month
    tr#week-days
    td.day
    div.week-view-class
    div.class-name-time-div
    div.text
    table {
    text-align: center;
    vertical-align: middle;
    height: 100%;
  }
  table#calendar-month
    tr#week-days
    td.day
    div.week-view-class
    div.class-name-time-div
    div.text
    table
    tr
    td {
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: RGBA(123, 123, 123, 0.52);
    font-size: 18px !important;
    font-family: "MissionGothicBlack", "Trebuchet MS", "Verdana";
    font-style: normal;
    font-weight: normal;
    src: url("../../../files/fonts/mission_gothic_black.otf") format("opentype");
  }
  table#calendar-month
    tr#week-days
    td.day
    div.week-view-class
    div.week-view-class-info {
    background-image: url("../../../img/week-class-info-bubble.png");
    position: absolute;
    top: 75%;
    left: 50%;
    height: 80px;
    width: 170px;
    display: none;
    z-index: 1000;
  }
  table#calendar-month tr.month-days {
    height: 80px;
    border-bottom: 1px solid #252525;
  }
  table#calendar-month tr.month-days:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  table#calendar-month tr.month-days td.day {
    width: 13.6%;
    height: 80px;
    float: left;
    border-right: 1px solid #252525;
    border-bottom: 1px solid #252525;
    cursor: pointer;
    color: #737373;
  }
  table#calendar-month tr.month-days td.day:last-child {
    width: 13.6%;
    border-right: 0 none !important;
  }
  table#calendar-month tr.month-days:last-child td.day:first-child {
    border-bottom-left-radius: 5px;
  }
  table#calendar-month tr.month-days:last-child td.day:last-child {
    border-bottom-right-radius: 5px;
  }
  table#calendar-month tr.month-days td.day.currentmonth {
    background-color: #303030;
    color: #ffffff;
  }
  table#calendar-month tr.month-days td.day.currentmonth:nth-child(2n) {
    background-color: #3d3d3d;
    color: #ffffff;
  }
  table#calendar-month tr.month-days td.day.today {
    border: 2px solid #02d7e5;
    width: 13.9%;
    height: 77px;
  }
  table#calendar-month tr.month-days td.day div.date {
    position: relative;
    top: 5px;
    left: 80%;
    width: 20%;
    height: 20%;
    font-size: 18px;
  }
  table#calendar-month tr.month-days td.day div.daycontent {
    text-align: center;
    position: relative;
    top: 25px;
    height: 24px;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
  }
  table#calendar-month tr.month-days td.day div.daycontent.default {
    background-color: #171717;
    color: #2b2b2b;
  }
  table#calendar-month tr.month-days td.day div.daycontent.custom {
    background-color: #410706;
    color: #685f60;
  }
  table#calendar-month
    tr.month-days
    td.day.currentmonth
    div.daycontent.default {
    background-color: #5a5859;
    color: #2c2c2c;
  }
  table#calendar-month tr.month-days td.day.today div.daycontent.default {
    background-color: #b9b7b8;
    color: #2c2c2c;
  }
  table#calendar-month tr.month-days td.day.currentmonth div.daycontent.custom {
    background-color: #901011;
    color: #696566;
  }
  div#schedule-navigation {
    width: 90%;
    position: relative;
    margin: 20px -25px 0 0;
    background-color: #000000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-spacing: 0;
    padding: 0;
    color: #ffffff;
    float: left;
  }
  div#schedule-navigation ul.schedule-tabs li {
    display: inline;
    margin: 0;
    padding: 0;
  }
  div#schedule-navigation ul.schedule-tabs li a {
    -moz-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
    box-shadow: inset 0px 1px 0px 0px #5c5c5c;
    background-color: #7d7d7d;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0;
    display: inline-block;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.05, #333333),
      color-stop(1, #000000)
    );
    background: -moz-linear-gradient(center top, #333333 5%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
    background-color: #333333;
    color: #dce0df;
    font-family: "Trebuchet MS", Verdana;
    font-size: 0.8em;
    font-weight: bold;
    font-style: normal;
    height: 25px;
    line-height: 25px;
    text-decoration: none !important;
    text-align: center;
    text-transform: uppercase;
    padding: 0 10px;
  }
  div#schedule-navigation ul.schedule-tabs li a:hover {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.05, #969696),
      color-stop(1, #777777)
    ) !important;
    background: -moz-linear-gradient(
      center top,
      #969696 5%,
      #777777 100%
    ) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#777777') !important;
    background-color: #a5a5a5 !important;
    color: #fff;
  }
  div#schedule-navigation ul.schedule-tabs li a.active:hover {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.05, #7d7d7d),
      color-stop(1, #595959)
    ) !important;
    background: -moz-linear-gradient(
      center top,
      #7d7d7d 5%,
      #595959 100%
    ) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959') !important;
    color: #dce0df;
  }
  div#schedule-navigation ul.schedule-tabs li a.active {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.05, #7d7d7d),
      color-stop(1, #595959)
    );
    background: -moz-linear-gradient(center top, #7d7d7d 5%, #595959 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959');
    color: #dce0df;
    height: 25px;
    line-height: 25px;
    cursor: default;
  }
}

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 170px;
  height: 170px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* player-clip-edit dialog */

div#player-clip-edit {
  height: 100%;
  margin: 0 -1em;
}

div#player-clip-edit div#class-info-div {
  width: 90%;
  padding: 1% 5%;
  font-size: 10pt;
  font-weight: bold;
  color: #fff;
  background-color: #595959;
  border-bottom: 1px solid #8d8d8d;
}

div#player-clip-edit div#class-info-div label {
  padding: 0;
}

div#player-clip-edit div#class-info-div div.inforow {
  width: 100%;
  height: 22px;
  display: inline-block;
}

div#player-clip-edit div#class-info-div div.info-column {
  width: 32%;
  height: 20px;
  display: inline-block;
}

div#player-clip-edit div#class-info-div div.info-column div.classname input,
div#player-clip-edit div#class-info-div div.info-column div#category input,
div#player-clip-edit div#class-info-div div.info-column div#provider input,
div#player-clip-edit div#class-info-div div.info-column div#type input {
  padding: 0;
  max-width: 100px;
  background-color: inherit !important;
  border-width: 0px !important;
}

div#player-clip-edit div#class-info-div div#start-time {
  float: left;
}

div#player-clip-edit div#class-info-div div#day {
  float: left;
}

div#player-clip-edit div#class-info-div div.inforow label {
  float: left;
  margin-right: 5px;
}

div#player-clip-edit div#class-info-div div#start-time div#time {
  float: right;
  margin-right: 0;
}

div#player-clip-edit div#class-info-div div.inforow div#day div {
  height: 20px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

div#player-clip-edit div#class-info-div div.inforow#day div {
  padding-top: 5px;
}

div#player-clip-edit div#class-info-div div.inforow label {
  width: 60px;
  text-align: right;
  color: #2d2d2d;
}

div#player-clip-edit div#class-info-div div.inforow span#start-time-inputs {
  margin: 0;
  position: relative;
  top: -2px;
}

div#player-clip-edit
  div#class-info-div
  div.inforow
  span#start-time-inputs
  input,
div#player-clip-edit div#class-info-div div.inforow div#duration-inputs input {
  height: 16px;
  width: 20px;
  padding: 3px !important;
  display: inline-block;
  float: left;
  border: 1px solid #8d8c8f;
  font-weight: bold;
  text-align: center;
  background: none repeat scroll 0 0 #393939;
  margin-right: 0;
  position: relative;
  top: -2px;
}

div#player-clip-edit
  div#class-info-div
  div.inforow
  div#duration-inputs
  input#clip-duration-string {
  height: 16px;
  width: 100px;
  padding: 0 0 3px !important;
  display: inline-block;
  float: left;
  border: 0;
  border-radius: 0;
  font-weight: bold;
  text-align: left;
  background: none repeat scroll 0 0 #393939;
  margin-right: 0;
}

div#player-clip-edit
  div#class-info-div
  div.inforow
  span#start-time-inputs
  input[readonly="readonly"],
div#player-clip-edit
  div#class-info-div
  div.inforow
  div#duration-inputs
  input[readonly="readonly"] {
  padding: 3px 0 0 !important;
}

div#player-clip-edit div#class-info-div div.inforow span#start-time-inputs div,
div#player-clip-edit div#class-info-div div.inforow div#duration-inputs div {
  display: inline-block;
  float: left;
  margin: 0 !important;
}

div#player-clip-edit div#class-info-div div.inforow input[readonly="readonly"] {
  background: none !important;
  border: 0;
  border-radius: 0;
}

div#player-clip-edit
  div#class-info-div
  div.inforow
  div#classname
  input#clip-name {
  padding: 0;
  font-weight: bold;
  width: 70%;
  text-overflow: ellipsis;
  font-style: normal;
}

div#player-clip-edit
  div#class-info-div
  div.inforow
  div#classname
  input#clip-name.italic {
  font-style: italic;
}

div#player-clip-edit
  div#class-info-div
  div.inforow#random-clip
  input#select-random-clip {
  margin: 2px 0 0 5px;
}

div#player-clip-edit div#avail-clips-navigation ,
div#player-clip-edit div#live-classes-navigation {
  width: 100%;
  position: relative;
  /*background-color: #404040;*/
  border-radius: 5px;
  border-spacing: 0;
  padding: 10px 0 0;
  color: #ffffff;
  float: left;
}

div#player-clip-edit div#avail-clips-navigation ul ,
div#player-clip-edit div#live-classes ul {
  font-size: 12px;
  margin-left: 30px !important;
}

div#player-clip-edit div#avail-clips-navigation ul.avail-clips-tabs li ,
div#player-clip-edit div#live-classes-navigation ul.live-classes-tabs li {
  display: inline;
  margin: 0;
  padding: 0;
}

div#player-clip-edit div#avail-clips-navigation ul.avail-clips-tabs li div ,
div#player-clip-edit div#live-classes-navigation ul.live-classes-tabs li div {
  cursor: pointer;
  -moz-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  -webkit-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  background-color: #7d7d7d;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  text-indent: 0;
  display: inline-block;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #333333),
    color-stop(1, #000000)
  );
  background: -moz-linear-gradient(center top, #333333 5%, #000000 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
  background-color: #333333;
  color: #dce0df;
  font-family: "Trebuchet MS", Verdana;
  font-size: 0.8em;
  font-weight: bold;
  font-style: normal;
  height: 25px;
  line-height: 25px;
  text-decoration: none !important;
  text-align: center;
  text-transform: uppercase;
  padding: 0 10px;
}

div#player-clip-edit
  div#avail-clips-navigation
  ul.avail-clips-tabs
  li
  div:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #969696),
    color-stop(1, #777777)
  ) !important;
  background: -moz-linear-gradient(
    center top,
    #969696 5%,
    #777777 100%
  ) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#777777') !important;
  background-color: #a5a5a5 !important;
  color: #fff;
}

div#player-clip-edit
  div#avail-clips-navigation
  ul.avail-clips-tabs
  li
  div.active:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #7d7d7d),
    color-stop(1, #595959)
  ) !important;
  background: -moz-linear-gradient(
    center top,
    #7d7d7d 5%,
    #595959 100%
  ) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959') !important;
  color: #dce0df;
}

div#player-clip-edit
  div#avail-clips-navigation
  ul.avail-clips-tabs
  li
  div.active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #7d7d7d),
    color-stop(1, #595959)
  );
  background: -moz-linear-gradient(center top, #7d7d7d 5%, #595959 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959');
  color: #dce0df;
  height: 25px;
  line-height: 25px;
  cursor: default;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  -moz-box-shadow: inset 0px 1px 0px 0px #888888;
  -webkit-box-shadow: inset 0px 1px 0px 0px #888888;
  box-shadow: inset 0px 1px 0px 0px #888888;
  position: relative;
  top: 1px;
}

div#player-clip-edit div#avail-clips-navigation {
  width: 100%;
  position: relative;
  /*background-color: #404040;*/
  border-radius: 5px;
  border-spacing: 0;
  padding-top: 10px;
  padding-left: 10px;
  color: #ffffff;
  float: left;
}

div#player-clip-edit div#avail-clips-navigation div#clip-type-info {
  font-size: 11px;
  color: #dce0df;
  margin-left: 30px;
  padding: 10px;
  border-top-right-radius: 5px;
  border-spacing: 0;
  border-top: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  width: 82%;
}

div#player-clip-edit div#avail-clips-navigation ul {
  font-size: 12px;
  margin-left: 30px !important;
}

div#player-clip-edit div#avail-clips-navigation ul.avail-clips-tabs li {
  display: inline;
  margin: 0;
  padding: 0;
}

div#player-clip-edit div#avail-clips-navigation ul.avail-clips-tabs li div {
  cursor: pointer;
  -moz-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  -webkit-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  background-color: #7d7d7d;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  text-indent: 0;
  display: inline-block;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #333333),
    color-stop(1, #000000)
  );
  background: -moz-linear-gradient(center top, #333333 5%, #000000 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
  background-color: #333333;
  color: #dce0df;
  font-family: "Trebuchet MS", Verdana;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  height: 25px;
  line-height: 25px;
  text-decoration: none !important;
  text-align: center;
  text-transform: uppercase;
  padding: 0 10px;
}

div#player-clip-edit
  div#avail-clips-navigation
  ul.avail-clips-tabs
  li
  div:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #969696),
    color-stop(1, #777777)
  ) !important;
  background: -moz-linear-gradient(
    center top,
    #969696 5%,
    #777777 100%
  ) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#777777') !important;
  background-color: #a5a5a5 !important;
  color: #fff;
}

div#player-clip-edit
  div#avail-clips-navigation
  ul.avail-clips-tabs
  li
  div.active:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #7d7d7d),
    color-stop(1, #595959)
  ) !important;
  background: -moz-linear-gradient(
    center top,
    #7d7d7d 5%,
    #595959 100%
  ) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959') !important;
  color: #dce0df;
}

div#player-clip-edit
  div#avail-clips-navigation
  ul.avail-clips-tabs
  li
  div.active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #7d7d7d),
    color-stop(1, #595959)
  );
  background: -moz-linear-gradient(center top, #7d7d7d 5%, #595959 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959');
  color: #dce0df;
  height: 25px;
  line-height: 25px;
  cursor: default;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  -moz-box-shadow: inset 0px 1px 0px 0px #888888;
  -webkit-box-shadow: inset 0px 1px 0px 0px #888888;
  box-shadow: inset 0px 1px 0px 0px #888888;
  position: relative;
  top: 1px;
}

div#player-clip-edit div#wallpaper-clips-navigation {
  width: 100%;
  position: relative;
  /*background-color: #404040;*/
  border-radius: 5px;
  border-spacing: 0;
  padding-top: 10px;
  padding-left: 10px;
  color: #ffffff;
  float: left;
}

div#player-clip-edit div#wallpaper-clips-navigation ul {
  font-size: 12px;
  margin-left: 30px !important;
}

div#player-clip-edit div#wallpaper-clips-navigation ul.wallpaper-clips-tabs li {
  display: inline;
  margin: 0;
  padding: 0;
}

div#player-clip-edit
  div#wallpaper-clips-navigation
  ul.wallpaper-clips-tabs
  li
  div {
  cursor: pointer;
  -moz-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  -webkit-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  background-color: #7d7d7d;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  text-indent: 0;
  display: inline-block;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #333333),
    color-stop(1, #000000)
  );
  background: -moz-linear-gradient(center top, #333333 5%, #000000 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
  background-color: #333333;
  color: #dce0df;
  font-family: "Trebuchet MS", Verdana;
  font-size: 0.8em;
  font-weight: bold;
  font-style: normal;
  height: 25px;
  line-height: 25px;
  text-decoration: none !important;
  text-align: center;
  text-transform: uppercase;
  padding: 0 10px;
}

div#player-clip-edit
  div#wallpaper-clips-navigation
  ul.wallpaper-clips-tabs
  li
  div:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #969696),
    color-stop(1, #777777)
  ) !important;
  background: -moz-linear-gradient(
    center top,
    #969696 5%,
    #777777 100%
  ) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#777777') !important;
  background-color: #a5a5a5 !important;
  color: #fff;
}

div#player-clip-edit
  div#wallpaper-clips-navigation
  ul.wallpaper-clips-tabs
  li
  div.active:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #7d7d7d),
    color-stop(1, #595959)
  ) !important;
  background: -moz-linear-gradient(
    center top,
    #7d7d7d 5%,
    #595959 100%
  ) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959') !important;
  color: #dce0df;
}

div#player-clip-edit
  div#wallpaper-clips-navigation
  ul.wallpaper-clips-tabs
  li
  div.active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #7d7d7d),
    color-stop(1, #595959)
  );
  background: -moz-linear-gradient(center top, #7d7d7d 5%, #595959 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959');
  color: #dce0df;
  height: 25px;
  line-height: 25px;
  cursor: default;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  -moz-box-shadow: inset 0px 1px 0px 0px #888888;
  -webkit-box-shadow: inset 0px 1px 0px 0px #888888;
  box-shadow: inset 0px 1px 0px 0px #888888;
  position: relative;
  top: 1px;
}

div#player-clip-edit div#on-demand-clips-navigation,
div#player-clip-edit div#live-classes-navigation {
  width: 100%;
  position: relative;
  /*background-color: #404040;*/
  border-radius: 5px;
  border-spacing: 0;
  padding-top: 10px;
  padding-left: 10px;
  color: #ffffff;
  float: left;
}

div#player-clip-edit div#on-demand-clips-navigation ul,
div#player-clip-edit div#live-classes-navigation ul {
  font-size: 12px;
  margin-left: 30px !important;
}

div#player-clip-edit div#on-demand-clips-navigation ul.on-demand-clips-tabs li,
div#player-clip-edit div#live-classes-navigation ul.live-classes-clips-tabs li {
  display: inline;
  margin: 0;
  padding: 0;
}

div#player-clip-edit
  div#on-demand-clips-navigation
  ul.on-demand-clips-tabs
  li
  div,
div#player-clip-edit div#live-classes-navigation ul.live-classes-tabs li div {
  cursor: pointer;
  -moz-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  -webkit-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  background-color: #7d7d7d;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  text-indent: 0;
  display: inline-block;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #333333),
    color-stop(1, #000000)
  );
  background: -moz-linear-gradient(center top, #333333 5%, #000000 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
  background-color: #333333;
  color: #dce0df;
  font-family: "Trebuchet MS", Verdana;
  font-size: 0.8em;
  font-weight: bold;
  font-style: normal;
  height: 25px;
  line-height: 25px;
  text-decoration: none !important;
  text-align: center;
  text-transform: uppercase;
  padding: 0 10px;
}

div#player-clip-edit
  div#on-demand-clips-navigation
  ul.on-demand-clips-tabs
  li
  div:hover,
div#player-clip-edit
  div#live-classes-navigation
  ul.live-classes-tabs
  li
  div:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #969696),
    color-stop(1, #777777)
  ) !important;
  background: -moz-linear-gradient(
    center top,
    #969696 5%,
    #777777 100%
  ) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#777777') !important;
  background-color: #a5a5a5 !important;
  color: #fff;
}

div#player-clip-edit
  div#on-demand-clips-navigation
  ul.on-demand-clips-tabs
  li
  div.active:hover,
div#player-clip-edit
  div#live-classes-navigation
  ul.live-classes-tabs
  li
  div.active:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #7d7d7d),
    color-stop(1, #595959)
  ) !important;
  background: -moz-linear-gradient(
    center top,
    #7d7d7d 5%,
    #595959 100%
  ) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959') !important;
  color: #dce0df;
}

div#player-clip-edit
  div#on-demand-clips-navigation
  ul.on-demand-clips-tabs
  li
  div.active,
div#player-clip-edit
  div#live-classes-navigation
  ul.live-classes-tabs
  li
  div.active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #7d7d7d),
    color-stop(1, #595959)
  );
  background: -moz-linear-gradient(center top, #7d7d7d 5%, #595959 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959');
  color: #dce0df;
  height: 25px;
  line-height: 25px;
  cursor: default;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  -moz-box-shadow: inset 0px 1px 0px 0px #888888;
  -webkit-box-shadow: inset 0px 1px 0px 0px #888888;
  box-shadow: inset 0px 1px 0px 0px #888888;
  position: relative;
  top: 1px;
}

div#player-clip-edit div#clip-types-navigation {
  width: 100%;
  position: relative;
  /*background-color: #404040;*/
  border-radius: 5px;
  border-spacing: 0;
  padding: 10px 10px 0;
  color: #ffffff;
  float: left;
}

div#player-clip-edit div#clip-types-navigation ul {
  margin-left: 30px !important;
}

div#player-clip-edit div#clip-types-navigation ul.clip-types-tabs li {
  display: inline;
  margin: 0;
  padding: 0;
}

div#player-clip-edit div#clip-types-navigation ul.clip-types-tabs li div {
  cursor: pointer;
  -moz-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  -webkit-box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  box-shadow: inset 0px 1px 0px 0px #5c5c5c;
  background-color: #7d7d7d;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  text-indent: 0;
  display: inline-block;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #333333),
    color-stop(1, #000000)
  );
  background: -moz-linear-gradient(center top, #333333 5%, #000000 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000');
  background-color: #333333;
  color: #dce0df;
  font-family: "Trebuchet MS", Verdana;
  font-size: 0.8em;
  font-weight: bold;
  font-style: normal;
  height: 25px;
  line-height: 25px;
  text-decoration: none !important;
  text-align: center;
  text-transform: uppercase;
  padding: 0 10px;
}

div#player-clip-edit div#clip-types-navigation ul.clip-types-tabs li div:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #969696),
    color-stop(1, #777777)
  ) !important;
  background: -moz-linear-gradient(
    center top,
    #969696 5%,
    #777777 100%
  ) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#777777') !important;
  background-color: #a5a5a5 !important;
  color: #fff;
}

div#player-clip-edit
  div#clip-types-navigation
  ul.clip-types-tabs
  li
  div.active:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #7d7d7d),
    color-stop(1, #595959)
  ) !important;
  background: -moz-linear-gradient(
    center top,
    #7d7d7d 5%,
    #595959 100%
  ) !important;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959') !important;
  color: #dce0df;
}

div#player-clip-edit
  div#clip-types-navigation
  ul.clip-types-tabs
  li
  div.active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #7d7d7d),
    color-stop(1, #595959)
  );
  background: -moz-linear-gradient(center top, #7d7d7d 5%, #595959 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#595959');
  color: #dce0df;
  height: 25px;
  line-height: 25px;
  cursor: default;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  -moz-box-shadow: inset 0px 1px 0px 0px #888888;
  -webkit-box-shadow: inset 0px 1px 0px 0px #888888;
  box-shadow: inset 0px 1px 0px 0px #888888;
  position: relative;
  top: 1px;
}

div#player-clip-edit div#avail-clips-div,
div#player-clip-edit div#wallpaper-clips-div,
div#player-clip-edit div#on-demand-clips-div,
div#player-clip-edit div#live_classes_div {
  width: 89%;
  height: 364px;
  border: 1px solid #888888;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 36px 5% 0;
  background-color: #595959;
}

div#player-clip-edit div#avail-clips-div div#avail-clips,
div#player-clip-edit div#wallpaper-clips-div div#wallpaper-clips,
div#player-clip-edit div#on-demand-clips-div div#on-demand-clips,
div#player-clip-edit div#live_classes_div div#live_classes {
  height: 77%;
  margin: 1%;
  overflow-y: auto;
  width: 95%;
  background-color: #383838;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

div#player-clip-edit div#live_classes_div div#live_classes {
    padding-top: 1rem;
}

div#player-clip-edit div#avail-clips-div div#avail-clips div.bundle,
div#player-clip-edit div#wallpaper-clips-div div#wallpaper-clips div.bundle,
div#player-clip-edit div#on-demand-clips-div div#on-demand-clips div.bundle,
div#player-clip-edit div#live_classes_div div#on-demand-clips div.bundle {
  overflow: hidden;
  float: none;
  background: #1c1c1c;
  margin: 5px 5px 0;
  /* width: 255px; */
  min-height: 22px;
  cursor: pointer;
  padding: 10px 0px 0px 10px;
  font-size: 18px;
  color: #fff;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.bundle
  div.playArrow,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.bundle
  div.playArrow,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.bundle
  div.playArrow,
div#player-clip-edit
  div#live_classes_div
  div#on-demand-clips
  div.bundle
  div.playArrow {
  background-image: url("../../../img/playArrow.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 10px;
  height: 100%;
  float: right;
  margin-right: 10px;
}

div#player-clip-edit div#avail-clips-div div#avail-clips div.latest-class,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class,
div#player-clip-edit div#live_classes_divdiv#on-demand-clips div.latest-class {
  overflow: hidden;
  float: none;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 5px 5px 0;
  /* width: 255px; */
  min-height: 22px;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
}

div#player-clip-edit div#avail-clips-div div#avail-clips div.latest-class,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class,
div#player-clip-edit div#live_classes_div div#on-demand-clips div.latest-class {
  padding: 7px 0px 0px 9px;
}

div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class {
  padding: 0px 0px 0px 9px;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class
  span#class-duration,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  span#class-duration,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  span#class-duration,
div#player-clip-edit
  div#live_classes_div
  div#on-demand-clips
  div.latest-class
  span#class-duration {
  float: right;
  padding-right: 5px;
  color: grey;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class.selected,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class.selected,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class.selected,
div#player-clip-edit
  div#live_classes_div
  div#on-demand-clips
  div.latest-class.selected {
  background: #333132;
}

div#player-clip-edit div#avail-clips-div div#avail-clips div.latest-class > div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  > div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  > div,
div#player-clip-edit
  div#live_classes_div
  div#on-demand-clips
  div.latest-class
  > div {
  display: inline-block;
  float: left;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class
  div.info-div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  div.info-div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  div.info-div,
div#player-clip-edit
  div#live_classes_div
  div#on-demand-clips
  div.latest-class
  div.info-div {
  display: inline-block;
  height: 100%;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class
  div.info-div
  div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  div.info-div
  div,
div#player-clip-edit
  div#live_classes_divdiv#on-demand-clips
  div.latest-class
  div.info-div
  div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  div.info-div
  div {
  display: inline-block;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class
  div.clipTypeLogo,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  div.clipTypeLogo,
div#player-clip-edit
  div#live_classes_div
  div#on-demand-clips
  div.latest-class
  div.clipTypeLogo,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  div.clipTypeLogo {
  width: 50%;
  height: 100%;
  margin-left: 4px;
  background-position: left center;
  background-repeat: no-repeat;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class
  div.episodeArrow,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  div.episodeArrow,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  div.episodeArrow {
  background-image: url("../../../img/latestArrowsSml.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 13px;
  position: relative;
  float: left;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class.selected
  div.episodeArrow,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class.selected
  div.episodeArrow,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class.selected
  div.episodeArrow {
  background-image: url("../../../img/latestArrowsSml.png");
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class
  div.info-div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  div.info-div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  div.info-div {
  float: right;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class
  div.playArrow,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  div.playArrow,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  div.playArrow {
  background-image: url("../../../img/playArrow.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 10px;
  height: 100%;
  float: right;
  margin-right: 10px;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class.selected
  div.playArrow,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class.selected
  div.playArrow,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class.selected
  div.playArrow {
  background-image: url("../../../img/playArrow.png");
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class
  div.attrDuration,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  div.attrDuration,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  div.attrDuration {
  height: 100%;
  margin: 0 0 0 4px;
  float: left;
  margin: 0 5px;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class
  div.attrDuration
  table,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  div.attrDuration
  table,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  div.attrDuration
  table {
  height: 100%;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class
  div.attrDuration
  table
  tr
  td,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  div.attrDuration
  table
  tr
  td,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  div.attrDuration
  table
  tr
  td {
  color: #817e7f;
  font-size: 14px !important;
  border: 0;
  border-spacing: 0;
  text-align: right;
  vertical-align: middle;
  padding: 0;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class.selected
  div.attrDuration
  table
  tr
  td,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class.selected
  div.attrDuration
  table
  tr
  td,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class.selected
  div.attrDuration
  table
  tr
  td {
  color: #817e7f;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.latest-class
  div.classDuration,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  div.classDuration,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  div.classDuration {
  width: 32px;
  height: 36px;
  margin: 4px;
}

div#player-clip-edit div#avail-clips-div div#avail-clips div.latest-class a,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.latest-class
  a,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.latest-class
  a {
  float: left;
}

div#player-clip-edit div#avail-clips-div div#avail-clips div.random-class,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class {
  overflow: hidden;
  float: none;
  background: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 5px 5px 0;
  /* width: 255px; */
  min-height: 22px;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  padding: 7px 0px 0px 9px;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class.selected,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class.selected,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class.selected {
  background: #333132;
}

div#player-clip-edit div#avail-clips-div div#avail-clips div.random-class > div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  > div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  > div {
  display: inline-block;
  float: left;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class
  div.info-div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  div.info-div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  div.info-div {
  display: inline-block;
  height: 100%;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class
  span#class-duration {
  float: right;
  padding-right: 5px;
  color: grey;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class
  div.info-div
  div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  div.info-div
  div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  div.info-div
  div {
  display: inline-block;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class
  div.clipTypeLogo,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  div.clipTypeLogo,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  div.clipTypeLogo {
  width: 50%;
  height: 100%;
  margin-left: 4px;
  background-position: left center;
  background-repeat: no-repeat;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class
  div.episodeArrow,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  div.episodeArrow,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  div.episodeArrow {
  background-image: url("../../../img/question_mark.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 13px;
  position: relative;
  float: left;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class.selected
  div.episodeArrow,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class.selected
  div.episodeArrow,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class.selected
  div.episodeArrow {
  background-image: url("../../../img/question_mark.png");
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class
  div.info-div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  div.info-div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  div.info-div {
  float: right;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class
  div.playArrow,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  div.playArrow,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  div.playArrow {
  background-image: url("../../../img/playArrow.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 10px;
  height: 100%;
  float: right;
  margin-right: 10px;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class.selected
  div.playArrow,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class.selected
  div.playArrow,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class.selected
  div.playArrow {
  background-image: url("../../../img/playArrow.png");
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class
  div.attrDuration,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  div.attrDuration,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  div.attrDuration {
  height: 100%;
  margin: 0 0 0 4px;
  float: left;
  margin: 0 5px;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class
  div.attrDuration
  table,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  div.attrDuration
  table,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  div.attrDuration
  table {
  height: 100%;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class
  div.attrDuration
  table
  tr
  td,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  div.attrDuration
  table
  tr
  td,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  div.attrDuration
  table
  tr
  td {
  color: #817e7f;
  font-size: 14px !important;
  border: 0;
  border-spacing: 0;
  text-align: right;
  vertical-align: middle;
  padding: 0;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class.selected
  div.attrDuration
  table
  tr
  td,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class.selected
  div.attrDuration
  table
  tr
  td,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class.selected
  div.attrDuration
  table
  tr
  td {
  color: #817e7f;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.random-class
  div.classDuration,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  div.classDuration,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  div.classDuration {
  width: 32px;
  height: 36px;
  margin: 4px;
}

div#player-clip-edit div#avail-clips-div div#avail-clips div.random-class a,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.random-class
  a,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.random-class
  a {
  float: left;
}

div#player-clip-edit div#avail-clips-div div#avail-clips div.live-avail-clip,
div#player-clip-edit div#avail-clips-div div#avail-clips div.avail-clip,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip {
  background: none repeat scroll 0 0 #000000;
  border-radius: 5px;
  float: none;
  margin: 5px 5px 0;
  min-height: 22px;
  overflow: hidden;
  /*width: 255px;*/
  cursor: pointer;
  padding: 4px 5px;
  line-height: 23px;
  color: #ffffff;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip.selected,
div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.avail-clip.selected,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip.selected,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip.selected,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip.selected,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip.selected {
  background: none repeat scroll 0 0 #343232;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip
  div.clipTypeLogo,
div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.avail-clip
  div.clipTypeLogo,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip
  div.clipTypeLogo,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip
  div.clipTypeLogo,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip
  div.clipTypeLogo,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip
  div.clipTypeLogo {
  width: 50%;
  height: 100%;
  display: inline-block;
  float: left;
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 4px;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip
  div.info-div,
div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.avail-clip
  div.info-div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip
  div.info-div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip
  div.info-div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip
  div.info-div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip
  div.info-div {
  height: 100%;
  display: inline-block;
  float: right;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip
  div.info-div
  div.durationTableDiv,
div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.avail-clip
  div.info-div
  div.durationTableDiv,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip
  div.info-div
  div.durationTableDiv,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip
  div.info-div
  div.durationTableDiv,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip
  div.info-div
  div.durationTableDiv,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip
  div.info-div
  div.durationTableDiv {
  margin: 0 5px;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip
  div.info-div
  div,
div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.avail-clip
  div.info-div
  div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip
  div.info-div
  div,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip
  div.info-div
  div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip
  div.info-div
  div,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip
  div.info-div
  div {
  display: inline-block;
  float: left;
  position: relative;
  height: 100%;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip
  table.versionNumber,
div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.avail-clip
  table.versionNumber,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip
  table.versionNumber,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip
  table.versionNumber,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip
  table.versionNumber,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip
  table.versionNumber {
  width: 20px;
  display: table;
  float: left;
  height: 100%;
  vertical-align: middle;
  padding: 0px 5px;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip
  table.versionNumber,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip
  table.versionNumber,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip
  table.versionNumber {
  width: 220px;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip
  table,
div#player-clip-edit div#avail-clips-div div#avail-clips div.avail-clip table,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip
  table,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip
  table,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip
  table,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip
  table {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
  vertical-align: middle;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip
  table
  tr
  td,
div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.avail-clip
  table
  tr
  td,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip
  table
  tr
  td,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip
  table
  tr
  td,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip
  table
  tr
  td,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip
  table
  tr
  td {
  color: #817e7f;
  font-size: 14px !important;
  border: 0;
  border-spacing: 0;
  text-align: right;
  vertical-align: middle;
  padding: 0;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip.selected
  table
  tr
  td,
div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.avail-clip.selected
  table
  tr
  td,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip.selected
  table
  tr
  td,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip.selected
  table
  tr
  td,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip.selected
  table
  tr
  td,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip.selected
  table
  tr
  td {
  color: #817e7f;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip
  table
  tr
  td.versionNumber,
div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.avail-clip
  table
  tr
  td.versionNumber,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip
  table
  tr
  td.versionNumber,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip
  table
  tr
  td.versionNumber,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip
  table
  tr
  td.versionNumber,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip
  table
  tr
  td.versionNumber {
  font-size: 18px !important;
  font-family: "MissionGothicBlack", "Trebuchet MS", "Verdana";
  font-style: normal;
  font-weight: normal;
  src: url("../../../files/fonts/mission_gothic_black.otf") format("opentype");
  width: 40px;
  text-align: left;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip
  table
  tr
  td.versionNumber,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip
  table
  tr
  td.versionNumber,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip
  table
  tr
  td.versionNumber {
  width: 244px;
  color: #ffffff;
}

div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.live-avail-clip
  div.playArrow,
div#player-clip-edit
  div#avail-clips-div
  div#avail-clips
  div.avail-clip
  div.playArrow,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.live-wallpaper-clip
  div.playArrow,
div#player-clip-edit
  div#wallpaper-clips-div
  div#wallpaper-clips
  div.wallpaper-clip
  div.playArrow,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.live-on-demand-clip
  div.playArrow,
div#player-clip-edit
  div#on-demand-clips-div
  div#on-demand-clips
  div.on-demand-clip
  div.playArrow {
  background-image: url("../../../img/play_icon.png");
  background-position: left center;
  background-repeat: no-repeat;
  width: 20px;
  height: 100%;
  float: right !important;
  cursor: pointer;
  margin-right: 10px;
}

div.scheduleAlertDateSpecific {
  width: 235px;
  height: 150px;
  background-image: url("../../../img/scheduleAlertMessageBox.png");
  position: absolute;
  z-index: 10;
  margin-top: 15px;
  left: -28px;
  color: #d4d3d3;
}

div.scheduleAlertDateSpecific div.scheduleAlertMessage {
  margin-top: 15px;
  font-size: 12px;
  text-transform: none;
  text-align: left;
  padding: 10px;
  line-height: 14px;
}

div.scheduleAlertDateSpecific a.scheduleAlertButton {
  font-size: 11px !important;
  margin: 10px 70px 0;
  width: 50px;
}

div#on-demand-clips div#on_demand_status,
div#on-demand-clips div#on_demand_autoupdate,
div#on-demand-clips div#on_demand_time,
div#live_classes div#live_class_time,
div#on-demand-clips div#on_demand_text,
div#on-demand-clips div#clip_controls,
div#on-demand-clips div#clip-list {
  height: 40px;
  margin-top: 5px;
  padding: 0 10%;
  width: 80%;
}

div#on-demand-clips div#on_demand_autoupdate input,
div#on-demand-clips div#on_demand_autoupdate label,
div#on-demand-clips div#on_demand_status input,
div#on-demand-clips div#on_demand_status label {
  display: inline-block;
  position: relative;
}

div#on-demand-clips div#on_demand_autoupdate label,
div#on-demand-clips div#on_demand_status label {
  width: auto;
}

div#on-demand-clips
  div#on_demand_autoupdate
  input
  div#on-demand-clips
  div#on_demand_status
  input {
  top: 2px;
}

div#on-demand-clips div#on_demand_time input,
div#on-demand-clips div#on_demand_time label,
div#on-demand-clips div#on_demand_time div {
  display: inline-block;
  position: relative;
  float: left;
}
div#live_classes div#live_class_time input,
div#live_classes div#live_class_time label,
div#live_classes div#live_class_time div {
  display: inline-block;
  position: relative;
  float: left;
}

div#on-demand-clips div#on_demand_time label {
  width: auto;
}
/* div#live_classes div#live_class_time label {
  width: auto;
} */

div#on-demand-clips div#on_demand_time div {
  top: 5px;
  width: auto;
}
div#live_classes div#live_class_time  div {
  top: 5px;
  width: auto;
}

div#on-demand-clips div#on_demand_time input {
  width: 15px;
  height: 15px;
  text-align: center;
  top: 1px;
}
div#live_classes div#live_class_time input {
  width: 15px;
  height: 15px;
  text-align: center;
  top: 1px;
}

div#on-demand-clips div#clip_controls {
  height: 30px;
}

div#on-demand-clips div#clip-list {
  height: auto;
  margin-top: 0px;
}

div#on-demand-clips div.clip_line {
  float: left;
  height: 20px;
  width: 100%;
}

div#on-demand-clips div#clip-list div.clip_line label,
div#on-demand-clips div#clip-list div.clip_line input {
  display: inline-block;
  position: relative;
}

div#on-demand-clips div#clip-list div.clip_line label {
  width: auto;
}

div#on-demand-clips div#clip-list div.clip_line input {
  top: 2px;
}

#printDialog a.button {
  width: 225px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media print {
  html {
    background: #fff !important;
  }
  body {
    background: #fff !important;
    min-width: 1220px;
  }
  #header {
    display: none;
  }
  #massive-box {
    margin: 0 !important;
    border: 0 none !important;
    background: #fff !important;
  }
  #content {
    background: #fff !important;
    margin: 0 !important;
  }
  #scrollable-days {
    height: auto !important;
    overflow: hidden;
  }
  div.schedule-info {
    display: none;
  }
  div.contactDiv {
    display: none;
  }
  #fade-scroll-top,
  #fade-scroll-bottom {
    display: none;
  }
  #actions-column {
    background-image: none !important;
  }
  #calendar-month {
    min-width: 1220px;
  }
  div.viewHeader,
  div.viewFooter {
    background: #000 !important;
  }
  div.viewHeader {
    margin-top: 0;
  }
  div.viewFooter {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  table#calendar-month tr#week-days td.day div.hour {
    background-color: #fff;
  }
  table#calendar-month tr#week-days td.day div.hour.grey {
    background-color: #ccc;
  }
  table#calendar-month tr#week-days td.day div#week-view-times div.hour {
    background-color: #ddd;
    color: #000;
  }
  table#calendar-month tr#week-days td.day div#week-view-times div.hour.grey {
    background-color: #aaa;
    color: #000;
  }
  table#calendar-month tr#day-row td.day {
    width: 13.48%;
  }
}

div#avail-clips .ui-state-active .ui-icon {
  /*visibility: hidden !important;*/
  left: 31.5em !important;
}

div#avail-clips .ui-accordion .ui-accordion-content {
  padding: 0 !important;
}

div#avail-clips .ui-state-default,
div#avail-clips .ui-widget-content .ui-state-default,
div#avail-clips .ui-widget-header .ui-state-defaultt {
  padding: 0 !important;
}

div#avail-clips .ui-state-active,
div#avail-clips .ui-widget-content .ui-state-active,
div#avail-clips .ui-widget-header .ui-state-active {
  background: inherit !important;
}

div#avail-clips .ui-state-hover,
div#avail-clips .ui-widget-content .ui-state-hover,
div#avail-clips .ui-widget-header .ui-state-hover,
div#avail-clips .ui-state-focus,
div#avail-clips .ui-widget-content .ui-state-focus,
div#avail-clips .ui-widget-header .ui-state-focus {
  background: inherit !important;
}

div#avail-clips .ui-state-default,
div#avail-clips .ui-widget-content .ui-state-default,
div#avail-clips .ui-widget-header .ui-state-default {
  background: inherit !important;
}

div#avail-clips .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  /*visibility: hidden !important;*/
  left: 31.5em !important;
}

/* AVIS CSS */
div#live_classes {
}
#live_classes_div > div#live_classes > #latest-clips > div {
  /* background-color: #383838;
  padding: 1rem 2rem; */
}

#class-infomation-dialog {
    overflow: hidden;
}