#programTVLayoutContainerNormal {}
#programTVLayoutContainerFullscreen {z-index:20;}
#programTVLayout {position:relative;}
#programTvToolbar {height:30px; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; background:#EEEEEE; position:relative; z-index:10}
#adjustTZContainer {position:absolute; top:33px; left:550px; z-index:7; background:#fff; border:1px solid #ccc; padding:30px 5px 5px; width:250px;}
#adjustTZContainer select {font-size:10px;}
#adjustTZContainerClose {position:absolute; top: 10px; right:10px;}
#gridOuter {position:relative; overflow: hidden; width:100%; background:url(../img/tv/bg_grid_outer.jpg) repeat-x top left #F8F8F8; border-top:1px solid #9E9E9E; border-bottom:1px solid #9E9E9E;}
#gridInner {position:relative; width:100%; background:#F8F8F8; margin-top:20px; cursor:url(/img/tv/openhand.cur), -moz-grab; z-index:5}
#gridInner.dragging {cursor:url(/img/tv/closedhand.cur), -moz-grab}
#gridholder {position:absolute; z-index:10; }

#fullScreenToggle {position:absolute; top:10px; right:7px; color:red;}
#adjustTZLink {display:inline-block; margin-top:10px;}

.tile {position:absolute; background-repeat:no-repeat; background-position:top left;}

#timeHourLayer {position:absolute; z-index:15;}
#timeHourLayer div {position:absolute; top:0; left:0; width:50px; height:21px; margin-left:-25px;
    text-align:center; color:#fff; font-size:12px; line-height:21px;
    background:url(../img/tv/hour-holder.png);
}

#stationsLayerOuter {position:absolute; left:20px; top:-20px; z-index:20; background:#999; width:136px; background:url(../img/tv/stations_bg.png); z-index:21;}
#stationsLayer {position:absolute; z-index:20; background:#999; width:55px; left:35px;background-repeat:no-repeat;z-index:21;}
#stationsLayer div {}

#currentTimeLayer {position:absolute; font-size:1px; z-index:18;}
#currentTimeLayer #timeBar {width:2px; opacity:0.30; filter:alpha(opacity=30); font-size:1px; background:#000000;}
#currentTimeLayer #timeDisplay { position:absolute; top:-15px; left:-25px; width:50px; height:21px; font-size:12px; line-height:21px; text-align:center; color:#000000; font-size:12px; font-weight:bold; background:url(../img/tv/current-time-holder.png); }

.grid-menu {display:inline-block; _display:inline; zoom:1; vertical-align:top; padding:2px;}
#programTvToolbar .btn-1 {margin-right:5px; margin-top:2px; /*padding:2px 4px;*/}
/*#choosableDays a {display:inline-block; _display:inline; zoom:1; border:1px solid #333; background:#eee; padding:3px; margin-right:5px;}
#choosableDays a.selected {background: #CC99FF;}*/

#leftScrollArea {width:20px; background:url(../img/tv/slider_area_bg.gif) repeat-y top left; position:absolute; z-index:20;}
#leftScroll {width:15px; background:#ccc; position:absolute; left:2px;}
#leftScrollTop {width:15px; height:14px; position:absolute; top:0; left:0; background:url(../img/tv/slider_up.gif) no-repeat top left; font-size:1px;}
#leftScrollMiddle {width:15px; background:url(../img/tv/slider_bg.gif) repeat-y top left; position:absolute; top:14px; left:0; font-size:1px;}
#leftScrollDown {width:15px; height:14px; position:absolute; bottom:0; _bottom:-1px; left:0; background:url(../img/tv/slider_down.gif) no-repeat bottom left; font-size:1px;}

#showHighlight {position:absolute; top:0; left:0; z-index:14; overflow:hidden;}

#showHighlight .overlayer {
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    background:#ffffff; opacity:0.30; filter:alpha(opacity=30);
    height:100%;
    }

#showHighlight.movie_hover .overlayer {background:#E77901;}

/* dolce {{{ */
#showHighlight .dolce_link_up {display:block; background:url(../img/assets/branding/dolce/program_tv_play.png) no-repeat top left; width:18px; height:18px; position:absolute; right:53px; top:2px;}
#showHighlight .dolce_link_down {display:block; background:url(../img/assets/branding/dolce/program_tv_play.png) no-repeat top left; width:18px; height:18px; position:absolute; right:53px; top:14px;}

/* }}} dolce */

#showTooltip {width:300px; position:absolute; top:0; left:0; z-index:18;}
#showTooltip .pointer {position:absolute;
    top:-10px; left:20px; width:20px; height:10px; font-size:1px;
    background-repeat:no-repeat;
    background-position:top left;
    background-image:url(../img/tv/arrow_up.png);
    }
#showTooltipClose {position:absolute; top:5px; right:5px; cursor:pointer;}

#showTooltip .pointer_down {position:absolute;
    top:auto;
    bottom:-10px; left:20px;
    background-image:url(../img/tv/arrow_down.png);
    }

ul.tv-grid-sortable {}
ul.tv-grid-sortable li {display:block; cursor:move; width:280px; position:relative; height:30px; border:1px solid #D2D2D2; background-repeat:no-repeat; background-position: 15px 4px; background-color:#eee; margin-bottom:1px; }
ul.tv-grid-sortable li:hover, ul.tv-grid-sortable li.dragged { background-color:#fff;}
ul.tv-grid-sortable li span {margin-left:70px; font-size:11px; vertical-align:middle; line-height:30px; }
ul.tv-grid-sortable li img.delete-link {position:absolute; right:4px; top:7px; cursor:pointer;}

.multiple-message-type-container-general-error {background: #cc3300; color:#fff}

.tv-domain-area {margin-bottom:15px;}
.tv-domain-area h3 {font-family:Arial; font-size:12px; font-weight:bold; margin-bottom:5px;}
.tv-domain-area .options {float:right; margin-bottom:5px;}
.tv-domain-area hr {background:#ACACAC; height:1px; border:0; margin-bottom:15px;}
.tv-domain-area ul li  {display:inline-block; _display:inline; zoom:1; width:160px; font-size:11px; margin-bottom:5px;}

#showTooltipBody {margin:10px;}
.tooltip_light_body {width:250px;}
.tooltip_light_body td {vertical-align:top; font-size:11px; }
.tooltip_light_body h2 {font-size:14px; font-weight:bold;}
.tooltip_light_body h3 {font-size:12px; font-weight:normal; font-style:italic;}


.info_program {margin-left:5px; cursor:help; vertical-align: middle;}
.info_tooltip {-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:6px; background:#fff; border:1px solid #ccc; width:180px; padding:10px; position:absolute; z-index:11;}

.program_tv_list {background:url(../img/program_tv/sprite_butoane_program_tv.gif) no-repeat; width:21px; height:17px; margin-right:5px; vertical-align: middle;}
.horizontal_program_tv {background-position:0px -17px!important;}
.vertical_program_tv {background-position:0px -51px!important;}
.horizontal_program_tv_inactiv {background-position:0px 0px!important;}
.vertical_program_tv_inactiv {background-position:0px -34px!important;}

.btn-1 {
    border:1px solid #ccc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:#fff;
    color:#333;
    padding:3px 10px;
    display:inline-block;
    _display:inline;
    zoom:1;
    height:auto!important;
    font-size:11px;
}

.btn-2 {
    border:1px solid #FE9222;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:#FE9222;
    color:#fff;
    padding:3px 10px;
    display:inline-block;
    _display:inline;
    zoom:1;
    height:auto!important;
    font-size:11px;
}

#programTvGridRemote {
    background: url("/img/tv/remote-circle.png") repeat scroll 0 0 transparent;
    height: 97px;
    padding: 8px;
    position: absolute;
    right: 10px;
    top: 60px;
    width: 97px;
    z-index: 290;
}
#programTvGridRemote ul {
    background: url("/img/tv/remote-stand.png") no-repeat scroll 0 0 transparent;
    height: 81px;
    overflow: hidden;
    padding: 8px;
    position: relative;
    width: 81px;
}

#programTvGridRemote ul li {
    height: 27px;
    list-style: none outside none;
    position: absolute;
    width: 27px;
}

#programTvGridRemote li a {
    background-image: url("/img/tv/remote-directions.png");
    background-repeat: no-repeat;
    display: block;
    height: 27px;
    overflow: hidden;
    text-indent: -9999px;
    width: 27px;
}

#programTvGridRemoteUp { left: 35px; top: 8px; }
#programTvGridRemoteUp a { background-position: -15px 8px; }
#programTvGridRemoteUp a:hover { background-position: -112px 8px; }

#programTvGridRemoteDown { left: 35px; top: 62px; }
#programTvGridRemoteDown a { background-position: -15px -42px; }
#programTvGridRemoteDown a:hover { background-position: -112px -42px; }

#programTvGridRemoteLeft{ left: 8px; top: 35px; }
#programTvGridRemoteLeft a { background-position: 13px -15px }
#programTvGridRemoteLeft a:hover { background-position: -84px -15px }

#programTvGridRemoteRight { left: 62px; top: 35px; }
#programTvGridRemoteRight a { background-position: -42px -15px; }
#programTvGridRemoteRight a:hover { background-position: -139px -15px; }

#programTvGridRemoteCenter { left: 35px; top: 35px; }
#programTvGridRemoteCenter a { background-position: -15px -15px; }
#programTvGridRemoteCenter a:hover { background-position: -112px -15px; }
