@charset "UTF-8";

/* CSS Document */
@import url("basic.css");

/*
Doc: Shared
Project: in2it.sg
Project URL: http://in2it.sg
Author: Ler BH
Author URL: 
*/

/* content */
.contentcol { display: block; width: 610px; float: left;}
.promocol { display: block; width: 300px; float: right;}

.fullcol { display: block; width: 900px; margin-left: 10px;}
.halfcol { display: block; width: 445px; float: left; margin-left: 10px;}
.twothirdcol { display: block; width: 590px; float: left; margin-left: 10px;}
.singlecol { display: block; width: 300px; float: left; margin-left: 10px;}

.helpcol { display: block; width: 300px; float: right; margin-right: 10px;}
.detailcol { display: block; width: 590px; float: right; margin-right: 10px;}

.colleft { display: block; width: 300px; float: left;}
.colright { display: block; width: 300px; float: right;}

/* 
.contentnavi { display: block; height: 26px; padding: 9px 20px 0 20px; background: url(contentnavi_bg.png) repeat-x top;}
	.contentnavi ul { list-style-type: none; list-style-position: inside;}
		.contentnavi li { display: inline;}
			.contentnavi li a { display: inline-block; color: #8f8d8b; background: url(contentnavi_li_of_open.png) no-repeat left;}
			.contentnavi li a span { display: block; padding: 0 10px; line-height: 26px; background: url(contentnavi_li_of_close.png) no-repeat right;}
			.contentnavi li.on a { color: #2a2623; background: url(contentnavi_li_on_open.png) no-repeat left;}
			.contentnavi li.on a span { background: url(contentnavi_li_on_close.png) no-repeat right;}
			.contentnavi li a:hover { text-decoration: underline;}
*/

.top_contentarea { display: block; width: 100%; height: 100%; margin: 0 auto;}

.contentarea { display: block; width: 100%; height: 100%; margin: 0 auto; }
/* .contentarea { display: block; width: 920px; margin: 0 auto; padding: 0px;} */
/* .contentarea { display: block; width: 100%;}*/
.contentarea a { color: #aac849;}

/*.indexboxesarea { display: block; width: 610px; float: left; } */
/* .indexboxesarea { display: block; width: 610px; height: 1000px; float: left; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }  */
.indexboxesarea { display: block; width: 605px; float: left; padding-left: 12px; padding-top: 10px; padding-bottom: 10px; }
	.indexboxesarea .colleft { float: left;}
	.indexboxesarea .colright { float: right;}

	.indexboxesarea .col1 { display: block; width: 300px; margin-bottom: 10px;}
	.indexboxesarea .col2 { display: block; width: 605px; margin-bottom: 10px;}
	/* .indexboxesarea .subtitle { display: block; height: 32px; background: url(indexboxesarea_subtitle_open.gif) no-repeat left;} */
		.indexboxesarea .subtitle h3 { padding: 0 10px; font-size: 1.2em; color: #FFF; background: url(indexboxesarea_subtitle_close.png) no-repeat right;}
		.indexboxesarea .subtitle h3 span { display: block; line-height: 32px;}
	
	/* .indexboxesarea .col1 { background: #a5abaf url(indexboxesarea_close_col1.png) no-repeat bottom;}
	.indexboxesarea .col2 { background: #a5abaf url(indexboxesarea_close_col2.png) no-repeat bottom;}
	*/
	.indexboxesarea .slideindex { background: none;}
	
	.indexboxesarea .contentbox { display: block;}
	
	.slideindex .contentbox { border: none;}
	
	.igindex .iginfo { margin-bottom: 10px;}
		.igindex .igthumbnail { display: block; width: 120px; height: 123px; float: left; overflow: hidden;}
		.igindex .igtopiclist { display: block; width: 180px; float: right;}
	
	/* 
	.igindex .igtopiclist ul { list-style-type: none; list-style-position: inside;}
		.igindex .igtopiclist li { display: inline;}
		.igindex .igtopiclist li a { display: block; height: 40px; padding: 0 10px; color: #2a2623; border-bottom: 1px solid #a5abaf; overflow: hidden;}
		.igindex .igtopiclist li a:hover { background: #dbdddf;}
		.igindex .igtopiclist li a span { display: table-cell; vertical-align: middle; height: 40px;}
		*/
		
	.igindex .ignotes a { color: #2a2623;}
	.igindex .ignotes a:hover { text-decoration: underline;}
	.igindex .ignotes { display: block; }
	/* .igindex .ignotes { display: block; padding: 10px; border-top: 1px solid #CBCFD1; } */
	
	.otherindex .contentbox { padding: 10px;}
	
	.galleryindex .contentbox { border: none; position: relative;}
	.galleryindex .container { display: block; width: 100%; overflow: auto;}
		.galleryindex .container table { border-collapse: separate;}
			.galleryindex .container tr { vertical-align: top;}
			.galleryindex .container td { color: #CCC; vertical-align: top;}

		.galleryindex .container img { border: 2px solid #FFF;}
		.galleryindex .container .pictureholder { display: block; height: 124px;}
		.galleryindex .container .captionholder { font-size: 10px; line-height: 1.5em; display: block; height: 4.5em; padding: 3px; background: #555; overflow: hidden;}

.happeningarea { display: block; position: relative; width: 300px; float: left; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
/* .happeningarea { display: block; width: 300px; float: right; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } */
.promopanel { display: block; width: 300px; background: #555 url(latesthappening_close.png) no-repeat bottom;}
	.happeningtitle { display: block; height: 30px; background: url(happeningtitle_bg.png) no-repeat top;}
		.happeningtitle h3 { padding: 0 10px; font-weight: normal; font-size: 1.2em; color: #FFF;}
		.happeningtitle h3 span { line-height: 30px;}

	.promotionholder { display: block; padding: 10px; background: url(promotionholder_topline.gif) repeat-x top;}
		.promotiontitle { display: block; background: url(promotiontitle_bg.gif) no-repeat top;}
		.promotiontitle h4 { font-size: 1.1em; line-height: 23px; padding: 0 10px 8px 10px;}
			.announcement .promotiontitle h4 { background: url(promotiontitle_announcement_bg.gif) no-repeat bottom;}
			.upcomingevent .promotiontitle h4 { background: url(promotiontitle_upcomingevent_bg.gif) no-repeat bottom;}
			.promotion .promotiontitle h4 { background: url(promotiontitle_promotion_bg.gif) no-repeat bottom;}
		
		.promobox { display: block;}
			.announcement .promobox { background: #ecead3 url(promobox_announcement_close.gif) no-repeat bottom; padding-bottom: 10px;}
			.upcomingevent .promobox { background: #bcc6cd url(promobox_upcomingevent_close.gif) no-repeat bottom;}
			.promotion .promobox { background: #c0deda url(promobox_promotion_close.gif) no-repeat bottom;}
			
			.morepromotion a { display: block; padding: 0 10px; line-height: 23px; color: #FFF;}
				.morepromotion a:hover { text-decoration: underline;}
		
		.promobox .holder { padding: 5px 10px;}
			.promobox .holder a { color: #2a2623;}
			.promobox .holder a:hover { text-decoration: underline;}
			.promobox .holder p { margin-bottom: 0;}
			
			.promobox h4 { margin-bottom: 5px;}
			
			.promobox .event { border-bottom: 1px solid #969ea4;}
				.promobox .eventimage { display: block; width: 260px; height: auto; overflow: hidden;}
				
			.promobox table.holder { padding: 0;}
				.promobox table.holder tr { vertical-align: top;}
					.promobox table.holder th { padding: 5px 5px 5px 10px; border-bottom: 1px solid #9ab8ae;}
					.promobox table.holder td { padding: 5px 10px 5px 0; border-bottom: 1px solid #9ab8ae;}
			
			.promobox .iglist {}
				.promobox .iglist ul { list-style-type: none; background: #E0DDC6; padding: 5px;}
					.promobox .iglist li { display: inline;}
					.promobox .iglist li a { display: block; margin-bottom: 1px; padding: 5px 10px; background: #EFECD3;}
					.promobox .iglist li a span { display: block;}


					.aca_list_name .editlinktip a { color: #000;}
					
	.slideshow { background: url(indexboxesarea_subtitle_open.gif) no-repeat left top; border: none;}
	.slideshow h3 { padding: 0 10px; font-weight: normal; font-size: 1.2em; line-height: 32px; color: #FFF; border-top: none; background: url(indexboxesarea_subtitle_close.png) no-repeat right top;}

	.iginfo { background: url(indexboxesarea_subtitle_open.gif) no-repeat left top; border: none; position: relative; }
	
	.iginfo h3 { padding-left:10px; padding-right:10px; padding-top:5px; font-weight: normal; font-size: 1.2em; line-height: 32px; color: #FFF; border-top: none; background: url(indexboxesarea_subtitle_close.png) no-repeat right top;}
	.iginfo img { display:block; float:left; padding-top: 10px; padding-left: 5px; padding-bottom: 5px; border: none; }

	.iginfo a { color: #2a2623;}
	.iginfo a:hover { text-decoration: underline !important;}
	
	
	.container { background: #c0c4c7 url(indexboxesarea_subtitle_open.gif) no-repeat left top; border: none; }
	.container h3 { padding: 0 10px; font-weight: normal; font-size: 1.2em; line-height: 32px; color: #FFF; border-top: none; background: url(indexboxesarea_subtitle_close.png) no-repeat right top; }

	li.slick-rss-item { vertical-align: middle;}
	li.slick-rss-item img { vertical-align: middle;}
	li.slick-rss-item a {line-height: 16px;}
	
	.slick-rss-item  a:link, .slick-rss-item a:visited  { font-weight: normal; }
	div.slick-rss-container { padding-top: 0px; }

	.gk_ni_6_readmore_button { display: none; }/* margin: none; width: 100%; } */
	.gk_ni_6_readmore_button a { color: #AAAAAA !important; }
	
	/* .articles { width: 500px; padding-left: 30px; } */
	.blog tr, .blog td { padding-left: 30px; }
	
	/* .slideshow #fpss-container img{ width: 100%; height: 100%; } */
	/* .slideshow #navi-outer li a img, #navi-outer li a:hover img, #navi-outer li a.navi-active img { height: auto; margin: auto; } */
	
   td.gk_news_show_center { background: transparent url(small_arrow.png) no-repeat 3px 2px; padding-left: 20px; padding-top: 2px; }
	 
	 h4.gk_news_show_news_header  { font-weight:normal; margin:0 0 8px; padding:0; }
	 .gk_news_show_news_header a:link, .gk_news_show_news_header a:visited  { font-weight: normal; }
	 
	 td.contentheading { display: none; }
	 
	 div.PraiseCrumbsItem { margin-top: 3px; }
	 div.PraiseCrumbsSeparator { background: url(arrow_breadcrumb.gif) no-repeat right; padding: 10px; }
	 
	 td.sectiontableheader { background:#EFEFEF none repeat scroll 0 0; border-right:1px solid #FFFFFF; color:#333333; font-weight:bold; padding:4px; }
	 tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding:4px; }
	 
	 /* tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td { background:#FFFFCC; } */
	 tr.sectiontableentry2 td { background:#ECECEC; }

	 div.menu a, div.menu a:visited, div.menu a:link { border-left: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; }
	 
	 .inputbox:focus { background:#FFFFCC none repeat scroll 0 0; }
	 .inputbox { background:#FFFFFF none repeat scroll 0 0; border:1px solid #CCCCCC; }
	 input.inputbox { font-size:100%; padding:3px 5px; }
	 
	 .contentpane ul{ list-style-type: none; background: #EFEFEF; padding: 5px; }
	 .contentpane li{ padding: 5px; }
	 /* .contentpane a { color: #000; } */
	 
	 /* .contentpaneopen a { color: #000; } */
	 .contentpaneopen tr { padding: 10px; }
	 .contentpaneopen td { padding:10px 10px 10px 20px; }

	 .poll tr { padding: 5px; text-align: left; }
	 .poll td{ padding: 5px; text-align: left; }
	 
	 input.button  { background:#6EA720 none repeat scroll 0 0; border:medium thin; color:#FFFFFF; cursor:pointer; font-weight:bold; padding:0 5px; }
	 
	 td.setdtoc { font-weight: bold; }
	 td.seth_title, td.setd_title { font-weight: bold; }

     .slideshow #fpss-outer-container { border: none; margin: 0; padding: 0; }
     
    .contentpaneopen #comment #CommentMenu td { padding: 0; }
	 
	 /* ul.srfr li a:link, a:visited { font-weight: normal; } */
	 	 
	 /* 
	 a.readon_class { background: transparent url(b_readmore.png) repeat-x scroll 0 50%; 
border: medium none; 
clear: both;
display: block;
font-size: 10px;
font-weight: bold;
font-weight: 19px;
line-height: 19px;
margin-top:10px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
text-indent:9px;
text-transform:uppercase;
width:101px; }
          */
	/* .blog_more { display: none; } */

/* contentarea -------------------------------------------- */

hr { 
height: 0; 
border-style: dashed; 
border-width: 1px 0 0 0; 
border-color: #666666; 
}

hr.hr2 { 
height: 0; 
border-style: dashed; 
border-width: 1px 0 0 0; 
border-color: #666666; 
}

/* Menu */
table.menu {
	width: 100%;
}

/*Breadcrumb*/
.menu_style { display: block; height: 26px; padding: 9px 20px 0 20px; background: url(contentnavi_bg.png) repeat-x top;}


.pathway1 { 
	/* padding: 4px 20px; */
	/* padding-left: 15px; */
	/* margin-bottom: 10px; */
	background: #333; 
	color: #FFF; 
}

.pathway 1 span.onpage { 
	padding: 4px 18px 4px 4px; 
	background: none;
	background: #333; 
}

.pathway1 span { 
	padding: 4px 4px 4px 4px; 
	background: #333; 
	padding-left: 15px;
}

.pathway1 span a { 
	font-weight: normal;
	padding: 4px 18px 4px 4px; 
	background: url(arrow_breadcrumb.gif) no-repeat right;
}

.pathway1 span img { 
	display:none
}

.pathway1 a { 
	color: #E9E9E9;
	font-weight: normal !important;
} 


/*Main*/
.area table { 
	width: 100%; 
	border-collapse: collapse;
}

.area table tr { 
	vertical-align: top;
}