@charset "UTF-8";

.program_table_container {
	text-align: left;
}

.program_table_container.placement_top {
	width:1000px; 
	height: 690px; 
	position: relative; 
	margin:0px; 
	padding:0px;
}

.program_table_container.placement_weekly {
	width:1000px; 
	height: 670px; 
	position: relative; 
	margin:0px; 
	padding:0px;
}



.program_table_container .program div p.prog_time{
	margin-top: 9px;
	font-weight: bold;
	color: #333;
}

.program_table_container .program div p.prog_title{
	font-weight: bold;
	color: #44BEEF;
	margin-top: 5px;
	font-size: 12px;
}

.program_table_container .program div p.prog_pfm{
	margin-top: 5px;
	color: rgb(80, 80, 80);
	font-size: 12px;
}

.program_table_container .program div.now_prog p.prog_title{
	color: rgb(51, 48, 48);
}

.program_table_container .program div.now_prog p.prog_pfm{
	color: #000;
}

.program_table_container .header_cont {
	position: relative; 
	margin-left:30px; 
	width: 3000px; 
	height: 70px; 
	border-bottom: 1px solid #ccc
}

.program_table_container .program {  
	overflow-y: scroll; 
	overflow-x: hidden; 
	height: 600px;
	position: relative!important; 
}

.program_table_container .scroll-bar-wrapper {
	margin-left:30px; 
	width: 910px;  
	height: 9px; 
	position: relative;
}
.program_table_container .scroll-bar-wrapper.top{
	border-bottom: 1px solid #ccc; 
}
.program_table_container .scroll-bar-wrapper.bottom{
	border-top: 1px solid #ccc; 
}

.program_table_container .scroll-bar {
	position: relative;
	height: 9px; 
	left: 0px;
	background: #444; 
	border-left: 1px solid #ccc;
	cursor: pointer;
}

.program_table_container .arrowLeft {
	position: absolute;
	left:0px;
	top: 200px;
}

.program_table_container .arrowLeft a {
	display: block;
	width: 21px;
	height: 310px;
	background: url(/images/sp_top_program_lr.png) no-repeat -63px 0;
}
.program_table_container .arrowLeft a:hover {
	background: url(/images/sp_top_program_lr.png) no-repeat -21px 0;
}
.program_table_container .arrowRight {
	position: absolute;
	top: 200px;
	right: 0px;
}
.program_table_container .arrowRight a {
	display: block;
	width: 21px;
	height: 310px;
	background: url(/images/sp_top_program_lr.png) no-repeat -42px 0;
}
.program_table_container .arrowRight a:hover {
	background: url(/images/sp_top_program_lr.png) no-repeat 0 0;
}
.program_table_container .arrowLeft a:hover,
.program_table_container .arrowRight a:hover {
	/*background-position: 0 -58px;*/
}

.program_table_container .program-container {
	/*width:940px; */
	width: 100%;
	overflow: hidden; 

	position: absolute;
	left: 30px;
}

.program_table_container .border_radius {
	border: solid 1px #ccc;
	border-radius: 6px;
}


.program_table_container .program-container .spacer {
	background: white;
	width: 30px;
	height: 70px;
	position: absolute;
	left: 0;
	z-index: 10;
	border-right: 1px solid #ccc;
}

.program_table_container .headerWrap {
	background: white;
	position: absolute;
	left: 0px;
}

.program_table_container .headerWrap .head_margin {
	position: relative;
	width: 100%;
	height: 5px;
}

.program_table_container .headerWrap .active .head_margin {
	background-color: #00A7E9;
}

.program_table_container .headerWrap .program-header-station {
	border-right: solid 1px #ccc;
	position: absolute;
	height: 70px;
	text-align: center;
	cursor: pointer;
}

.program_table_container .headerWrap .header-station-first {
	border-left: solid 1px #ccc;
}


.program_table_container .headerWrap .program-header-station:hover {
	background-color: #F5F5F5;
}

.program_table_container .headerWrap .active.program-header-station {
	background-color: #F5F5F5;
}

.program_table_container .headerWrap .active.program-header-station:hover  {
	background-color: #EAEAEA;
}

.program_table_container .headerWrap .station-logo {
	padding-top: 5px;
}

.program_table_container .headerWrap .dow-logo {
	padding-top: 17px;
}
.dow-logo_1{
	margin-top: 18px;
	margin-left: 55px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(/images/sp_program_days.png);
}
.dow-logo_2{
	margin-top: 18px;
	margin-left: 55px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: -31px 0;
    background-image: url(/images/sp_program_days.png);
}
.dow-logo_3{
	margin-top: 18px;
	margin-left: 55px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: -61px 0;
    background-image: url(/images/sp_program_days.png);
}
.dow-logo_4{
	margin-top: 18px;
	margin-left: 55px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: -91px 0;
    background-image: url(/images/sp_program_days.png);
}
.dow-logo_5{
	margin-top: 18px;
	margin-left: 55px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: -120px 0;
    background-image: url(/images/sp_program_days.png);
}
.dow-logo_6{
	margin-top: 18px;
	margin-left: 55px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: -150px 0;
    background-image: url(/images/sp_program_days.png);
}
.dow-logo_0{
	margin-top: 18px;
	margin-left: 55px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: -177px 0;
    background-image: url(/images/sp_program_days.png);
}
*:first-child+html .dow-logo_1{	margin-left: 0px; }
*:first-child+html .dow-logo_2{	margin-left: 0px; }
*:first-child+html .dow-logo_3{	margin-left: 0px; }
*:first-child+html .dow-logo_4{	margin-left: 0px; }
*:first-child+html .dow-logo_5{	margin-left: 0px; }
*:first-child+html .dow-logo_6{	margin-left: 0px; }
*:first-child+html .dow-logo_0{	margin-left: 0px; }
.program_table_container .tt_time_col {
	position: absolute;
	left: 0;
	width: 30px;
	border-right: 1px solid #ccc;
}

.program_table_container .tt_time_col > div {
	border-bottom: 1px solid #ccc;
}

.program_table_container .tt_time_col img {
	padding-top: 3px;
}




/*--- wrap ---*/

.program_table_container .program .program-col {
	float: left;
	position: absolute;
	cursor: pointer;

}


.program_table_container .program .program-item {
	background-color: rgba(255, 255, 255, 0.4);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF);   /* IE6 & 7 */

	border: 1px solid #DFDFDF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 8px;
	color: rgb(0, 0, 0);
	/*opacity: 0.4;*/
	filter: alpha(opacity=40);

	margin: 3px 3px 7px 3px;

	text-align: left;
}

/*
.program_table_container .program .program-item.first {
	margin: 3px 0px 7px 8px !important;
}
*/

.program_table_container .program .show-one-station {
	margin-left: 4px;
}

.program_table_container .program .program-col:first-child {
	/*margin-left: 3px;*/
}
.program_table_container .program .program-item:hover {
	background-color: #EAEAEA;
}

.program_table_container .program .program-item .scroll_content {
	position: relative;
	padding-left: 9px;
	padding-right: 9px;
}

.program_table_container .program .program_text {
	position: relative;
	font-size: 10px;
}

.program_table_container .program .program_text p {
	cursor: pointer;
}


.program_table_container .program .now_prog {
	background-color: rgba(0,167,233, 0.4);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600A7E9,endColorstr=#6600A7E9)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600A7E9,endColorstr=#6600A7E9);   /* IE6 & 7 */
	border-color: #8ED2E8;
}

.program_table_container .program .now_prog:hover {
	background-color: #00A7E9;
}

.program_table_container .program .active .now_prog {
	background-color: rgba(0,167,233, 1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF00A7E9,endColorstr=#FF00A7E9)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF00A7E9,endColorstr=#FF00A7E9);   /* IE6 & 7 */
}

.program_table_container .program .active .now_prog:hover {
	background-color: #0093E9;
}


.program_table_container .program .border_1hour {
	border-bottom: solid 1px #CCCCCC;
}

.program_table_container .program .border_30min {
	border-bottom: dotted 1px #FFF;
}


.program_table_container .btn_rect {
	width: 100%;
	position: relative;
	background: white;
	text-align: center;
	border-radius: 5px;

	margin-top: 5px;
	padding: 5px 0px;
	color: #00A7E9;
	font-weight: bold;
	cursor: pointer;
}

.program_table_container .program .tt_hour_5 { background-color: #03e1fc; }
.program_table_container .program .tt_hour_6 { background-color: #19e5e7; }
.program_table_container .program .tt_hour_7 { background-color: #46efb8; }
.program_table_container .program .tt_hour_8 { background-color: #7bf983; }
.program_table_container .program .tt_hour_9 { background-color: #a5fc21; }
.program_table_container .program .tt_hour_10 { background-color: #cdf91c; }
.program_table_container .program .tt_hour_11 { background-color: #e2f91c; }
.program_table_container .program .tt_hour_12 { background-color: #ffe000; }
.program_table_container .program .tt_hour_13 { background-color: #ffbf00; }
.program_table_container .program .tt_hour_14 { background-color: #ff9d00; }
.program_table_container .program .tt_hour_15 { background-color: #ff7000; }
.program_table_container .program .tt_hour_16 { background-color: #ff4d00; }
.program_table_container .program .tt_hour_17 { background-color: #f23411; }
.program_table_container .program .tt_hour_18 { background-color: #cd243c; }
.program_table_container .program .tt_hour_19 { background-color: #97177a; }
.program_table_container .program .tt_hour_20 { background-color: #620db4; }
.program_table_container .program .tt_hour_21 { background-color: #3208e5; }
.program_table_container .program .tt_hour_22 { background-color: #1103fc; }
.program_table_container .program .tt_hour_23 { background-color: #1003f4; }
.program_table_container .program .tt_hour_24 { background-color: #1104d1; }
.program_table_container .program .tt_hour_25 { background-color: #1009a8; }
.program_table_container .program .tt_hour_26 { background-color: #100e75; }
.program_table_container .program .tt_hour_27 { background-color: #14124e; }
.program_table_container .program .tt_hour_28 { background-color: #16143d; }

.program_table_container .program .tt_hour_5 .no_5 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 3px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_6 .no_6 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -33px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_7 .no_7 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -67px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_8 .no_8 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -103px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_9 .no_9 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -140px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_10 .no_10 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -175px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_11 .no_11 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -212px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_12 .no_12 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -247px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_13 .no_13 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -283px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_14 .no_14 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -320px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_15 .no_15 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -356px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_16 .no_16 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -392px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_17 .no_17 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -428px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_18 .no_18 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -464px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_19 .no_19 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -500px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_20 .no_20 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -535px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_21 .no_21 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -572px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_22 .no_22 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -608px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_23 .no_23 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -643px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_24 .no_24 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -680px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_25 .no_25 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -717px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_26 .no_26 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -751px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_27 .no_27 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -787px; height: 24px; width:28px; }
.program_table_container .program .tt_hour_28 .no_28 { padding-top: 3px; background:url("/images/icon_program_time_nosp.png") no-repeat 0 -823px; height: 24px; width:28px; }