:root {
    --s2go-main-color: #FCDD60;
    --s2go-main-inv-color: #60DDFC;
    --s2go-main-neg-color: #03229F;
}

html { height: 100%; }
body { padding:0px; margin:0px; height: 100%; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; *font-size: 80%; background-color: #999;}
a { text-decoration: none; }
a img { border:none; }
input { border: 1px solid #666; }
.semi-transparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
  filter: alpha(opacity=50); /* IE 5-7 */
  -moz-opacity: 0.50; /* Netscape */
  -khtml-opacity: 0.50; /* Safari 1.x */
  opacity: 0.50; /* Good browsers */
}
.candyShell {
    background-image: -ms-linear-gradient(top, #fff 0%, #CDCDCD 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #CDCDCD 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #CDCDCD 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #CDCDCD));
    background-image: -webkit-linear-gradient(top, #fff 0%, #CDCDCD 100%);
    background-image: linear-gradient(top bottom, #fff 0%, #CDCDCD 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fff', endColorStr='#CDCDCD', GradientType=0)";
}

.b { font-weight:bold}
.i { font-style:italic }

.unselectableText {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* login page */
.splash-screen {
    background-image: -ms-linear-gradient(top, #CDCDCD 0%, #fff 100%);
    background-image: -moz-linear-gradient(top, #CDCDCD 0%, #fff 100%);
    background-image: -o-linear-gradient(top, #CDCDCD 0%, #fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CDCDCD), color-stop(1, #fff));
    background-image: -webkit-linear-gradient(top, #CDCDCD 0%, #fff 100%);
    background-image: linear-gradient(top bottom, #CDCDCD 0%, #fff 100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CDCDCD', endColorStr='#fff', GradientType=0)";
}
.login-more-drop-sh {
    box-shadow: 5px 5px 5px #999;/*box-shadow: 5px 5px 5px #2D88A9;*/
}
.loginTxtBx { font-size:14px; height:20px; line-height:20px; width:180px; margin-left:auto; margin-right:auto; vertical-align:middle; }
td.check-mate {cursor:pointer}
.versionP { color:#666; text-align:center}

/* autocomplete */
.ui-autocomplete { overflow-y:auto; }

/* menu panels */

.menu-panel-a {margin-left:auto;margin-right:auto;vertical-align:top}
div.menu-panel { z-index:1; font-weight:bold; border: 1px solid #ddd; vertical-align:middle; min-width:130px;}
div.menu-panel-ph { z-index:1; font-weight:bold; border: 0px solid #c00; vertical-align:middle; font-size:0px; width:200px; height:0px; display:inline-block}
div.ui-layout-center div.menu-container { z-index:1; font-size:1em; width:500px; margin:10px auto 0px auto; height:auto; text-align:center}
div.menu-panel-large { font-size:14px; width:200px; height:48px; border-radius: 15px; line-height:48px; }
div.menu-panel-medium { font-size:12px; width:130px; height:32px; border-radius: 11px; line-height:24px; }
div.menu-panel-small { font-size:12px; width:130px; height:20px; border-radius: 7px; line-height:20px; margin:1px 0px; border: 1px solid #fcfcfc;font-weight:normal}
div.menu-panel-large img { width:48px; height:48px; margin:0px 10px; vertical-align:middle; }
div.menu-panel-medium img { width:32px; height:32px; margin:0px 5px; vertical-align:middle; }
div.menu-panel-small img { width:16px; height:16px; margin:0px 5px; vertical-align:middle;}
div.menu-panel span { color:#fff; display:inline; }
div.menu-panel.ui-accordion.baked .ui-accordion-header { padding:.5em 0}
div.menu-left { float:left; clear:left; margin:8px auto 8px auto; /*padding:5px 0px 5px 0px;*/ }
div.menu-right { float:right; clear:right; margin:8px auto 8px auto; /*padding:5px 0px 5px 0px;*/ }
div.menu-center {margin:8px auto 8px auto;}
div.menu-panel-medium.menu-left { /*float:left; clear:left;*/ margin:2px; padding:0px 0px 0px 10px; }
div.menu-panel-medium.menu-right { /*float:right; clear:right;*/ margin:2px; padding:0px 0px 0px 10px; }
div.ui-layout-west div.menu-container { height:111px; overflow:hidden;}
span.menu-label {white-space:nowrap;overflow:hidden}
span.accKey {margin:0px 5px; vertical-align:middle; }
div.menu-panel.baked .ui-accordion.ui-accordion-content { padding:0}
.menu-panel.baked .menu-content.ui-accordion-content { padding:0}
div.menu-panel.baked .ui-accordion-header.ui-accordion-icons .ui-icon.ui-accordion-header-icon { left:auto; right: .5em}

div.menu-panel-mdm { font-size:12px; width:130px; height:32px; border-radius: 11px; line-height:24px; }
/*div.menu-panel-mdm img { width:32px; height:32px; margin:0px 5px; vertical-align:middle; }*/
div.menu-panel-mdm.menu-left { /*float:left; clear:left;*/ margin:2px; padding:0px 0px 0px 10px; }
div.menu-panel-mdm.menu-right { /*float:right; clear:right;*/ margin:2px; padding:0px 0px 0px 10px; }
.nav-img-md { width: 24px; height: 24px; }
.nav-img-sm { width: 16px; height: 16px; }

div.navPaneInfoPanel {font-size:12px; line-height:16px; width:126px; border-radius: 11px; padding:2px; margin-top:2px;}
div.navPaneInfoPanel p {vertical-align:middle;}
span.navPaneInfoPanelIco {float: left; margin-right: .3em;}

#imgBrandLogo {width:130px; padding:10px 0px;}

/* Welcome Station Picker */
div.welcome-station-picker {width:100%;text-align:center; font-size:18px; font-weight:bold; margin:10px 0px 20px;}

.licensee {
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	margin: 5px 0px 10px -20px;
}

.nav-img {
	vertical-align: middle;
	margin: 0 10px;
	fill: #fff;
}
.nav-img-lg {width:32px; height:32px;}
.nav-accordion {margin-left:auto;margin-right:auto;width:200px;margin-top:5px;}
.blurb-brace{height:0px;}
.nav-sub-btn {margin:1px 0px;width:100%;vertical-align:middle}
.large .nav-sub-btn {height:24px;}
.baked .nav-sub-btn {height:24px;}
.baked .nav-sub-btn .ui-button-text { padding:2px }
.blurb-img {width:16px; height:16px;fill:#fff;}
.blurb-lbl-lg .blurb-img {margin-top:5px}
.blurb-lbl-md .blurb-img {margin-top:1px}
.blurb-lbl {float:right;}
.blurb-lbl-lg { height: 28px; }
.blurb-lbl-md { height: 20px; }
.blurb-viewer {margin-left:auto;margin-right:auto;text-align:center;margin-top:16px; width:400px; height:48px;border:1px solid #ccc; border-radius:5px; padding:5px;color:#666; font-size:16px;vertical-align:middle; }
.hide-blurbs-div { margin-left:auto;margin-right:auto;text-align:center;margin-top:16px;line-height:16px; }
.hide-blurbs { vertical-align:middle; }
/* action panels */
div.rcs-action-panel {display:inline;margin-left:2px;margin-right:1px; margin-top:2px;margin-bottom:0px;float:left;white-space:normal;}
div.rcs-action-panel div.rcs-action-hdr-minmax {display:inline; float:right}
div.rcs-action-panel div.ui-widget-header {cursor:pointer}
div.rcs-action-panel div.ui-widget-header div.rcs-action-hdr-textwrap {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.rcs-action-panel div.ui-widget-header span.rcs-action-hdr-text {margin-left:4px;}

div.rcs-action-panel .ui-button-text-icon-primary .ui-button-text {padding:0px 0px;}
div.rcs-action-panel .ui-widget-header{height:18px;}

#server-status-msg p {margin:2px;padding:0px;height:16px;line-height:16px;position:relative}
#server-status-msg span.ui-icon {margin:0px;width:14px;height:14px;display:inline-block}
#server-status-msg p span.status-txt {position:absolute;line-height:14px;height:14px; padding:0px; margin-left:2px;top:1px;overflow:hidden;white-space:nowrap}
#server-msg-notifications span.status-txt { width:100%; }

/* Action Panel Scrollers */
.action-panel-scroller {height:106px;display:inline;margin:0;white-space:normal;width:24px;z-index:10000000000;position:absolute;}
.action-panel-scroller div.img-h {width:18px; height:18px; margin-top:46px; margin-left:auto; margin-right:auto}


/* action groups */

div.action-group { display:inline;margin-left:2px;margin-right:1px; margin-top:2px;float:left; }

/* action buttons */

.action-button.ui-button { margin:1px; white-space:nowrap; overflow:hidden; height:19px;}
.action-button.ui-button .ui-button-text { display: block; line-height: 16px; }
.action-button.ui-button.action-button-130 {width:130px; }
.action-button.ui-button.action-button-120 {width:120px; }
.action-button.ui-button.action-button-110 {width:110px; }
.action-button.ui-button.action-button-70 {width:70px;}
.action-button.ui-button.action-button-doubleup {height:40px; white-space:normal;}
.action-button.ui-button.action-button-athird {height:26px; white-space:normal;}
.action-button {float:left;}
.action-button .ui-button-text, .action-button .ui-button-text-icons .ui-button-text { padding: .1em 1em .1em 1em; }

.action-button.ui-button-text-icon-primary .ui-button-text { margin-left:0px;}
.action-button.ui-button .ui-button-text { }

.ui-buttonset .action-button.ui-button { margin:1px 0px}

label.action-button.ui-button { margin:1px; white-space:nowrap; overflow:hidden; height:17px;}
label.action-button.ui-button.action-button-140 {width:138px; }
label.action-button.ui-button.action-button-130 {width:128px; }
label.action-button.ui-button.action-button-120 {width:118px; }
label.action-button.ui-button.action-button-110 {width:108px; }
label.action-button.ui-button.action-button-70 {width:68px;}
label.action-button.ui-button.action-button-doubleup {height:38px; white-space:normal;line-height:38px}
label.action-button .ui-button-text, label.action-button .ui-button-text-icons .ui-button-text { padding: .1em 1em .1em 1em; }

.ui-button { margin:1px; }
.ui-button .ui-button-text { display: block; line-height: 16px; }
.ui-button.action-button-140 {width:140px; }
.ui-button.action-button-130 {width:130px; }
.ui-button.action-button-120 {width:120px; }
.ui-button.action-button-110 {width:110px; }
.ui-button.action-button-86 {width:86px;}
.ui-button.action-button-76 {width:76px;}
.ui-button.action-button-59 {width:59px;}
.ui-button.action-button-doubleup {height:40px;}
.ui-button .ui-button-text-rcs, .ui-button-text-icons .ui-button-text-rcs { padding: .1em 1em .1em 1em; }

label.ui-button.action-button-140 {width:138px; }
label.ui-button.action-button-130 {width:128px; }
label.ui-button.action-button-120 {width:118px; }
label.ui-button.action-button-110 {width:108px; }
label.ui-button.action-button-86 {width:84px;}
label.ui-button.action-button-76 {width:74px;}
label.ui-button.action-button-59 {width:59px;}
label.ui-button.action-button-doubleup {height:38px;line-height:38px}
/*label.ui-button .ui-button-text-rcs, label.ui-button-text-icons .ui-button-text-rcs { padding: .3em 1em .3em 1em; }*/

/*.ui-button-text-only .ui-button-text-rcs { padding: .3em 1em .3em 1em; }*/

/*.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .3em 1em .3em 2.1em; }*/

/*button sets*/
/*.ui-buttonset { margin-right:1px;margin-left:1px;padding:0px;position:relative;float:left; }
.ui-buttonset .ui-button { margin-right:0px;margin-left:0px; }*/

/* states and images */

.ui-icon-rcs-gselector { width: 16px; height: 16px; background-image: url(Themes/GSelector/images/ui-icons-rcs-gselector_light-teal_128x128.png); }
.ui-widget-content .ui-icon-rcs-gselector {background-image: url(Themes/GSelector/images/ui-icons-rcs-gselector_light-teal_128x128.png); }
.ui-widget-header .ui-icon-rcs-gselector {background-image: url(Themes/GSelector/images/ui-icons-rcs-gselector_light-teal_128x128.png); }
.ui-state-default .ui-icon-rcs-gselector { background-image: url(Themes/GSelector/images/ui-icons-rcs-gselector_light-teal_128x128.png); }
.ui-state-hover .ui-icon-rcs-gselector, .ui-state-focus .ui-icon-rcs-gselector {background-image: url(Themes/GSelector/images/ui-icons-rcs-gselector_dark-teal_128x128.png); }
.ui-state-active .ui-icon-rcs-gselector {background-image: url(Themes/GSelector/images/ui-icons-rcs-gselector_dull-yellow_128x128.png); }
.ui-state-highlight .ui-icon-rcs-gselector {background-image: url(Themes/GSelector/images/ui-icons-rcs-gselector_dark-teal_128x128.png); }
.ui-state-error .ui-icon-rcs-gselector, .ui-state-error-text .ui-icon-rcs-gselector {background-image: url(Themes/GSelector/images/ui-icons-rcs-gselector_dark-teal_128x128.png); }
.action-replace .ui-button-text-rcs {padding: 0px 0px 0px 3px}

#radio,#checkbox {white-space:nowrap;}
#radio label span{height:16px}

.buttonset-v .vcheckbox .ui-widget {font-size:1em}
.buttonset-v .vcheckbox .ui-button .ui-button-text{line-height:1}
.buttonset-v label .v-check{padding:0px;margin-right:2px;vertical-align:middle;}
.buttonset-v label span{padding:0px; margin:0; display:inline-block;line-height:19px;vertical-align:top}
.buttonset-v label.action-button.ui-button {margin:0 1px;height:39px}
.buttonset-v label.action-search-mode.action-button.ui-button span.ui-button-text {line-height:39px}
.buttonset-v .action-button.ui-button .ui-button-text {display:inline-block; padding:0 .1em;}

.buttonset-v label.action-button .ui-button-text, .buttonset-v label.action-button .ui-button-text-icons .ui-button-text { padding: .1em; }

/* Dynamic Attribute Layouts */
/*
          0       1   
       ---------------
    0 | label | value |
      |-------|-------
    1 | value | label |
       ---------------
    valid combinations: 00+01, 00+10, 10+11, 01+11
*/
div.attr-wrap {display:block; width:100px; border:1px solid #000;margin:4px;padding:0px;float:left;}

.attr-00.attr-01 {background-color:Blue;}
.attr-00.attr-10 {background-color:Red;}
.attr-01.attr-11 {background-color:Orange;}
.attr-10.attr-11 {background-color:Purple;}

.attr-00.attr-01 .attr-div-0 { display:inline-block; float:left; width:50%;}
.attr-00.attr-01 .attr-div-1 { display:inline-block; float:left; width:50%;}

.attr-00.attr-10 .attr-div-0 { display:block; width:100%}
.attr-00.attr-10 .attr-div-1 { display:block; width:100%}

.attr-10.attr-11 .attr-div-0 { display:inline-block; float:right; width:50%}
.attr-10.attr-11 .attr-div-1 { display:inline-block; float:right; width:50%}

.attr-01.attr-11 .attr-div-0 { display:block; width:100%}
.attr-01.attr-11 .attr-div-1 { display:block; width:100%}

/* Master Attr List */

#masterAttrList {width:158px}
/*#masterAttrList .attr-val.ui-state-default {display:none}
#masterAttrList .attr-lbl.ui-state-default {width:150px}*/

.attr-tab-strip {white-space:nowrap;overflow:hidden}

.layout-ctrls {display:inline-block;margin-top:2px;position:absolute;top:5px;right:5px}

#masterAttrList,.attr-panel ul.attr-list {margin:0px;padding:5px;list-style-type: none; width:auto;float:left;}
.attr-panel ul.attr-list li {width:auto;margin:3px; padding:0px;}

.attr-panel ul.attr-list li .attr-lbl {width:120px; padding:3px; margin:0px; display:inline-block; text-align:left;overflow:hidden;white-space:nowrap;color:#fff;/*background: #666666 url("themes/zetta/images/ui-bg_highlight-hard_45_666666_1x100.png") 50% 50%; repeat-x;*/}
.attr-panel ul.attr-list li .attr-val {width:150px; padding:3px; margin:0px; display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:top}
.attr-panel ul.attr-list li .attr-del {width:16px; margin:0px; display:inline-block;vertical-align:top;cursor:pointer;overflow:hidden;margin-right:-8px;white-space: nowrap;}
.attr-panel ul.attr-list li .attr select {width:150px; padding:3px; margin:0px; display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:top}
/*.attr-panel ul.attr-list span.ui-spinner {width:36px; padding:3px; margin:0px; display:inline-block;overflow:hidden;white-space:nowrap;vertical-align: top;margin-top: -11px;height: 21px;}*/

.attr.mstr-attr {width:auto;margin:3px; padding:0px;list-style-type: none;}
.attr.mstr-attr .attr-val {display:none;padding:3px; margin:0px;vertical-align:top}
.attr.mstr-attr .attr-lbl.ui-state-default {width:150px;padding:3px; margin:0px; display:inline-block; text-align:left;color:#fff;background: #666666 url("themes/zetta/images/ui-bg_highlight-hard_45_666666_1x100.png") 50% 50% repeat-x;}
.attr.mstr-attr .attr-del {display:none}

.attr-lbl
{
    background: #666; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#666, #8F8F8F, #666); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#666, #8F8F8F, #666); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#666, #8F8F8F, #666); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#666, #8F8F8F, #666); /* Standard syntax */    
}
.attr-lbl,.attr-val {border:1px solid #ccc;} /*{border:1px solid #A6C9E2;}*/


/* Attribute Panels */

div.rcs-layout-col {position:absolute;width:1px;top:0px;z-index:0;}
div.rcs-layout-row {position:absolute;width:1px;top:0px;z-index:0;}

.attr-panel { margin-top: .1em; z-index:1; position:absolute; padding:2px;}
.attr-panel .attr-tab-strip li .ui-icon-close { float: left; margin: 4px 0px 0 0; cursor: pointer; }
.attr-panel .attr-tab-strip li .ui-icon-pencil { float: left; margin: 4px 0px 0 0; cursor: pointer; }
.attr-panel .attr-tab-strip li .ui-icon-circle-plus {margin: 4px 0px 0 0; cursor: pointer;}
.attr-panel .ui-tabs-panel { overflow:auto; padding-left:2px}

.empty-attr-list {color:#999}

/* Attribute Panels Dialog */

.attr-panel-dlg ul.attr-list-dlg li {width:auto;margin:3px; padding:0px;}

.attr-panel-dlg ul.attr-list-dlg li .attr-lbl-dlg {width:120px; padding:3px; margin:0px; display:inline-block; text-align:left;overflow:hidden;white-space:nowrap;color:#fff;}
.attr-panel-dlg ul.attr-list-dlg li .attr-val-dlg {width:150px; padding:3px; margin:0px; display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:top}
.attr-panel-dlg ul.attr-list-dlg li .attr-dlg select {width:150px; padding:3px; margin:0px; display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:top}

.attr-lbl-dlg
{
    background: #666; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#666, #8F8F8F, #666); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#666, #8F8F8F, #666); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#666, #8F8F8F, #666); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#666, #8F8F8F, #666); /* Standard syntax */    
}
.attr-lbl-dlg,.attr-val-dlg {border:1px solid #ccc;}

.attr-panel-dlg { margin-top: .1em; padding:2px;}

/* rcs custom icon sprite positioning */

.ui-icon-rcs-songnote { background-position: 0 0; }
.ui-icon-rcs-dollar { background-position: -16px 0; }

/* schedule grid row color-coding */

.schedExactTimeMarkerHitSystem > td {
	background-color: #CEE1FF;
	color: #000;
	font-weight: bold
}

.schedHourHeader > td { background-color: #CEE1FF; color:#000; font-weight:bold }
.schedSongElem:not(.ui-state-hover) > td { background-color: #B5E1F4; color:#000;}
.schedThemeSongElem:not(.ui-state-hover) > td { background-color: #FFC0FF; color:#000;}
.schedTwoferElem:not(.ui-state-hover) > td { background-color: #C7FCE6; color:#000;}
.schedTwoferSiblingElem:not(.ui-state-hover) > td { background-color: #C7FCE6; color:#000;}
.schedClassicTwoferElem:not(.ui-state-hover) > td { background-color: #C7FCE6; color:#000;}
.schedBrowseListElem:not(.ui-state-hover) > td { background-color: #FFF; color:#000;}
.schedLinkElem:not(.ui-state-hover) > td { background-color: #FFFFC0; color:#000;}
.schedRelatedLinkElem:not(.ui-state-hover) > td { background-color: #FFFFC0; color:#000;}
.schedTrailingRelatedLinkElem:not(.ui-state-hover) > td { background-color: #FFFFC0; color:#000;}
.schedFlyinLinkElem:not(.ui-state-hover) > td { background-color: #FFFFC0; color:#000;}
.schedSpecificLinkElem:not(.ui-state-hover) > td { background-color: #FFFFC0; color:#000;}
.schedLinkBrowseListElem:not(.ui-state-hover) > td { background-color: #FFF; color:#000;}
.schedBreakElem:not(.ui-state-hover) > td { background-color: #FFFFC0; color:#000;}
.schedSpotElem:not(.ui-state-hover) > td { background-color: #C0FFC0; color:#000;}
.schedSpotsetElem:not(.ui-state-hover) > td { background-color: #C0FFC0; color:#000;}
.schedSpotBlockElem:not(.ui-state-hover) > td { background-color: #C0FFC0; color:#000;}
.schedSpotBlockEndElem:not(.ui-state-hover) > td { background-color: #C0FFC0; color:#000;}
.schedNoteElem:not(.ui-state-hover) > td { background-color: #fcfcfc; color:#000;}
.schedControlElem:not(.ui-state-hover) > td { background-color: #fcfcfc; color:#000;}
.schedVoiceTrackElem:not(.ui-state-hover) > td { background-color: #fcfcfc; color:#000;}
.schedExactTimeMarkerElem:not(.ui-state-hover) > td { background-color: #fcfcfc; color:#000;}
.schedExactTimeMarkerElem:not(.ui-state-hover) > td[aria-describedby='clockEdtrTable_AirTime'] { background-color: #eee; color:#000; }
.schedExactTimeMarkerElem > td[aria-describedby='clockEdtrTable_AirTime'] { text-align:left !important; }
.schedAutomationSystemEventElem:not(.ui-state-hover) > td { background-color: #fcfcfc; color:#000;}
.schedRollingClockElem:not(.ui-state-hover) > td { background-color: #fcfcfc; color:#000;}
.schedOtherElem:not(.ui-state-hover) > td { background-color: #fcfcfc; color:#000;}
.unschedThemeSongElem:not(.ui-state-hover) > td { background-color: #C0C0C0; color:Blue }
.unschedRelatedLinkElem:not(.ui-state-hover) > td { background-color: #C0C0C0; color:Blue }
.unschedTrailingRelatedLinkElem:not(.ui-state-hover) > td { background-color: #C0C0C0; color:Blue }
.unschedFlyinLinkElem:not(.ui-state-hover) > td { background-color: #C0C0C0; color:Blue }
.unschedSpecificLinkElem:not(.ui-state-hover) > td { background-color: #C0C0C0; color:Blue }
.unschedTwoferElem:not(.ui-state-hover) > td { background-color: #C0C0C0; color:Blue }
.unschedTwoferSiblingElem:not(.ui-state-hover) > td { background-color: #C0C0C0; color:Blue }
.unschedClassicTwoferElem:not(.ui-state-hover) > td { background-color: #C0C0C0; color:Blue }
.unschedCrossStationPlaceholderElem:not(.ui-state-hover) > td { background-color: #C0C0C0; color:Blue }
.unschedSongElem:not(.ui-state-hover) > td { background-color: #C0C0C0; color:Blue }
.unschedLinkElem:not(.ui-state-hover) > td { background-color: #C0C0C0; color:Blue }
.schedHourHeader > td { background-image: url('Themes/ui-bg_glass_light-gray_1x400.png'); background-position:center; background-repeat:repeat-x; border-top:1px solid #000; border-bottom:1px solid #000 }
.schedExactTimeMarkerHitSystem > td {
	background-image: url('Themes/ui-bg_glass_light-gray_1x400.png');
	background-position: center;
	background-repeat: repeat-x;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000
}

.ui-state-active .ui-icon-rcs-gselector {
	background-image: url(Themes/GSelector/images/ui-icons-rcs-gselector_dull-yellow_128x128.png);
}
    
/* highlighted row */
table.tableSchedGrid .ui-widget-content.ui-state-highlight > td {  background-image: linear-gradient(to bottom, hsl(48, 100%, 50%) 0%, hsl(48, 100%, 90%) 10%, hsl(48, 100%, 50%) 100%); color:#913808; }
table.tableConsiderGrid .ui-widget-content.ui-state-highlight > td { background-image: linear-gradient(to bottom, hsl(48, 100%, 50%) 0%, hsl(48, 100%, 90%) 10%, hsl(48, 100%, 50%) 100%); color:#913808; }
    
/* juggling row */
table.tableSchedGrid .ui-widget-content.ui-state-juggling > td { background-image: linear-gradient(to bottom, hsl(35, 96%, 50%) 0%, hsl(35, 96%, 90%) 10%, hsl(35, 96%, 50%) 100%); color:#913808; }

#schdEdtrChainSelect.clone { width: 100%}
#schdEdtrTimingSelect.clone { width: 100%}

/* hour slider control */
div.hour-slider-header {width:100%;text-align:center;margin-left:auto;margin-right:auto; height:14px; }
div.hour-slider-header div {position:absolute; width:16px;}

/* vertical text */

.css-vertical-text { /*-ms-writing-mode: inherit;
-webkit-writing-mode: inherit;
-moz-writing-mode: vertical-lr;
writing-mode: vertical-lr;*/
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
white-space:nowrap;
display:block;
font-size:13px;
font-weight:normal; }

/* Consideration Table */
#tableConsiderGrid td.more-results-btn {height:20px; text-align:center;cursor:pointer;font-size:11px}

/* Test Bar */

#testBarTable td.tb-val {width:50%;padding-left:3px;}
#testBarTable td.ui-widget-header {width:50%;padding-left:3px;}
.test-bar-hdr.ui-widget-header { padding:3px;}

/* History Map */

table.item-history-table {width:100%}
table.item-history-table td.get-history-btn {height:20px;}
table.item-history-table th.hist-d-hdr {max-width:100px; }
table.item-history-table tr.history-sizer th{height:1px;visibility:hidden;line-height:1px;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;}

td.more-results-btn {height:20px; text-align:center;cursor:pointer;font-size:11px}

table.item-history-table tr.get-history td{cursor:pointer}

#historyHdrTable thead th {border-top: 1px solid #5C5C5C;}

div.historyDivWrap {width:100%;}
table.item-history-table {border-spacing:0px; border-width:0px; border-spacing:0px; border-style: none; border-collapse: collapse}
table.item-history-table th {margin:0px;padding:0px}
table.item-history-table th span {white-space:nowrap;overflow:hidden;display:inline-block;margin:0px;padding:0px;vertical-align:middle;height:20px;line-height:20px;}
table.item-history-table th.hist-d-hdr {height:20px;}
table.item-history-table th.hist-h-hdr {margin:0px; padding:0px}
table.item-history-table td{ border-width:1px; padding:0px; border-style: solid; text-align:center; border-color:#999 }
table.item-history-table td.date{min-width:32px;}
table.item-history-table td.hist-date{height:20px;line-height:20px;font-size:9px;white-space:nowrap}
table.item-history-table td span.invsbl {visibility:hidden; display:block;}
table.item-history-table td span.scheduled {display:block;}
table.item-history-table td.now { box-shadow: inset 0px 0px 2px 2px var(--s2go-main-color); }

/*table.item-history-table .now{ background-image:none; background-color: #FA9F1C }*/

.clc-pop-ovr {color:#cc0000;}

/* history row color-coding */
.historyDefaultAttribute { background: #000000; color: #FFFFFF; font-weight: normal; font-style: normal; text-decoration: none;  }
.historyPlotQuarterHour1 { position: absolute; z-index: 2; left: 0; top: 0; height: 100%; width: 25%; }
.historyPlotQuarterHour2 { position: absolute; z-index: 2; left: 25%; top: 0; height: 100%; width: 25%; }
.historyPlotQuarterHour3 { position: absolute; z-index: 2; left: 50%; top: 0; height: 100%; width: 25%; }
.historyPlotQuarterHour4 { position: absolute; z-index: 2; left: 75%; top: 0; height: 100%; width: 25%; }

.historyMap { height: 100%; }
.historyNow {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
#historyToolbar {
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
    line-height: 24px;
}

#historyAdvancedAttributes {
    display: inline-block;
    background: #fff;
    border: 1px #fff solid;
    line-height: 18px;
    padding: 0px 3px;
    margin-top: -1px;
}

#historyAdvancedAttributes.popup {
    border: 1px #666 solid;
    position: absolute;
    z-index: 1000;
    white-space: normal;
    margin-left: 3px;
}

div.historyattrchkbx {
    display: inline-block;
    height: 17px;
    padding: 1px 5px 0px 0px;
}

div.historyRowHeightSlider {
    display: inline-block;
    width: 60px;
    margin-left: 5px;
    top: 1px;
}

div.historyFlyover {
    z-index: 1000;
    position: fixed;
    padding: 1px;
    background: #fff;
    border: 3px solid #FA9F1C;
}

div.historyFlyoverContent {
    padding: 0px 5px;
    background: #fff;
    color: #000;
}

/* Vertical Menu Separator */
div.verticalMenuSeparator {
    display: inline-block;
    border-left: 1px solid #000;
    height: 12px;
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
    top: 2px;
}
/* Multi CheckBox list */
.multicheckboxlist-group {
    height: 80px;
    width: 230px;
    border: 1px solid #666;
    float: left;
    white-space: normal;
    margin: 1px;
    overflow: hidden;
}
.multicheckboxlist {
    height: 58px;
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    overflow-y: hidden;
}
.multicheckboxlist table {
    border-spacing: 0px;
    white-space: nowrap;
}
.multicheckboxlist td {
    padding-right: 10px;
}
.multicheckboxlist input {
    margin-top: 1px;
    top: 3px;
    position: relative;
}
input.multicheckboxlist-selectall {
    margin-top: 3px;
    margin-left: 5px;
    top: 2px;
    position: relative;
}
/* temporary */

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

/* Date Range */
#schedFromDatePicker, #schedToDatePicker { width: calc(100% - 10px); margin: 0px 1px; padding: 2px 3px; margin-top: 2px; display: none;}
#schedFromDatePickerLabel, #schedToDatePickerLabel { margin: 0px 1px; margin-top: 1px; display: block; white-space: nowrap; overflow: hidden;}

/* timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; }
.ui-timepicker-div dl dd { margin: -25px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* Scheduled Table */
table.schdGrid td.schd-cell { cursor: pointer; text-align: center; }
table.schdGrid td.schd-cell span {display:block;text-align:center; margin-left:auto; margin-right:auto}
table.schdGrid td.schd-date { height:18px; cursor: pointer; }
table.schdGrid td.past { opacity: 0.5; }
table.schdGrid span[data-categorygroup] { display: none !important; }
table.schdGrid td.now { box-shadow: inset 0px 0px 2px 2px var(--s2go-main-color); }
td.schd-date {padding-left:5px; width:100px !important;max-width:100px;min-width:100px;}
span.sched-status-icon { display: inline-block; margin: -3px 0px; }
td.get-schd-btn {height:18px;text-align:center;cursor:pointer}

/* Traffic History */
span.traffic-status-icon { display: inline-block; margin: -4px 0px; }

/* Publication Status Appearances */
.schdps0:not(.ui-state-active) { background: #94BE8C; color:#000000; }
.schdps1:not(.ui-state-active) { background: #E7D34A; color:#000000; }
.schdps2:not(.ui-state-active) { background: #5A86BD; color:#FFFFFF; }
.schdps3:not(.ui-state-active) { background: #FFFFFF; color:#000000; }
.schdps4:not(.ui-state-active) { background: #FF0000; color:#FFFF00; }
.schdps5:not(.ui-state-active) { background: #FFC0C0; color:#000000; }
.schdps6:not(.ui-state-active) { background: #FFFFC0; color:#00C000; }
.schdps7:not(.ui-state-active) { background: #E0E0E0; color:#000000; }
.schdps8:not(.ui-state-active) { background: #C4D2FB; color:#1F497D; }

/* used for sizing the fixed header columns in the header table*/
table.schdGrid th {margin:0px;padding:0px}
table.schdGrid th span {white-space:nowrap;overflow:hidden;display:inline-block;margin:0px;padding:0px;vertical-align:middle;height:20px;line-height:20px;}
table.schdGrid td { border:1px solid #999; }
.pancaked {display:none; visibility:visible; height:0px; line-height:0px; font-size:1px; border-color:transparent;margin:0px;padding:0px;}
span.orangeText { color: #FBAE3F } 

.ui-state-active-focus {background-color: #448dae ! important}

/* Library */

p.pGridItemCount{margin:0px 1px; padding:0 8px; background-color:#ABABAB;line-height:16px;vertical-align:middle}
select.category-list {visibility:hidden}
select.category-list + input { margin-bottom: 2px; padding-left: 4px; }
.cat-change-inner .ui-button { margin: 0px 0px 0px 2px; position: absolute; height: 25px; }

/*label.action-button.action-search-mode.ui-button.ui-widget {height:40px} /* Search Mode Buttons */
.action-search-mode.action-button.ui-button .ui-button-text {line-height:38px} /* Search Mode Buttons */

/*.browse-search {padding: 4px 0 1px 0;}*/
.browse-search-text {display:inline-block;padding:3px;border-radius:3px; min-height: 33px;}
.browse-search-text-blurred {border:1px solid #ccc}
.browse-search-text-focused {border:1px solid #333}
.query-span {display:inline-block; border:1px solid #ccc; border-radius:3px;background-color:#333; color:#eee;padding:5px;vertical-align: middle;margin:1px }
.query {display:inline-block;border:1px solid #666;padding:1px;margin:0 3px 0 1px;}
.query div.scombobox { display:inline-block;margin:1px; }
.query-delete {display:inline-block;width:16px;height:16px;margin:2px;vertical-align:middle}

/*.query-add-block {display:inline-block;width:24px;height:24px;position:absolute;right:71px; top:10px; border-radius:24px}*/
/*.query-add-block { display:inline-block ;width:24px; height:24px; position:absolute; right:116px; top:10px; border-radius: 24px; outline-color: transparent; }*/
.query-add-block { display:inline-block ;width:26px; height:26px; position:absolute; right:125px; top:11px; border-radius: 26px; outline-color: transparent; }
div.query-add-block span { display: inline-block; margin-left: -3px; outline-color: transparent; }

.query-and-or-show {display:inline-block; border:1px solid #F0522E; border-radius:3px;background-color:#eee; color:#F0522E;padding:3px;vertical-align: middle;margin-right:2px;margin-left:2px; border-width:1px; border-style:solid}
.query-and {border-color: #008800; color:#008800;}
.query-or {border-color:#F0522E; color:#F0522E;}
.query-and-or {display:inline-block;}
.query-attr {display:inline-block;}
.query-op {display:inline-block;}
.query-ctria {display:inline-block;}
.query-ctria2 {display:inline-block;}
.query-ctria-input {position:relative;top:1px;}
.searchAttrs {display:inline-block;margin:1px;}

/*.browse-search-btn {width:60px; height:36px;position:absolute;right:1px;top:3px}*/
/*.browse-search-btn {width:60px; height:39px; position:absolute; right:49px; top:2px}*/
.browse-search-btn {width:60px; height:39px; position:absolute; right:56px; top:4px}

.ui-dialog-overflowed { overflow: visible !important; }

.browse-search-btn .ui-button-text { line-height: 24px; vertical-align: middle; margin-top: 2px;}
.browse-search-text-icon {width:24px;height:24px;margin-top:5px;margin-left:3px;}
.browse-search-icon {width:24px;height:24px;vertical-align:middle;margin-top:2px}
.title-artist-search {}
.browse-results-hdr {height:30px; vertical-align:middle; line-height:30px; margin-top: 8px;}
.browse-results-hdr .hdr-txt {line-height:30px}

/* Analysis */
table.analysisActViewCboTbl {width:100%;height:100%;border-collapse: collapse;}
table.analysisActViewCboTbl td {padding:0px;margin:0px}
table.analysisActViewCboTbl td div{width:100%;height:100%;border:1px solid #ccc;}

#analysisSpinsTable td.more-results-btn {height:20px; text-align:center;cursor:pointer;font-size:11px}

.ui-state-default .analysisActViewCboTbl td div{border:1px solid #ccc;}
.ui-state-hover .analysisActViewCboTbl td div{border:1px solid #333;}
.ui-state-active .analysisActViewCboTbl td div{border:1px solid #fff;}

/* mini rounded corners */
.ui-corner-all-m, .ui-corner-top-m, .ui-corner-left-m, .ui-corner-tl-m { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-all-m, .ui-corner-top-m, .ui-corner-right-m, .ui-corner-tr-m { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-all-m, .ui-corner-bottom-m, .ui-corner-left-m, .ui-corner-bl-m { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all-m, .ui-corner-bottom-m, .ui-corner-right-m, .ui-corner-br-m { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }

/* notifications action panels and grids */

#server-msg-notifications { padding: 0 5px; }

#notificationsGrid tr.jqgrow td { white-space: normal; overflow: visible; }

#recentBrowseGrid tr.jqgrow td { white-space: normal; overflow: visible; }
.gph-fld
{
    width:100%;
    background-color:#fff;
    margin:1px 0 0;
    padding:0;
    height:19px;
}
.gph-fld div
{
    height:19px;
    background: #cdffcd; /* Old browsers */
    background: -moz-linear-gradient(top,  #cdffcd 0%, #9cedac 32%, #00d228 33%, #00d228 66%, #01d329 67%, #1cff33 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdffcd), color-stop(32%,#9cedac), color-stop(33%,#00d228), color-stop(66%,#00d228), color-stop(67%,#01d329), color-stop(100%,#1cff33)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cdffcd 0%,#9cedac 32%,#00d228 33%,#00d228 66%,#01d329 67%,#1cff33 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cdffcd 0%,#9cedac 32%,#00d228 33%,#00d228 66%,#01d329 67%,#1cff33 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cdffcd 0%,#9cedac 32%,#00d228 33%,#00d228 66%,#01d329 67%,#1cff33 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cdffcd 0%,#9cedac 32%,#00d228 33%,#00d228 66%,#01d329 67%,#1cff33 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdffcd', endColorstr='#1cff33',GradientType=0 ); /* IE6-9 */
}

/*----------------------------------------------------*/
/* advanced search bars added on to the main search */

/* outer container div for the advanced search grouping */
.adv-search-group{ display: block; height: 48px; clear: left; } 
/* inner div for search grouping that holds query blocks */
.as-subdiv { border: 1px solid #CCC; min-height: 33px; margin-top: 8px; }

/*.browse-add-group-btn{ display: inline-block; width:35px; height: 35px; position: absolute; right: 2px; top: 2px; vertical-align: middle; text-align: center; padding: 2px; }*/
.browse-add-group-btn{ display: inline-block; width:35px; height: 35px; position: absolute; right: 10px; top: 4px; vertical-align: middle; text-align: center; padding: 2px; }
.browse-add-group-btn span { display: inline-block ; position: relative; top: 2px; right: 1px; } /*margin: auto; }*/
.browse-add-group-btn span img { display: inline-block ; margin: 3px 5px 0 -4px; } 
.browse-add-group-btn:focus, .browse-add-group-btn:active, .browse-add-group-btn.active, .browse-add-group-btn:focus:active { background-image: none; outline: none; -webkit-box-shadow: none; box-shadow: none; }

/*.query-add-block-additional {display:inline-block; width:24px; height:24px; border-radius: 24px; margin-left: 8px; margin-top: 3px; visibility: hidden; outline-color: transparent; }*/
.query-add-block-additional {display:inline-block; width:26px; height:26px; border-radius: 26px; margin-left: 9px; margin-top: 4px; visibility: hidden; outline-color: transparent; }
div.query-add-block-additional span { display: inline-block; margin-left: -3px; outline-color: transparent; }


.browse-delete-group-btn { display: inline-block; width:24px; height: 24px; vertical-align: middle; text-align: center; float: right;position: relative; top: 3px; }
.browse-delete-group-btn span { display: inline-block; margin-left: -3px }
.browse-delete-group-btn:focus, .browse-delete-group-btn:active, .browse-delete-group-btn.active, .browse-delete-group-btn:focus:active { background-image: none; outline: none; -webkit-box-shadow: none; box-shadow: none; }

/*********************************************************/
/* Switch button CSS for jQuery-switchButton.js */
.switch-button-label { float: left; font-size: 10pt; cursor: pointer; }
.switch-button-label.off { color: #adadad; }
.switch-button-label.on { color: #333; }
.switch-button-background { float: left; position: relative; background: #ccc; border: 1px solid #aaa; margin: 1px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; }
.switch-button-button { position: absolute; left: -1px; top : -1px; background: #FAFAFA; border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
div.attr-switch-button { display: inline-block; position: relative; top: 3px; margin-left: 3px; margin-bottom: 3px; border: none; }

/* classes for visibility of song card UI controls */
div.attr-duration-picker { display: inline-block;}
select.attr-select { display: inline-block; height: 21px; }

/***********************************************************/
/* song card */
.required-invalid { border-color: red; }

/* Clock Entries */
table.tableClockGrid .ui-widget-content.ui-state-highlight > td { background-image:none; background-color:#000; color:#fff; }
table.tableClockGrid .ui-widget-content.ui-state-highlight > td { background-image:none; background-color:#000; color:#fff; }

/* Clock Editor */
.tableClockGrid select { width: 100%; height: 20px; }
.clockGoal.editing, .userInfo.editing { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; width: calc(100% - 30px);}
.clockGoal:not(.editing), .userInfo:not(.editing) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.clockGoal + input, .userInfo + input { height: 17px; width: 30px; }
.clockGoal.editing + input, .userinfo.editing + input { display: inherit; }
.clockGoal:not(.editing) + input, .userInfo:not(.editing) + input { display: none; }
input.clockEdtrHardTime { width: 100%; text-align: right; padding: 0; padding-right: 2px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */}

#dlg-set-clock-goal th { text-align: left; }
#dlg-set-clock-goal td { vertical-align: top; }

table.clockCount { display: inline-block; vertical-align: top; width:100%; }
table.clockCount td { white-space:nowrap;  padding: 2px 10px 0px 10px;}
table.clockCount td.total { text-align:right; }

#clockEdtrTable_frozen { border-right: 1px solid black }
.frozen-div.ui-state-default.ui-jqgrid-hdiv { border-right: 1px solid black !important; }
#clockCenter .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { border: 0; }

/* Clock Pie Chart */
#pietitle, #piestationname { width: 100%; font-size: 12px; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 10px;font-size: 16px; }
#pielegend { border-spacing: 0; margin-left: 10%; margin-right: 10%; width: 80%; }
#pielegend td.count { text-align: right; width:32px; padding-right: 10px; }

/* Google Charts tooltip flickering */
svg > g:last-child > g:last-child { pointer-events: none }

/* Clocks Assignment */
#clocksAssignmentGrid tbody th { color: #eaf5f7;}
.grid-hour { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 0; width: 12.5%; }
.grid-day-row 
{
	
}

.rcs-container table 
{
	border-collapse: collapse;
}

.unselectable {
	cursor: not-allowed;
}

/* Headers highlight*/
.selected-header {
    color: var(--s2go-main-color) !important;
}
/* Table current row/col border highlight (mouse over) */
.selected-hover-header {
    color: var(--s2go-main-inv-color) !important;
    background: #333 url(Themes/zetta/images/ui-bg_highlight-soft_75_333333_1x100.png) 50% 50% repeat-x;
}
.selected-hover-row {
    border-bottom: 1px solid var(--s2go-main-inv-color) !important;
}
.selected-hover-col {
    border-right: 1px solid var(--s2go-main-inv-color) !important;
}

/* S2Go Player */
#play-btnset { width:110px; margin-left: 2px; }
.action-play { width:84px; display: inline-block; }
.action-play-opts, .action-pause, .action-stop, .action-prev, .action-next { display: inline-block; }
#player { width: 100%; display: inline-block; }
#player > table { width: 100%; border: 0px; }
.waveform { height:12px; border: #666 1px solid; width: 100%; }
.waveform.autoplay { border: #fc6060 1px solid; }
.dlgseparator0 { display: inline-block; width: 100%; border-bottom: 0px dotted #ccc; height: 1px; line-height: 1px; }
.dlgseparator1 { display: inline-block; width: 100%; border-bottom: 1px dotted #ccc; height: 1px; line-height: 1px; }
.itemplaying { font-weight: bold; }
td.title { word-break: break-all; }
td.error { color:#FF0000; }

/* ON AIR button */
button.onair-button {
    width: 50%;
    color: white;
    border: 1px solid #666;
    border-radius: 0px;
    height: 26px;
    background-image: -ms-linear-gradient(top, #E5A292 0%, #F04E2C 50%, #FE0301 100%); /* IE 11*/
    background-image: linear-gradient(rgb(229, 162, 146), rgb(240, 78, 44), rgb(254, 3, 1)); /* Edge */
    background-image: linear-gradient(to bottom, #f0522e66, #f0522e, red); /* Chrome */
    margin-bottom: 5px;
    cursor: pointer;
}
button.onair-button:active {
    background-image: linear-gradient(to top, #f0522e66, #f0522e, red);
}

/* Zetta Footer */
.zettaFooter {
    display: block;
}

.zetta-foooter-quick-play-btn-bar {
    width: 100%;
    height: 32px;
    line-height: 32px;
    display: block;
    position: absolute;
    bottom: 34px;
    left: 0px;
    vertical-align: middle;
    text-align: center;
}

.audition-quick-play-btn {
    vertical-align: middle;
    position: relative;
}

.z-title-bar-gradient {
    background-image: -ms-linear-gradient(bottom, #4D4D4D 0%, #707070 100%);
    background-image: -moz-linear-gradient(bottom, #4D4D4D 0%, #707070 100%);
    background-image: -o-linear-gradient(bottom, #4D4D4D 0%, #707070 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4D4D4D), color-stop(1, #707070));
    background-image: -webkit-linear-gradient(bottom, #4D4D4D 0%, #707070 100%);
    background-image: linear-gradient(to top, #4D4D4D 0%, #707070 100%);
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4D4D4D', endColorStr='#707070', GradientType=0)";*/
}

.z-title-bar-radius {
    -moz-border-radius-bottomleft: 40px; /* Firefox */
    -moz-border-radius-bottomright: 40px; /* Firefox */
    -webkit-border-bottom-left-radius: 40px; /* Safari, Chrome */
    -webkit-border-bottom-right-radius: 40px; /* Safari, Chrome */
    border-bottom-left-radius: 40px; /* CSS3 */
    border-bottom-right-radius: 40px; /* CSS3 */
}

.z-control-panel-gradient {
    background-color: #929292;
    background-image: -ms-linear-gradient(bottom, #929292 0%, #D4D4D4 100%);
    background-image: -moz-linear-gradient(bottom, #929292 0%, #D4D4D4 100%);
    background-image: -o-linear-gradient(bottom, #929292 0%, #D4D4D4 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #929292), color-stop(1, #D4D4D4));
    background-image: -webkit-linear-gradient(bottom, #929292 0%, #D4D4D4 100%);
    background-image: linear-gradient(to top, #929292 0%, #D4D4D4 100%);
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4D4D4D', endColorStr='#707070', GradientType=0)";*/
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    /*padding: 3px .4em 3px .4em;*/
    cursor: pointer;
    min-height: 0; /* support: IE7 */
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu.stationMenu .ui-menu-item a.ui-state-focus {
    adding-left: 10px;
}
/* fix for horizontal jump glitch on the focused station item in stations drop down */

/* mini-menu background*/
.zettaMenu.ui-menu.ui-widget.ui-widget-content.ui-corner-all.mini-menu li.ui-menu-item {
    background-color: #929292;
    background-image: -ms-linear-gradient(left, #929292 0%, #D4D4D4 100%);
    background-image: -moz-linear-gradient(left, #929292 0%, #D4D4D4 100%);
    background-image: -o-linear-gradient(left, #929292 0%, #D4D4D4 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #929292), color-stop(1, #D4D4D4));
    background-image: -webkit-linear-gradient(left, #929292 0%, #D4D4D4 100%);
    background-image: linear-gradient(to right, #929292 0%, #D4D4D4 100%);
}

/* Module Header Controls Common */

.z-control-panel {
    height: 32px;
    margin: 10px 4px 0 4px;
    overflow: hidden
}

.z-hdr-btn {
    width: 24px;
    height: 24px;
    padding: 0px;
    border: none;
}

.z-hdr-btn-dbl {
    width: 48px;
    height: 24px;
    padding: 0px;
}

.z-hdr-btn-default-state {
    background: none;
    border: none;
}

.btnSizeTxt {
    font-weight: bold;
}

.z-hdr-tbl {
    border-collapse: collapse;
    width: 100%;
}

.z-hdr-tbl-right {
    border-collapse: collapse;
    float: right;
    margin: 4px 6px 0 0;
}

/* Audition */
.audition-quick-play-btn {
    display: inline-block;
    vertical-align: middle;
    color: #eee;
    height: 26px;
    line-height: 26px;
    width: auto;
    border: 1px solid #666;
    /*background: url('images/playBtnGrad_1x32.png') repeat;*/
    cursor: pointer;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 1px;
    margin-right: 2px;
}

    .audition-quick-play-btn img {
        height: 24px;
        vertical-align: middle;
    }

    .audition-quick-play-btn span {
        display: inline-block;
        vertical-align: middle
    }

.zetta-btn-gradient {
    background: #2e2e2e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlMmUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIyMjIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzBhMGEwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjA2MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2e2e2e 0%, #222222 50%, #0a0a0a 51%, #060606 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2e2e), color-stop(50%,#222222), color-stop(51%,#0a0a0a), color-stop(100%,#060606)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2e2e2e 0%,#222222 50%,#0a0a0a 51%,#060606 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2e2e2e 0%,#222222 50%,#0a0a0a 51%,#060606 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2e2e2e 0%,#222222 50%,#0a0a0a 51%,#060606 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2e2e2e 0%,#222222 50%,#0a0a0a 51%,#060606 100%); /* W3C */
}

.audition-play-pause-circle-l {
    display: inline-block;
    border-radius: 18px;
    border: 3px solid #666;
    padding: 0px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.audition-play-pause-circle-m {
    display: inline-block;
    border-radius: 11px;
    border: 2px solid #666;
    padding: 0px;
    width: 19px;
    height: 19px;
    vertical-align: middle;
}

.audition-play-pause-circle-s {
    display: inline-block;
    border-radius: 9px;
    border: 1px solid #666;
    padding: 0px;
    width: 17px;
    height: 17px;
    vertical-align: middle;
}

.audition-play-pause-triangle-l {
    margin: 2px 0 0 11px;
    width: 0;
    height: 0;
    border-bottom: 13px solid transparent; /* left arrow slant */
    border-top: 13px solid transparent; /* right arrow slant */
    border-left: 13px solid #008800; /* bottom, add background color here */
    font-size: 0;
    line-height: 0;
}

.audition-play-pause-triangle-m {
    margin: 3px 0 0 7px;
    width: 0;
    height: 0;
    border-bottom: 7px solid transparent; /* left arrow slant */
    border-top: 7px solid transparent; /* right arrow slant */
    border-left: 7px solid #008800; /* bottom, add background color here */
    font-size: 0;
    line-height: 0;
}

.audition-play-pause-triangle-s {
    margin: 2px 0 0 6px;
    width: 0;
    height: 0;
    border-bottom: 7px solid transparent; /* left arrow slant */
    border-top: 7px solid transparent; /* right arrow slant */
    border-left: 7px solid #008800; /* bottom, add background color here */
    font-size: 0;
    line-height: 0;
}

.audition-pause-left-s {
    position: absolute;
    height: 11px;
    width: 3px;
    top: 5px;
    left: 6px;
    background-color: #666;
    border: none;
    display: none;
    cursor: pointer;
}

.audition-pause-left-m {
    position: absolute;
    height: 13px;
    width: 4px;
    top: 9px;
    left: 6px;
    background-color: #666;
    border: none;
    display: none;
    cursor: pointer;
}

.audition-pause-left-l {
    position: absolute;
    height: 21px;
    width: 7px;
    top: 11px;
    left: 9px;
    background-color: #666;
    border: none;
    display: none;
    cursor: pointer;
}

.audition-pause-right-s {
    position: absolute;
    height: 11px;
    width: 3px;
    top: 5px;
    left: 11px;
    background-color: #666;
    border: none;
    display: none;
    cursor: pointer;
}

.audition-pause-right-m {
    position: absolute;
    height: 13px;
    width: 4px;
    top: 9px;
    left: 13px;
    background-color: #666;
    border: none;
    display: none;
    cursor: pointer;
}

.audition-pause-right-l {
    position: absolute;
    height: 21px;
    width: 7px;
    top: 11px;
    left: 20px;
    background-color: #666;
    border: none;
    display: none;
    cursor: pointer;
}

.aqpb-mask {
    display: none;
    position: absolute;
    z-index: 2;
    filter: Alpha(Opacity=80);
    opacity: .8;
    background-color: #333;
    top: 0px;
    left: 0px;
    cursor: not-allowed
}

.drop-dwn {
    display: inline;
    margin: 0 3px;
    padding: 0 3px;
    cursor: pointer;
}

.drop-dwn-arrow-wrap {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-top: -4px
}

.drop-dwn-arrow {
    height: 12px;
    width: 12px;
}

.trade-mark {
    font-size: 8px;
    line-height: 8px;
    font-weight: normal;
    vertical-align: top;
}

.ui-layout-south {
    z-index: 3 !important;
}