@charset "UTF-8";
/* DIV Slider Content */
.photo{
 margin:0px;
 position:relative;
 top: 0px;
 left: 0px;
 width:600px;
 height:320px;
}

.photo span{
 width: 58px;
 height: 58px;
 display: block;
 position: absolute;
 top: 0px;
 left: 40px;
 background: url(/media/static/images/enlarge.png) no-repeat;
}

.scroll-track{
 height:15px;
 width:13px;
 background:#c5c5c5;
}

.scroll-handle{
 border: 1px solid #939393;
 height:15px;
 width:13px;
 background:#939393;
 cursor:pointer;
}

.scroll-track-top{
 background-image: url(/media/static/images/scroll-track-top.png);
 height: 15px;
 width: 15px;
}

.scroll-track-bot{
 background-image: url(/media/static/images/scroll-track-bot.png);
 height: 15px;
 width: 15px;
}

/* CSS Document */
body {font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:0.875em;
	font-weight: 300;
	color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color : #e5e572;}

img, div , table { behavior: url(/media/static/css/iepngfix.htc) }

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
a {text-decoration:underline; color:#ffffff;}
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }
p { margin-top:0px;}

/* CONTENT BLOCK */
.core_tb{background-color : #a1c6ea;}
.inside_tb{background-color : #787878;}
.level_frame{background-image:url(/media/static/images/level_frame2.gif);}
.main_frame_mission{background-image:url(/media/static/images/main_frame_mission.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_about{background-image:url(/media/static/images/main_frame_mission.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:0.995em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_game{background-image:url(/media/static/images/main_frame_game.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_gamedetails{background-image:url(/media/static/images/main_frame_gamedetails.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_homework{background-image:url(/media/static/images/main_frame_homework.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_homework_new{background-image:url(/media/static/images/main_frame_homeworklist_new.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_game_new{background-image:url(/media/static/images/main_frame_gamelist_new.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_pastpaper_new{background-image:url(/media/static/images/main_frame_pastpaper_new.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_postlist_new{background-image:url(/media/static/images/main_frame_postlist_new.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_newsfeed_new{background-image:url(/media/static/images/main_frame_newsfeed_new.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_guide_new{background-image:url(/media/static/images/main_frame_guide_new.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_about_new{background-image:url(/media/static/images/main_frame_about_new.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_contact_new{background-image:url(/media/static/images/main_frame_contact_new.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_homeworkdetails{background-image:url(/media/static/images/main_frame_homeworkdetails.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
#main_frame_rank{text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:0.775em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_pastpaper{background-image:url(/media/static/images/main_frame_pastpaper.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_post{background-image:url(/media/static/images/main_frame_post.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_newsfeed{background-image:url(/media/static/images/main_frame_newsfeed3.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_album{background-image:url(/media/static/images/main_frame_album.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}	
.main_frame_albumlist{background-image:url(/media/static/images/main_frame_albumblist.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.newsfeed_list{text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.newsfeed_list_time{text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:0.555em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.newsfeed_list_headline{text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.newsfeed_list_content{text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_profile{background-image:url(/media/static/images/main_frame_profile.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_sendform{background-image:url(/media/static/images/main_frame_sendform.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_summary{background-image:url(/media/static/images/main_frame_summary.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_login{background-image:url(/media/static/images/main_frame_login.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.main_frame_register{background-image:url(/media/static/images/main_frame_register.png);
	text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
.yellow_1255{text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.255em;
	font-weight: 300;
	text-align: justify;
	color: #f0f042;}
.yellow_995{text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:1.205em;
	font-weight: 300;
	text-align: justify;
	color: #f0f042;}
.footnote{text-align: justify;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:0.555em;
	font-weight: 300;
	text-align: justify;
	color: #ffffff;}
#contentbanner {padding-left:27px;}
#contentblock { width:930px; padding-left:18px; padding-right:30px; padding-top:0px; padding-bottom:10px; font-size:14px; line-height:19px; float:left; background-image:url(../images/bg/bg_box_content_middle.png);}
#contentblock a {color:#2971A7;}
#contentblock a:hover {text-decoration:underline;}
#contentblock #header {font-size:20px; font-weight:bold; line-height:24px; color:#ED9106;}
#contentblock p.remark {font-size:10px; line-height:14px; color:#333333;}
#contentblock #sectionline {color:#ED9106; font-weight:bold;}
#contentblock ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
	margin-bottom:18px;
	padding-left:5px;
}
#contentblock ol.faq-list li {
margin:0;
margin-bottom:15px;
}
#contentblock ol.faq-sublist li {
margin:0;
margin-bottom:0px;
}
#contentblock ol li { 
line-height:25px;
margin-bottom:15px;
}

/* Classic Listing Table*/
#contentblock table.clickable {
	width: 100%;
}
#contentblock table.clickable thead th {
	border-bottom: 1px solid #eee;
	color: #aaa;
	font-weight: bold;
	text-align: right;
	padding: 0 5px 2px 0;
}
#contentblock table.clickable td.num {
	text-align: right;
}
#contentblock table.clickable td.per {
	text-align: right;
	padding-right:30px;
}
#contentblock table.clickable th.per {
	text-align: right;
	padding-right:30px;
}
#contentblock table.clickable td.name {
	text-align: left;
	padding-left:30px;
}

#contentblock table.clickable tbody tr td, 
#contentblock table.clickable tbody tr th {
	padding: 10px;
}
#contentblock table.clickable tbody tr.first td, 
#contentblock table.clickable tbody tr.first th {
	border-top: 1px solid #e5e5e5;
}
#contentblock table.clickable tbody tr.odd td, 
#contentblock table.clickable tbody tr.odd th {
	background-color: #f5f5f5;
}
#contentblock table.clickable tbody tr:hover td, 
#contentblock table.clickable tbody tr.odd:hover td, 
#contentblock table.clickable tbody tr:hover th, 
#contentblock table.clickable tbody tr.odd:hover th {
	background-color: #FFFFD1;
}
#contentblock table.title tbody tr:hover td {
	background-color: #fff;
}
#contentblock table.clickable tr td a, 
#contentblock table.clickable tr th a {
	background-color: transparent;
	text-decoration: none;
}
#contentblock table.clickable tr td a:hover, 
#contentblock table.clickable tr th a:hover {
	background-color: transparent;
	color: #0063dc;
	text-decoration: underline;
}
/* PROGRAMME */
#contentblock div.programmepool {
	float:left; padding-top:20px; padding-left:20px; width:680px;
    border-right:solid; border-right-width:1px; border-right-color:#666666;
}
#contentblock div.programmepool div div.picture{
	width:160px; float:left; background-image:url(../images/channel/programme_holder.jpg); padding: 12px;
}
#contentblock div.programmepool div div.description{
	width:465px; padding-top:14px; float:left; vertical-align:middle;
}
#contentblock div.programmepool div div.description div.meta{
	padding:0 0 0 0;
}
#contentblock div.programmepool div div.description div.meta span.heading{
	font-weight:bold; font-size:16px; color:#FF9900;
}
#contentblock div.programmepool div div.description div.meta span.normal{
	font-size:13px; color:#666666;
}
#contentblock div.programmepool div div.description div.details{
	padding:10px 0 0 0;
}
#contentblock div.programmepool div div.description div.details p{
	padding:0 0 0 0;
	margin:0 0 10px 0;
}

#contentblock div.rightpad div.showtime{
	float:left; width:40px;
	font-size:12px; line-height:20px; color:#666666; 
	padding-bottom:10px; padding-left:5px;
	text-align:left;
}

#contentblock div.rightpad div.showname{
	float:left; width:165px;
	font-size:14px; line-height:20px; color:#000000;
	padding-bottom:10px;
}
#contentblock div.rightpad div.showtimefull{
	float:left; width:40px;
	font-size:12px; line-height:16px; color:#666666; 
	padding-bottom:10px; padding-left:5px;
	text-align:left;
}

#contentblock div.rightpad div.shownamefull{
	float:left; width:150px;
	font-size:12px; line-height:16px; color:#000000;
	padding-bottom:10px;
}

/* CHANNEL-LIST-BLOCK */
#channel-list-block { width:950px; padding-left:27px; padding-top:0px; padding-bottom:10px; font-size:14px; line-height:19px; float:left; background-image:url(../images/bg/bg_box_content_middle.png);}

#channel-list-block div div.channel-type-title { width:932px; height:30px; }
#channel-list-block div div.channel-pool { width:862px; padding:20px 20px 20px 50px; float:left; min-height:30px;}
#channel-list-block div div.channel-pool div.channel-block { width:257px; height:64px; padding:4px; margin-right:10px; margin-bottom:5px; float:left;}


/* Service Account Payment Block */
#contentblock div.paymentblock {
	float:left; width:210px; margin-right:15px; height:330px;
}
#contentblock div.paymentblock div.paymenticon {
	width:210px; padding-left:
}
#contentblock div.paymentblock div.paymentcontent {
	padding-left:21px; width:184px; padding-top:5px; padding-right:5px; text-align:justify;
}

/* Channel Schedule List Block */
#contentblock div.schedulelabel {
	float:left; width:40px; padding-left:30px; padding-top:10px; 
	border-right:thin; border-right-color:#CCCCCC; border-right-style:solid;
}
#contentblock div.schedulelabel div.labeltime {
	height:30px; font-size:10px;
}
#contentblock div.schedulelist {
	float:left; width:210px; 
	padding-top:10px; padding-left:10px; padding-right:10px;
}

#contentblock div.schedulelist div.programmeblock-first {
	padding-left:15px; padding-right:15px; width:180px;
	border-top:thin; border-top-color:#999999; border-top-style:solid;
	border-bottom:thin; border-bottom-color:#999999; border-bottom-style:solid;
	background-color:#F4F4F4;
	overflow:hidden;
}
#contentblock div.schedulelist div.programmeblock-mid {
	padding-left:15px; padding-right:15px; width:180px;
	border-bottom:thin; border-bottom-color:#999999; border-bottom-style:solid;
	background-color:#F4F4F4;
	overflow:hidden;
}
#contentblock div.schedulelist div.programmeblock-morning {
	padding-left:15px; padding-right:15px; width:180px;
	border-bottom:thin; border-bottom-color:#999999; border-bottom-style:solid;
	background-color:#ECF8FB;
	overflow:hidden;
}
#contentblock div.schedulelist div.programmeblock-afternoon {
	padding-left:15px; padding-right:15px; width:180px;
	border-bottom:thin; border-bottom-color:#999999; border-bottom-style:solid;
	background-color:#F5FFDF;
	overflow:hidden;
}
#contentblock div.schedulelist div.programmeblock-night {
	padding-left:15px; padding-right:15px; width:180px;
	border-bottom:thin; border-bottom-color:#999999; border-bottom-style:solid;
	background-color:#F9E9F5;
	overflow:hidden;
}
#contentblock div.schedulelist div div.showtime {
	font-size:10px; color:#999999; padding-top:0px;
}
#contentblock div.schedulelist div div.showtitle {
	font-size:13px; color:#000000; padding-top:3px;
}


/* GLOBALHEADER */
#globalheader { width: 977px; height: 40px; margin: 0px auto; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; height: 0; padding-top: 40px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader #globalsearch { background-image: url(../images/bg_menu_3_layer.png); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-blank a { background-position: 0 0; }
#globalheader #globalnav li#gn-home a { background-position: -175px 0; }
#globalheader #globalnav li#gn-table a { background-position: -264px 0; }
#globalheader #globalnav li#gn-channel a { background-position: -359px 0; }
#globalheader #globalnav li#gn-client a { background-position: -474px 0; }
#globalheader #globalnav li#gn-service a { background-position: -589px 0; }
#globalheader #globalnav li#gn-register a { background-position: -700px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-blank a:hover { background-position: 0 0px; }
#globalheader #globalnav li#gn-home a:hover { background-position: -175px -40px; }
#globalheader #globalnav li#gn-table a:hover { background-position: -264px -40px; }
#globalheader #globalnav li#gn-channel a:hover { background-position: -359px -40px; }
#globalheader #globalnav li#gn-client a:hover { background-position: -474px -40px; }
#globalheader #globalnav li#gn-service a:hover { background-position: -589px -40px; }
#globalheader #globalnav li#gn-register a:hover { background-position: -700px -40px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-blank a:active { background-position: 0 0px; }
#globalheader #globalnav li#gn-home a:active { background-position: -175px -40px; }
#globalheader #globalnav li#gn-table a:active { background-position: -264px -40px; }
#globalheader #globalnav li#gn-channel a:active { background-position: -359px -40px; }
#globalheader #globalnav li#gn-client a:active { background-position: -474px -40px; }
#globalheader #globalnav li#gn-service a:active { background-position: -589px -40px; }
#globalheader #globalnav li#gn-register a:active { background-position: -700px -40px; }

/* ON STATES */
#globalheader.blank #globalnav li#gn-blank{ background-position: 0 0; cursor: default; }
#globalheader.home #globalnav li#gn-home a { background-position: -175px -80px !important; }
#globalheader.table #globalnav li#gn-table a { background-position: -264px -80px !important; }
#globalheader.channel #globalnav li#gn-channel a { background-position: -359px -80px !important; }
#globalheader.client #globalnav li#gn-client a { background-position: -474px -80px !important; }
#globalheader.service #globalnav li#gn-service a { background-position: -589px -80px !important; }
#globalheader.register #globalnav li#gn-register a { background-position: -700px -80px !important; }

/* Link Listing */
#linklist a {
text-decoration:none;
line-height:25px;
color:#333333;
}
#linklist a:hover {
color:#0088CC;
text-decoration:none;
}

/* Section Content */
#sectioncontent a {
line-height:25px;
}

/* Programme Highlight */
#content a {
text-decoration:none;
}
#content a:hover {
text-decoration:none;
}
#content ul.grid5col{ display:block; margin-top:0px; margin-bottom:0px; margin-left:0px; padding:1px 0px 0 30px;}
#content ul.grid5col li{ float:left; border:none; margin:0 0 0 0; padding:0 5px 0 0; }
#content ul.grid5col li.title p{ font-size:16px; color:#FF7502; padding-left:6px; }
#content ul.grid5col li a{ color:#FF7502; display:block; position:relative; width:168px; height:149px; background:url(../images/highlight/highlight_master.png); }
#content ul.grid5col li a:hover{ background-position:0 -150px; }
#content ul.grid5col li a:hover{ color:#FFFFFF; }
#content ul.grid5col li strong { font-size:12px; }
#content ul.grid5col li strong{ bottom:22px; left:6px;  position:absolute;}
#content ul.grid5col li span{ font-size:11px; color:#000000; line-height:14px; }
#content ul.grid5col li span{ bottom:6px; position:absolute; left:15px; }
#content ul.grid5col li a img{ position:absolute; right:16px; top:18px; z-index:0; border:none; }
#content ul.grid5col li a em{ position:absolute; top:16px; right:15px; z-index:0; width:80px; height:52px; background:url(../images/highlight/highlight_master.png) repeat; font-size:10px; color:#fff !important; text-align:center; line-height:55px; }

div .popupbox {
	font-size:14px; line-height:18px;
}
div .popupbox h1 {
	line-height:30px;
}
div .popupbox span.showdatetime {
	font-size:12px; line-height:14px; color:#666666;
}