/* --- Guide Options
-------------------------------------------------------*/

#guide_options {
	font-size: .833em;	/* 12px * .833em = 10px */
	position: relative;
	z-index: 2;
	width: 657px;	/* Fix odd overlap issue in IE8 */
	height: 15px;
	margin: 25px 0;
	padding-top: 1px;/* Fix odd overlap issue in IE8 */
	padding-left: 10px;
}
	
#guide_options a {
	text-decoration: none;
	color: #56465c;
}

#guide_options a:hover { color: #7bbee7; }

#guide_options a.active {
	font-weight: bold;
	color: #673e73;
}

#guide_options .programming,
#guide_options .time_zone,
#guide_options .product,
#guide_options .product,
#guide_options .time_zone_selection,
#guide_options .date {
	position: absolute;
}
#guide_options .programming {
	font-size:1.16em;
}
#guide_options .time_zone {
	left: 365px;
	font-size:1.16em;
}
#guide_options .date {
	font-size:1.16em;
	right:0;
}
#guide_options .product {
	left: 140px;
	width: 192px;
}
#guide_options .product select{
	width: 192px;
}
#guide_options .time_zone_selection {
	left: 435px;
	width: 115px;
}
#guide_options .time_zone_selection select{
	width: 115px;
}
#guide_options .selectbox {
	width: 100px;
}


/* --- Times
-------------------------------------------------------*/

#times_container {
	font-size: .833em;	/* 12px * .833em = 10px */
	color: #cfcfcf;
	position: relative;
	height:25px;
	padding:10px 0 0;
	width: 700px;
	border-top: solid 3px #3d3d3d;
	border-left: solid 3px #3d3d3d;
	border-right: solid 3px #3d3d3d;
	background: #7c7c7c;
}
	
#times_container p.channels,
#times_container p.previous,
#times_container p.next, 
#times_container #times-contents {
  height: 14px;
  position: relative;
  width: 520px;
  float: left;
  overflow: hidden;
}

#times_container p.channels {
	width: 103px;
	padding-left: 11px;
}

#times_container p.previous {
	margin-top:2px;
	text-indent: -9999px;
	width: 11px;
	height: 13px;
}
#times_container p.previous a {
	display: block;
	height: 13px;
	background: url(/images/program_guide/guide_left_arrow.jpg) no-repeat 0 0;
}
#times_container p.previous a:hover {
	
}
#times_container p.next {
	margin-top:2px;
	text-indent: -9999px;
	width: 22px;
	height: 13px;
}
#times_container p.next a {
	display: block;
	height: 13px;
	background: url(/images/program_guide/guide_right_arrow.jpg) no-repeat 0 0;
}
#times_container p.next a:hover {
	
}

	#times_container table#times { }
	
		#times_container #times-contents td {
			width: 130px;
			padding-left: 10px;
		}
	
	/* --- | For the Javascript | --- */
	
	#times-1 {
	  position: absolute;
	  top: 0;
	  left: 0;
	}

	#times-2 {
	  position: absolute;
	  top: 0;
	  left: -4000px;
	}



/* --- Program Guide
-------------------------------------------------------*/

div.program_guide {
	clear: both;
	width:700px; /* 706px - 24px = 692px */
	height: 477px;
	background: #000 url(/images/program_guide/program_guide_bg-black.gif) no-repeat;
	border-bottom: solid 3px #3d3d3d;
	border-left: solid 3px #3d3d3d;
	border-right: solid 3px #3d3d3d;
}
div.program_guide .program_guide_inner {
	outline: none;
	position: relative;
	width: 700px;
	height: 477px;
	overflow: auto;
}
div.program_guide .program_guide_inner #guide-contents {
	position: absolute;
	left: 120px;
	top: 0;
	width: 520px;
}
/* --- | Channels | --- */

div.program_guide table#channels {
	position: relative    ;
	z-index: 100;
	width: 120px;
	background: #000000;
}	
div.program_guide table#channels td {
	text-align: center;
	height: 58px;
	vertical-align:middle;
}
/* --- | Programs | --- */

div.program_guide table.programs {
	width: 2112px;
}
div.program_guide table.programs tr {}
div.program_guide table.programs tr td {
	vertical-align:middle;
	height: 58px;
}
div.program_guide table.programs tr td.program {
	cursor: pointer;
	font-size: 10px;
	color: #c1c1c1;
	padding: 0px 19px 0 0;
	background: url(/images/program_guide/show_divider-black.gif) no-repeat 100% 50% #000;
}
div.program_guide table.programs tr.alt td.program{
	color: #fff;
}
div.program_guide table.programs tr td.program .program-title {
	overflow: hidden;
	position: relative;
	padding-left: 17px;
}
div.program_guide table.programs .program-detail {
	display: none;
}

div.program_guide table.programs tr.alt td {
	background-color: #1f1f1f;
}	
/* --- | Program Durations | --- */

td.duration-1 { width: 49px; }
td.duration-2 { width: 115px; }
td.duration-3 { width: 181px; }
td.duration-4 { width: 247px; }
td.duration-5 { width: 313px; }
td.duration-6 { width: 379px; }
td.duration-7 { width: 445px; }
td.duration-8 { width: 511px; }
td.duration-9 { width: 577px; }
td.duration-10 { width: 643px; }
td.duration-11 { width: 709px; }
td.duration-12 { width: 775px; }
td.duration-13 { width: 841px; }
td.duration-14 { width: 907px; }
td.duration-15 { width: 973px; }
td.duration-16 { width: 1039px; }

.duration-1 .program-title {  width: 30px; }
.duration-2 .program-title {  width: 96px; }
.duration-3 .program-title {  width: 162px; }
.duration-4 .program-title {  width: 228px; }
.duration-5 .program-title {  width: 294px; }
.duration-6 .program-title {  width: 360px; }
.duration-7 .program-title {  width: 426px; }
.duration-8 .program-title {  width: 492px; }
.duration-9 .program-title {  width: 558px; }
.duration-10 .program-title {  width: 624px; }
.duration-11 .program-title {  width: 690px; }
.duration-12 .program-title {  width: 756px; }
.duration-13 .program-title {  width: 822px; }
.duration-14 .program-title {  width: 888px; }
.duration-15 .program-title {  width: 954px; }
.duration-16 .program-title {  width: 1020px; }*/
.program { overflow: hidden; }

/* --- | Program Durations | --- */

div.program_guide table.programs tr td.continue-right {
	background-image: url(/images/program_guide/cont_right.png);
	background-position: 100% 50%;
}

div.program_guide table.programs tr td.continue-left .arrow {
	position: absolute;
	left: 10px;
	top: 0;
	display: block;
	width: 5px;
	height: 100%;
	background: url(/images/program_guide/cont_left.png) no-repeat 0 50%;
}

div.program_guide table.programs tr td.continue-both {
	background-image: url(/images/program_guide/cont_both.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* --- | Helper Row | --- */

div.program_guide table.programs tr.helper {
	
}	
div.program_guide table.programs tr.helper td {
	width: 46px;
	height: 1px;
	background: none;
}
/* --- | For the Javascript | --- */
#guide-1 {
  position: absolute;
  top: 0;
  left: 4000px;
}

#guide-2 {
  position: absolute;
  top: 0;
  left: 0;
}

#guide-3 {
  position: absolute;
  top: 0;
  left: 520px;
}
/* --- Program Detail Box
-------------------------------------------------------*/
#program-detail-box {
    display: none;
    position: absolute;
    color: #fff;
    z-index: 2;
}
#program-detail-box .program-detail-box-header {
	font-size: 1px;
	line-height: 1px;
	height: 3px;
	background: url(/images/program_guide/program_detail_header.gif) no-repeat 100% 0;
}

#program-detail-box .contents {
    padding: 10px;
	background: url(/images/program_guide/program_detail_footer.gif) no-repeat 100% 100%;
}
#program-detail-box .contents h3 {
	font-size: 1em;
	font-weight: bold;
}

#program-detail-box .contents .program-duration {
	font-size: .916em;	/* 12px * .916em = 11px */
    color: #87caed;
}

#program-detail-box .contents .program-description {
	font-size: .833em;	/* 12px * .833em = 10px */
	color: #d7d7d7;
}		
#program-detail-box .close-button {
	font-size: .833em;	/* 12px * .833em = 10px */
	color: #b6b8bc;
    display: block;
    position: absolute;
    right: 7px;
    top: 6px;
	padding-right: 14px;
    cursor: pointer;
	background: url(/images/program_guide/close.gif) no-repeat 100% 0;
}	
.data {
	display: none;
}