/* Layout helpers
----------------------------------*/
.ui-widget button {font:1em/1.23 Arial, Helvetica;}
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-widget { font-family: Arial, sans-serif; font-size: 1.0em; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icon */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{border: 1px solid #CCC;
background: #F6F6F6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold;
color: #1C94C4; }
/* Misc visuals ----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #191820 url(../components/bg_transparent-30-modal.png) 0% 50% repeat-y; opacity: .35;filter:Alpha(Opacity=30); }

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; z-index:9999999999;}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 16px; margin: -10px 0 0 0; padding: 1px; height: 16px; border: 1px solid gray;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 1; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding:1em; background: none; overflow: auto; *zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border:0px; background: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; width:99%; }
.ui-dialog .ui-dialog-buttonpane button { float:left; margin: 0.5em 0.4em 0.5em 0; cursor: pointer; }
.ui-dialog .ui-dialog-buttonpane button.select {color:white;}
.ui-dialog .ui-resizable-se { background: url('images/ui-icons_ffffff_256x240.png') no-repeat -82px -226px; width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*------ Slider ---*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/*--- Tabs -----*/
.ui-tabs { position: relative; padding: 0; *zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*----- dialog- -----*/
.ui-icon { width: 16px; height: 16px; }

/*-- icons, graphics sprite channel selection ----*/
.ui-dialog .button-select, 
.ui-tabs .ui-tabs-nav li, 
.ui-dialog-titlebar-close, 
.ui-icon, 
.ui-dialog .ui-dialog-titlebar-close, 
#dialog-tabs .channel-selected,
.enhancedBtn { background:transparent url('../components/sprite_trilt_channelselector.png') no-repeat 0% 0%; }

.ui-dialog .ui-dialog-titlebar-close {background-position:0% -200px;}
.ui-dialog .ui-dialog-titlebar-close:hover {background-position:0% -250px;}
.ui-dialog .ui-dialog-titlebar-close:active {background-position:0% -300px;}

.ui-dialog-titlebar-close .ui-icon-closethick{ background: url('images/ui-icons_222222_256x240.png') -82px -130px; }
.ui-dialog-titlebar-close:hover .ui-icon-closethick {background-position:-82px -130px; }
.ui-dialog-titlebar-close:active .ui-icon-closethick {background-position:-82px -130px; }

#channelSelectDlg {font-size:0.916em;}

#dialog-tabs {text-align:left;}
#dialog-tabs .ui-state-default a, #dialog-tabs .ui-tabs-selected.ui-state-hover a {color:#323352; text-decoration:none;}
#dialog-tabs .ui-tabs-selected.ui-state-active a:link {color:#323352}
#dialog-tabs .ui-state-hover a { text-decoration:underline; }
#dialog-tabs .ui-state-default {border:none; background-color:#ACC335; background-position:0% 0%;}
#dialog-tabs .ui-tabs-selected a {font-weight:bold;}
#dialog-tabs .ui-tabs-selected, #dialog-tabs .ui-tabs-selected.ui-state-hover { border:none; background-color:white; background-position:0% -70px;}
#dialog-tabs .ui-state-hover {background-color:#CBDD1D; background-position:-250px 0%;}
#dialog-tabs .ui-state-hover a { }
#dialog-tabs div ul { list-style:none; margin:0px; padding:0px;}
#dialog-tabs div div li { color:#333; display:block; margin:2px; cursor:pointer; border-bottom:1px dotted rgb(225,225,225); padding:2px; border-top:1px dotted white; padding:2px;}
#dialog-tabs .channel-selected { background-position:100% -150px; background-color:#323352; color:white; border-top-style:solid; border-bottom-style:solid; padding-right:18px;}
#dialog-tabs .last-channel { border-bottom-width:0px }
#dialog-tabs .channel-column {min-width:150px; width:23%; float:left; margin-right:10px;}
#dialog-tabs { border-width:0px; }
#dialog-tabs .channel-column p { padding:0.25em 0.5em; color:#323352; font-weight:bold; background-color:#DDE5A1; }
#dialog-tabs .ui-tabs-nav { padding-top:5px; }
#dialog-tabs .ui-tabs-nav li a { padding:0.5em 1em; }
#dialog-tabs .ui-corner-all { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;  }
#dialog-tabs .ui-widget-header { background-image:none; background-color:#323352; border-width:0px; }
.ui-dialog .button-select { font-weight:bold; font-size:1.35em; font-family:Arial; padding:0; color:white; background-color:#94B12B; background-position:top left; border:1px solid #91AA2B; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.ui-dialog .button-select:hover { color:white; background-position:-250px 0%; background-color:#C5D440; border-color:#C4D43F; }
.ui-dialog .button-select:active { background-position: -500px 0%; background-color:#97AA2E; border-color:#91AA2B; position:relative; top:1px;}
.ui-dialog .button-select, .ui-dialog .ui-dialog-buttonpane .button-select {float:right; }
.ui-dialog .ui-dialog-buttonpane button.button-cancel { border:1px solid #333333; color:#333333; font-weight:normal; padding:0;}
.ui-dialog .ui-dialog-buttonpane button.button-cancel:hover, .ui-dialog .ui-dialog-buttonpane button.button-cancel.ui-state-hover { border:1px solid #CCCCCC; }
.ui-dialog .ui-dialog-buttonpane button.button-cancel:active, .ui-dialog .ui-dialog-buttonpane button.button-cancel.ui-active-hover{position:relative; top:1px;  border:1px solid #333333;}
.ui-dialog { background:#323352; border-color:#484E69; margin-top:-5px;}
.ui-dialog-titlebar { background:#323352; border-width:0px; color:rgb(245,245,245); cursor:default; font-weight:bold; font-size:1.3em;}
#dialog-tabs {background:#484E69;}
#dialog-tabs .ui-tabs-panel {background-color:white; border-color:#484E69; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.subgroup-select {font-size:1.25em;}
/* trilt search form */
#channelIdSelectedList { display:none; }
.enhancedBtn { cursor:pointer; color:#333; float:left; width:auto; padding:0.35em 1em; background-color:#EDEDED; border:1px solid #959595; border-radius:4px; background-position:0% -350px; text-shadow:0px 1px 0px rgb(255,255,255);}
.enhancedBtn:hover {background-position:0% -400px; border-color:#B5B5B5; text-decoration:none; color:#424242;}
.enhancedBtn:active, .enhancedBtn.pushed-button { color:#424242; background-position:0% -450px; text-decoration:none; text-shadow:0px 0px 0px rgb(255,255,255);}
#channelClearBtn {}
#channelSelectedList { display:block; overflow:hidden; width: 386px; border:1px solid #9bc6f8; margin-left:11em; margin-top:5px; margin-bottom:5px; font-size:0.916em; padding:4px 4px 4px 4px; background-color: #D9ECFD; background-position:100% -150px; }
#channelSelectedList { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }
#channelSelectedList.nodisplay { display:none; }
#searchallchannels-btn {}
.searchallchannels-wrap {text-align:right;}
#channelSelectedList span.searching-label { float:left; margin-right: 6px; font-weight:bold; }
#channelSelectedList a.remove-channel { color:white; padding:3px 4px 3px 19px; display:block; float:left; margin: 2px 2px 0 0; background:#323352 url(../components/bg_x_delete_channel.png) no-repeat 1px 3px; text-decoration:none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }
#channelSelectedList a.remove-channel:hover { background-position:1px -13px; }
.channel_switch_button_area { margin-top: -5px; margin-bottom: 10px; }
.channel_switch_button { float: none;}
.channel_switch_button:hover {background-position:0% -400px; border:1px solid #CCCCCC; text-decoration:none; color:#424242;}
.channel_switch_button:active, .channel_switch_button.pushed-button { color:#424242; background-position:0% -450px; text-decoration:none; text-shadow:0px 0px 0px rgb(255,255,255);}