/* =================================================================================================
	R3 Page Header
================================================================================================= */
#pageHeader{
	border-color:#ffa500 /*#8DC63E*/;
	padding-left:10px;
}

/* =================================================================================================
	Font size
================================================================================================= */
#contenttext{
	font-size:150%;
}


/* =================================================================================================
	R3 Right NAVIGATION MENU - START
================================================================================================= */

#navigation{
	background:#3f3530;
}

/*active item*/
.program		#navigation	li.program,
.helpdesk  	#navigation li.helpdesk,
.location 	#navigation li.location,
.promotion 		#navigation li.promotion,
.tips 	#navigation li.tips,
.health  			#navigation li.health,
.guide 		 	#navigation li.guide,
.helpdesk 		 	#navigation li.helpdesk,
.new 		 	#navigation li.new,
.lbs 		 	#navigation li.lbs
{
	padding:0;
	margin-top:-1px; /*cover the border of previous one*/
}

/*active item*/
.program		#navigation	li.program  a,
.helpdesk  	#navigation li.helpdesk  a,
.location 	#navigation li.location  a,
.promotion 		#navigation li.promotion  a,
.tips 	#navigation li.tips  a,
.health  			#navigation li.health  a,
.guide 		 	#navigation li.guide  a,
.helpdesk 		 	#navigation li.helpdesk a,
.new 		 	#navigation li.new a,
.lbs 		 	#navigation li.lbs a
{
	/*background:#e98713;*/
	background:#ffa500/*#8cc63f*/;
	border:none;
	padding-left:20px; 
}

#navigation li a {
	color:#fff;
	border-color:#5f524a;
}
#navigation li a:hover, #navigation li a:focus {
	background:#534741;
}

/* =================================================================================================
	R3 Right NAVIGATION MENU - END
================================================================================================= */


/* For R2 WiFi locator change to R3, please remove if locator changed */
#article { overflow:hidden;}

/* =================================================================================================
	Content
================================================================================================= */
h3{
	font-size:1.15em;
	
}
h4{
	font-size:1.15em;
	margin:0 0 10px;
}

.top_header2{
	color: #8c6239;
	font-size:large;
	padding: 3px 0px 3px 3px;
	font-weight:bold;	
}
@media screen{
    .top_header2{font-weight:normal;}
}

#contenttext{color:#4B4B4B;}
#contenttext p{
	margin:0 0 15px;
	line-height:1.15em;
}
#contenttext b{
	font-size:1.15em;
}
#contenttext ul, #contenttext ol{padding:0 5px;}

#contenttext a{color:black; padding:0; border:0;
	font-size:1em;}
#contenttext a:link ,
#contenttext a:visited { color:black; text-decoration:underline; 
	font-size:1em;}
#contenttext a:hover,
#contenttext a:active,
#contenttext a:focus {color:black; text-decoration:none;
	font-size:1em;}
	
#contentItemContent{
	/*margin-left:20px;*/
	width:100%;
	margin:0 0 15px;
	clear:both;
}

#contentItemContent ul li{
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	font-size:1em;
	margin: 0em 0em 0.4em 1em;
	padding: 0.5em 0em 0.5em 0em;
	line-height:1.3em;
}
#contentItemContent ol li{
	display: list-item;
	list-style-type: decimal;
	list-style-position: outside;
	font-size:1em;
	margin: 0em 0em 0.4em 1.5em;
	padding: 0.5em 0em 0.5em 0em;
	line-height:1.3em;
}

#contentItemContent ol ol li{
	display: list-item;
	list-style-type: lower-roman;
	list-style-position: outside;
	font-size:1.15em;
}

/*=========Content Item Class =============*/
.contenttext{color:#4B4B4B;}
.contenttext p{
	margin:0 0 15px;
	line-height:1.15em;
}
.contenttext b{
	font-size:1.15em;
}
.contenttext ul, #contenttext ol{padding:0 5px;}

.contenttext a{color:black; padding:0; border:0;
	font-size:1em;}
.contenttext a:link ,
.contenttext a:visited { color:black; text-decoration:underline; 
	font-size:1em;}
.contenttext a:hover,
.contenttext a:active,
.contenttext a:focus {color:black; text-decoration:none;
	font-size:1em;}
	
.contentItemContent{
	/*margin-left:20px;*/
	width:100%;
	margin:0 0 15px;
	clear:both;
}

.contentItemContent ul li{
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	font-size:1em;
	margin: 0em 0em 0.4em 1em;
	padding: 0.5em 0em 0.5em 0em;
	line-height:1.3em;
}
.contentItemContent ol li{
	display: list-item;
	list-style-type: decimal;
	list-style-position: outside;
	font-size:1em;
	margin: 0em 0em 0.4em 1.5em;
	padding: 0.5em 0em 0.5em 0em;
	line-height:1.3em;
}

.contentItemContent ol ol li{
	display: list-item;
	list-style-type: lower-roman;
	list-style-position: outside;
	font-size:1.15em;
}
/*========= End of Content Item Class ===*/

.hidden{display:none !important;}
.marginBottom10{margin:0 0 10px !important;}
.noMargin{margin:0 !important;}
.smallFont{font-size:x-small; padding-top:3px;}

#homepageselect {
	width:100%; 
	margin:0; 
	/*height:20px;*/
	/*background-image:url('/en/theme/wifi/images/content_topbar_bg.gif');*/
}

#homepageselectcontainer {
	float:left; 
	width:643px !important; 
	/*height:20px; */
	margin:0; 
	padding:0px 20px 0 1.0em;
	font-weight:bold;
	color: #aa7815;
	vertical-align: text-bottom;
	line-height: 2em;
	overflow:visible;
	/*
	background-color:blue;
	*/
}
#homepageselectcontainer p {margin-bottom:15px !important;}
#homepageselectcontainer h4 {font-size:1.5em !important;}
#homepageselectcontainer #contentItemContent ul li {font-size:1.3em !important;}
#homepageselectPulldown {font-size:1.2em;}
#homepageselectPulldown select{margin-bottom:5px;}

#homepageselectCurrentdistrict {
	float:left; 
	width:0%; 
	/*height:28px; */
	margin-top:0px; 
	margin-left:0px;
	margin-right:0px; 
	margin-bottom: 0px;
	display: none;
	/*
	background-color:yellow;
	*/
}

#homepageselectPulldown {
	float:left; 
	width:100%; 
	margin-top:0px; 
	margin-left:0px;
	margin-right:0px; 
	margin-bottom: 0px;
	overflow:hidden;
}

#programmeTableallhead{
	width:100%; 
	height:auto;
	/*background-color:#feac1c;
	color: #8c6239;
	*/
	background-color:#ffa500/*#8cc63f*/;
	font-weight:bold;
	height:30px;
}
#programmeTableHead{
	float:left; 
	width:16%; 
	/*background-color:#feac1c;*/
	font-size:1.15em;
	padding: 3px 0px 0px 3px;

}
#programmeTablenamehead{
	float:left; 
	width:25%; 
	background-color:#feac1c;
	padding: 3px 0px 0px 3px;
}
#programmeTableaddhead{
	float:left; 
	width:50%; 
	background-color:#feac1c;
	padding: 3px 0px 0px 3px;
}
#programmeTabledisthead{
	float:left; 
	width:10%; 
	background-color:#feac1c;
	padding: 3px 0px 0px 3px;
}

#programmeTableall{
	width:100%; 
	height:auto;
	border-bottom: 2px solid #ffa500/*#8cc63f*/;
	/*color: #8c6239;
	font-weight:bold;
	*/
	overflow: auto;
}
#programmeTableContent{
	float:left; 
	width:16%; 
	padding: 0px 0px 0px 3px;
	font-size : 1em;
	line-height:1.4em;
}
#programmeTableContent a{
	font-size : 1em;
}

/*=== Programme Head Class ===*/
.programmeTableallhead{
	width:100%; 
	height:auto;
	/*background-color:#feac1c;
	color: #8c6239;
	*/
	background-color:#ffa500/*#8cc63f*/;
	font-weight:bold;
	height:30px;
}
.programmeTableHead{
	float:left; 
	width:16%; 
	background-color:#ffa500/*#8cc63f*/;
	font-size:1.15em;
	padding: 3px 0px 0px 3px;

}
.programmeTablenamehead{
	float:left; 
	width:25%; 
	background-color:#feac1c;
	padding: 3px 0px 0px 3px;
}
.programmeTableaddhead{
	float:left; 
	width:50%; 
	background-color:#feac1c;
	padding: 3px 0px 0px 3px;
}

.programmeTabledisthead{
	float:left; 
	width:10%; 
	background-color:#feac1c;
	padding: 3px 0px 0px 3px;
}

.programmeTableall{
	width:100%; 
	height:auto;
	border-bottom: 2px solid #ffa500/*#8cc63f*/;
	/*color: #8c6239;
	font-weight:bold;
	*/
	overflow: auto;
}

.programmeTableContent{
	float:left; 
	width:16%; 
	padding: 0px 0px 0px 3px;
	font-size : 1em;
	line-height:1.4em;
}

.programmeTableContent_tr{
	border-bottom: 2px solid #ffa500/*#8cc63f*/;
}

.programmeTableContent a{
	font-size : 1em;
}
/*== End of Pragramme Content ==*/

.guide_encrypt_area{padding:0 10px 0 0;}
.guide_encrypt{
	padding:8px 5px 8px 5px;
	float:left;
	font-size:1.15em;
	line-height:1.15em;
	font-weight:normal; 
	color:#000000;
	margin:0 0 20px;	
}
.bg{float:left; width:100%;background-color:#ffa500/*#8cc63f*/;} 

/*	<location_result>	*/
#resultallhead{
	display:inline-block;
	width:673px; 
	/*
	margin-left:2px;margin-right:2px; margin-top:2px; margin-bottom:2px; 
	border-bottom:2px solid #FFFFFF;
	color: #8c6239;
	*/
	background-color:#ffa500/*#8cc63f*/;
	font-weight:bold;
	color:#4b4b4b;
	font-size:1.1em;
}
#resultall{
	width:673px;
	height:auto;
	border-bottom: 2px solid #ffa500/*#8cc63f*/;
	overflow: auto;
	font-size:1.1em;
}

#resultall a{color:black; padding:0; border:0;}
#resultall a:link ,
#resultall a:visited { color:black; text-decoration:underline; }
#resultall a:hover,
#resultall a:active,
#resultall a:focus {color:black; text-decoration:none;}

#resultno, #resultname, #resultadd, #resulttype, #resulttypehead, #resultaddhead, #resultnamehead{	float:left; 	padding: 3px 3px 0px 3px;	}
#resultname, #resultadd, #resulttype, #resultdist, #resulttypehead, #resultaddhead, #resultnamehead{	font-size:1.15em;	}
#resultdisthead{
	float:left; 
	width:15%; 
	font-size:1.15em;
	padding: 3px 0px 0px 8px;
}
#resulttypehead, #resultaddhead, #resultnamehead, #resultdisthead {padding-right:3px;}

#resultno{	width:4%;	}
#resultnamehead{	width:40%; 	} /*22%*/
#resultaddhead{	 width:50%;	} /*28%*/
#resultname{ width:40%;	} /*22%*/
#resultadd{	width:50%;	}  /*28%*/
/*#resultnamehead{	width:22%; 	}
#resultaddhead{	width:28%;	}
#resulttypehead{	width:20%;	}
#resultno{	width:5%;	}
#resultname{	width:22%;	}
#resultadd{	width:28%;	}
#resulttype{	width:20%;	}
#resultdist{	float:left;	width:15%;	padding: 3px 0px 0px 8px;	}*/
/*	</location_result>	*/

/*	<address_layout>	*/
#location_container, #left_location_address_image_container {float:left;	width:100%;	}
.left_location_address_info_container {float:left;	width:100%;	}
#left_location_address{	width:50%; 	}

.left_info{
	float:left; 
	width:30%; 
	font-size:1.15em;
	font-weight:bold;
}
.right_info{
	float:left; 
	width:70%; 
}

.left_mapButtons{
	float:left; 
	width:30%; 
	font-size:1.15em;
	font-weight:bold;
}

.mapButtons{
	float:left; 
	width:70%; 
}


#right_location{
	float:left; 
	clear: both;
	padding: 0px;
	margin: 0px;
	position:relative;
	width:350px;
	font-size:1.15em;
 	text-align: right;
}
#mapImg{
	width: 800px; height: 600px;
}
#BackToMapDistrict{
	float: left;
	position: relative;
	left: 6px;
}
#location_of_site, #disclaimerDiv{
	display: block;
	width: 350px;
	clear: both;
	padding: 0px;
	margin: 0px;
}
#moveDisclaimer{
	height: 0px;
	line-height: 10px;
	position: relative;
	display: block;
	left: 10px;
	padding: 0px;
	margin: 0px;
	top: -85px;
	width: 330px;
	z-index: 11;
}
#right_location{
	padding-top: 12px;
}
#right_location_layer{
	position:relative;
	float:left; 
	width:350px; 
	height:330px; 
	z-index:1 ;
	overflow: scroll;
	font-size:1.15em;
	border: 4px solid #ffa500/*#8cc63f*/;
	padding: 0;
	margin: 0 auto;
}
#top_header{
	float:left; 
	width:100%; 
	color: #8c6239;
	font-size:1.15em;
	padding: 3px 0px 3px 3px;
}
/*	</address_layout>	*/

#winnerTableall{
	width:100%;
	height:auto;
	border-bottom: 2px solid #ffa500/*#8cc63f*/;
	color: #8c6239;
	overflow: auto;
}
#winnerTableContent{
	float:left;
	width:32%;
	padding: 3px 0px 0px 3px;
}

.winnerTableall{
	width:100%;
	height:auto;
	border-bottom: 2px solid #ffa500/*#8cc63f*/;
	color: #8c6239;
	overflow: auto;
}
.winnerTableContent{
	float:left;
	width:32%;
	padding: 3px 0px 0px 3px;
}
.chiFontTitle{font-size:1.5em !important;}
.chiFont{font-size:1.3em !important;}
/* =================================================================================================
	faq
================================================================================================= */

.faq_whole {
	font-size:0.9em; /* for B-and-T length (max) */
	width:673px !important;
	padding:20px 0 20px 0;
} /* Container */

.faq_question_list{
	line-height:1.15em;
	text-decoration:underline;
}

.faq_question_list:link ,
.faq_question_list:visited { color:black; text-decoration:underline; }
.faq_question_list:hover,
.faq_question_list:active,
.faq_question_list:focus {color:black; text-decoration:none;}

.faq_question .bg{
	width:100%;
	background-color:#ffa500/*#8cc63f*/;
} 
.faq_question .textHolder 
{
	padding:5px 10px;
	color:#000000;
	line-height:1.15em;
	margin-bottom:20px;	
	width:653px !important;
}
.faq_question .textHolder h3 {
	font-size:1.15em; 
	font-weight:normal; 
	color:#CC0000; 
}
.faq_answer{font-size:1.1em;}

/*=========================================
Events and Promotion
===========================================*/
.promotion_table{
	border: 0;
	padding:10px;
	width: 50%;
	text-align:center; 
	margin-left:25%; 
	
}

.slogan_td{
	vertical-align: middle; 
	font-size:1.15em;
}

.promtion_row_head{
	width:10%
}

.signage_table{
	border: 0;
	padding:10px;
	text-align:center; 
	margin-left:10%; 
}

.signage_image{

	text-align:center;
	padding:10px;
}

.signage_desc{
	
	padding:10px;	
	text-align:center; 
	background-color:#ffa500
}

.signage_honri_space{
	width: 10px;
}

.signage_vertical_space{
	height: 20px;
}

.leaflet_table{
	border: 0;
	padding:10px;
	width: 50%;
	text-align:center; 
	margin-left:25%; 
	margin-left:25%;
}

.leaflet_image{
	width: 30%;
}

.leaflet_desc{
	border: 0;
	padding:10px;
	width: 30%;
	text-align:center; 
	background-color:#ffa500;
}

.video_table{
	border: 0;
	padding:10px;
	width: 60%;
	text-align:center; 
	margin-left:25%; 
}

.video_header_desc{
	border: 0;
	padding:10px;
	width: 50%;
	text-align:center; 
	background-color:#ffa500;
}

.video_header_format{
	border: 0;
	padding:10px;
	width: 20%;
	text-align:center; 
	background-color:#ffa500;
}

.video_header_size{
	border: 0;
	padding:10px;
	width: 30%;
	text-align:center; 
	background-color:#ffa500;
}

.video_content{
	border: 0;
	padding:10px;
	width: 30%;
	text-align:center; 
}