#series-episodes-wrapper {margin-bottom:2em}
#section-content-wrapper { padding:10px; width:auto; height:auto;}
#section-content-wrapper, #section-content-wrapper h2, #section-content-wrapper h3, #section-content-wrapper h4, #section-content-wrapper h5 { color:#BBBBBB }
#section-content-wrapper .episodes-label {color:#FFFFFF}
#section-content-wrapper a:link, #section-content-wrapper a:visited { color:#BBBBBB }
#section-content-wrapper a:hover, #section-content-wrapper a:active {color:white;text-decoration:none}
#section-content-wrapper a:active {text-decoration:underline}
.series-episodes-summary {margin:10px 0px 10px 0px; padding:0px}
.serie-episode-wrapper {margin:0px 0px 0px 0px; padding:5px 10px 5px 10px; border-top:1px dotted #433F54;}
.serie-episode-wrapper.serie-current {background:#302A48; display:block}
.serie-episode-wrapper.serie-current h3.serie-title {}
.record h3.serie-title {color:#333333; border-width:0px; padding:0px; margin:0px; font-size:1.5em}
.record h3.serie-title {background-position:100% -345px;}
.record h3.serie-title.arrow-down {background-position:100% -395px;}

.serie-episode-wrapper .serie-episodes-wrapper {}
#section-title-handler {background-position:100% -345px;}
#section-title-handler.arrow-down {background-position:100% -395px;}

.episodes-summary {margin:0px 0px 1em 20px;}
#section-content-wrapper .episode.selected a:link,
#section-content-wrapper .episode.selected a:visited, 
#section-content-wrapper .serie-current a.toggler:link, #section-content-wrapper .serie-current a.toggler:visited {font-weight:bold; color:#ABC426}
.serie-episodes-wrapper, #section-content-wrapper {}
#section-title-handler {padding:4px 4px 4px 0px; border-bottom:1px solid #ABC426;}
#section-title-handler a:link, #section-title-handler a:visited {color:#ABC426}
#section-title-handler a {padding-right:24px}
.episode-title-number {display:inline-block;width:24px;text-align:right;}
.episode-title-separator{margin-right:0.5em}
.episodes-summary .episode { padding:4px 0px; margin-left:-20px; border-top: 1px dotted #433F54}
#series-episodes-wrapper .toggler {display:block}
#series-episodes-wrapper .trilt-copyright {color:#999999}
#section-content-wrapper .series-episodes-title a {color:#FFFFFF}

#section-content-wrapper.row {
    background: #272246;
    background-color: #272246;
    background-image: -moz-linear-gradient(top, #252331, #272246);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#252331), to(#272246));
    background-image: -webkit-linear-gradient(top, #252331, #272246);
    background-image: -o-linear-gradient(top, #252331, #272246);
    background-image: linear-gradient(to bottom, #252331, #272246);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#252331', endColorstr='#272246', GradientType=0);
}

#series-episodes-wrapper {margin-bottom:2em}
#section-content-wrapper { padding:10px; width:auto; height:auto;}
#section-content-wrapper, #section-content-wrapper h2, #section-content-wrapper h3, #section-content-wrapper h4, #section-content-wrapper h5 { color:#BBBBBB }
#section-content-wrapper .episodes-label {color:#FFFFFF}
#section-content-wrapper a:link, #section-content-wrapper a:visited { color:#BBBBBB }
#section-content-wrapper a:hover, #section-content-wrapper a:active {color:white;text-decoration:none}
#section-content-wrapper a:active {text-decoration:underline}
.series-episodes-summary {margin:10px 0px 10px 0px; padding:0px}
.serie-episode-wrapper {margin:0px 0px 0px 0px; padding:5px 10px 5px 10px; border-top:1px dotted #433F54;}
.serie-episode-wrapper.serie-current {background:#302A48; display:block}
.serie-episode-wrapper.serie-current h3.serie-title {}
.record h3.serie-title {color:#333333; border-width:0px; padding:0px; margin:0px; font-size:1.5em}
.record h3.serie-title {background-position:100% -345px;}
.record h3.serie-title.arrow-down {background-position:100% -395px;}

.serie-episode-wrapper .serie-episodes-wrapper {}
#section-title-handler {background-position:100% -345px;}
#section-title-handler.arrow-down {background-position:100% -395px;}

.episodes-summary {margin:0px 0px 1em 20px;}
#section-content-wrapper .episode.selected a:link,
#section-content-wrapper .episode.selected a:visited, 
#section-content-wrapper .serie-current a.toggler:link, #section-content-wrapper .serie-current a.toggler:visited {font-weight:bold; color:#ABC426}
.serie-episodes-wrapper, #section-content-wrapper {}
#section-title-handler {padding:4px 4px 4px 0px; border-bottom:1px solid #ABC426;}
#section-title-handler a:link, #section-title-handler a:visited {color:#ABC426}
#section-title-handler a {padding-right:24px}
.episode-title-number {display:inline-block;width:24px;text-align:right;}
.episode-title-separator{margin-right:0.5em}
.episodes-summary .episode { padding:4px 0px; margin-left:-20px; border-top: 1px dotted #433F54}
#series-episodes-wrapper .toggler {display:block}
#series-episodes-wrapper .trilt-copyright {color:#999999}
#section-content-wrapper .series-episodes-title a {color:#FFFFFF}

#section-content-wrapper.row {
    background: #272246;
    background-color: #272246;
    background-image: -moz-linear-gradient(top, #252331, #272246);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#252331), to(#272246));
    background-image: -webkit-linear-gradient(top, #252331, #272246);
    background-image: -o-linear-gradient(top, #252331, #272246);
    background-image: linear-gradient(to bottom, #252331, #272246);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#252331', endColorstr='#272246', GradientType=0);
}

/* accommodate images in trilt results */
li.results-record > p { overflow:hidden; }
li.results-record > p > img, li.results-record > p > a > img, .prog-image { float:right; width:140px !important; height:auto; margin: 0 0 0 10px; border:1px solid #999;}
.trilt-copyright { float:right; width:140px !important; height:auto; margin:2px 0 4px 0; clear: both; color: #666666; font-style: italic; font-size:0.83em}

.highlighted img {float:right; }

/*----- dialog- -----*/
#channelSelect {font-size:0.916em;}
.ui-dialog button, .ui-dialog .ui-dialog-buttonpane button { float:left; }
.uui-widget-header { border-width:0px; margin-top:-0.2em; margin-left:-0.2em; margin-right:-0.2em; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
#dialog-tabs {text-align:left;}
#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-color:rgb(76, 78, 105); color:white; border-top-style:solid; border-bottom-style:solid;}
#dialog-tabs .last-channel { border-bottom-width:0px }
#dialog-tabs .channel-column {width:150px; float:left; margin-right:10px;}
#dialog-tabs { border-width:0px; }
#dialog-tabs .channel-column p { color:#484e69; font-weight:bold; background-color:rgb(245,245,245); }
#dialog-tabs .ui-tabs-nav { padding-top:5px; }
#dialog-tabs .ui-tabs-nav li a { padding:4px 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:#484E69; border-width:0px; }
.ui-dialog .button-select { color:white; background-color:#262938;background-image:url(../components/bg_btn-submit.png); background-position:top left; border-color:#4c4e69;}
.ui-dialog .button-select:hover { background-position:left -100px; background-color:#29bbf8; border-color:#27b4ee; }
.ui-dialog .button-select:active { background-position:left -200px; background-color:#265aa3; border-color:#265aa3; }
.ui-dialog .button-select, .ui-dialog .ui-dialog-buttonpane .button-select {float:right; }


.ui-dialog { background-color:#484E69; border-color:#484E69; margin-top:-5px;}
.ui-dialog-titlebar { background-color:#484E69; border-width:0px; color:rgb(245,245,245); cursor:default;}
.ui-dialog-buttonpane { /*background-color:#484E69; background-image:url(../components/bg_footer_long.png); background-repeat:repeat-x; background-position:left bottom*/ }
#dialog-tabs {background-color:#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; }

/* trilt search form */
#channelSelectList { display:block; border:1px solid #9bc6f8; margin-left:100px; margin-top:5px; margin-bottom:5px; font-size:0.916em; padding:4px 4px 4px 25px; background: #D9ECFD url(../components/icon-ok-blue.png) no-repeat 4px 2px; clear:both;}
#channelSelectList.nodisplay {display:none; border-color:red;}

#channelSelectList { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }

/*EDIT SCREEN*/
/* tabs for trilt edit screen */
ul.css-tabs a { font-size:11px; padding:6px; height:18px; line-height:16px; }

/* forms for trilt edit screen */
.edit-form { width:auto;}
.editset .edit-form dd input[type="text"],
.editset .edit-form dd textarea
{
    width:500px !important;
}

.editset .edit-form dd.input-short input
{
    width:150px !important;
}
.editset .edit-form dd.date-entry input
{
    width:80px !important;
}
.editset .edit-form dd.help,
.editset .edit-form dt span.help
{
    color:#777;
    font-size:0.9em;
}

#submit.wider-submit { width:150px; }

#channel-profile { overflow:hidden;margin-top:0.5em;display:none;background:#f0f0f0;padding:0.7em;-moz-border-radius: 4px; -webkit-border-radius: 4px;}
#channel-profile p {display:block;width:200px;margin-left:106px;margin-bottom:0.5em;display:block;overflow:hidden;border-bottom:1px dotted #999;padding-bottom:0.5em;}
#channel-profile p.plain {width:auto;border-bottom:0;text-indent:0;margin-left:0}
#channel-profile span { display:block;width:100px;float:left;font-weight:bold;clear:left}