.epg {
position: relative;
width: 930px;
height: 625px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #3b3b3b;
}

/* ----- THREE PANELS ----- */

.epg .tripanel01 {
position: absolute;
width: 297px;
height: 95px;
overflow: hidden;
left: 0;
}

.epg .tripanel02 {
position: absolute;
width: 296px;
height: 95px;
overflow: hidden;
left: 317px;
font:12px Verdana, sans-serif;
font-weight:bold;
line-height:14px;
color:#ffffff;
padding-top:8px;
background:url("../img/epg/panel02.gif") no-repeat;
}

.tripanel02 ul {
list-style-type: none;
}

.tripanel02 li {
 width:230px;
 margin:1px 0 0 55px;
 overflow:hidden;
 white-space:nowrap;
}

.tripanel02 a {
 color:#b8f143;
 padding-right:5px;
}

.tripanel02 .disabled {
 color:#999999;
}

.tripanel02 .blurright {
position: absolute;
z-index: 40;
width: 20px;
height: 77px;
right: 8px;
top: 8px;
}

.epg .tripanel03 {
position: absolute;
width: 297px;
height: 95px;
overflow: hidden;
left: 633px;
}
		
.epg .tripanel03 .left {
position: absolute;
left: 0;
top: 0;
width: 10px;
height: 95px;
background:url("../img/epg/threepanel-channels-left.gif") no-repeat;
}
		
.epg .tripanel03 .middle {
position: absolute;
left: 10px;
top: 0;
width:277px;
height:93px;
border-top: solid 1px #7e7e7e;
border-bottom: solid 1px #7e7e7e;
background: #595959 url("../img/epg/threepanel-channels-middle.gif") top right no-repeat;
}	

.epg .tripanel03 .right {
position: absolute;
left: 287px;
top: 0;
width:10px;
height:95px;
background: url("../img/epg/threepanel-channels-right.gif") no-repeat;
}

.epg .tripanel03 .formfields {
position: absolute;
width: 190px;
height: 20px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
}

/* ----- CONTROLS ----- */

.epg .epgcontrols {
position: absolute;
width: 646px;
height: 21px;
left: 44px;
top: 110px;
}

.epg a.buttonON {
 background: transparent url("../img/bg_buttonON_a.gif") no-repeat scroll top right;
 color:#2e4602;
 display:block;
 float:left;
 font-family:Arial;
 font-size:12px;
 font-weight:bold;
 height:21px;
 margin-right:10px;
 padding-right:11px; /* sliding doors padding */
 text-decoration:none;
}

.epg a.buttonON span {
 background:transparent url("../img/bg_buttonON_span.gif") no-repeat;
 display:block;
 line-height:13px;
 padding:3px 0px 5px 11px;
 text-decoration:none;
 color:#2e4602;
}

.epg a.buttonON:hover {
 background-position:bottom right;
 text-decoration:none;
 color:#2e4602;
}

.epg a.buttonON:hover span {
 background-position:bottom left;
 padding:3px 0px 5px 11px;
 text-decoration:none;
 color:#2e4602;
}

/* ----- SEARCH ----- */

.epg .search {
position: absolute;
overflow: hidden;
width: 230px;
height:21px;
left: 700px;
top: 110px;
}

.epg .search-left {
display: block;
float: left;
width: 21px;
height: 21px;
background: url("../img/epg/search-left.gif") no-repeat;
}

.epg .search-right {
display: block;
float: left;
width: 10px;
height: 21px;
background: url("../img/epg/search-right.gif") no-repeat;
}

.epg .search-middle {
display: block;
float: left;
width: 193px;
background-image: url("../img/epg/search-middle.gif");
background-repeat: repeat-x;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 11px;
padding: 4px 0 4px 3px;
margin: 0;
}

/* ----- DRAGGABLE TIME HANDLE ----- */

.epg .draghandlewrap {
position: absolute;
z-index: 10;
/*width: 646px; Removed handle */
width: 650px;
height: 22px;
overflow: hidden;
/*left: 44px; Removed handle */
left: 40px;
top: 142px;
}

.epg .draghandle {
position: relative;
z-index: 20;
width: 87px;
height: 22px;
cursor: move;
}

.epg .draghandle-leftblur {
z-index: 30;
position: absolute;
top: 0;
left: 0;
width: 17px;
height: 22px;
}

.epg .draghandle-rightblur {
z-index: 30;
position: absolute;
top: 0;
right: 0;
width: 17px;
height: 22px;
}

.epg .handletime {
position: absolute;
z-index: 40;
width: 24px;
padding: 5px 0 7px 0;
font-size: 10px;
line-height: 10px;
font-weight: bold;
text-align: center;
top: 0;
}

/*.epg .handletime { Removed handle
position: absolute;
z-index: 40;
width: 18px;
padding: 1px 0 3px 0;  
width: 24px;
padding: 4px 0 6px 0;
font-size: 10px;
line-height: 10px;
font-weight: bold;
text-align: center;
top: 4px;
} */

.epg a.handletime:active {text-decoration:none;color:#222222;background-color:#ace141}
.epg a.handletime:link {text-decoration:none;color:#ace141;background:none}
.epg a.handletime:visited {text-decoration:none;color:#ace141;background:none}
.epg a.handletime:hover {text-decoration:none;color:#222222;background-color:#ace141}

/* ----- DRAGGABLE TIME TABS ----- */

.epg .dragtabs {
position: absolute;
width: 646px;
height: 18px;
overflow: hidden;
left: 44px;
top: 174px;
}

.epg .dragtabswrap {
z-index: 10;
position: relative;
width: 5304px;
height: 18px;
}

.epg .dragtabs-leftblur {
z-index: 20;
position: absolute;
top: 0;
left: 0;
width: 17px;
height: 18px;
}

.epg .dragtabs-rightblur {
z-index: 20;
position: absolute;
top: 0;
right: 0;
width: 17px;
height: 18px;
}

.epg .dragtabs .left {
display: block;
float: left;
width: 195px;
height: 18px;
padding-left: 9px;
background-image: url(../img/epg/timetab-left.gif);
background-repeat: no-repeat;
background-position: top left;
}

.epg .dragtabs .time {
display:block;
float:left;
padding-bottom:2px;
font-size:12px;
font-weight:bold;
line-height:16px;
color:#FFFFFF;
background-color: #000000;
}

.epg .dragtabs .right {
display:block;
float:left;
width:9px;
height:18px;
background-image: url(../img/epg/timetab-right.gif);
background-repeat: no-repeat;
background-position: top left;
}

/* ----- DRAGGABLE SHOWS WINDOW ----- */

.epg .dragwindow {
position: absolute;
width: 646px;
height: 430px;
overflow: hidden;
left: 44px;
top: 195px;
cursor: move;
}

/*.epg .dragwindow-leftjag {
z-index: 20;
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 430px;
background-image: url(../img/epg/dragwindow-leftjag.gif);
background-repeat: repeat-y;
}*/

/*.epg .dragwindow-rightjag {
z-index: 20;
position: absolute;
top: 0;
right: 0;
width: 3px;
height: 430px;
background-image: url(../img/epg/dragwindow-rightjag.gif);
background-repeat: repeat-y;
}*/

/* ----- CHANNEL ICONS ----- */

.epg .icons {
position: absolute;
width: 40px;
height: 430px;
overflow: hidden;
left: 0px;
top: 195px;
}

.epg .iconswrap {
position: relative;
width: 40px;
}

.epg .icons .icon {
display: block;
float: left;
height: 40px;
padding-bottom: 3px;
}

.epg .iconswrap-blurtop {
position: absolute;
z-index: 40;
width: 40px;
height: 10px;
left: 0;
top: 0;
}

.epg .iconswrap-blurbottom {
position: absolute;
z-index: 40;
width: 40px;
height: 10px;
left: 0;
top: 420px;
}

/* ----- SIDE SLIDING INFORMATION ----- */

.epg .slideinfo {
position: absolute;
width: 230px;
/*height: 451px;*/
height: 478px;
overflow: hidden;
left: 700px;
top: 145px;
}

.search-container {
 display:block;
 float:left;
 width:230px;
 height:21px;
 margin-bottom:15px
}

.tab-container {
 float:left;
 height:23px;
 width:220px; /*IE width*/
 border-bottom:solid 1px #8f8f8f;
 padding-left:10px;
}

a.tab {
 background:transparent url("../img/epg/tab_a.gif") no-repeat scroll top right;
 color:#b8f13d;
 display:block;
 float:left;
 font:13px Arial, sans-serif;
 font-weight:bold;
 height:23px;
 padding-right:10px; /* sliding doors padding */
 margin:1px 2px 0px 1px;
 cursor:pointer;
}

a.tab span {
 background:transparent url("../img/epg/tab_span.gif") no-repeat;
 display:block;
 line-height:13px;
 padding:5px 0px 5px 10px;
}

a.tabON {
 background:transparent url("../img/epg/tabON_a.gif") no-repeat scroll top right;
 display:block;
 float:left;
 font:13px Arial, sans-serif;
 font-weight:bold;
 height:23px;
 padding-right:10px; /* sliding doors padding */
 margin:1px 2px 0px 1px;
 color:#FFFFFF;
 cursor:default;
}

a.tabON span {
 background:transparent url("../img/epg/tabON_span.gif") no-repeat;
 display:block;
 line-height:13px;
 padding:5px 0px 5px 10px;
}

#panel-frame {
 float:left;
 overflow: hidden;
 margin: 0 auto;
 width: 230px;
}
#panel-scroller {
 width: 230px;
 margin: 0 auto;	
 overflow: hidden;
}
#panel-content {
 width: 920px;
}

.panel-section {
 width: 230px;
 height: 454px;
 float: left;
}

.panel-section .half {
 height: 191px;
 border-bottom:#575757 dotted 1px;
 overflow: hidden;
}

.panel-section .title {
 font:14px Verdana, sans-serif;
 color:#FFFFFF;
 background:transparent url("../img/epg/panel-title-bg.gif") repeat-x;
 padding:2px 5px 0px 5px;
 margin-top:10px;
 height:22px;
 border-top:#575757 solid 1px;
}

.panel-section li {
 width:220px;
 margin:7px 5px 0px 5px;
 list-style-type: none;
}

.panel-section .marked {
 width:225px;
/* padding-right:23px;*/
 background-position:top right;
 background:transparent url("../img/epg/ico-16-mark.png") no-repeat top right;
}

.panel-section .catchup {
 width:225px;
/* padding-right:23px;*/
 background-position:top right;
 background:transparent url("../img/epg/ico-16-watchnow.png") no-repeat top right;
}

.panel-section .catchup-marked {
 width:225px;
/* padding-right:41px;*/
 background-position:top right;
 background:transparent url("../img/epg/ico-16-watchnow-marked.png") no-repeat top right;
}

.panel-section a, .panel-section .marked a, .panel-section .catchup a, .panel-section .catchup-marked a {
 font:12px Verdana, sans-serif;
 font-weight:bold;
 color:#b8f143;
 float:left;
}

.panel-section a {
 width:220px;
 padding-right:5px;
}

.panel-section .marked a, .panel-section .catchup a {
 width:210px;
 padding-right:15px;
}

.panel-section .catchup-marked a {
 width:185px;
 padding-right:35px;
}

.panel-section li .summary {
 font:11px Verdana, sans-serif;
 color:#999999;
 width:220px;
}

.panel-section li .default {
 font:13px Verdana, sans-serif;
 color:#FFFFFF;
 width:220px;
}

.panel-section li .catchup {
 float:right;
}