airtime_nginx_php7/airtime_mvc/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: #7f7f7f;
}

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

h2 {
    color: #000000;
    font-size: 2.1em;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
}
h3 {
    font-size:1.7em;
    font-weight:normal;
    color:#000;
    padding:0 0 10px 0;
    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;
}

.logo {
    position:absolute;
    right:20px;
    top:104px;
    background:transparent url(images/airtime_logo.png) no-repeat 0 0;
    height:35px;
    width:66px;
    z-index:1000;
    display:block;
}

/* Version Notification Starts*/
#version-icon {
    position:absolute;
    right:96px;
    top:104px;
    height:35px;
    width:35px;
    z-index:1000;
    display:block;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:center;
}
#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;
}

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

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

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

.override_help_icon, .icecast_metadata_help_icon {
        cursor: help;
        position: relative;
        
        display:inline-block; zoom:1; display:inline;
        width:14px; height:14px;
        background:url(images/icon_info.png) 0 0 no-repeat;
        float:right; position:relative; top:2px; right:7px;
        line-height:16px !important;
}

.airtime_auth_help_icon, .custom_auth_help_icon, .stream_username_help_icon,
.playlist_type_help_icon, .master_username_help_icon, .repeat_tracks_help_icon,
.admin_username_help_icon, .stream_type_help_icon, .show_linking_help_icon,
.show_timezone_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;
        top:2px; right:7px; left: 3px;
        line-height:16px !important;
}

/* 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 {
    background:#3d3d3d url(images/masterpanel_bg.png) repeat-x 0 0;
    height:100px;
    border:1px solid #000;
    border-width: 1px 0;
    overflow:hidden;
    position:relative;
}

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

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

.personal-block  {
    float:right;
    margin-right:20px;
    text-align:right;
    min-width:110px;
}

.personal-block  ul {
    margin:0;
    padding:8px 0 0;
}
.personal-block li {
    font-size:11px;
    color:#bdbdbd;
    list-style-type:none;
    margin:0 0 2px 0;
}
.personal-block li.name {
    color:#fff;
    font-weight:normal;
}
.personal-block li a {
    color:#fff;
    text-decoration:underline;
}
.personal-block li a:hover {
    color:#ff5d1a;
}
.now-playing-block {
    width:35%;
    padding-left:10px;
}
.show-block {
    width:30%;
}
.text-row {
    height:30px;
    padding:0px 0 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;
}
.time-info-block  {
    padding:0 14px 0 2px;
    min-width:105px;
}
.time-info-block ul {
    margin:0;
    padding:6px 0 0;
}
.time-info-block li {
    list-style-type:none;
    font-size:14px;
    color:#bdbdbd;
    margin:0 0 6px;
}
.time-info-block li.time {
    font-size:26px;
    color:#fff;
    width:auto;
    text-align:left;
}
.time-info-block li.time-zone {
    font-size:17px;
    margin-bottom:0;
}
.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:#fff;
    color:#0C0;
    text-shadow: #000 0px -1px;
    display:block;
}
.listen-control-block a:active span {
    color:#fff;
}

/* END Master Panel */


.wrapper {
    position: absolute;
    top: 141px;
    left: 10px;
    right: 10px;
    padding:10px 0 0 0;
}

.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"] {
    font-family:Arial, Helvetica, sans-serif;
    border: 1px solid #5b5b5b;
    font-size: 12px;
    /*height: 23px;*/
    margin: 0;
    padding: 4px 3px;
    /*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 #0088f1;
    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;
    text-indent: 3px;
    margin:0;
}
.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: 25px;
    margin: 0;
    padding: 2px 2px 2px 0;
    vertical-align: top;
}

.add_show_input_select{
    width: 150px;
}

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

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

.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 *****/
.db-logic-label{
    font-size:11px;
}
.sp-invisible{
    visibility: hidden;
}

.sp_input_select{
    width: 130px;
}

.sp_input_text_limit{
    width: 75px !important;
}

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

input.input_text.sp_input_text{
    width: 139px !important;
}

input.input_text.sp_extra_input_text{
    width: 139px !important;
}

.sp_text_font{
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
    color: #5B5B5B;
}

.sp_text_font_bold{
    font-weight: bold;
}

.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;
    color:#5b5b5b;
    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 tr th.ui-state-default {
    border: 1px solid #CCC;
    border-width: 0 0 0 1px !important;
}
.datatable {
    border-color: #5b5b5b;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    width:100%;
}

.datatable th {
    text-align: left;
}

.datatable tr td, .datatable tr th {
    border-color: #b1b1b1;
    border-style: solid;
    border-width: 1px 0 0 1px;
    font-size: 13px;
    padding: 5px 5px;
}
.odd {
    background-color: #d8d8d8;
}
.even {
    background-color:#c7c7c7;
}
    
.datatable tr.even.selected td {
    background-color: #abcfe2;
}
.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: left;
    margin: 0 3px 0 -2px;
}
.dataTables_type {
    float:right;
    margin:0 8px 0 0;
    
}

.dataTables_length {
    float:right;
    margin:0;
    
}
.dataTables_length label {
    padding:0;
    font-size:12px;
    color:#404040;
    line-height:24px;
}
.dataTables_filter {
    margin:0 0 8px 8px;
}
.dataTables_filter .auto-search {
    width:55%;
}
.dt-process-rel {
    position: relative;
}
.dataTables_processing {
    opacity: 1 !important;
    position: absolute;
    top: 100px;
    left: 10%;
    width: 80%;
    height: 50px;
    text-align: center;
    font-size:14px;
    font-weight:bold;
    padding-top: 40px;
    background: -moz-linear-gradient(top, #b2b2b2 0, #a2a2a2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b2b2b2), color-stop(100%, #a2a2a2));
    background: linear-gradient(top, #b2b2b2 0, #a2a2a2 100%);
    border: 1px solid #8F8F8F;
    color: #ffffff;
}
#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: 8px 0 0 8px;
    font-size:12px;
    color:#555555;
    font-weight:normal;
}

.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:3px;
}
.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;
    padding: 2px 2px 2px 0;
    vertical-align: top;
}
table.dataTable tbody tr, 
table.dataTable span.DataTables_sort_icon {
    cursor: pointer;
}

table.dataTable th.ui-state-default {
    background: -moz-linear-gradient(top, #b2b2b2 0, #a2a2a2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b2b2b2), color-stop(100%, #a2a2a2));
    background: linear-gradient(top, #b2b2b2 0, #a2a2a2 100%);
    border: 1px solid #8F8F8F;
    color: #363636;
}

.ColVis.TableTools .ui-button {
    height: 21px;
}
button.ColVis_Button.ColVis_ShowAll {
    text-align: center;
    margin-top: 10px;
}
.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;
}

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

fieldset {
    border: 1px solid #8f8f8f;
    margin: 0;
    padding: 0;
}
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;
}

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

.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:#717171;
    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: 12px 0 0 0;
    margin-bottom:8px;
    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 {
    display:block;
    float:none;
    margin-left:0;
    padding-left:0;
    width: 100%;
}
#pref_form textarea {
    width: 98.5%;
}
#pref_form select {
    width: 100%;
}

#pref_form p.description {
    color: #3b3b3b;
    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 .link {
    color:#FF5D1A;
    text-decoration:none;
    }
    .login-content .link:hover {
        text-decoration:underline;
        }

/*---//////////////////// 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;
}


/*---//////////////////// 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 {
    width: 100%;
}

#schedule_block_table {
    width: 100%;
}

thead tr.fc-first
{
    height: 32px;
    line-height: 32px;    
}

/** 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: 0px;
    padding-right: 20px !important;
}

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

#schedule_block_table td {
    padding: 0px;
    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;
}

.sh_pl_creator {

}

#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_name {

}

#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;
}
/*---//////////////////// Advenced 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%;
}

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

.simple-formblock {
    width: 30%;
}

.simple-formblock dl, .simple-formblock dl.zend_form {
    margin: 0;
    padding: 0;
    width: 100%;
}
.simple-formblock dt {
    clear: left;
    color: #666666;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    min-width: 90px;
    padding: 4px 0;
    text-align: left;
}
.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 {
    width: 30% !important;
}

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

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

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

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

.simple-formblock dd .input_text {
    width: 97.8%;
}

.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 {
    padding: 0;
    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-management {
    width:910px;
    /*width:380px;*/
}
.user-management-expanded {
    width:910px;
}
.user-data {
    float:left;
    width:420px;
    margin-left:10px;
    /*display:none;*/
}
.user-list-wrapper {
    float:left;
    width:480px;
    /*margin-right:10px;*/
}

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

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

.user-list-wrapper .button-holder {
    padding:0;
    text-align:right;
    height:37px;
}
.user-list-wrapper .button-holder .ui-button {
    margin:0;
}
.ui-widget-content .user-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 {
    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:11px;
    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:11px;
    padding:2px 4px;
    background:#93DB70;
    margin-bottom:2px;
    border:1px solid #488214;
}

div.errors, span.errors{
    color:#902d2d;
    font-size:11px;
    padding:2px 4px;
    background:#c6b4b4;
    margin-bottom:2px;
    border:1px solid #c83f3f;
}

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

.collapsible-header, .collapsible-header-disabled {
    border: 1px solid #8f8f8f;
    background-color: #cccccc;
    background: -moz-linear-gradient(top, #cccccc 0, #b9b9b9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cccccc), color-stop(100%, #b9b9b9));
    font-size:13px;
    color:#353535;
    font-weight:bold;
    padding:6px 0 6px 20px;
    margin:8px 0 0 0;
    cursor:pointer;
    position:relative;
}
.collapsible-content {
    margin-top:-1px;
    display:none;
}
.collapsible-header .arrow-icon, .collapsible-header-disabled  .arrow-icon {
    display:block;
    background:url(images/arrows_collapse.png) no-repeat 0 0;
    height:11px;
    width:11px;
    position:absolute;
    left:5px;
    top:8px;
    
}
.collapsible-header.closed .arrow-icon, collapsible-header-disabled.close  .arrow-icon {
    background-position: 0 -11px !important;
    
}
#schedule-add-show .button-bar {
    height: 28px;
    margin: 0 0 8px 0;
}
#schedule-add-show .button-bar.bottom {
    margin: 16px 0 0;
}
.schedule {
    text-align:left;
    height:38px;
}

.add-button, .ui-widget-content a.add-button {
    border: 1px solid #242424;
    background-color: #353535;
    background: -moz-linear-gradient(top, #494949 0, #353535 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #494949), color-stop(100%, #353535));
    color: #ffffff;
    margin:0;
    font-size:12px;
    font-weight:bold;
    padding:4px 12px 4px 22px;
    text-decoration:none;
    text-shadow: #000 0px -1px;
    display:block;
    float:left;
    position:relative;
}
.add-button:hover, .ui-widget-content a.add-button:hover  {
    border: 1px solid #000000;
    background-color: #353535;
    background: -moz-linear-gradient(top, #353535 0, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #353535), color-stop(100%, #000000));
    color: #ffffff;
}
.add-button span {
    position:absolute;
    top:3px;
    left:3px;
    height:16px;
    width:16px;
    display:block;
    background:url(redmond/images/ui-icons_ffffff_256x240.png) no-repeat;
}
.add-button:hover span {
    background:url(redmond/images/ui-icons_ff5d1a_256x240.png) no-repeat;
}
.add-button span.add-icon {
    background-position: -32px -128px;
}

/*---//////////////////// 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:11px;
    line-height:160%;
}

#schedule-show-who.scrolled {
    margin-bottom: 0;
    max-height:300px;
    overflow:auto;
}
.text-content {
    padding:20px 10px 40px 58px;
    background: url(images/sf_arror.png) no-repeat 60% 0; 
    min-height: 300px;
}
.text-content h2 {
    font-size:2.4em;
    color:#1f1f1f;
}
.text-content p {
    font-size:1.6em;
    line-height:140%;
    color:#1f1f1f;
    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:0 0 6px 0;
    font-size:1.7em;
    display:list-item;
    color:#1f1f1f;
}
.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;
    margin-top:2px;
}
.small-icon.linked {
    background:url(images/icon_link.png) no-repeat 0 0;
    margin-top: 0px !important;
}
.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.soundcloud {
    background:url(images/icon_soundcloud.png) no-repeat 0 0;
    width:21px;
    margin-top: 0px !important;
}
.small-icon.sc-error {
    background:url(images/icon_soundcloud_error2.png) no-repeat 0 0;
    width:21px;
    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.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.soundcloud {
    background:url(images/icon_soundcloud_m.png) no-repeat 0 0;
    width:21px;
}
.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;
}
.manage-folders {
    width: 610px;
}

.stream-config {
    width: 1100px;
}

.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#SoundCloudTags-element.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;
}

.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%;
}

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

/*--//////////////////////// 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 {
    color: #4F4F4F;
    font-size: 12px;
    line-height: 140%;
}
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;
}

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: #5B5B5B;
    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:172px;
}
.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: 96%;
}

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

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

.error-content    {
    background:url(images/404.png) no-repeat 0 0;
    width:300px;
    margin: 24px 15px;
    padding: 0px 10px 0 420px;
}
.error-content h2 {
    margin:0;
    padding:0 0 10px 0;
    font-size:36px;
    font-weight:bold;
    color:#3e3e3e;
    text-align:left;
    letter-spacing:-.3px;
    text-shadow: rgba(248,248,248,.3) 0 1px 0, rgba(0,0,0,.8) 0 -1px 0;
    rgba(51,51,51,.9)
}
.error-content p {
    color: #272727;
    font-size: 16px;
    margin: 0;
    padding:8px 2px;
}
.error-content .button-bar    {
    margin-top:47px;
    padding-left:2px;
}
.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: 12px;
    padding: 5px 5px;
    border-color:#CCCCCC;
    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));
    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 .big    {
    width:120px;
    height:10px;
    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));
    border-bottom:1px solid #fff;
    margin: 0 auto;
    padding: 1px;
    display:inline-block;
}
.diskspace    {
    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:10px;
}
.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;
}

/*---////////////////////    TRIAL BOX HEADER    ////////////////////---*/

.trial-box    {
    width:142px;
    height:38px;
    display:block;
    position:fixed;
    left:20px;
    bottom:10px;
    background-color:#222;
    background-color:rgba(0, 0, 0, 0.7);
    z-index:100;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color:#FFF;
    font-size:11px;
    padding:7px;
}
.trial-box p    {
    padding:0 0 3px 0;
    margin:0 0 5px 0;
    float:left;
}
.trial-box-button a {
    width:92px;
    height:14px;
    display:block;    
    padding: 1px 3px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    text-transform:uppercase;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:none;
    color:#FFFFFF;
    background-color:#ff5d1a;
    background: -moz-linear-gradient(top, #ff5d1a 0, #dd4202 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff5d1a), color-stop(100%, #dd4202));
    box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
    -moz-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
    -webkit-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
    float:left;
}
.trial-box-button a:hover {
    background-color:#dd4202;
    background: -moz-linear-gradient(top, #dd4202 0, #ff5d1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd4202), color-stop(100%, #ff5d1a));
    box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
    -moz-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
    -webkit-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
}
.trial-box-calendar    {
    float:right;
    text-align:center;
    font-weight:bold;
}
.trial-box-calendar-white    {
    font-size:18px;
    color:#ff5d1a;
    background:#FFF;
    width:36px;
    height:22px;
    display:block;
    -webkit-border-top-right-radius: 1px;
    -moz-border-radius-topright: 1px;    
    -webkit-border-top-left-radius: 1px;
    -moz-border-radius-topleft: 1px;    
}
.trial-box-calendar-gray    {
    width:36px;
    height:14px;
    display:block;
    color:#FFF;
    font-size:11px;
    padding:1px 0;
    text-transform:uppercase;
    background-color:#676767;
    background: -moz-linear-gradient(top, #7f7f7f 0, #555555 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7f7f7f), color-stop(100%, #555555));
    -webkit-border-bottom-right-radius: 1px;
    -moz-border-radius-bottomright: 1px;    
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-radius-bottomleft: 1px;    
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 1px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px inset;
}
#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;
    padding: 10px;
}
.stream-setting-content fieldset.display_field.closed {
    border-width: 1px 0 0;
}

/*---////////////////////    STREAM SETTINGS STATUS    ////////////////////---*/
.stream-status {
    border: 1px solid;
    padding:2px 10px 4px 22px;
    margin:2px 1px 10px 0px;
    width: auto;
}
dd .stream-status {
    margin-bottom:1px;
}
.stream-status h3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding:0;
    margin:5px 4px 2px 4px;
}
.stream-status p {
    padding:0;
    margin:2px 3px 1px 4px;
    color:#4F4F4F;
    font-size: 11px;
}
.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 5px 5px;
    border-color:#54b300;
}
.status-good h3 {
    color:#54b300;
}
.status-error {
    background:#ffeded url(images/stream_status.png) no-repeat 5px -128px;
    border-color:#f90000;
}
.status-error h3 {
    color:#DA0101;
}
.status-info {
    background:#fff7e0 url(images/stream_status.png) no-repeat 5px -278px;
    border-color:#f68826;
}
.status-info h3 {
    color:#f1830c;
}
.status-disabled {
    background:#c8ccc8 url(images/stream_status.png) no-repeat 5px -429px;
    border-color:#7f827f;
}
.status-disabled h3 {
    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);
}---*/

.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
}
.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, .edit-user-global select {
    width: 200px;
}

.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;
}