sintonia/legacy/public/css/styles.css

@charset "utf-8";
/* CSS Document */

body {
    font-size: 62.5%;
    font-family:Arial, Helvetica, sans-serif;
    background: #7f7f7f;
    margin: 0;
    padding: 0;
}
html, body {
    height: 100%;
    background: #111;
}

#login-page {
    background: #1f1f1f url(images/login_page_bg.png) no-repeat center 0;
    margin: 0;
    padding: 0;
    height:100%;
    text-align:center;
}

#login-page fieldset
{
    padding: 10px;
    border: 1px solid #555;
    margin-bottom: 10px;
}

#login-page legend {
    font-weight: bold;
    color: #919191;
}


h2 {
    color: #efefef;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
}
h3 {
    font-size:1.7em;
    font-weight:normal;
    color: #efefef;
    padding: 10px;
    margin:0;
}
a, a:focus {
    outline:none;
}
label {
    font-size:12px;
}
select {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    border:1px solid #9d9d9d;
}

/* Scroll bars */

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
    background: transparent none;
}

.wrapper::-webkit-scrollbar-track {
    background-color: rgba(255, 93, 26, .2);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.75);
}

::-webkit-scrollbar-thumb {
    background-color: #ff5d1a;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.75);
}

.wrapper_panel::-webkit-scrollbar-corner {
    background-color: #242424;
}

div.logo-container
{
  position: absolute;
  width: 150px;
  height: 100px;
  text-align: center;
}
img.logo
{
  max-width: 100%;
  max-height: 100%;
  padding: 1em;
  box-sizing: border-box;
}

/* Version Notification Starts*/
#version-icon {
    position:absolute;
    top:3px;
    right: 3px;
    height:20px;
    width:20px;
    z-index:1000;
    display:block;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:center;
    background-size: contain;
}
#version-icon.outdated {
    background-image:url(images/icon_outdated.png);
}
#version-icon.update2 {
    background-image:url(images/icon_update2.png);
}
#version-icon.update {
    background-image:url(images/icon_update.png);
}
#version-icon.uptodate {
    background-image:url(images/icon_uptodate.png);
}

#ui-tooltip-version a {
    color:#ff5d1a;
    text-decoration:none;
}

#ui-tooltip-version {
    font-size: 14px;
}
/* Version Notification Ends*/

#current-user-container {
    padding-bottom: 20px;
}
#current-user-container p {
    font-size: 1.0rem;
}

.edit-current-user {
    width: 365px;
}

.edit-current-user label {
    font-weight: normal;
}

.stream-player-label {
    padding-left: 8px !important;
}
.jp-stream form {
    margin-left: 7px !important;
}

.override_help_icon, .icecast_metadata_help_icon, .master_username_help_icon {
    cursor: help;
    position: relative;

    display: inline-block;
    zoom:1;
    width:14px; height:14px;
    background:url(images/icon_info.png) 0 0 no-repeat;
    float:right;
    top:2px;
    right:7px;
    line-height:16px !important;
}
#connection_url_override {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 5px;
}

#master_dj_connection_url_actions {
    float:left;
}


#auto_switch_help, #auto_transition_help {
    right: 200px;
}

.master_username_help_icon {
    margin-top: 6px;
}

.input-settings-inline-p {
    font-size: 12px;
    line-height: 140%;
    margin-top: 0;

}

.airtime_auth_help_icon, .custom_auth_help_icon, .stream_username_help_icon,
.playlist_type_help_icon, .repeat_tracks_help_icon, .show_linking_help_icon,
.admin_username_help_icon, .stream_type_help_icon, .overflow_tracks_help_icon,
.show_timezone_help_icon, .show_autoplaylist_help_icon, .help_icon {
        cursor: help;
        position: relative;
        display:inline-block; zoom:1;
        width:14px; height:14px;
        background:url(images/icon_info.png) 0 0 no-repeat;
        left: 3px;
        line-height:16px !important;
        vertical-align: text-top;
}
.qtip a {
    color: white;
}

/* Clearfix */
.clearfix:after, .side_playlist li:after { content: "."; display: block;    height: 0; clear: both;  visibility: hidden;}
.clearfix, .side_playlist li {    display: inline-block; }
* html .clearfix, * html li { height: 1%;}
.clearfix, .side_playlist li {    display: block;    }

/* Master Panel */

.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    border-top: 0;
}

.push {
    width: 100%;
    height: 139px;
}

#sticky {
    position:fixed;
    height:130px;
    top:0;
    left:0;
}

#master-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

    position:relative;
    height:100px;
    background:#3d3d3d url(images/masterpanel_bg.png) repeat-x 0 0;
    border:1px solid #000;
    border-width: 1px 0;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.35);
    box-shadow: 0 2px 5px rgba(0,0,0,.35);
    overflow:hidden;
}

.now-playing-block, .now-playing-artwork, .show-block, .on-air-block, .time-info-block, .listen-control-block {
    height:100px;
    float:left;
    margin-right:10px;
}

.source-info-block {
    height:100px;
    float:left;
    min-width:170px;
}

.now-playing-artwork {
  background: url(images/masterpanel_spacer.png) no-repeat 0 0;
  margin-left: 152px;
  padding: 12px 3px 13px 14px;

}
div.now-playing-artwork
{
  width: 75px;
  height: 100px;
  text-align: center;
}
div.now-playing-artwork_containter{
  background: #3a3a3a url(images/playinfo_bg.png) repeat-x 0 0;
  height: 75px;
  weight: 75px;
  border: 1px solid #242424;
  border-bottom-color:#727272;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  line-height:22px;
  overflow:hidden;
}
img.artwork
{
  max-width: 100%;
  max-height: 100%;
  padding: 3em;
  box-sizing: border-box;
}

.now-playing-block {
    -webkit-flex: 1 0;
    -moz-flex: 1 0;
    -ms-flex: 1 0;
    -o-flex: 1 0;
    flex: 1 0;
    margin-left: 0;
}
.show-block {
    -webkit-flex: 1 0;
    -moz-flex: 1 0;
    -ms-flex: 1 0;
    -o-flex: 1 0;
    flex: 1 0;
}
.text-row {
    height:30px;
    padding:0;
    font-size:12px;
    text-wrap:none;
    text-indent:2px;
    overflow:hidden;
    line-height:30px;
}
#master-panel .text-row {
    color:#dfdfdf;
}
.text-row.next-song {
    color:#d9d9d9;
}
.text-row strong {
    font-weight:bold;
    color:#969696;
    padding-right:12px;
}
.text-row.rebroadcast, #master-panel .text-row.rebroadcast {
    color:#969696;
}
.now-playing-info {
    height:25px;
    background:#3a3a3a url(images/playinfo_bg.png) repeat-x 0 0;
    border: 1px solid #242424;
    border-bottom-color:#727272;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color:#fff;
    font-size:15px;
    line-height:22px;
    text-indent:5px;
    overflow:hidden;
    margin-bottom:3px;
}
.time-elapsed {
    color:#c4c4c4;
    padding-right:6px;
}
.time-remaining {
    color:#ff6f01;
}
.progressbar {
    height:6px;
    border:1px solid #242424;
    border-width:1px 1px 0 1px;
    background:#141414 url(images/progressbar_bg.png) repeat-x 0 0;
}
.progressbar .progress-song, .progressbar .progress-show, .progressbar .progress-show-error {
    height:4px;
    width:0%;
    background:#f97202 url(images/progressbar_song.png) repeat-x 0 0;
}
.progressbar .progress-show {
    background:#02cef9 url(images/progressbar_show.png) repeat-x 0 0;
}
.progressbar .progress-show-error {
    background:#d40000 url(images/progressbar_show_error.png) repeat-x 0 0;
}
.now-playing-info .show-length {
    color:#c4c4c4;
    padding-left:6px;
}

.now-playing-info .song-length {
    color:#9b9b9b;
    padding-right:6px;
}

.on-air-block  {
    padding:0 12px 0 0;
    background:url(images/masterpanel_spacer.png) no-repeat right 0;
}

ol.navigation {
    padding: 0;
    margin: 0;
}
@media screen and (max-width: 1250px) {
    .show-block {
        display: none;
    }
}
@media screen and (max-width: 875px) {
    .now-playing-block, .now-playing-artwork {
        display: none;
    }
    .source-info-block {
        margin-left: 152px;
    }
    .time-info-block {
        -webkit-flex: 1 150px;
        -moz-flex: 1 150px;
        -ms-flex: 1 150px;
        -o-flex: 1 150px;
        flex: 1 150px;
    }
}
@media screen and (max-width: 630px) {
    #master-panel {
        min-width: 630px;
    }
}

.listen-control-block a, .listen-control-button {
    font-size:11px;
    text-transform:uppercase;
    padding:0;
    border:1px solid #242424;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    margin-top:34px;
    display:block;
    text-align:center;

}
.listen-control-button {
    margin-top:6px;
}
.listen-control-block a span, .listen-control-button span {
    background-color: #6e6e6e;
    background: -moz-linear-gradient(top, #868686 0, #6e6e6e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #868686), color-stop(100%, #6e6e6e));
    padding:5px 10px;
    border:1px solid #a1a1a1;
    border-width:1px 0;
    border-bottom-color:#646464;
    color:#dcdcdc;
    text-shadow: #555555 0px -1px;
    display:block;
}
.listen-control-button span {
    padding:2px 10px;
}
.listen-control-block a:hover, .listen-control-button:hover {
    border:1px solid #000;
}
.listen-control-block a:hover span, .listen-control-button:hover span {
    background-color: #292929;
    background: -moz-linear-gradient(top, #3b3b3b 0, #292929 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #292929));
    border:1px solid #555555;
    border-width:1px 0;
    border-bottom-color:#1e1e1e;
    color:#0C0;
    text-shadow: #000 0px -1px;
    display:block;
}
.listen-control-block a:active span {
    color:#fff;
}

/* END Master Panel */

.alpha-block {
    padding:0;
    float:left;
    margin:0 16px 10px 0;
}
.omega-block {
    padding:0;
    float:left;
    margin:0 0 10px 0;
}
.block-shadow {
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.10);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.10);
    box-shadow: 0 2px 2px rgba(0,0,0,.10);
}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
fieldset.plain {
    border:none;
    padding:0;
    margin:0;
}
.frame {
    padding:0;
    border:1px solid #5b5b5b;
    margin: 0 0 8px 0;
}
.padded {
    padding:8px;
}
.padded-strong {
    padding:10px;
}
.input_text, input[type="text"], input[type="password"], input[type="url"] {
    font-family:Arial, Helvetica, sans-serif;
    border: 1px solid #5b5b5b;
    font-size: 12px;
    /*height: 23px;*/
    margin: 0;
    padding: 5px;
    /*text-indent: 3px;*/
    width:auto;
    background-color: #dddddd;
    border: 1px solid #5b5b5b;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
}

input[readonly], textarea[readonly] {
    background-color:#b1b1b1
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input_text_area:focus {
    border: 1px solid #FF5D1A;
    outline: none;
}
.auto-search {
    background:#dddddd url(images/search_auto_bg.png) no-repeat 0 0;
    text-indent:25px;
}
.input_text_area, textarea {
    background-color: #dddddd;
    border: 1px solid #5b5b5b;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
    font-size: 13px;
    padding: 5px;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
}
.input_select, select {
    background-color: #DDDDDD;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
    border: 1px solid #5b5b5b;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 26px;
    margin: 0;
    padding: 2px 2px 2px 1px;
    vertical-align: top;
}

.add_show_input_select{
    width: 150px;
}

/***** Show Builder *****/

#show_builder {
    /* This breaks the add content dialog at low resolutions :(
    min-width: 470px;*/
}

#builder-dialog-hint {
    text-align: center;
    /*line-height: 62px;*/
    height: 62px;
    display: table;
    width: 100%;
}

#builder-dialog-hint p
{
    font-size: 14px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/***** LIBRARY QTIP METADATA SPECIFIC STYLES BEGIN *****/
table.library-track-md{
    width: 280px;
}

.ui-tooltip-dark.file-md-long{
    max-width: 415px !important;
    overflow-y: unset;
}

.library-get-file-md tr td, .library-track-md tr td{
    font-size:10px;
    padding: 0px;
    vertical-align:top;
}

table.library-get-file-md{
    margin-left:15px;
    margin-right:15px;
    width:350px;
}

table.library-get-file-md.table-small{
    width: 290px !important;
}

.file-md-qtip-nowrap{
    white-space: nowrap;
    overflow: hidden;
}

.file-md-qtip-criteria-width-small{
    width:70px;
    max-width: 70px;
}

.file-md-qtip-criteria-width{
    width:110px;
    max-width: 110px;
}

.file-md-qtip-row-width-title{
    width:170px;
    max-width: 170px;
    padding-right:5px !important;
}

.file-md-qtip-row-width-artist{
    width:110px;
    max-width: 110px;
}

.file-md-qtip-row-width-small{
    width:40x;
    max-width: 40px;
    text-align:right;
}

.file-md-qtip-playlist td{
    font-weight: bold;
    font-style: italic;
}

.file-md-qtip-left{
    float: left;
    width: 60%;
}

.file-md-qtip-legend {
    float: right;
    width: 34%;
    font-size: 9px;
    padding: 0px;
    vertical-align:top;
    line-height: 13px;
}
.static {
    color: #f09839;
}
.dynamic {
    color: #63a2f0;
}
.webstream {
    color: #4eba70;
}

/***** LIBRARY QTIP METADATA SPECIFIC STYLES END *****/


/***** SMART BLOCK SPECIFIC STYLES BEGIN *****/
.modifier_add_link {
    font-size: 12px;
    display: block;
    margin: 0 0 10px 29%;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    top: calc(100% + 5px);
}
.db-logic-label {
    font-size:12px;
    position: absolute;
    top: calc(100% + 5px);
    margin: 7px;
}
.search-row-and .db-logic-label {
    display: table;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    margin: 1.5em 0 0;
}
.search-row-and .db-logic-label:before, .search-row-and .db-logic-label:after {
    border-top: 1px solid hsl(0, 0%, 29%);
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 45%;
}
.sp-invisible{
    visibility: hidden;
}

.sp_input_select, .sp_input_text {
    flex: 0 0 29%;
}

.sp_input_text_limit{
    width: 75px !important;
}

.sp_no_margins{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.sp_text_font{
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    line-height: 26px;
    display: inline-block;
    margin-right: 4px;
}

.sp_text_font_bold{
    font-weight: bold;
    color: white;
}

.sp-ui-button-icon-only {
    position: relative;
    top: 5px;
    margin-top: -10px;
    margin-left: 5px;
}

.sp-ui-button-icon-only .ui-icon-closethick:hover, .sp-ui-button-icon-only .ui-icon-plusthick:hover {
    background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png)
}

.sp-button{
    margin-left: 368px;
}

.sp-save{
    margin-left: 7px !important;
}

.sp-checked-icon{
    width: 16px !important;
    display: inline-block !important;
}

.sp-warning-icon{
    margin: 0;
    background-image: url(redmond/images/ui-icons_ff5d1a_256x240.png);
    background-repeat: no-repeat;
    background-position: 0px -140px;
    height:16px;
    width: 16px;
    display: inline-block;
}

.sp-label{
    padding: 0px !important;
}

.sp-closed{
    border-width: 0 0 0 !important;
}


/***** SMART BLOCK SPECIFIC STYLES END *****/

label {
    font-size:13px;
    padding:0 16px 0 0;
}
.static_text {
  font-size:13px;
  color:#3b3b3b;
  padding:0 16px 0 0;
  word-wrap: break-word;
}
#library_quick_search {
    margin-bottom:16px;
}
#library_quick_search label {

}
#library_quick_search input {
    width:60%;
}
dl.inline-list {
    float: left;
    margin: 0;
    padding: 0;

}

dl.inline-list dt {
    clear: left;
    float: left;
    margin: 0;
    padding: 0px 0;
    font-weight: bold;
    color:#333333;
    font-size:12px;
    font-weight:bold;
    text-align:left;
    min-width:70px;
}
dl.inline-list dd {
    float: left;
    margin: 0;
    padding: 0px 0 4px 15px;
    font-size:12px;
}
.left-floated {
    float:left;
    margin-left:0;
    margin-right:10px;
}
.right-floated {
    float:right;
    margin-left:10px;
    margin-right:0;
    text-align:right;
}
/*----Data Table----*/

.datatable {
    border-color: #5b5b5b;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    width:100%;
}

.datatable th {
    text-align: left;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font-size: 14px;
    line-height: 28px;
    border: 0px;
    background: #575757;
}

.datatable tr td, .datatable tr th {
    padding: 5px 5px;
    line-height: 28px;
    font-size: 14px;
    color: #ccc;
}

.datatable tr, .datatable td,
.dataTable tr, .dataTable td {
    border: none;
    border-spacing: 0;
}

#recent_uploads_table tr, #recent_uploads_table td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 200px;
}

.odd {
    background-color: #282828;
}
.even {
    background-color: #2f2f2f;
}

.datatable tr .selected td {
    background-color: #abcfe2;
}

.selected.even {
    background-color: rgba(240, 109, 53, 1);
}
.selected.odd {
    background-color: rgba(255, 136, 56, 1);
}

.datatable tr[class*='selected'] td,
.datatable tr.sb-now-playing td {
    color: #000;
}


/*
.datatable tr.odd.selected td {
    background-color: #c5deeb;
}*/
/*.datatable tr.odd:hover td, .datatable tr.even:hover td  {*/
    /*background-color: #95d5f7 !important;*/
/*}*/

.datatable tr td:first-child, .datatable tr th:first-child, .datatable tr th.ui-state-default:first-child {
    border-left-width:0 !important;
}
.ui-widget-header + .datatable {
    border-width: 0px 1px 1px 1px;
}
.datatable + .ui-widget-header {
    border-width: 0px 1px 1px 1px;
}
.dataTables_scrollHeadInner > .datatable {
    border-width: 0px 1px 0 1px;
}
.dataTables_scroll .datatable {
    border-width: 0px 1px 0 1px;
}

.dataTables_scrolling {
    overflow: auto;
}

.dataTables_scrolling table{
    border-width: 0px 1px 0 1px;
}

.DataTables_sort_wrapper .ui-icon {
    display: block;
    float: right;
    margin: 6px 0 0 5px;
}
.dataTables_type {
    float:right;
    margin:0 8px 0 0;

}

.dataTables_length {
    float:left;
    margin:0;

}
.dataTables_length label {
    padding:0;
    font-size:12px;
    line-height:24px;
}
.dataTables_filter {
    margin:0 0 8px 8px;
}
.dataTables_filter .auto-search {
    width:55%;
}
.dt-process-rel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}
.dataTables_processing, .block-overlay {
    opacity: 1 !important;
    width: 100%;
    height: 100%;
    background: url("img/loading.gif") no-repeat 50% 50% rgba(0, 0, 0, .25);
}
div.blockOverlay {
    background: 50% 50% rgba(0, 0, 0, .45);
}
#library_display_wrapper .ui-widget-header:first-child {
    background:none;
    border-width:0 0 1px 0;
    color: #444444;
    font-weight: bold;
}
#library_display_wrapper .ui-widget-header:first-child .dataTables_length {
    margin:0;
}
#library_display_wrapper .ui-widget-header:first-child .dataTables_filter {
    margin:0;
}

.dataTables_info {
    float: left;
    padding-left: 10px;
    font-size: 15px;
    font-weight: normal;
    line-height: 36px;
}

.dataTables_paginate {
    float: right;
    padding: 8px 0 8px 8px;
}
.dataTables_paginate .ui-button {
    font-size:12px;
    font-weight:normal;
    padding: 0.2em 1em;
    margin-right:0;
}
.dataTables_filter input {
    background: url("images/search_auto_bg.png") no-repeat scroll 0 0 #DDDDDD;
    width: 40%;
    border: 1px solid #5B5B5B;
    margin-left: -8px;
    padding: 5px 3px 4px 25px;
}
.dataTables_length select {
    background-color: #DDDDDD;
    border: 1px solid #5B5B5B;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 25px;
    margin: 0 0 0 4px;
    padding: 2px 2px 2px 0;
    vertical-align: top;
}
.dataTables_empty {
    cursor: auto;
}
table.dataTable tbody tr,
table.dataTable span.DataTables_sort_icon {
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table.dataTable th.ui-state-default {
    color: #eee;
    border: 0px;
}

.ColVis.TableTools .ui-button {
    height: 21px;
}
button.ColVis_Button.ColVis_ShowAll {
    text-align: center;
    margin-top: 10px;
}

.ColVis_Button {
    text-shadow: none;
}

.library_toolbar .ui-button, .ColVis.TableTools .ui-button {
    float: right;
    text-align:center;
    font-size:12px;
    font-weight:normal;
    padding: 0.2em 1em;
    margin: 0.5em 7px -0.5em -2px;
}

.library_length {
    text-align: right;
}

.library_artwork {
    line-height: 1 !important;
}

/*----END Data Table----*/

fieldset {
    /*border: 1px solid #222;*/
    border: none;
    margin: 0;
    padding: 0;
    clear: both;
}
fieldset.plain {
    border: none;
    margin: 0;
    padding: 0;
}
input[type="checkbox"] {
    margin:0;
    outline:none;
    padding:0;
    width:13px;
    height:13px;
}
/*---//////////////////// LOGIN & PASSWORD RESET  ////////////////////---*/

/* Remove any visible csrf form token footprint */
#csrf-label {
    display: none;
}

#csrf-element {
    padding: 0;
    margin: 0;
    display: inline-block;
}

/*
#csrf-label .errors li, #csrf-element .errors li {
    margin: 0;
}*/

.login_box {
    margin: 0 auto 0 auto;
    text-align:center;
    width:420px;
    border:1px solid #181818;
    border-width: 0 0 1px 0;
    padding: 60px 0 0;
}

.login_box h2 {
    background:#1f1f1f;
    background: -moz-linear-gradient(center top , #2c2c2c 0pt, #1f1f1f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c2c2c), color-stop(100%, #1f1f1f));
    border:1px solid #181818;
    border-top-color:#4f4f4f;
    margin:0;
    padding:8px 0 8px 20px;
    font-size:15px;
    font-weight:bold;
    color:#bebebe;
    text-align:left;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.10);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.10);
    box-shadow: 0 2px 2px rgba(0,0,0,.10);
}
.login_box p {
    margin:0;
    padding:8px 0 16px 0;
    font-size:12px;
    color: #919191;
    text-align:left;
}
.logobox {
    height:120px;
    text-align:center;
    background:url(images/airtime_logo_big.png) no-repeat 50% 0;
}

.login {
    margin:2px 0 0 4px;
    border:none;
    background:none;
    text-align:left;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login td {
    border:none;
    background-color:transparent;
    color:#696969;
}

.login h2 {
    padding:7px 0 10px 0;
}

.light {
    color:#1683b0;
}
.alert {
    color:#C00;
}

.login-content {
    background:url(images/login_content_bg.png) no-repeat 0 bottom;
    padding:10px 20px 14px;
    text-align:left;
}
.login-content dl, .login-content dl.zend_form  {
    margin:0;
    padding:0;
    width:100%;
}

.login-content dd {
    /*float: left;*/
    font-size: 1.2em;
    margin: 0;
    padding: 0 0 9px 0;
    display:block;
}
.login-content dt {
    color: #666666;
    /*float: left;*/
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 6px 0;
    text-align: left;
    min-width:90px;
    clear:left;
    display:block;
}

#pref_form dt, #pref_form dd,
#pref_form textarea, #clientdetails_form dd,
.podcast-metadata dt, .podcast-metadata dd {
    display:block;
    float:none;
    margin-left:0;
    padding-left:0;
    width: 100%;
}
#pref_form textarea {
    width: 100%;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#pref_form select {
    width: 100%;
}

#pref_form p.description {
    color: #d6d6d6;
    font-size: 12px;
}

  dt.block-display, dd.block-display {
    display:block;
    float:none;
    margin-left:0;
    padding-left:0;
}

.login-content dt label {
    padding-right:0;
    color:#a8a8a8;
}
.login-content dd .input_text, .login-content dd input[type="text"], .login-content dd input[type="password"] {
    width:99%;
    font-size:14px;
    padding: 6px 0 6px 3px;
}
.login-content dd select {
    width: 100%;
}
.login-content dd input.ui-button, .login-content dd input.btn {
    width:100%;
    font-size:14px;
    padding: 6px 10px 6px;
}

.login-content dd button.ui-button, .login-content dd button.btn {
   width:100%;
    font-size:14px;
    padding: 6px 10px 6px;
}
.login-content .hidden, .hidden {
    display:none;
}
.login-content .text-right, .text-right {
    text-align:right;
}
.login-content a {
    color:#FF5D1A;
    text-decoration:none;
}
.login-content a:hover {
    text-decoration:underline;
}

.login-content .errors a {
    color: #ff1c13;
}

/*---//////////////////// END LOGIN ////////////////////---*/


/*---//////////////////// FOOTER ////////////////////---*/
.footer {
    display:block;
    height:40px;
    clear:both;
    color:#4b4b4b;
    margin-top:12px;
    font-size:11px;
    line-height:140%;
    text-align:center;
    padding:10px 0 0 0;
}

.footer a {
    color:#ff5d1a;
    text-decoration:none;
}
#login-page .footer {
    color:#6d6d6d;
}
.footer a:hover {
    color:#ff5d1a;
    text-decoration:underline;
}
/*---//////////////////// END FOOTER ////////////////////---*/

.button-bar {
    height: 28px;
    margin-top:12px;
}
/*.sticky {
    padding:0;
    width:100%;
    z-index:2000;
    position:fixed;
    top:0;
    left:0;
    margin-bottom:140px;
}*/
/*.sticky {*/
    /*padding:0;*/
    /*width:100%;*/
/*}*/

.floated-panel {
    margin-top:0;
    width:99.99%;
    z-index:999;
}

#user_details_superadmin_message a {
    color: inherit;
    font-weight: bold;
}

/*---//////////////////// Schedule Show ////////////////////---*/


#schedule_playlist_dialog .wrapp-two {
    float: left;
    width: 50%;
    padding: 0;
}

#schedule_playlist_dialog .wrapp-one {
    margin-right:2%;
    width: 48%;
    float: left;
}

#schedule_playlist_dialog div:first-child .ui-widget-header:first-child {
    background: none repeat scroll 0 0 transparent;
    border-width: 0 0 1px;
    color: #444444;
    font-weight: bold;
}

#schedule_playlist_dialog div:first-child .ui-widget-header:first-child {
    background: none repeat scroll 0 0 transparent;
    border-width: 0 0 1px;
    color: #444444;
    font-weight: bold;
}
#schedule_playlist_dialog .ui-widget-header:first-child .dataTables_filter,
#schedule_playlist_dialog .ui-widget-header:first-child .dataTables_length {
    margin: 0;
}

.ui-dialog #schedule_playlist_dialog.ui-dialog-content {
    padding:0;
}

#schedule_playlist_dialog > div {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #8f8f8f;
    padding: 8px;
    margin:8px 8px 0 8px;
}


#schedule_playlist_dialog > div h4 {
    padding: 13px 0 12px 0;
    margin: 0;
    font-size:16px;
    font-weight:normal;
}

#schedule_calendar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 100%;
    margin: 0;
}

#schedule_block_table {
    padding-right: 5px;
    width: 100%;
}

thead tr.fc-first
{
    height: 32px;
    line-height: 32px;
}
ful
/** Extremely nasty workaround for a fullcalendar bug, where clicking "Add Show"
    would cause this large space under the table header. The CSS to get to that
    is ridiculously complicated and set in the HTML (!) dynamically with JS,
    which makes it a pain in the ass to fix. That's why we're overriding it
    with !important here.
*/

div.fc-agenda > div:nth-child(2)
{
    top: 34px !important;
}

#schedule_calendar_cell
{
    width: 100%;
    height: 100%;
    padding: 0 5px 0 0;
}

.schedule_change_slots /** The time span combobox */
{
    margin-top: 4px; /** Center it vertically */
}

#schedule_block_table td {
    padding: 0;
    vertical-align: top;
}

div.ui-datepicker {
    /*font-size: 75%;*/
}


#schedule_playlist_dialog ul {
    list-style-type: none;
    overflow: auto;
    margin: 0 0 8px 0;
    padding: 0;
    height: 280px;
    background:#9a9a9a;
    width:100%;
}

#schedule_playlist_chosen li {
    float: left;
    clear: left;
    margin: 0;
    width: 100%;
    display:block;
    margin-bottom:-1px;
}

#schedule_playlist_chosen li > h3 {
    font-size:15px;
    padding: 7px 0 0 0;
    margin: 0;
    min-height:25px;

}

#schedule_playlist_chosen li > h3 > div {
    float: left;
    margin: 0 5px 2px 0;
}

#schedule_playlist_chosen li > h3 > div > span.ui-icon {
    margin-top: 0px;
}
#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-triangle-1-e,
#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-triangle-1-s {
    float:left;
    margin-right: 8px;
}
#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-close {
    float:right;
    margin-right: 8px;
}
#schedule_playlist_chosen div.group_list {
    border-width:0 1px 1px 1px;
}
/*#schedule_playlist_chosen li div{
    float: left;
}

#schedule_playlist_chosen li > div{
    width: 475px;
}
*/

#schedule_playlist_chosen li > div > div{
    clear: left;
    padding-top: 5px;
    padding-left: 5px;
}
#schedule_playlist_chosen li > div:first-child {
    border-bottom:1px solid #b1b1b1;
}
.sched_description {
    clear: left;
    font-size: 85%;
    margin-left: 2em;
}

.sh_pl_name {
    min-width: 150px;
}

#schedule_playlist_chosen li > h3 > div.sh_pl_time {
    float:right;
    margin-right:22px;
}

#schedule_playlist_chosen li > div > div > span {
    float: right;
    margin-right:46px;
}
#schedule_playlist_chosen li > div > div > span.sh_file_name {
    display: inline-block;
    float: left;
    margin-right:0;
}

.sh_file_artist, #schedule_playlist_chosen li > div > div.sh_file_artist {
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 8px;
    color:#5b5b5b;
}

#schedule_playlist_chosen li > div > div.sched_description {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 7px;
    border-bottom:1px solid #b1b1b1;
    color:#5b5b5b;
    margin:0;
    background:#dddddd;
}
#show_time_info {
    font-size:12px;
    height:30px;
}

#show_time_info > div, #show_time_info > span{
    float: left;
}

#show_progressbar {
    width: 46%;
    height: 5px;
    margin: 9px 9px 0 0;
}
#show_progressbar.ui-widget-content {
    background: #646464 url(images/schedule-show_progressbar_bg.png) repeat-x 0 0;
    border-color:#343434;
    border-bottom-color:#cfcfcf;
}

#show_progressbar .ui-progressbar-value {
    background: #ff5d1a;
    border-color:#343434;
    border-width: 1px 0 0 1px;
}

h2#scheduled_playlist_name {
    font-size:21px;
    font-weight:normal;
    margin:0;
    padding:8px 0 0px 12px;
    color:#1c1c1c;
}

h2#scheduled_playlist_name span {
    color:#656565;
}

.time {
    width: 80px;
    margin: 5px;
    text-align: left;
}

/* --- Add show Dialog --- */

#add_show_description {
    width: 400px;
    height: 200px;
}

#fullcalendar_show_display {
    width: 400px;
}

.fc-agenda-body {
    max-height:560px;
}

#schedule_calendar .ui-progressbar {
    width: 46%;
    height: 5px;
    margin: 9px 9px 0 0;
}

#schedule_calendar .ui-progressbar.ui-widget-content {
    background: #646464 url(images/schedule-show_progressbar_bg.png) repeat-x 0 0;
    border-color:#343434;
    border-bottom-color:#cfcfcf;
}
#schedule_calendar .ui-progressbar .ui-progressbar-value {
    background: #ff5d1a;
    border-color:#343434;
    border-width: 1px 0 0 1px;
}
/*---//////////////////// Advanced Search ////////////////////---*/

.search_control {
    padding:8px;
    border:1pxp solid #8f8f8f;
    background:#d8d8d8;
    margin-bottom:8px;
}
.search_group {
    padding:8px;
    border:1pxp solid #8f8f8f;
    margin-bottom:8px;
}
.search_group > fieldset {
    padding:0;
    border:none;
    margin-top:8px;
}
.search_group > fieldset .input_text {
    width:45%;
}
.search_group > fieldset .input_text, .search_group > fieldset .input_select {
    margin-right:6px;
}
.search_group fieldset .ui-button-icon-only .ui-button-text, .search_group fieldset .ui-button-icons-only .ui-button-text {
    padding: 3px 2px;
    text-indent: -1e+7px;
}
.search_group fieldset .ui-button-icon-only {
    width: 2.1em;
}

.search_group fieldset .ui-button-icon-only .ui-icon {
    left: 48%;
    margin-top: -9px;
    position: absolute;
    top: 50%;
}


.prefpanel
{
    color: #CDCDCD;
}
.prefpanel a {
    color: #b2b2b2;
}


/*---//////////////////// USERS ////////////////////---*/


.simple-formblock {
}

.simple-formblock dl, .simple-formblock dl.zend_form {
    margin: 0;
    padding: 0;
    width: 100%;
}
.simple-formblock dt {
    clear: left;
    color: #CDCDCD;
    float: left;
    font-size: 1.4em;
    font-weight: normal;
    margin: 0;
    min-width: 90px;
    padding: 4px 0;
    text-align: left;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}
.simple-formblock dd {
    float: left;
    font-size: 1.2em;
    margin: 0;
    padding: 4px 0 4px 15px;
    width:60%;
}

.simple-formblock .liquidsoap_status{
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 0 8px;
}

.user-form-label,
.tracktype-form-label {
    width: 30% !important;
}

.user-form-element,
.tracktype-form-element {
    width: 65% !important;
}

.simple-formblock dd.block-display {
    width: 100%;
}

#stream_form h3 {
    background-color: #5E5E5E;
    border-top:1px solid #9d9d9d;
}

.stream-setting-content dd.block-display {
    /*width: 60%;*/
}

.stream-setting-global {
    margin-bottom: 30px;
}

.simple-formblock.padded-strong {
    padding:12px;
}

.simple-formblock dd .input_text {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.simple-formblock dd textarea {
    height: 70px;
}

.simple-formblock h2 {
    font-size:1.7em;
    padding-bottom:16px;
}
.simple-formblock label {
    padding:0;
}

.ui-button-icon-only.crossfade-main-button, .ui-button-icons-only.crossfade-main-button {
    float: left;
    height: 26px;
    margin: 0 0 20px 0;
    padding-right: 8px;
}
.ui-button-icon-only.crossfade-main-button .ui-button-text, .ui-button-icons-only.crossfade-main-button .ui-button-text {
    text-indent: -1e+7px;
    padding: 0.1em 1em;
}

.ui-state-default .ui-icon.crossfade-main-icon     {
    background:url(images/crossfade_main.png) no-repeat 0 2px;
    width:25px;
}

.btn.crossfade-main-button span {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display:inline-block;
    width: 0;
    height:0;
}
.btn i.crossfade-main-icon {
    display: inline-block;
    background:url(images/crossfade_main.png) no-repeat 0 2px;
    width:22px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    margin-top: 1px;
    margin-right: -5px;
}

.ui-button-icon-only.crossfade-main-button .ui-icon {
    left: 44%;
    margin-left: -8px;
}

button, input {
    margin-top:0;
    margin-bottom:0;
}

#user_details,
#tracktype_details
{
    visibility: hidden;
}

.user-management,
.tracktype-management {
    min-width: 910px;
    min-height: 410px;
}

.user-management-expanded,
.tracktype-management-expanded {
    width: 910px;
}

.user-data,
.tracktype-data {
    float:right;
    width:420px;
    margin-left:10px;
}

.user-list-wrapper,
.tracktype-list-wrapper {
    float:left;
    width:480px;
    position: absolute;
    height: 373px;
    /*margin-right:10px;*/
}

#users_datatable,
#tracktypes_datatable {
    border: 0;
}

#users_datatable_wrapper td,
#tracktypes_datatable_wrapper td {
    vertical-align: middle;
}

.user-management div.user-list-wrapper .ui-widget-header:first-child,
.tracktype-management div.tracktype-list-wrapper .ui-widget-header:first-child {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    color: #444444;
    font-weight: bold;
}
.user-list-wrapper .ui-widget-header:first-child .dataTables_filter,
.tracktype-list-wrapper .ui-widget-header:first-child .dataTables_filter {
    margin:0;
}
.user-management h2,
.tracktype-management h2 {
    font-size: 1.7em;
    padding-bottom: 12px;
}
.user-management .dataTables_filter input,
.tracktype-management .dataTables_filter input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:8px;
}
.user-data.simple-formblock dd,
.tracktype-data.simple-formblock dd {
    width: 73%;
}

.user-data fieldset,
.tracktype-data fieldset {
    margin-bottom:8px;
}
.user-data fieldset:last-child,
.tracktype-data fieldset:last-child {
    margin-bottom:0;
}

.user-list-wrapper .button-holder,
.tracktype-list-wrapper .button-holder {
    padding:0;
    height:37px;
}
.user-list-wrapper .button-holder .ui-button,
.tracktype-list-wrapper .button-holder .ui-button {
    margin:0;
}
.ui-widget-content .user-list-wrapper .ui-icon.ui-icon-closethick,
.ui-widget-content .tracktype-list-wrapper .ui-icon.ui-icon-closethick {
    background-image:url(redmond/images/ui-icons_666666_256x240.png);
    cursor:pointer;
    float:right;
    margin-right:5px;
}
.ui-widget-content .user-list-wrapper .ui-icon.ui-icon-closethick:hover,
.ui-widget-content .tracktype-list-wrapper .ui-icon.ui-icon-closethick:hover {
    background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png);
}

.button-bar-top {
    text-align:right;
    height:38px;
}

.toggle-button, .toggle-button-active {
    border: 1px solid #505050;
    background-color: #5e5e5e;
    background: -moz-linear-gradient(top, #757575 0, #5e5e5e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #757575), color-stop(100%, #5e5e5e));
    color: #ffffff;
    margin:0;
    font-size:12px;
    padding:5px 12px;
    text-decoration:none;
    text-shadow: #343434 0px -1px;
    border-width:1px 0 1px 1px;
    cursor:pointer;
}
.toggle-button:hover {
    background-color: #292929;
    background: -moz-linear-gradient(top, #3b3b3b 0, #292929 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #292929));
    text-shadow: #000000 0px -1px;
}

.toggle-button-active {
    background-color: #c6c6c6;
    background: -moz-linear-gradient(top, #767676 0, #c6c6c6 20%, #c6c6c6 35%, #a0a0a0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #767676), color-stop(20%, #c6c6c6), color-stop(35%, #c6c6c6), color-stop(100%, #a0a0a0));
    color: #2e2e2e;
    cursor:default;
    text-shadow: #d8d8d8 0px 1px;
}
.end-button {
    border-width:1px;
}

.button-bar-top .toggle-button, .button-bar-top .toggle-button-active {
    float:right;
}

.button-bar-top .input_text {
    height:25px;
    margin-right:6px;
    padding: 0 3px;
}
.button-bar-top .input_text.hasDatepicker, .input_text.hasDatepicker {
    background-image:url(images/input_with_calendar_bg.png);
    background-repeat:no-repeat;
    background-position:right 0;
}
.input_text.hasTimepicker {
    background-image:url(images/input_with_time_bg.png);
    background-repeat:no-repeat;
    background-position:right 0;
}
ul.errors {
    display:block;
    clear:left;
    padding:3px 0 0 0;
    margin:0;
}

.formrow-repeat ul.errors {
    width:278px;
}

ul.errors li, .warning {
    color:#902d2d;
    font-size:14px;
    padding:2px 4px;
    background:#c6b4b4;
    margin-bottom:2px;
    border:1px solid #c83f3f;
    list-style: none;
}

.warning-label {
    font-size: medium;
    text-align: center;
}

div.success{
    color:#3B5323;
    font-size:14px;
    padding:2px 10px;
    background:#93DB70;
    margin-bottom:0px;
    border:1px solid #488214;
    display: inline-block;
    text-align: right;
    float: right;
    height: 30px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.success.pc-sb-success {
    height: auto;
    text-align: left;
}

div.errors, span.errors{
    color:#902d2d;
    font-size:14px;
    padding:2px 10px;
    background:#c6b4b4;
    margin-bottom:0px;
    border:1px solid #c83f3f;
    height: 30px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

span.errors.sp-errors{
    width: 429px;
    display: block;
}

.collapsible-header, .collapsible-header-disabled {
    border: 1px solid #333333;
    border-top: 1px solid #5c5c5c;
    background-color: #4a4a4a;
    font-size:14px;
    color:#ccc;
    font-weight:bold;
    padding:10px 0 10px 20px;
    margin:20px 0 0 0;
    cursor:pointer;
    position:relative;
    clear: both;
}
.collapsible-content {
    margin-top:-1px;
}
.collapsible-header .arrow-icon, .collapsible-header-disabled  .arrow-icon {
    display:block;
    background:url(images/arrows_collapse.png) no-repeat 0 -11px;
    height:11px;
    width:11px;
    position:absolute;
    left:5px;
    top:12px;

}
.collapsible-header.closed .arrow-icon, .collapsible-header-disabled.close  .arrow-icon {
    background-position: 0 0 !important;
}
#schedule-add-show .button-bar {
    height: 28px;
    margin: 0 0 8px 0;
}
#schedule-add-show .button-bar.bottom {
    margin: 16px 0 8px;
}
.schedule {
    text-align:left;
    height:38px;
}


/*---//////////////////// NOW PLAYING COLORS ////////////////////---*/
.playing-song, .datatable tr.playing-song:hover td {
    background-color:#ff753c !important;
}
.playing-list {
    background-color:#b0dcf2;
}
.odd.playing-list {
    background-color:#bfe5f8;
}
.gap, .datatable tr.gap:hover td {
    background-color:#da5454 !important;
}
.group, tr td.group {
    background-color:#0aa2be;
    color:#FFF;
}

/*---//////////////////// END NOW PLAYING COLORS ////////////////////---*/
.icon-link, .ui-widget-content a.icon-link {
    color: #646464;
    position: relative;
    text-decoration: none;
    padding: 0 0 0 20px;
}
.icon-link .ui-icon {
    background-image:url(redmond/images/ui-icons_666666_256x240.png);
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    left: 0.2em;
    margin: -3px 5px 0 0;
    overflow: hidden;
    position: absolute;
    top: 2px;
    width: 16px;
}
.icon-link:hover, .ui-widget-content a.icon-link:hover {
    color: #444444;
    text-decoration:underline;
}
.icon-link:hover .ui-icon {
    background-image:url(redmond/images/ui-icons_454545_256x240.png);
}

.button-bar .icon-link {
    float:left;
    margin:7px 0 0 1px;
}

#show_content_dialog .datatable tr:first-child td {
    border-top:none;
}

#show_content_dialog .datatable {
    margin-top:8px;
}
.simple-formblock.metadata, .side_playlist .simple-formblock.metadata {
    border:none;
    width:auto;
    display:block;
    padding: 2px;
}
.side_playlist .simple-formblock.metadata .input_text, .side_playlist .simple-formblock.metadata .input_text_area {
    width:95%;
}
.side_playlist .simple-formblock.metadata.simple-formblock dd {
    width:70%;
}
.side_playlist h3.plain {
    float:none;
    font-size:18px;
    margin:2px 0 20px 0;
}

.qtip {
    font-size:14px;
    line-height:160%;
}

#schedule-show-who.scrolled {
    margin-bottom: 0;
    max-height:300px;
    overflow:auto;
}
.text-content {
    padding: 10px 22px;
    /*background: url(images/sf_arror.png) no-repeat 60% 0; */
    min-height: 300px;
}
.text-content h2 {
    font-size:2.4em;
    color:#efefef;
}
.text-content h4 {
    margin-bottom: 3px;
}
.text-content p {
    font-size:1.6em;
    line-height:140%;
    color:#efefef;
    margin:0 0 1.4em 0;
}
.text-content a {
    color:#f2f2f2;
    text-decoration:none;
}
.text-content a:hover {
    text-decoration:underline;
}

.text-content ol {
    margin:0 0 22px 25px;
    padding:0;
    list-style-position:outside;
}

.text-content ol li {
    margin:15px 0 6px 0;
    font-size:1.7em;
    display:list-item;
    color:#efefef;
}
.gray-logo {
    margin:5px 0 0 20px;
}
.formrow-repeat {
    list-style-type:none;
    margin:0;
    padding:0;
}
.formrow-repeat li {
    list-style-type:none;
    margin:0 0 8px 0;
    padding:0;
    display:block;
}
/*
.formrow-repeat li .ui-button-icon-only {
    width:1.8em;
}
.formrow-repeat li .ui-button-icon-only .ui-button-text, .formrow-repeat li .ui-button-icons-only .ui-button-text {
    padding: 3px 3px 4px;
}

.formrow-repeat li .ui-button-icon-only .ui-icon {
    left: 48%;
    margin-top: -9px;
    position: absolute;
    top: 50%;
}
.formrow-repeat li .ui-button .ui-button-text {
    display: block;
    line-height: 110%;
}
*/

#add_show_rebroadcast_relative .ui-button-icon-only,
#add_show_rebroadcast_absolute .ui-button-icon-only {
    width: 1.8em;
}
#add_show_rebroadcast_relative .ui-button-icon-only .ui-button-text,
#add_show_rebroadcast_absolute .ui-button-icon-only .ui-button-text,
#add_show_rebroadcast_relative .ui-button-icons-only .ui-button-text,
#add_show_rebroadcast_absolute .ui-button-icons-only .ui-button-text,
#add_show_rebroadcast_relative .ui-button-text-icon-primary .ui-button-text,
#add_show_rebroadcast_absolute .ui-button-text-icon-primary .ui-button-text {
    font-size:12px;
}

#add_show_rebroadcast_relative .ui-button-icon-only .ui-icon,
#add_show_rebroadcast_absolute .ui-button-icon-only .ui-icon {
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
#add_show_rebroadcast_relative .ui-button-text-icon-primary .ui-icon,
#add_show_rebroadcast_absolute .ui-button-text-icon-primary .ui-icon {
    left: 0.4em;
}
#add_show_rebroadcast_relative .ui-button .ui-button-text,
#add_show_rebroadcast_absolute .ui-button .ui-button-text {
    display: block;
    line-height: 14px;
}

.formrow-repeat li .inline-text {
    color: #666666;
    padding: 0 6px 0 0;
}
.formrow-repeat li .input_text, .formrow-repeat li .input_select {
    margin-right:6px;
}
.formrow-repeat li .hasDatepicker, .formrow-repeat li .input_select {
    width:95px;
}
.formrow-repeat li .hasTimepicker {
    width:60px;
}
.recording-show {
    float: right;
    background:url(images/record_icon.png) no-repeat 0 0;
    width:23px;
    height:23px;
}

.datatable td .info-icon {
    margin:-4px    3px -3px 0;
    float:right;
}
.time-flow {
    float:right;
    margin-right:4px;
}
.small-icon {
    display:block;
    width:20px;
    height:10px;
    float:right;
    margin-left:3px;
}
.small-icon.linked {
    background:url(images/icon_link.png) no-repeat 0 0;
    margin-top: 0px !important;
}
.small-icon.autoplaylist {
    background: url(images/icon-clock.svg) black no-repeat center center;
    border-radius: 2px;
    background-size: contain;
}

.small-icon.recording {
    background:url(images/icon_record.png) no-repeat 0 0;
    margin-top: 0px !important;
}
.small-icon.rebroadcast {
    background:url(images/icon_rebroadcast.png) no-repeat 0 0;
    margin-top: 0px !important;
}
.small-icon.now-playing {
    background:url(images/icon_play_cal.png) no-repeat 0 0;
    height:10px;
}
.small-icon.progress {
    background:url(images/upload-icon.gif) no-repeat;
    background-color:black;
    background-position:center;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    margin-top: 0px !important;
}
.small-icon.alert {
    background:url(images/icon_alert.png) no-repeat;
    float:left;
    width:13px;
    margin-right:3px;
    margin-left:1px;
}
.small-icon.show-empty {
    background:url(images/icon_alert_cal_alt.png) no-repeat 0 0;
}
.small-icon.show-partial-filled, .small-icon.media-item-in-use {
    background:url(images/icon_alert_cal_alt2.png) no-repeat 0 0;
}
.small-icon.show-overbooked {
    background:url(images/icon_alert_cal.png) no-repeat 0 0;
}
.small-icon.is_scheduled {
    background:url(images/is_scheduled.png) no-repeat 0 0;
    height: 16px !important;
}
.small-icon.is_playlist {
    background:url(images/is_playlist.png) no-repeat 0 0;
    height: 16px !important;
}
.medium-icon {
    display:block;
    width:25px;
    height:12px;
    float:right;
    margin-left:4px;
}
.medium-icon.recording {
    background:url(images/icon_record_m.png) no-repeat 0 0;
    width:20px;
}
.medium-icon.rebroadcast {
    background:url(images/icon_rebroadcast_m.png) no-repeat 0 0;
}
.medium-icon.nowplaying, .medium-icon.finishedplaying {
    background:url(images/icon_nowplaying_m.png) no-repeat 0 0;
    width:12px;
    height:9px;
    float:left;
    margin-left:6px;
    margin-right:0;
}
.medium-icon.finishedplaying {
    background:url(images/icon_finishedplaying_m.png) no-repeat 0 0;
}
.preferences {
    /*width: 500px;*/
    margin-bottom: 40px;
}
#preferences_header {
    float: left;
    padding-left: 9px;
}
.manage-folders {
    width: 610px;
}

.stream-config {
    min-width: 800px;
    max-width: 1000px;
}

#stream_save_bottom {
    bottom: 0;
}

.preferences .padded {
    margin-top: 5px; /* Firefox needs this */
}

dt.block-display, dd.block-display {
    display: block;
    float: none;
    margin-left: 0;
    padding-left: 0;
}
.preferences dt.block-display, .preferences dd.block-display {
    padding: 0 0 5px 0;
}
.preferences dd.block-display, .stream-config dd.block-display {
    margin-bottom:4px;
}
.preferences dd.block-display:last-child, .stream-config dd.block-display:last-child {
    margin-bottom:0;
    padding-bottom:0;
}
.preferences input[type="radio"], .stream-config input[type="radio"] {
    margin:0;
}
.preferences label input[type="radio"], .stream-config label input[type="radio"] {
    margin:0 1px 0 0;
}
.preferences label input[type="checkbox"], .stream-config label input[type="checkbox"] {
    margin:0 5px 0 0;
}
dd.radio-inline-list, .preferences dd.radio-inline-list, .stream-config dd.radio-inline-list {
    margin-bottom:6px;
}
.radio-inline-list label {
    margin-right:12px;
}
.preferences.simple-formblock dd.block-display,
 .preferences.simple-formblock dd.block-display select, .stream-config.simple-formblock dd.block-display select,
.preferences dd.block-display .input_select, .stream-config dd.block-display .input_select {
    width: 100%;
}
.preferences dd.block-display .input_text_area, .preferences dd.block-display .input_text
.stream-config dd.block-display .input_text_area, .stream-config dd.block-display .input_text,
.stream-config dd.block-display input[type="text"], .stream-config dd.block-display input[type="password"] {
    width: 98.5%;
}

.preferences dd.block-display .input_text_area {
    height: 120px;
}

.preferences #stationLogoRemove-label {
    display: none;
}

.preferences #logo-remove-btn {
    /*float: left;*/
    margin-bottom: 4px;
}

.preferences #Logo-img-container {
    margin-top: 30px;
}

/*#submit {*/
    /*margin-right: 10px;*/
/*}*/

.centered {
    margin: 0 auto;
    display: block;
}

#show_time_info {
    font-size:12px;
    height:30px;
}
#show_time_warning {
    background:#c83f3f url(images/icon_alert_ffffff.png) no-repeat 5px 4px;
    border:1px solid #9d1010;
    color:#fff;
    padding: 2px 5px 2px 24px;
    font-size: 12px;
    line-height: 140%;
}

/* Metadata Editor styles */

/* HACK, to be removed after 1.7.0 */
/*button.ui-button.md-cancel {*/
/*padding: .4em 1em;*/
/*}*/

.edit-md-dialog #submitButtons-element {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.md-publish {
    margin-right: 4px;
}

.md-save {
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -o-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right: 4px;
}

.md-cancel {
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -o-flex: 1 0 auto;
    flex: 1 0 auto;
}

/*--//////////////////////// Changes/add-ons Jun 8th, 2011 ////////////////////////--*/

.dialogPopup.ui-dialog-content {
    padding: 0.9em 1em;
}
.dialogPopup dl {
    margin:0;
    padding:0;
    clear:both;
    width:100%;
}
.dialogPopup dt {
    clear: left;
    padding: 0;
    float:left;
    width:35%;
}

.dialogPopup dt.block-display {
    float:none;
    width:100%;
    padding: 0 0 10px;
}

.dialogPopup dt label {
    font-weight: bold;
    line-height:24px;
}
.dialogPopup dd {
    padding: 0;
    float:left;
    width:65%;
    margin:0 0 6px 0;
}
.dialogPopup dd.block-display {
    float:none;
    width:100%;
    padding: 0 0 10px;
    margin:0 0 8px 0;
}
.dialogPopup fieldset dt:last-child, .dialogPopup fieldset dd:last-child {
    margin:0;
}

.info-text {
    font-size:12px;
    color:#5b5b5b;
    line-height:150%;
    padding:0 0 6px;
    margin:0;

}
.dialogPopup label input[type="checkbox"] {
    float:left;
    margin-right:6px;
}

.dialogPopup fieldset {
    padding: 0;
    clear:both;
    border:none;
}
.dialogPopup fieldset dd input[type="text"], .dialogPopup fieldset dd textarea {
    width:99.5%;
    padding:0;
}
.dialogPopup fieldset dd input[type="text"] {
    height:23px;
}
.dialogPopup fieldset dd select {
    width:100%;
}

fieldset.display_field {
    /*background-color:#d5d5d5;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;*/
    padding:10px;
    border: 1px solid #8F8F8F;
}
label span {
    font-weight:normal;
}

.dialogPopup .display_field dt, .dialogPopup .display_field dd {
    color: #353535;
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 4px 0;
    text-align: left;
    width:auto;
}

.dialogPopup .display_field dt {
    clear: left;
    font-weight:bold;
    width:auto;
    min-width:auto;
    padding-right:8px;
}
#show_what_sending textarea {
    background-color:transparent;
    border:none;
    box-shadow: none;
    font-size: 12px;
    text-indent: 0;
    margin:0;
    width:99%;
    line-height:180%;
    resize: none;
}
#show_what_sending textarea:focus {
    border:none;
}
#show_what_sending dl {
    overflow-x: hidden;
}

#watched-folder-section dd.block-display input[type="text"] {
    width: 63.6%;
}

#watched-folder-section dd.block-display input[type="button"] {
    border: 1px solid #5b5b5b;
    background-color: #6e6e6e;
    background: -moz-linear-gradient(top, #868686 0, #6e6e6e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #868686), color-stop(100%, #6e6e6e));
    color: #ffffff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    height:25px;
    margin:0;
    display:block;
    margin-left:5px;
    line-height:12px;
    padding:0 10px 1px 10px;
}

#watched-folder-section a {
    font-size: 12px;
}

#watched-folder-section a:hover {
    text-decoration:none;
    color:#FF5D1A;
    cursor:pointer;
}

#watched-folder-section dd.block-display input[type="button"]:hover {
    border: 1px solid #242424;
    background-color: #292929;
    background: -moz-linear-gradient(top, #3b3b3b 0, #292929 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #292929));
    color: #ffffff;
}

#watched-folder-section dd.block-display {
    clear:both;
    min-height:25px;

}
#watched-folder-section dd.block-display.selected-item {
    clear:both;
    background:#9a9a9a;
    margin:2px 0 5px 0;
    width:84%;
    padding:4px 8px 0;
    position:relative;
    min-height:22px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size:13px;
}

#watched-folder-section dd.block-display.selected-item .ui-icon {
    position:absolute;
    top:4px;
    right:5px;
    cursor:pointer;
}

#watched-folder-section dd.block-display.selected-item .ui-icon.ui-icon-refresh {
    position:absolute;
    top:4px;
    right:20px;
    cursor:pointer;
    background-image:url(redmond/images/ui-icons_ffffff_256x240.png);
    background-position: -128px -63px;
}

#watched-folder-section dd.block-display.selected-item .ui-icon:hover {
    background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png)
}
#watched-folder-section dd.block-display input {
    float:left;
}

fieldset > legend {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    background: #333;
    font-size: 16px;
    line-height: 1em;
    border: 0;
    margin: 0;
    padding: 10px 0 10px 10px;
}

fieldset.padded > legend {
    padding-left: -8px;
}
fieldset.closed, fieldset.display_field.closed {
    border-width: 1px 0 0;
    margin-bottom: -6px;
    margin-left: 1px;
}
fieldset.sb-criteria-fieldset{
    min-width:503px;
    overflow-x:auto;
}

fieldset.closed dl, fieldset.closed textarea, fieldset.closed div, fieldset.closed h2 {
    display:none;
}

fieldset legend .ui-icon, .ui-widget-content fieldset legend .ui-icon {
    background-image: url(redmond/images/ui-icons_454545_256x240.png);
    float: left;
}

#add-show-show-source
{
    margin-top: 20px;
}

#add-show-close {
    color: #ffffff !important;
    text-decoration: none;
}

#add-show-close span {
    padding-top: 1px;
    position: absolute;
}

input[type="checkbox"][disabled] {
    opacity: 0.6;
}

.play_small {
    height:11px;
    width: 15px;
    display:inline-block;
    background:url(images/play_pause_small.png) no-repeat 0 0;
    margin:0 7px 0 0;
    text-indent:-9999px;
    overflow:hidden;
    line-height:10px;
}
.play_small:hover, .play_small.paused  {
    background-position: 0 -11px;
}
.play_small.paused:hover {
    background-position: 0 -22px;
}

.play_small.playing {
    background-position: -20px 0;
}
.play_small.playing:hover {
    background-position: -20px -11px;
}

.info-text-small {
    color: #adadad;
    font-size: 11px;
    line-height: 150%;
    margin: 0;
    padding: 0 0 6px;
    font-style:italic;
    font-weight:normal;
}
dd .info-text-small {
    padding: 1px 0 2px;
    display:inline-block;
}

.stream-config dt  {
    width:120px;
    padding: 4px 0;
}
.stream-config dt.block-display  {
    width:auto;
}
.stream-config dd  {
    margin-bottom:0px;
}
.stream-config dd select {
    width:180px;
    line-height:140%;
}

.stream-config input[type="text"], .stream-config input[type="password"] {
    /*width:98.5%;*/
    min-width:168px;
}
.stream-config .display_field dd input[type="text"], .stream-config .display_field dd input[type="password"], .stream-config .display_field dd textarea {
    min-width:99%;
    padding: 4px 3px;
}
.stream-config .display_field dd textarea {
    min-height:60px;
}
.simple-formblock .display_field dd {
    min-width:68%;
}
.stream-config dd input[id$=port] {
    width:152px;
}

dt.block-display.info-block {
    width: auto;
    font-size:12px;
    padding:10px 0;
}
.top-margin {
    margin-top:10px;
    float: left;
}
.left-margin {
    margin-left:20px;
    float: left;
}
.stream-config dd.block-display textarea {
    width: 99.5%;
    height: 110px;
}

.input-info {
    font-size:12px;
    padding:0 0 0 5px;
}

.stream-config dd.block-display input[type="text"].with-info, .stream-config dd.block-display input[type="password"].with-info {
    width: 83.6%;
}
.stream-config dd.block-display p {
    font-size:13px;
    margin:4px 0 4px 2px;
}

.stream-config #output_setting {
    width: 100%;
}

.stream-config dt.block-display, .stream-config dd.block-display {
    /*float: left;*/
}
.collapsible-header-disabled {
    cursor:default;
    opacity:0.6;
}

/*---////////////////////    ERROR PAGE    ////////////////////---*/

.error-content {
    position: relative;
    background: url(images/maintenance.png) no-repeat 0 0;
    width: 360px;
    height: 350px;
    margin: auto;
    top: 25px;
}
.error-content h2 {
    margin:0;
    padding:350px 0 10px 0;
    font-size:36px;
    font-weight:bold;
    color: #8e8e8e;
    text-align:center;
    letter-spacing:-.3px;
    text-shadow: rgba(248,248,248,.3) 0 1px 0, rgba(0,0,0,.8) 0 -1px 0;
}
.error-content p {
    color: #acacac;
    font-size: 16px;
    text-align:center;
    margin: 0;
    padding:8px 2px;
}
.error-content .button-bar	{
    margin-top:47px;
    padding-left:2px;
    text-align:center;
}
.error-content .toggle-button    {
    border: 1px solid #434343;
    border-width:1px 1px 0px 1px;
    background-color: #636363;
    background: -moz-linear-gradient(top, #737373 0, #545454 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #737373), color-stop(100%, #545454));
    color: #1b1b1b;
    font-size:15px;
    font-weight:bold;
    padding:5px 14px 6px 15px;
    text-shadow: rgba(248,248,248,.24) 0 1px 0;
    box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset;
    -moz-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset;
    -webkit-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset;
    margin: 0 5px 0 0;
}
.error-content .toggle-button:hover    {
    border: 1px solid #000;
    border-width:1px 1px 0px 1px;
    background-color: #353535;
    background: -moz-linear-gradient(top, #393939 0, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #393939), color-stop(100%, #000000));
    color: #ff5d1a;
    text-shadow:none;
    box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset;
    -moz-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset;
    -webkit-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset;
}

/*---////////////////////    DEFAULT TABLE    ////////////////////---*/

table {
    border-color: #5b5b5b;
    border-style: solid;
    border-width: 0;
}
tbody tr th    {
    color: #000000;
    background-color: #b1b1b1;
    background: -moz-linear-gradient(top, #bebebe 0, #a2a2a2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bebebe), color-stop(100%, #a2a2a2));
    font-size: 13px;
    padding: 5px 5px;
    border-color: #b1b1b1;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-top-color: #5b5b5b;
    text-align:left;
}
thead tr th    {
    color: #FFFFFF;
    font-size: 16px;
    padding: 5px 5px;
    border-color:#CCCCCC;
    background-color: #6e6e6e;
    border-style: solid;
    border-width: 0 0 0 1px;
}
tr td    {
    border-color: #b1b1b1;
    border-style: solid;
    border-width: 0;
    font-size: 12px;
    padding: 5px 5px;
}
tfoot tr td, tfoot tr th    {
    color:#FFFFFF;
    background-color: #6e6e6e;
    background: -moz-linear-gradient(top, #6e6e6e 0, #868686 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e6e6e), color-stop(100%, #868686));
    font-size: 13px;
    padding: 5px 5px;
    border-color: #b1b1b1;
    border-style: solid;
    border-width: 1px 0 0 1px;
}
tfoot tr th    {
    font-weight:bold;
    text-align:left;
}


/*---////////////////////    STATUS TABLE    ////////////////////---*/
.statustable    {
    background-color: #D8D8D8;
    border-width: 2px 1px 1px;
}
.statustable tr td, .statustable tr th    {
    text-align:center;
    vertical-align:text-top;
    font-size:13px;
}
.statustable tr td    {
    border-width: 1px 0 0 1px;
}
.statustable tr td:first-child, .statustable tr th:first-child {
    text-align:left;
    border-left-width: 0 !important;
}
.checked-icon    {
    width:100%;
    margin:0;
    background: url("images/accept.png") no-repeat center center;
    height:16px;
    margin:0;
    display:block;
}
.not-available-icon    {
    width:100%;
    margin:0;
    background: url("images/delete.png") no-repeat center center;
    height:16px;
    margin:0;
    display:block;
}
.warning-icon    {
    width:100%;
    margin:0;
    background: url("images/warning-icon.png") no-repeat center center;
    height:16px;
    margin:0;
    display:block;
}
.statustable ul    {
    margin:4px 0;
    padding:0;
    list-style-type: none;
}
.statustable ul li    {
    background:#bbb;
    margin:2px 0 6px 0;
    padding:4px 8px 0;
    position:relative;
    min-height:22px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size:13px;
}

.statustable a            {
    color: #222;
    text-decoration: underline;
}

.statustable a:visited    {
    color: #666;
    text-decoration: underline;
}
.statustable a:hover        {
        color: #e76400;
        text-decoration: underline;
}
.strong    {
    font-weight:bold;
}


/*---////////////////////    PLUPLOAD ERROR    ////////////////////---*/

#plupload_error{
    margin-top:10px;
}

#plupload_error table    {
    color:red;
    border:1px solid #c83f3f;
    background:#c6b4b4;
    display:none;
}
#plupload_error table td {
    color:#902d2d;
    font-size:12px;
    font-weight:bold;
    padding:2px 4px;
    margin-bottom:2px;
    border:none;
    margin:0;
}

#stream_url {font-size:12px; line-height: 170%;}
.stream-setting-content fieldset {border-width:0 1px 1px 1px;}

.stream-setting-content fieldset {
    border-width: 0 1px 1px;
}
.stream-setting-content fieldset.display_field {
    /*border: 1px solid #8F8F8F;*/
    border: none;
    padding: 0 0 10px;
}
.stream-setting-content fieldset.display_field.closed {
    border-width: 1px 0 0;
}

/*---////////////////////    STREAM SETTINGS STATUS    ////////////////////---*/
.stream-status {
    border: 1px solid;
    padding:2px 12px 4px 26px;
    margin:2px 1px 10px 0px;
    width: auto;
}
dd .stream-status {
    margin-bottom:1px;
}

.stream-status p {
    padding:0;
    padding-top: 1px;
    margin:4px;
    color:#4F4F4F;
}
.stream-config dd.stream-status    {
    padding:2px 10px 4px 22px;
    margin:4px 0 10px 14px;
    width: 65%;
}
.status-good {
    background:#e3ffc9 url(images/stream_status.png) no-repeat 8px 8px;
    border-color:#54b300;
}
.status-good p {
    color:#54b300;
}
.status-error {
    background:#ffeded url(images/stream_status.png) no-repeat 8px -126px;
    border-color:#f90000;
}
.status-error p {
    color:#DA0101;
}
.status-info {
    background:#fff7e0 url(images/stream_status.png) no-repeat 8px -275px;
    border-color:#f68826;
}
.status-info p {
    color:#f1830c;
}
.status-disabled {
    background:#c8ccc8 url(images/stream_status.png) no-repeat 8px -426px;
    border-color:#7f827f;
}
.status-disabled p {
    color:#646664;
}

.stream-setting-global dt{
    width: 195px;
}

.stream-setting-global dd{
    width: auto;
}

.qtip div > span {
    padding: 5px;
}

.pull-left {
    float:left;
}
.pull-right {
    float:right;
}
.push-down-8 {
    margin-top:8px !important
}
.push-down-12 {
    margin-top:12px !important
}
.push-down-16 {
    margin-top:16px !important
}
.close-round {
    display:block;
    float:right;
    height:18px;
    width:18px;
    background:url(images/round_delete.png) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 3px 0 0 10px;
    }
.close-round:hover {
    background-position:0 -36px;
}
.close-round:active {
    background-position:0 -36px;
}


/*---////////////////////    NEW BUTTONS    ////////////////////
.btn {
    display: inline-block;
    *display: inline;


    *zoom: 1;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background-image: -moz-linear-gradient(top, #a3a3a3, #6e6e6e);
    background-image: -ms-linear-gradient(top, #a3a3a3, #6e6e6e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a3a3a3), to(#6e6e6e));
    background-image: -webkit-linear-gradient(top, #a3a3a3, #6e6e6e);
    background-image: -o-linear-gradient(top, #a3a3a3, #6e6e6e);
    background-image: linear-gradient(top, #a3a3a3, #6e6e6e);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#6e6e6e', GradientType=0);
    border:1px solid #575757;
    border-bottom-color: #333333;
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    *margin-left: .3em;
}


.btn.disabled,
.btn[disabled] {
    background: #fff;
}
.btn:active,
.btn.active {
    background-color: #cccccc \9;
}
.btn:first-child {
    *margin-left: 0;
}
.btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #868686, #535353);
    background-image: -ms-linear-gradient(top, #868686, #535353);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#868686), to(#535353));
    background-image: -webkit-linear-gradient(top, #868686, #535353);
    background-image: -o-linear-gradient(top, #868686, #535353);
    background-image: linear-gradient(top, #868686, #535353);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#868686', endColorstr='#535353', GradientType=0);
}---*/

#add_media_btn {
    width: 100%;
    font-size: 16px;
    height: 38px;
    border-radius: 3px;
}

.add-show-submit.btn:hover {
    background-position: 0 -30px !important;
    background-color: #292929;
    border: 1px solid #242424;
    transition: none;
}

.btn.active,
.btn:active {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255,0.2);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
    background-color: #727272;
    outline: 0;
    border-top-color:#333333
}

.btn-new {
    background: #246B86;
}
.btn-new:active, .btn-new:hover,
.btn-new[disabled], .btn-new[disabled]:active {
    background-color: #185b6e;
}

.dark_class
{
    background-color: black;
    filter:alpha(opacity=20); /* IE */
    opacity: 0.2; /* Safari, Opera */
    -moz-opacity:0.20; /* FireFox */
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
    /* position:absolute; */
    top: 0px;
    left: 0px;
}

.edit-user-global dt {
    width: 150px;
    float: left;
    margin-top: 4px;
    margin-left: 2px;
    clear: left;
}

.edit-user-global dd {
    width: 340px;
    padding-bottom: 5px;
}

.edit-user-global input {
    width: 200px;
}

.edit-user-global select {
    width: 212px;
}

.edit-user-errors {
    margin-left: 33% !important;
    width: 208px;
}
.jp-container a#popup-link {
    width: 104px;
    border: 1px solid black;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    margin-top:3px;
    text-align: center;
    right: 16px;
    position: absolute;
    top: 40px;
    color: #FF5D1A
}

#popup-share {
    display:none;
    position: fixed;
    width:360px;
    height: 26px;
    margin-left:8px;
    margin-right: 150px;
    margin-top: 0px;
    border:1px solid black;
    background-color:#282828;
    padding:10px;
    z-index:102;
    font-size:10pt;
    font-weight:bold;
}

#popup-share-link {
    width: 320px;
}
.quota-reached {
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    -o-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 14px !important;
}

.enable-tunein {
    font-weight:bold;
}

#weekly-schedule-widget {
    width: 800px;
}

#widget-menu {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 40%;
}

#widget-menu a {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}

#player-widget {
    /*margin-bottom: 20px;*/
    width: 600px;
}

.schedule_iframe_wrapper {
    text-align: center;
    background-color: #111;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

#schedule_iframe {
    margin: 0 auto;
}

/* Usability Hints */

/*
 * This is a temporary solution to a larger issue;
 * we should revisit this (and really all of the
 * absolute positioning in Airtime) when we want
 * to focus on responsive design.
 */
.usability_hint:not(.hidden) + .wrapper,
.usability_hint:not(.hidden) ~ #sub-menu {
    top: 130px;
}

.usability_hint.hidden ~ #sub-menu,
.usability_hint.hidden + .wrapper{
    top: 102px;
}


.usability_hint a {
    color: white;
}

.calendar-context-menu {
    min-width: 200px !important;
}

.calendar-context-menu .context-menu-list {
    min-width: 260px !important;
}

/* Add Media Page */

#upload_form, #recent_uploads_wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button.btn-icon-text > i.icon-white {
    margin-right: 4px;
}


/* Media type selector */

#media_type_nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;


    position: absolute;
    top: 102px;
    bottom: 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 152px;

    -webkit-flex: 1 auto;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    -o-flex: 1 auto;
    flex: 1 auto;
    padding: 0;

    background: #353535;
    /* border: 1px solid #242424; */
    border-right: 1px solid #242424;
    border-top: 1px solid #7e7e7e;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.35);
    box-shadow: 2px 0 5px rgba(0,0,0,.35);

    z-index: 100;
    text-align: left;

    overflow: auto;
}

#media_type_nav > div:not(#nav),
#media_type_nav > hr {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
}

#media_type_nav .icon-white {
    opacity: 0.8;
}

#media_type_nav .btn-group {
    padding: 4px;
}

#new_media_selector {
    font-size: 14px;
}

.media_type_selector {
    cursor: pointer;
    color: #cecece;
    /*font-family: Roboto, "Open Sans", sans-serif;*/
    font-size: 16px;
    font-weight: 400;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 0;

    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear;
}

#media_selector_wrapper {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -o-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.ui-dialog-content input {
    z-index: 1003;
}

.ui-dialog-content .media_type_selector {
    padding-left: 0;
    -webkit-flex: 1 auto;
    -moz-flex: 1 auto;
    -ms-flex: 1 auto;
    -o-flex: 1 auto;
    flex: 1 auto;
}

.ui-dialog-content .media_type_selector.selected,
.ui-dialog-content .media_type_selector.selected a {
    border: none;
    border-bottom: 1px solid #FF5D1A;
}

#nav i, .media_type_selector i {
    margin-right: 10px;
}

.media_type_selector.highlight,
.media_type_selector.highlight a {
    color: #fff;
    background-color: #444;
    border-right: 1px solid #FF5D1A;
}

.media_type_selector.selected, .media_type_selector.selected a {
    color: #fff;
    background-color: #444;
    border-right: 1px solid #1ADEFF;
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear;
}

.media_type_selector:hover, .media_type_selector a:hover {
    color: #fff;
    background-color: #3a3a3a;
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear;
}

.media_type_selector a {
    text-decoration: none;
    color: #cecece;
    padding: 10px 0 10px 10px;
    display: block;
}

.media_type_selector.dashboard_sub_nav a {
    padding-left: 20px;
}

.wrapper {
    position: absolute;

    top: 102px;
    left: 152px;
    right: 0;
    bottom: 0;
    padding: 10px 10px 40px;
    border: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

    overflow: auto;

    -webkit-transition: top 0.2s linear;
    -moz-transition: top 0.2s linear;
    -o-transition: top 0.2s linear;
    transition: top 0.2s linear;
}

.wrapper_panel {
    left: 303px;
    background-color: #242424;
}

/* Usability hint */

.usability_hint {
    position: fixed;
    top: 102px;
    left: 152px;

    width: 100%;
    -webkit-flex: 0 100%;
    -moz-flex: 0 100%;
    -ms-flex: 0 100%;
    -o-flex: 0 100%;
    flex: 0 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding: 5px 10px 5px 10px;
    border: 1px solid #ff611f;
    background-color: #ff611f;
    color: white;
    font-size: 14px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);

    z-index: 99; /* Need to be above elements like the shows in the calendar! */
    /*margin: 5px 10px;*/
}

/* Uploads/Dropzone */

#upload_form {
   /* width: 100%;
    min-width: 555px;*/
    /*margin-bottom: 10px;*/
    margin-right: 10px;
    height: 100%;
    position:relative;
    /*max-width: 50%;*/
}

#sub-menu-wrapper {
    -webkit-flex: 0 140px;
    -moz-flex: 0 140px;
    -ms-flex: 0 140px;
    -o-flex: 0 140px;
    flex: 0 140px;
    min-width: 140px;
}

#sub-menu {
    position: fixed;
    left: 152px;
    top: 102px;
    bottom: 0; /* Account for scrollbars */
    min-width: 150px;
    max-width: 160px;
    border-right: 1px solid #5b5b5b;
    background: #242424;
    font-size: 14px;
    color: #cecece;
    padding: 10px 0;
    z-index: 1;

    -webkit-transition: top 0.2s linear;
    -moz-transition: top 0.2s linear;
    -o-transition: top 0.2s linear;
    transition: top 0.2s linear;
}

#sub-menu h3 {
    padding: 0 10px 10px;
}

#sub-menu hr {
    margin: 0 5px;
}

#sub-menu .navigation {
    list-style: none;
    padding-left: 0;
}

#sub-menu .navigation li.active {
    color: #fff;
    background-color: #333;
    border-right: 1px solid #1ADEFF;
    margin-right: -1px;
}

#sub-menu .navigation a {
    display: block;
    color: #cecece;
    padding: 10px;
    text-decoration: none;
}

#sub-menu .navigation .active a {
    color: #fff;
    text-decoration: none;
}

#sub-menu-content-panel
{
    flex-grow: 1
}

#listenerstat_content {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#listenerstat_content .legendLabel
{
    color: #d6d6d6;
}

#listenerstat_content .tickLabel {
    font-size: 12px;
}

#flot_placeholder.processing {
    width: 100%;
    height: 100%;
    background: url("img/loading.gif") no-repeat 50% 50% rgba(0, 0, 0, .25);
}

.dashboard-btn {
    width: 50%;
}

#his_submit {
    height: 19px;
    margin-top: -2px;
}

hr {
    border: 0;
    height: 1px;
    background: rgba(255,255,255,0.2);
}

.icon-white {
    margin-right: 4px;
}

.icon-orange {
    margin-right: 4px;
    background-image: url("img/glyphicons-halflings-orange.png");
}

.nav-ui-icon-formatter {
    width:16px !important;
    display:inline;
    margin-right:4px
}

#uploads_disk_usage {
    position: relative;
    margin-top: 8px;
    border-radius: 1px;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    background-color: #242424;
    border: 1px solid #5b5b5b;
    color: #ccc;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
}

#disk_usage, #bandwidth_usage {
    border-radius: 1px;
    margin: 7px;
    font-size: 14px;
    text-align: center;
    padding: 5px 5px;
    background-color: #242424;
    border: 1px solid #5b5b5b;
    color: #ccc;
}

/* Remove me! */
#bandwidth_usage {
    display: none;
}

.disk_usage_progress_bar, .bandwidth_usage_progress_bar {
    float: left;
    width: 100%;
    height: 13px;
    background: #444444;
    background: -moz-linear-gradient(top, #464646 0, #3e3e3e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(100%, #464646));
    /* margin: 0 auto; */
    z-index: 1;
}

.disk_usage_percent_in_use, .bandwidth_usage_percent_in_use {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 10px;
    z-index: 3;
    /* width: 120px; */
    line-height: 13px;
}

.disk_usage_used {
    background-color:#e76400;
    background: -moz-linear-gradient(top, #ff6f01 0, #bc5200 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6f01), color-stop(100%, #bc5200));
    height:13px;
    z-index: 2;
    position: relative;
}

.bandwidth_usage_used {
    background-color: #128DFE;
    /*background: -moz-linear-gradient(bottom, #128DFE 0%, #1ADDFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #128DFE), color-stop(100%, #1ADDFF));*/
    height:13px;
    z-index: 2;
    position: relative;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a
{
    background: #ff5d1a;
    color: #333;
    border: 0px;
}

li .ui-state-hover {
    border: 0px;
}

.wide-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;

    -webkit-flex: 1 1;
    -moz-flex: 1 1;
    -ms-flex: 1 1;
    -o-flex: 1 1;
    flex: 1 1;
    min-width: 505px;
}

.outer-datatable-wrapper {
    position: relative;
    -webkit-flex: 1 1;
    -moz-flex: 1 1;
    -ms-flex: 1 1;
    -o-flex: 1 1;
    flex: 1;
}

#user_list_inner_wrapper,
#tracktype_list_inner_wrapper {
    height: 272px;
    overflow: auto;
}

#users_datatable_wrapper,
#tracktypes_datatable_wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
}

#users_datatable,
#tracktypes_datatable {
    overflow: auto;
}

#users_datatable tbody,
#tracktypes_datatable tbody {

    vertical-align: top !important;
}

.show_linking_help_icon {
    position: inherit;
}

#add_show_linked-element {
    display: inline-block;
}

#add_show_no_end-element, #add_show_end_date-element {
    float: left;
}

/* Podcasts */

.DataTables_sort_wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}

[id^="podcast_episodes"][id$="_wrapper"] {
    position: relative;
    -webkit-flex: 1 100%;
    -moz-flex: 1 100%;
    -ms-flex: 1 100%;
    -o-flex: 1 100%;
    flex: 1 100%;
    /*margin: 4px 0 0 !important;*/
    min-height: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[id^="podcast_episodes"][id$="_wrapper"] td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.inner_editor_title > h2 {
    float: left;
}

.inner_editor_title button {
    float: right;
    margin: 5px 10px 0 0;
}

.angular_wrapper > .station_podcast_wrapper {
    -webkit-flex: 1 100%;
    -moz-flex: 1 100%;
    -ms-flex: 1 100%;
    -o-flex: 1 100%;
    flex: 1 100%;
}

.station_podcast_wrapper {
    min-width: 50%;
}

.angular_wrapper legend {
    background-color: #242424;
    color: #efefef;
}

.angular_wrapper .dataTables_scrolling {
    /* Should find a better way to do this... */
    top: 74px !important;
}

.angular_wrapper > .btn-toolbar {
    padding: 5px 0 0 5px;
}

.podcast-metadata-row {
    margin: 10px 0;
    display: flex;
    align-items: center;
}
.podcast-metadata .podcast-metadata-row * {
    line-height: 1.3;
    position: static;
    float: none;
}
.podcast-metadata-row > *:first-child {
    flex: 0 0 40%;
    max-width: 40%;
    text-align: right;
    padding-right: 2%;
    box-sizing: border-box;
}
.podcast-metadata-row > *:last-child {
    flex: 0 0 60%;
    max-width: 60%;
    box-sizing: border-box;
    text-align: left;
}
.editor_pane_wrapper .podcast-metadata-row:last-child {
    align-items: flex-start;
}
.editor_pane_wrapper .podcast-metadata-row:last-child label {
    padding-top: 5px;
}
.podcast-url {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.podcast-metadata-row .success {
    margin-top: 10px;
}
.podcast_episodes_imported {
    text-align: center !important;
}

.imported-flag {
    margin-bottom: -2px;
}

.loading-icon {
    background: url("img/loading.gif") no-repeat center center;
    min-width: 24px;
    width: 100%;
    height: 16px;
    display: block;
}

.podcast-episode-dialog {
    max-width: 50%;
    max-height: 50%;
    overflow: auto;
}


#podcast_url_dialog table tr td {
    padding: 0;
}

#podcast_url_dialog .errors {
    display: inline-block;
    float: right;
    width: 50%;
}

/* UI Revamp Video */

#whatsnew {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;

    max-width: 640px;
    max-height: 470px;

    padding: 10px 10px;
}

#whatsnew_video {
    text-align: center;
}

#whatsnew > button {
    margin-top: 10px;
    align-self: flex-end;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -o-flex: 1 0 auto;
    flex: 1 0 auto;
}

#whatsnew > div {
    text-align: left;
    font-size: 16px;
    overflow-x: hidden;
    padding: 20px;
    box-sizing: border-box;
}

#whatsnew iframe {
    text-align: center;
}

#whatsnew h2 {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

#whatsnew li {
    margin-top: 20px;
}

/* jQuery dialog */
.no-close .ui-dialog-titlebar-close {
    display: none
}

/* Publishing Dialog */

.source-name {
    text-align: left !important;
}

.publish-sources {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px;
}

.publish-sources input[type="checkbox"] {
    float: left;
    margin: 8px 20px 0 7px;
}

.published-sources {
    color: #efefef;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
}

.published-sources > .checked-icon {
    height: 26px;
    padding-right: 8px;
}

.published-sources > .source-name {
    display: inline-block;
    width: 15%;
    padding: 0 16px;
}

.publish-edit-md {
    float: right;
}

#upgrade-feature-locked {
    margin: 0 auto;
    width: 50%;
    padding: 50px;
    z-index: 99999;
}
#upgrade-feature-locked h2 {
    font-size: 26px;
}
#upgrade-feature-locked h3 {
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

/** Override overzealous CSS rules :-( */
#upgrade-feature-locked ul, #upgrade-feature-locked li {
    float: initial;
    list-style-type: disc;
}
#upgrade-feature-locked li {
    display: list-item;
}
#upgrade-feature-locked p, #upgrade-feature-locked li {
    color: #f0f0f0;
    font-size: 14px;
    margin-top: 10px;
    list-style-type: disc;
}

.upgrade-cta-button {
    background-color:#e76400;
    margin: 0 auto;
    padding: 20px;
    border-radius: 3px;
    width: 140px;
    font-size: 18px;
    display: block;
    text-decoration: none;
    text-align: center;
    color: #f0f0f0;
}
.upgrade-cta-button a {
    text-decoration: none;
    color: #f0f0f0;
}

/* Library - Tracks Edit */
.track-edit-header{
  padding: 5px 0 20px 5px;
}
.track-edit-left {
    float: left;
    width: 100px;
    margin-left: -100%;
}
.track-edit-right-wrapper {
    /*background-color: #333333;*/
    float: left;
    width: 100%;
}
.track-edit-right {
     margin-left: 160px;
}

/* Artwork Upload in Tracks Edit */
.artwork-upload {
  position: relative;
  max-width: 205px;
}

.artwork-upload .artwork-edit {
  position: absolute;
  z-index: 1;
  top: 0;
}
.artwork-upload .artwork-edit input {
  display: none;
}
.artwork-upload .artwork-edit input + label {
  display: inline-block;
  width: 140px;
  height: 140px;
  margin: 1px;
  border-radius: 1px;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.artwork-upload .artwork-edit input + label:hover {
  background: rgba(0, 0, 0, 0.40);
  border-color: #d6d6d6;
}
.artwork-upload .artwork-edit input + label:after {
  color: #757575;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.artwork-upload .artwork-preview {
  width: 140px;
  height: 140px;
  position: relative;
  border-radius: 1px;
  border: 2px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.artwork-upload .artwork-preview > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Drag and Drop Artwork */
body.droppable .artwork-upload .artwork-preview {
  border: 2px dashed lightblue;
  z-index: 9999;
}

/* Cue editor GUI starts here */

.track-file-details {
    font-size: 14px;
    line-height: 2;
}

.track-window {
    top: 285px;
    width: 480px;
}

.visual-waveform-editor textarea,
.visual-waveform-editor input,
.visual-waveform-editor input:focus,
.visual-waveform-editor select:focus,
.visual-waveform-editor textarea:focus,
.visual-waveform-editor button:focus {
    outline: none;
} */

.visual-waveform-editor li {
    line-height: 18px;
}

.btn-control-player {
    padding: 5px 7px 5px 10px;
    font-size: 14px;
    line-height: 18px;
}

.zoom-container {
    margin-top: 15px;
}

.track-toolbar {
    padding: 0 !important;
}

.track-timer {
    border-radius: 5px;
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
    /*background-color: #727272;*/
    outline: 0;
    border-top-color: #333333;
    /*background: #246B86;*/

    width: 65px;
    /*padding: 5px 7px 5px 10px;*/
    font-size: 14px;
    line-height: 18px;
    background-color: #666666;
}

.track-timer-input {
    background-color: transparent;
    border: none;
    width: 75px;
    font-size: 14px;
    color: #ffffff;
}

/* Track Edit - Cue and Gain editor GUI ends here */