﻿body
{
    /*font-size: .85em;
    color: #232323;*/
    font-family:Verdana,'Lucida Console',Tahoma,Arial;
    background-color: #000;
    margin:0px;
    padding:0px;
    font-size:62.5%;
}

header,
footer,
nav,
section {
    /*display: block;*/
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}

.color-picker {
	display:inline-block;

	width: 180px;
	padding: 0px;

	/*background: #fafafa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    
    border: 1px solid #666;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);

	z-index: 99;*/
}
.color-picker > p > label > a > img{height:19px;vertical-align:middle;margin-top:0px;padding-top:0px;}
.color-picker > p > label > input{vertical-align:middle;}
.color-picker > p {margin:0px;padding:3px;}
.color-picker h2 {
	margin: 0 0 5px 0;
	font-size: 14px;
}
.color-picker ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	+zoom: 1;
}
.color-picker ul:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.color-picker ul li {
	float: left;
	margin: 1px 2px 2px 3px;
}
.color-picker ul li a {
	display: block;

	width: 13px;
	height: 13px;

	text-decoration: none;
	text-indent: -100000px;
	outline: 0;

	border: 1px solid #aaa;
}
.color-picker ul li a:hover {
	border-color: #000;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Font-Awesome */

.ui-icon[class*=" icon-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0; 
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.5em;
}

/* Allow use of icon-large to be properly aligned */
.ui-icon.icon-large {
    margin-top: -0.75em;
}

.ui-button-icon-only .ui-icon[class*=" icon-"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
}

/* jQueryUI Overrides
    -----------------------------------------------------------*/
.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");
}

/* RCS Styles
    -----------------------------------------------------------*/

.layoutIco {
    width:13px;
    height:13px;
    vertical-align:middle;
    margin:-4px 0 0 0;
    padding:0px;
    line-height:13px;
}

.asp-error table {
    background-color:#333;
}
.asp-error b {
    color:#c00;
}

.st-pck-hdr {
    font-style:italic;font-weight:bold;
}
.st-pck-st {
    margin-left:5px;
}
/* Login Screen */
.big-radius {
    border:1px solid #6786EB;
    -moz-border-radius: 40px; /* Firefox */  
    -webkit-border-radius: 40px; /* Safari, Chrome */  
    border-radius: 40px; /* CSS3 */  
}

.splash-drop-sh {
    /*box-shadow: 20px 20px 20px #000;*/
    box-shadow:0px 0px 50px 10px #6786EB;
}
.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;
}


.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}

/* Zetta Header */
#zettaHeader {
    width:100%;
    height:24px;
    display:block;
    border-bottom:1px solid #333;
    color:#eee;
    font-size:11px;
    vertical-align:middle;
}
.logo-box-gradient {
   background-image: -ms-linear-gradient(top, #fff 0%, #8A8A8A 100%);
   background-image: -moz-linear-gradient(top, #fff 0%, #8A8A8A 100%);
   background-image: -o-linear-gradient(top, #fff 0%, #8A8A8A 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #8A8A8A));
   background-image: -webkit-linear-gradient(top, #fff 0%, #8A8A8A 100%);
   background-image: linear-gradient(top bottom, #fff 0%, #8A8A8A 100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#8A8A8A', GradientType=0)";
}
#zettaLogoBox {
    float:left;
    width:16px;
    height:16px;
    border:none;
    margin-right:5px;
}
.title-bar-gradient {
    background-color:#4D4D4D;
   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)";*/
}
.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 */ 
}
#zettaHeader .hdr-ctrl-bar-menus {
    list-style-type: none;
    margin: auto;
    padding-left:0px;
}
#zettaHeader .hdr-ctrl-bar-menus li{
    cursor:pointer;
    display:inline;
    margin:auto 5px;
    height:16px;
    line-height:16px;
}
.hdr-ctrl-bar-menu {
        position:absolute;
        display:none;
        z-index:2001;
}
/* Module Theatre*/

.layout-theatre {
    background: #858585 url('images/silver_alum2.gif') repeat;
    position:absolute;
}

.attr-tab-strip {white-space:nowrap;overflow:hidden}
.layout-ctrls {display:inline-block;margin-top:2px;position:absolute;top:5px;right:5px;}
.module {border:1px solid #000;margin-top: 0px; z-index:1; position:absolute}
.module ul.attr-list li {width:auto;margin:3px; padding:0px;}

.module ul.attr-list li .attr-lbl {width:120px; padding:3px; margin:0px; display:inline-block; text-align:left;overflow:hidden;white-space:nowrap;}
.module ul.attr-list li .attr-val {width:150px; padding:3px; margin:0px; display:inline-block;overflow:hidden;white-space:nowrap;}
.module ul.attr-list li .attr-del {width:16px; margin:0px; display:inline-block;vertical-align:middle;cursor:pointer;overflow:hidden;}

.attr-lbl {}
.attr-lbl,.attr-val {border:1px solid #A6C9E2;}

.module .attr-tab-strip li .ui-icon-close { float: left; margin: 4px 0px 0 0; cursor: pointer; }
.module .attr-tab-strip li .ui-icon-pencil { float: left; margin: 4px 0px 0 0; cursor: pointer; }
.module .attr-tab-strip li .ui-icon-circle-plus {margin: 4px 0px 0 0; cursor: pointer;}
.module .ui-tabs-panel { overflow:auto; padding-left:2px}

.moduleMask { display:none; position:absolute; z-index:2002; filter: Alpha(Opacity=80); opacity: .8; background-color:#ccc}

.empty-attr-list {color:#999}
.moduleContentSpan { margin:5px; font-weight:bold; font-size:12px; color: #000;}
.moduleContent {background-color: #000; color:#fff;}
.saveLayoutBtn {margin-left:5px;}
/* Module Headers*/
.z-module-title-bar {height:24px;line-height:24px;background-color:#4D4D4D;margin-left:auto;margin-right:auto;text-align:center;color:#ddd;display:inline-block;position:relative}
.z-module-title-bar p{font-size:12px;line-height:12px;font-weight:bold;margin:0px;padding-top:6px;}
.moduleTitleBar {height:24px;line-height:24px;background-color:#4D4D4D;margin-left:auto;margin-right:auto;text-align:center;color:#ddd;display:inline-block;position:relative}
.moduleTitleBar p{font-size:12px;line-height:12px;font-weight:bold;margin:0px;padding-top:6px;}

.hdrDvdr {
    display:inline-block;height:24px;width:1px;background-color:#909090;padding-top:-6px;border-right:1px solid #484848;
}
.zettaMenu {
    position:absolute;
    display:none;
    z-index:2001;
    white-space:nowrap;
    text-align:left;
}
.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;
}
.station-menu-hdr {
    font-weight:bold;
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    vertical-align:middle;
}
mode-menu-hdr {
    font-weight:bold;
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
}
.stationName {
    font-size:11px;
}
.stationMode {
    font-size:11px;
}

/* Module common */

.ui-state-pending,
.ui-widget-content .ui-state-pending,
.ui-widget-header .ui-state-pending {
	border: 1px solid #ff7f04;
	background: #ffb76b; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */

	/*font-weight: ;*/
	color: #B05300;
}
.ui-state-pending a,
.ui-widget-content .ui-state-pending a,
.ui-widget-header .ui-state-pending a {
	color: #B05300;
}

/* 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;
}
/* OnAir Module */
.onAirStatus {
    width:24px;height:24px;display:inline-block;
}
.web-sync-indicator {
    display:none;height:16px;width:16px;margin-right:4px;vertical-align:middle;
}
.web-sync-subscriber {
    display:none;height:16px;width:16px;margin-right:4px;
}
.oa-status-img {
    width:16px;height:16px;margin:0px;padding:0px 0px;position:absolute;left:26px;top:4px;
}
.onair-settings {
    width:24px;height:24px;display:inline-block;
}
.oa-settings-img {
    width:16px;height:16px;margin:0px;padding:0px 0px;position:absolute;right:26px;top:4px;
}
.moduleTheatreOnAir .moduleTitleBar p{
    margin: 0px;
    padding: 0px;
    line-height:16px;
    vertical-align:middle;
}
.moduleTheatreOnAir .moduleTitleBar p span {
    vertical-align: middle;
}
.onAirPlayerConsole {
    background-color:#000; position:absolute; width:0px; height: 150px; left:164px; top:32px; margin-left:7px; margin-right:7px; color:#fff;
}
.onAirPicker {
    
}
.onAirEvent {
    position:absolute;
    height:36px;
    /*background-color:#cc0000*/
}
.oa-event {
    position:absolute;
    left:50px;
    height:36px;
    border:1px solid #545454;
    -moz-border-radius: 5px; /* Firefox */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    border-radius: 5px; /* CSS3 */
    vertical-align:middle;
}
.onAirChannel {
    position:absolute; left:5px; top:8px;font-size:18px;font-weight:bold;
}
.onAirEvent .oa-event-type {
    display:inline;
}
.oa-event-type-icon {
    position:absolute; top:10px; left:10px;
}
.oa-event-type-icon.assetTagIco {
    position:absolute; top:10px; left:10px;
}
.oa-event-type-icon.warningIco,.oa-event-type-icon.errorIco {
    position:absolute; top:10px; left:2px;
}
.oa-event-type-icon.noteIco {
    position:absolute; top:10px; left:24px;
}
.oa-event-text {
    color:#fff;
    font-size:20px;
    line-height:36px;
    display:inline;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.oa-event-title {
    position:absolute; left:44px;
}
.oa-event-auxiliary {
    position:absolute; left:336px;
}
.oa-event-intro {
    position:absolute; right:64px; font-size: 19px;
}
.oa-event-runtime {
    position:absolute; right:3px; font-size: 19px;
}
.oa-chain {
    position:absolute;
    height:28px;
    width:28px;
    top:5px;
    right:81px;
    cursor:pointer;
}
.oa-chain-icon {
    margin-left:2px;
    margin-top:2px;
}
.oa-play-pause {
    top:4px;
    right:45px;
}
.oa-pp-icon {
    margin-left:5px;
    margin-top:4px;
    cursor:pointer;
}
.oa-se-icon {
    margin-left:4px;
    margin-top:3px;
    cursor:pointer;
}
.oa-intro-icon {
    position:absolute;
    bottom:0px;
}
.oa-stop-eject {
    top:4px;
    right:8px;
}
.onAirEventCtrl {
    position:absolute;
    height:28px;
    width:28px;
    border:1px solid #666;background: url('images/playBtnGrad_1x32.png') repeat
}
.onAirPlayBtn {
    position:absolute; width:90px;height:133px;right:7px;top:7px;border:1px solid #666;background: url('images/playBtnGrad_1x133.png') repeat;cursor:pointer;
}
.onAirPlayBtnUpTop {
    display:none;
    cursor:pointer;
}
.onAirPlayIcon {
    width:44px;
    height:44px;
    margin-left:23px;
    margin-top:45px;
    background:url('images/transportBtnIco_play_44x44.png');
}
.onAirDateTimeConsole {
    /*background-color: #000; position: absolute; width: 150px; height: 150px; top: 32px; margin-left: 7px; margin-right: 7px; color:#fff;*/
    background-color: #000; width: 150px; height: 150px; margin-top:10px; margin-left: 7px; margin-right: 7px; color:#fff;position:relative;
}
.onAirDateDay {
    /*display:block;*/
    margin-top:10px;
    margin-left: 14px;
    font-size:14px;
}
.onAirDate {
    /*display:block;*/
    margin-top:5px;
    margin-left: 14px;
    font-size:14px;
}
.onAirTime {
    display:block;
    margin-top:8px;
    margin-bottom:8px;
    margin-left:2px;
    font-size:21px;
    line-height:26px;
    font-weight:normal;
}
.onAirDTETM {
    /*display:block;*/
    margin-top:5px;
    margin-left: 14px;
    font-size:14px;
}
.onAirDTGap {
    /*display:block;*/
    margin-top:5px;
    margin-left: 14px;
    font-size:14px;
}
.onAirDateTimeConsole.upTop {
    background-color: #000;
    position: absolute;
    width: 0px;
    height: 55px;
    top: 32px;
    margin-top:2px;
    color:#fff;
    /*background-color: #000; width: 150px; height: 69px; margin-top: 0px; color:#fff;*/
}
.onAirDateTimeConsole.upTop .onAirDateDayDate {
    position:absolute;
    top:0px;
    left:0px;
    width:25%;
    height:100%;
    font-size:14px;
    /*font-size: 2.4vw; /*2.4vw*/
    line-height:normal;
}
.onAirDateTimeConsole.upTop .onAirDateDay{
    width:100%;
    height:50%;
    vertical-align:bottom;
    margin:0px;
    padding:0 0 3px 10px;
}
.onAirDateTimeConsole.upTop .onAirDate{
    vertical-align:top;
    width:100%;
    height:50%;
    margin:0px;
    padding:3px 0 0 10px;
}
.onAirDateTimeConsole.upTop .onAirTime{
    position:absolute;
    top:0px;
    left:25%;
    width:25%;
    height:100%;
    margin-top:0px;
    margin-left:0px;
    font-size:22px;
    /*font-size: 3.5vw; /*3.5vw*/
    vertical-align:middle;
    font-weight:normal;
    text-align:center;
    display:block;
    line-height:normal;
}
.onAirDateTimeConsole.upTop table{
    width:100%;
    height:100%;
    border-collapse:collapse;
    border-right:2px solid #1A1A1A;
}
.onAirDateTimeConsole.upTop table td{
    vertical-align:middle;
}
.onAirDateTimeConsole.upTop .onAirETMGap {
    position:absolute;
    width:25%;
    top:0px;
    left:50%;
    height:100%;
    font-size:14px;
    /*font-size: 2.4rem; /*2.4vw*/
    line-height:normal;
}
.onAirDateTimeConsole.upTop .onAirDTETM{
    background-color:transparent;
    width:100%;
    height:50%;
    vertical-align:bottom;
    margin:0px;
    padding:0 0 3px 10px;
}
.onAirDateTimeConsole.upTop .onAirDTGap{
    vertical-align:top;
    width:100%;
    height:50%;
    margin:0px;
    padding:3px 0 0 10px;
}
.onAirDateTimeConsole.upTop .onAirPlayBtnUpTop{
    position:absolute;
    width:25%;
    height:100%;
    top:0px;
    right:0px;
    text-align:center;
    display:inline-block;
    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 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#060606',GradientType=0 ); /* IE6-8 */
}
.onAirDateTimeConsole.upTop .onAirPlayIcon{
    display:block;
    width:44px;
    height:44px;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    background:url('images/transportBtnIco_play_44x44.png');
}
.chainSelector {
    display:none;
    background-color:#000;
    position:absolute;
    width:40px;
    height:136px;
    border:2px solid #999;
    -moz-border-radius: 5px; /* Firefox */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    border-radius: 5px; /* CSS3 */
    vertical-align:middle;
    z-index:100;
}
.chainSelector div{
    padding:4px 6px;
    margin:1px;
}
.pendingTransportCtrl {
    background: #ffb76b; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}
/* HotKeys Screen */

.moduleTheatreHotKeys {width:100%;height:100%;font-family:Verdana,'Lucida Console',Tahoma,Arial}

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;}
/* TODO: Change these to classes, not id's! */
#hotKeyTheatre {margin:1px 4px 0 4px;position:relative}
.tdHotKeyBankMenu {padding-left:4px;padding-right:4px; min-width:100px;text-align:center;font-size:12px;font-weight:bold}
.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)";*/
}
.hotkey {
        position:absolute;
        display:block;
        font-family:Tahoma,Arial;
        border-top: 2px solid #B3B3B3;
        border-right:2px solid #333;
        border-bottom:2px solid #333;
        border-left:2px solid #B3B3B3;
        font-size:14px;
        -moz-border-radius: 12px; /* Firefox */  
        -moz-border-radius: 12px; /* Firefox */  
        -webkit-border-radius: 12px; /* Safari, Chrome */  
        -webkit-border-radius: 12px; /* Safari, Chrome */  
        border-radius: 12px; /* CSS3 */  
        border-radius: 12px; /* CSS3 */ 
        overflow-y:hidden;
}
.hk-status-icon {position:absolute; top:6px;right:6px;}
.hk-hook-icon {position:absolute; top:6px;right:6px;}
.hk-hook-icon-w-status {position:absolute; top:22px;right:6px;}
.hk-prop { font-size:16px;}
.hk-label-primary {margin:6px 0 0 6px;color:#fff;}
.hk-label-secondary {margin:6px 0 0 6px;color:#fff;}
/*.hk-runtime {color:#fff;position: absolute;bottom:0px; right:6px; line-height:30px; font-size:30px; font-weight:bold}
.hk-type-icon {position: absolute;bottom:20px; left:32px;}*/
.hk-progbar-shell {height:auto;margin-bottom:2px;position:static;width:90%;float:right;margin-top:100px}
.hk-prop.hk-runtime {color:#fff; font-weight:bold; position:static; margin:0 4px 0 0;bottom:2px;padding:0px;float:right;font-size:2em}
.hk-type-icon {position: static;bottom:4px; margin-left:4px;float:left}
.hk-error {background: url(images/Error_16x16.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-hook-active {background: url(images/hook_16x16_white.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-hook-inactive {background: url(images/hook_16x16_gray.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}

.hk-32-song {background: url(images/song_32x32.png);height:32px;width:32px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-32-spot {background: url(images/spot_32x32.png);height:32px;width:32px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-32-link {background: url(images/link_32x32.png);height:32px;width:32px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-32-voicetrack {background: url(images/voicetrack_32x32.png);height:32px;width:32px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-32-quickrecord {background: url(images/quickrecord_32x32.png);height:32px;width:32px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-32-other {background: url(images/otheraudio_32x32.png);height:32px;width:32px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}

.hk-32-tag {background: url(images/asset-tag-type-tag_32x32.png);height:32px;width:32px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-32-rotation {background: url(images/asset-tag-type-rotation_32x32.png);height:32px;width:32px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-32-imaging {background: url(images/asset-tag-type-imaging_32x32.png);height:32px;width:32px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}

.hk-16-song {background: url(images/song_16x16.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-16-spot {background: url(images/spot_16x16.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-16-link {background: url(images/link_16x16.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-16-voicetrack {background: url(images/event-type-voicetrack_16x16.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-16-quickrecord {background: url(images/quickrecord_16x16.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-16-other {background: url(images/otheraudio_16x16.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}

.hk-16-tag {background: url(images/asset-tag-type-tag_16x16.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-16-rotation {background: url(images/asset-tag-type-rotation_16x16.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.hk-16-imaging {background: url(images/asset-tag-type-imaging_16x16.png);height:16px;width:16px;display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;background-position: 0 0;}
.playback-volume-ctrl { min-width: 60px;}

.gradient-bg {
   background-color: #1a82f7; 
   background-image: url(images/fallback-gradient.png); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1a82f7));
   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
   background-image:    -moz-linear-gradient(top, #2F2727, #1a82f7);
   background-image:     -ms-linear-gradient(top, #2F2727, #1a82f7);
   background-image:      -o-linear-gradient(top, #2F2727, #1a82f7);
}

/* HotKey progressbar */
.ui-widget-header-green {
	border: 1px solid #000000;
	background: #49ba17 url(images/ui-bg_highlight-hard_80_49ba17_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: normal;
}
.ui-widget-header-red {
	border: 1px solid #e3a1a1;
	background: #ff0000 url(images/ui-bg_highlight-soft_80_ff0000_1x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: normal;
}
.ui-widget-header-darkred {
    border: 1px solid #e3a1a1;
    background: #cc0000 url(images/ui-bg_highlight-hard_80_cc0000_1x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: normal;
}
.ui-widget-header-yellow {
    border: 1px solid #e7c508;
	background: #f6da28 url(images/ui-bg_highlight-hard_100_f6da28_1x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: normal;
}
/* Voice Tracker */
.vtStationPickerText {
    display:inline-block;width:100px;
    color:#000;
    font-weight:bold;
    text-align:right;
    margin-right:10px;
}
.vtDatePicker {
    width:70px;
    font-weight:bold;
    background-color:transparent;
    padding:0 4px;
    margin:0;
    height:18px;
    border:0px solid #000;
    text-align:right;
}
.ivt-go {
    width: 32px; height: 32px;margin-top:10px;
}
.ivt-play {
    width:32px; height:32px;margin-top:10px;
}
.ivt-download {
    width: 32px; height: 32px;margin-top:10px;
}
.vt-stage {
    display: inline-block;
    background: #202020;
    box-shadow: 0px 0px 10px #fff;
    margin-left:4px;
}
.v-u-meter-l {
    margin-right:5px;
}
.v-u-meter-wrap {
    position: absolute; top:0px; left:-10000px;
}
.v-u-meter {
    background: #202020; /*box-shadow: 0px 0px 10px #fff;*/
}
.vt-wave {
    background:blue; /*background: #202020;*/ /*background: #49ba17; position:absolute; top:0px; left:0px; */
    position: absolute; top:-100px; left:0px;
}
.vt-hdr-tbl>tbody>tr>td {
    width:33.3%;
}
.vt-stage-text {
    position:absolute;
}
.vt-nav {
    margin-left:20px;margin-right:20px;height:32px;margin-top:0px;
}
.vt-nav-small {
    margin-left:10px;margin-right:10px;height:24px;margin-top:0px;
}
.vt-stack-shell {
    width:auto; text-align:center; margin-left:auto; margin-right:auto;margin-top:5px;margin-bottom:5px;vertical-align:middle;
}
.vt-stack-uploads-shell {
    display:inline-block;
    height:20px;
    max-width:350px;
    border:1px solid #ccc;
    -moz-border-radius: 5px; /* Firefox */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    border-radius: 5px; /* CSS3 */
    vertical-align:middle;
    text-align:left;
    padding-left:10px;
    color:#eee;
    background-image: -ms-linear-gradient(top, #8A8A8A 0%, #333 100%);
    background-image: -moz-linear-gradient(top, #8A8A8A 0%, #333 100%);
    background-image: -o-linear-gradient(top, #8A8A8A 0%, #333 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8A8A8A), color-stop(1, #333));
    background-image: -webkit-linear-gradient(top, #8A8A8A 0%, #333 100%);
    background-image: linear-gradient(to bottom, #8A8A8A 0%, #333 100%);
}
.vt-stack-dd {
    display:inline-block;margin-right:10px;margin-top:4px;
}
.uploading-signal {
    display:none;
    float: right;
    margin-right: 10px;
    margin-top: 2px;
}
.vt-stack {
    width:350px;
}
.vt-ctrl-strip {
    width:auto; text-align:center; margin-left:auto; margin-right:auto;margin-top:5px;margin-bottom:5px;vertical-align:middle;
}

.settings-dlg { display:none; }
.settings-dlg input.text {padding: 2px; }
.settings-dlg .dflt-cursor-pos{ width:16px;}
.settings-dlg div.opt{ padding:5px 0px;min-height:24px;}
.settings-dlg td{ padding:5px 0px;height:24px;}

/* Voice Tracker */
/*.fileinput-button {
  position: relative;
  overflow: hidden;
  /*float: left;*/
  /*margin-right: 4px;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.files .progress {
  width: 200px;
}
.progress-animated .bar {
  background: url(../img/progressbar.gif) !important;
  filter: none;
}
.fileupload-loading {
  position: absolute;
  left: 50%;
  width: 128px;
  height: 128px;
  background: url(../img/loading.gif) center no-repeat;
  display: none;
}
.fileupload-processing .fileupload-loading {
  display: block;
}
@media (max-width: 480px) {
  .files .btn span {
    display: none;
  }
  .files .preview * {
    width: 40px;
  }
  .files .name * {
    width: 80px;
    display: inline-block;
    word-wrap: break-word;
  }
  .files .progress {
    width: 20px;
  }
  .files .delete {
    width: 60px;
  }
}
*/

/* Logs Module */

.logsControlPanel {height:32px;margin:10px 4px 0 4px;}
.logsStationPickerText {
    display:inline-block;width:100px;
    color:#000;
    font-weight:bold;
    text-align:right;
    margin-right:10px;
}
.logsDatePicker {
    width:70px;
    font-weight:bold;
    background-color:transparent;
    padding:0 4px;
    margin:0;
    height:18px;
    border:0px solid #000;
    text-align:right;
}
.hour-loader {
    margin:0 4px;
    height:32px;
}
.hour-loader-tbl {
    width:100%;
    height:32px;
    background-color:#000;
    color:#ddd;
    border-collapse:collapse;

    background-image: -ms-linear-gradient(top, #000 0%, #313031 100%);
    background-image: -moz-linear-gradient(top, #000 0%, #313031 100%);
    background-image: -o-linear-gradient(top, #000 0%, #313031100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, #313031));
    background-image: -webkit-linear-gradient(top, #000 0%, #313031 100%);
    background-image: linear-gradient(to bottom, #000 0%, #313031 100%);
}
.hour-loader-tbl td {
    width:4.166%;
    text-align:center;
}
.hour-loader-tbl td div{
    display:block;
    width:100%;
    height:18px;
    vertical-align:middle;
    padding-top:4px;
    font-weight:bold;
    cursor:pointer;
}
.log-grid-wrap {
    margin:0 4px;
}
.log-grid {
    width:100%;
}
.log-grid-wrap tr.invalid .at { color: transparent}
.log-event {
    border:none;
    border-collapse:collapse;
    width:100%;
    table-layout: fixed;
}
.log-grid-wrap tr.invalid .log-event {
    color:#666;
}
.ui-jqgrid tr.ui-row-ltr td.lgEvTD {
    border:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ui-jqgrid tr.jqgrow td.lgEvTD {
    border:none;
}
.log-event .td_w90pc {
    width:90%
}
.log-event .td_w10pc{
    width:10%;
}
.log-event .td_w75pc{
    width:75%;
}
.log-event .td_w375pc{
    width:37.5%;
}
.log-event .td_w15pc{
    width:15%;
}
.log-event-wrap {
    margin:2px 2px 2px 20px;
    border: 1px solid #ccc;
}
.nonAssetWrap.empty-song {
    color:#eee;
}
.nonAssetWrap.empty-link {
    color:#F9FF96;
}

.hour-header {
    background-color:#444;
    color:#C6EB7B;
    font-weight:bold;
}
.nonAssetWrap {
    color: #4AD3EF;
    margin:2px 2px 2px 20px;
}
.etm-table{
    border-collapse: collapse;
    color:#FFCB00;
    border:none;
}
.etm-table td{
    border:none;
}
.etm-text {
    
}
.evts-table {

}
.plus-minus-btn {
    -moz-border-radius: 4px; /* Firefox */  
    -moz-border-radius: 4px; /* Firefox */  
    -webkit-border-radius: 4px; /* Safari, Chrome */  
    -webkit-border-radius: 4px; /* Safari, Chrome */  
    border-radius: 4px; /* CSS3 */  
    border-radius: 4px; /* CSS3 */ 
}
.code {
    font-size: 9.5pt; font-family: Consolas; background-color:#fff;color:#000;
}
.code .tagSyntax {
    color: blue;
}
.tagNameRed {
    color: #A31515;
}
.propNameRed {
    color: red;
}
.propValBlue {
    color: blue;
}
.commentGreen {
    color: green;
    margin-top:0px;
    margin-bottom:0px;
}
#dialog-note-viewer {
    background: #858585 url('images/silver_alum2.gif') repeat;
    -moz-border-radius: 9px; /* Firefox */  
    /*-moz-border-radius-topright: 9px; /* Firefox */  
    -webkit-border-radius: 9px; /* Safari, Chrome */  
    /*-webkit-border-top-right-radius: 9px; /* Safari, Chrome */  
    border-radius: 9px; /* CSS3 */  
    /*border-top-right-radius: 9px; /* CSS3 */ 
}
.note {
    
}
#noteType {
    display:inline-block; width:100%; height:90%; color:#000; vertical-align:top; margin-left:0px;overflow:auto;
}
#notesTitleBar {
    margin-top:0px;margin-bottom:10px;
}
.note-list { display:inline-block;margin-right:10px;position:relative;color:#000;
}
.noteThumbNail {
    height:156px;width:156px;position:absolute;text-align:center;font-size:12px;cursor:pointer;margin:0px;
}
.noteThumbNailNormal {
    border:1px solid #587F9A;margin:0px;
}
.noteThumbNailActive {
    border:1px dashed #587F9A;margin:0px;
}
.note-lbl {
    margin-left:auto;margin-right:auto;margin:10px;padding-top:10px;text-align:center;font-size:13px;display:block;
}
.note-title {
    margin-left:auto;margin-right:auto;margin:10px;text-align:center;font-size:13px;display:block;
}
.note-content {
    color:#000;margin-left:10px;font-size:16px;
}
.note-content a{
    color:#587F9A;
    margin-left:10px;
    margin-top:10px;
}
.noteImg {
    margin:10px;
}
.note.song-grad {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ffffff 0%, #8bd2ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#8bd2ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#8bd2ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #ffffff 0%,#8bd2ff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #ffffff 0%,#8bd2ff 100%); /* IE10+ */
    background: linear-gradient(135deg,  #ffffff 0%,#8bd2ff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8bd2ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.note.link-grad {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffdc9e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#ffdc9e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffdc9e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #ffffff 0%,#ffdc9e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #ffffff 0%,#ffdc9e 100%); /* IE10+ */
    background: linear-gradient(135deg,  #ffffff 0%,#ffdc9e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffdc9e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.note-spot-grad {
        background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ffffff 0%, #beeaaa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#beeaaa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#beeaaa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #ffffff 0%,#beeaaa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #ffffff 0%,#beeaaa 100%); /* IE10+ */
    background: linear-gradient(135deg,  #ffffff 0%,#beeaaa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#beeaaa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.note.other-grad {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffa500 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#ffa500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffa500 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #ffffff 0%,#ffa500 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #ffffff 0%,#ffa500 100%); /* IE10+ */
    background: linear-gradient(135deg,  #ffffff 0%,#ffa500 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffa500',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.note-search {
    text-align:center;
}
.ui-state-success,
.ui-widget-content .ui-state-success,
.ui-widget-header .ui-state-success {
	border: 1px solid #55E755;
	background: #e6ffe6; /* Old browsers */
    background: -moz-linear-gradient(top,  #e6ffe6 0%, #b9feb9 50%, #e6ffe6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6ffe6), color-stop(50%,#b9feb9), color-stop(100%,#e6ffe6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e6ffe6 0%,#b9feb9 50%,#e6ffe6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e6ffe6 0%,#b9feb9 50%,#e6ffe6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e6ffe6 0%,#b9feb9 50%,#e6ffe6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e6ffe6 0%,#b9feb9 50%,#e6ffe6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffe6', endColorstr='#e6ffe6',GradientType=0 ); /* IE6-9 */

	/*font-weight: ;*/
	color: #0EB90E;
}
.ui-state-success a,
.ui-widget-content .ui-state-success a,
.ui-widget-header .ui-state-success a {
	color: #0EBD0E;
}
.z-hdr-tbl-left {
    border-collapse:collapse;float:left;margin:2px 0 0 10px;
}
span.search-text {
    overflow:hidden;
    width:0px;
    height:24px;
    line-height:24px;
    display: inline-block;
}
.librarySearchTxt { background-color:#ccc;border:1px solid #666;}
.library-tabs-wrap {
    margin:0;
    /*height:26px;*/
}
.library-tabs {
    width:100%;
    height:26px;
    background-color:#424242;
    color:#aaa;

    background-image: -ms-linear-gradient(top, #424242 0%, #383838 100%);
    background-image: -moz-linear-gradient(top, #424242 0%, #383838 100%);
    background-image: -o-linear-gradient(top, #424242 0%, #383838100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #424242), color-stop(1, #383838));
    background-image: -webkit-linear-gradient(top, #424242 0%, #383838 100%);
    background-image: linear-gradient(to bottom, #424242 0%, #383838 100%);
}
.asset-tab-ctrls { width:80px; border-left:1px solid #666; float:right;height:26px;vertical-align:middle}
.asset-tab-ctrls div { width:20px; display:inline-block; vertical-align:middle; text-align:center; line-height:26px;}
.library-grid-wrap {
    margin:0 1px;
}
.library-grid {
    width:100%;
}
.th-search-ctrl { display:none;background-color:transparent;height:20px; position:relative}
.th-search-ctrl input{ height:13px; width:auto }
.search-op-ico { display:inline-block; height:16px;width:16px;margin:0px;padding:0px;vertical-align:middle}
.search-op-ico img{ margin-left:1px;margin-right:1px;cursor:pointer}
.th-search-ctrl.disabled input { background-color: transparent; border:transparent; color:#999; text-align:center}
.clear-search-filter { vertical-align:top;height:14px;display:none;border:1px solid #fff;margin-top:1px;border-top:2px solid #fff}
.library-grid-footer {
    height:24px;
    width:100%;
    background-color:#8A8A8A;
    color:#000;

    background-image: -ms-linear-gradient(top, #8A8A8A 0%, #D3D3D4 100%);
    background-image: -moz-linear-gradient(top, #8A8A8A 0%, #D3D3D4 100%);
    background-image: -o-linear-gradient(top, #8A8A8A 0%, #D3D3D4100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8A8A8A), color-stop(1, #D3D3D4));
    background-image: -webkit-linear-gradient(top, #8A8A8A 0%, #D3D3D4 100%);
    background-image: linear-gradient(to bottom, #8A8A8A 0%, #D3D3D4 100%);

    position:relative;
}
.library-grid-footer span { line-height:24px;}
.library-grid-footer .ui-spinner.ui-widget { height:20px; line-height:20px;}
.txt-page-num-wrap { height:20px;line-height:20px;display:inline-block;vertical-align:top }
.span-total-pages { }
.grid-pager { margin-left:auto;margin-right:auto;position:relative;text-align:center;}
.load-page { height:20px;margin-bottom:2px;vertical-align:middle; }
.grid-count { position: absolute; right:2px;line-height:24px;top:0px;}
.grid-count div{ position: relative; display:inline-block; vertical-align:middle}
.entity-picker-list { list-style:none; background-color:#e9e9e9; width:200px;margin:0px;padding:0px;; display:none; position:absolute;z-index:100;}
.entity-picker-list li div.assetTypeIco { width:24px; border-right:1px solid #ccc;display:inline-block;height:24px;vertical-align:middle;line-height:24px;text-align:center;}
.entity-picker-list li div.assetTypeIco img { width:16px; height:16px;vertical-align:middle;}
.entity-picker-list li div.assetTypeContent{ border-left:1px solid #f9f9f9;display:inline-block;height:24px;vertical-align:middle;line-height:24px;padding-left:2px;}
li.asset-type, li.all-audio, li.asset-tag-type { border:1px solid transparent; background-color:transparent}
li.asset-type.hover, li.all-audio.hover, li.asset-tag-type.hover, li.asset-menu-li.remove-tab.hover { border:1px solid #CCFCFC; background-color: rgba(166, 201, 226, 0.25)}
.remove-tab { display: none; }
.library-content {overflow:visible; display:block; background-color:#000;margin-left:4px;margin-right:4px;}
.library-tabs-list { list-style-type: none; margin: 0; padding: 0; float:left}
.library-tab {
    border-left:1px solid #656565;
    border-right:1px solid #2D2D2D;
    height:26px;
    line-height:26px;
    /*display:inline-block;*/
    padding:0 3px;
    float:left;
    background-color:#424242;
    color:#aaa;

    background-image: -ms-linear-gradient(top, #424242 0%, #383838 100%);
    background-image: -moz-linear-gradient(top, #424242 0%, #383838 100%);
    background-image: -o-linear-gradient(top, #424242 0%, #383838100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #424242), color-stop(1, #383838));
    background-image: -webkit-linear-gradient(top, #424242 0%, #383838 100%);
    background-image: linear-gradient(to bottom, #424242 0%, #383838 100%);
    cursor:pointer;
}
.library-tab-selected {
    height:26px;
    background-color:#A9A9A9;
    color:#eee;

    background-image: -ms-linear-gradient(top, #A9A9A9 0%, #5A5A5A 100%);
    background-image: -moz-linear-gradient(top, #A9A9A9 0%, #5A5A5A 100%);
    background-image: -o-linear-gradient(top, #A9A9A9 0%, #5A5A5A100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A9A9A9), color-stop(1, #5A5A5A));
    background-image: -webkit-linear-gradient(top, #A9A9A9 0%, #5A5A5A 100%);
    background-image: linear-gradient(to bottom, #A9A9A9 0%, #5A5A5A 100%);
    cursor:pointer;
}
.library-tab .assetTypeIco{ width:16px; height:16px;vertical-align:middle;padding-right:5px;}
#434343


/*---------- System ----------*/
.sys-mon-grid-wrap {
    margin:0 4px;
    padding-top:1px;
}
.sys-mon-grid {
    width:100%;
}
.sys-mon-content {overflow:visible; display:block; background-color:#000;margin-left:4px;margin-right:4px;}
.sys-mon-sub-console-wrap {width:49.5%; min-height:110px;display:inline-block;margin:0px;padding:0px;float:left;}
.sys-mon-sub-console { width:100%; min-height:108px; border: 1px solid #666; display:inline-block; margin:2px;}
.sys-mon-subpanel { position:relative; display:inline-block;width:100%;overflow:hidden }
.db-lbl { text-align:right; padding-right: 5px; color:#fff}
.sys-mon-content-store-console { width:100%; height:108px; border: 1px solid #666; display:inline-block; margin:2px;}
.sys-mon-db-wrap { width:50% }
.sys-mon-db-table-wrap { overflow:auto }

.audio-mode { margin-left:4px;margin-right:4px;display:inline-block;font-size:12px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:bold; border:2px solid #fff;color:#fff; cursor:pointer; width: 70px;text-align:center}
.audio-on-air { background-color:#ff0000;}
.audio-local { background-color:#666;}
.working {
	-webkit-animation:spin 2s linear infinite;
	-moz-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { 
	-moz-transform:rotate(360deg); 
	}
}
@-webkit-keyframes spin { 100% { 
	-webkit-transform:rotate(360deg); 
	}
}
@keyframes spin { 100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
	}
}